From b8c051f53f4168a0e1e636ef4bd18f27354feef5 Mon Sep 17 00:00:00 2001 From: Simon Huang Date: Mon, 5 Oct 2020 20:44:58 -0400 Subject: [PATCH] added check for browser extension --- extension/background.js | 2 +- extension/manifest.json | 10 ++++++++-- extension/netflix.js | 3 +-- public/assets/icon/extension-icon.png | Bin 0 -> 17962 bytes src/assets/get-chrome-ext.png | Bin 0 -> 6907 bytes src/components/Player/GetExtension.css | 8 +++++++- src/components/Player/GetExtension.tsx | 10 +++++----- src/components/Player/SubscriptionFrame.tsx | 5 ++--- src/pages/Home.css | 2 +- src/pages/Room.tsx | 2 +- 10 files changed, 26 insertions(+), 16 deletions(-) create mode 100644 public/assets/icon/extension-icon.png create mode 100644 src/assets/get-chrome-ext.png diff --git a/extension/background.js b/extension/background.js index a348126..cdbd2d0 100644 --- a/extension/background.js +++ b/extension/background.js @@ -36,6 +36,6 @@ chrome.webRequest.onHeadersReceived.addListener( responseHeaders: details.responseHeaders.filter((header) => !IFRAME_HEADERS.includes(header.name.toLowerCase())), }; }, - { urls: [''] }, + { urls: ['https://www.netflix.com/*', 'http://localhost/*', 'https://turtletv.app/*'] }, isFirefox ? ['blocking', 'responseHeaders'] : ['blocking', 'responseHeaders', 'extraHeaders'] ); diff --git a/extension/manifest.json b/extension/manifest.json index 9603511..e89419e 100644 --- a/extension/manifest.json +++ b/extension/manifest.json @@ -18,8 +18,14 @@ } ], "web_accessible_resources": ["netflix.js"], - "permissions": ["webRequest", "webRequestBlocking", ""], - "version": "1.0", + "permissions": [ + "webRequest", + "webRequestBlocking", + "https://www.netflix.com/", + "http://localhost/*", + "https://turtletv.app/" + ], + "version": "1.1", "icons": { "48": "icon_48.png" } diff --git a/extension/netflix.js b/extension/netflix.js index 4df6ef2..8f80e0e 100644 --- a/extension/netflix.js +++ b/extension/netflix.js @@ -8,12 +8,11 @@ window.parent.postMessage('video ready', '*'); player.addEventListener('play', (ev) => { window.parent.postMessage({ type: 'play', time: player.currentTime }, '*'); }); - player.addEventListener('pause', (ev) => { window.parent.postMessage({ type: 'pause', time: player.currentTime }, '*'); }); -// Subscribe listener for syncing requests +// Listen for syncing requests window.addEventListener('message', (ev) => { let type = ev.data.type; diff --git a/public/assets/icon/extension-icon.png b/public/assets/icon/extension-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..63e8f1ff136f0612517b64b80e33969f06348b5c GIT binary patch literal 17962 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 literal 0 HcmV?d00001 diff --git a/src/assets/get-chrome-ext.png b/src/assets/get-chrome-ext.png new file mode 100644 index 0000000000000000000000000000000000000000..d73811017f361b3739341ca5af639e859eea8a50 GIT binary patch literal 6907 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 BB0>NF literal 0 HcmV?d00001 diff --git a/src/components/Player/GetExtension.css b/src/components/Player/GetExtension.css index c81474d..a892967 100644 --- a/src/components/Player/GetExtension.css +++ b/src/components/Player/GetExtension.css @@ -7,7 +7,7 @@ font-size: 20px; } -.firefox-link { +.ext-link { display: inline-block; } @@ -16,3 +16,9 @@ width: 172px; padding-left: 10px; } + +.chrome-ext-img { + height: 62px; + width: 220px; + padding-left: 10px; +} diff --git a/src/components/Player/GetExtension.tsx b/src/components/Player/GetExtension.tsx index da6d672..ad870f1 100644 --- a/src/components/Player/GetExtension.tsx +++ b/src/components/Player/GetExtension.tsx @@ -1,19 +1,19 @@ import { IonContent, IonImg, IonListHeader, IonRouterLink } from '@ionic/react'; import React from 'react'; import firefox from '../../assets/get-firefox-addon.png'; +import chrome from '../../assets/get-chrome-ext.png'; import './GetExtension.css'; const GetExtension: React.FC = () => { return ( Browser extension installation is required. - + + + + ); }; diff --git a/src/components/Player/SubscriptionFrame.tsx b/src/components/Player/SubscriptionFrame.tsx index db49eb9..62156d0 100644 --- a/src/components/Player/SubscriptionFrame.tsx +++ b/src/components/Player/SubscriptionFrame.tsx @@ -23,7 +23,6 @@ const SubscriptionFrame: React.FC = ({ ownerId, userId, if (data.error) { reject(false); } else { - console.log(data.version); resolve(true); } }; @@ -87,7 +86,7 @@ const SubscriptionFrame: React.FC = ({ ownerId, userId, }); }; - // Subscribe listener for updateState requests from Firebase (owner only) + // Listen for updateState requests from Firebase (owner only) useEffect(() => { if (ownerId === userId) { const roomRef = db.collection('rooms').doc(roomId); @@ -151,7 +150,7 @@ const SubscriptionFrame: React.FC = ({ ownerId, userId, frameRef.current?.contentWindow?.postMessage({ type: 'playing', playing: isPlaying }, '*'); }; - // listen to 'states' collection for video state changes from owner + // Listen to 'states' collection for video state changes from owner const stateUnsubscribe = stateRef.onSnapshot(async (docSnapshot) => { const actual = docSnapshot.data(); if (allowUpdate) { diff --git a/src/pages/Home.css b/src/pages/Home.css index 64d425c..50ca9f1 100644 --- a/src/pages/Home.css +++ b/src/pages/Home.css @@ -52,7 +52,7 @@ ion-title { } .paste-input { - margin-left: 2px; + margin-left: 4px; text-align: left; font-size: 14px; border: 1px solid var(--ion-color-secondary); diff --git a/src/pages/Room.tsx b/src/pages/Room.tsx index 0175577..89c1718 100644 --- a/src/pages/Room.tsx +++ b/src/pages/Room.tsx @@ -89,7 +89,7 @@ const Room: React.FC> = ({ match }) => { try { await roomRef.update({ userCount: increment }); roomRef.onDisconnect().update({ userCount: decrement }); - availableRef.child(roomId).set({ name: 'Room Name', createdAt: new Date().toISOString() }); + availableRef.set({ name: 'Room Name', createdAt: new Date().toISOString() }); } catch (err) { console.log(err); }