Merge pull request #26 from Arcus92/settings

Extension settings, fullscreen and picture-in-picture (Chrome only)

pack.js

@@ -5,7 +5,7 @@ const childProcess = require('child_process');
 
 const distPath = path.join(__dirname, 'dist');
 const sourcePath = path.join(__dirname, 'dist', 'js');
-const contentPath = path.join(__dirname, 'content');
+const staticPath = path.join(__dirname, 'src', 'static');
 
 // Getting the version from the package.json
 const versionBuffer = childProcess.execSync("npm pkg get version --parseable", { encoding: 'utf8' });
@@ -16,8 +16,9 @@ const platformNames = ['firefox', 'chrome'];
 for (const platformName of platformNames) {
     console.log(`Packing plugin for ${platformName}...`);
     const platformDistPath = path.join(distPath, platformName);
+    const platformSourceDistPath = path.join(distPath, platformName, 'js');
     const platformDistManifestPath = path.join(distPath, platformName, 'manifest.json');
-    const platformManifestPath = path.join(__dirname, platformName, 'manifest.json');
+    const platformManifestPath = path.join(__dirname, 'src', 'manifest', `${platformName}.json`);
     const platformZipPath = path.join(distPath, platformName + '.zip');
 
     // Clear output directory
@@ -28,8 +29,8 @@ for (const platformName of platformNames) {
     }
 
     // Copy content. TypeScript must be compiled by now.
-    fs.cpSync(contentPath, platformDistPath, { recursive: true });
-    fs.cpSync(sourcePath, platformDistPath, { recursive: true });
+    fs.cpSync(staticPath, platformDistPath, { recursive: true });
+    fs.cpSync(sourcePath, platformSourceDistPath, { recursive: true });
 
     // Copy manifest and replacing the version.
     let manifest = fs.readFileSync(platformManifestPath, 'utf8');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "instagram-video-control",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Adds volume and play controls to Instagram videos.",
   "devDependencies": {
     "@types/archiver": "^6.0.2",
@@ -18,8 +18,8 @@
   },
   "scripts": {
     "build": "npm run compile && npm run pack",
-    "lint": "eslint ./src",
-    "pack": "node pack.js",
+    "lint": "eslint ./src/ts",
+    "pack": "node ./pack.js",
     "compile": "webpack"
   },
   "repository": {

src/manifest/chrome.json

@@ -0,0 +1,42 @@
+{
+  "manifest_version": 3,
+  "name": "Video Control for Instagram",
+  "version": "{VERSION}",
+
+  "description": "Adds volume and play controls to Instagram videos.",
+  "author": "[email protected]",
+  "homepage_url": "https://github.com/Arcus92/instagram-video-control/",
+  "default_locale": "en",
+
+  "icons": {
+    "48": "icons/dark/icon-48.png",
+    "64": "icons/dark/icon-64.png",
+    "128": "icons/dark/icon-128.png"
+  },
+  "content_scripts": [
+    {
+      "matches": ["*://*.instagram.com/*"],
+      "js": ["js/instagram.js"],
+      "css": ["styles/instagram.css"],
+      "all_frames": true
+    }
+  ],
+  "action": {
+    "default_title": "__MSG_settings__",
+    "default_popup": "html/popup.html",
+    "default_icon": {
+      "16": "icons/dark/icon-16.png",
+      "32": "icons/dark/icon-32.png"
+    },
+    "theme_icons": [{
+      "light": "icons/light/icon-16.png",
+      "dark": "icons/dark/icon-16.png",
+      "size": 16
+    },{
+      "light": "icons/light/icon-32.png",
+      "dark": "icons/dark/icon-32.png",
+      "size": 32
+    }]
+  },
+  "permissions": ["storage"]
+}

src/manifest/firefox.json

@@ -0,0 +1,47 @@
+{
+  "manifest_version": 2,
+  "name": "Video Control for Instagram",
+  "version": "{VERSION}",
+
+  "description": "Adds volume and play controls to Instagram videos.",
+  "author": "[email protected]",
+  "homepage_url": "https://github.com/Arcus92/instagram-video-control/",
+  "default_locale": "en",
+
+  "icons": {
+    "48": "icons/dark/icon-48.png",
+    "64": "icons/dark/icon-64.png",
+    "128": "icons/dark/icon-128.png"
+  },
+  "content_scripts": [
+    {
+      "matches": ["*://*.instagram.com/*"],
+      "js": ["js/instagram.js"],
+      "css": ["styles/instagram.css"],
+      "all_frames": true
+    }
+  ],
+  "browser_action": {
+    "default_title": "__MSG_settings__",
+    "default_popup": "html/popup.html",
+    "default_icon": {
+      "16": "icons/dark/icon-16.png",
+      "32": "icons/dark/icon-32.png"
+    },
+    "theme_icons": [{
+      "light": "icons/light/icon-16.png",
+      "dark": "icons/dark/icon-16.png",
+      "size": 16
+    },{
+      "light": "icons/light/icon-32.png",
+      "dark": "icons/dark/icon-32.png",
+      "size": 32
+    }]
+  },
+  "permissions": ["storage"],
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "{a831defa-a6c9-4ca9-9593-9ccaf98462d9}"
+    }
+  }
+}

src/static/_locales/en/messages.json

@@ -0,0 +1,23 @@
+{
+  "settings": {
+    "message": "Settings"
+  },
+  "option_show_time_code": {
+    "message": "Show time code"
+  },
+  "option_show_fullscreen": {
+    "message": "Show fullscreen button"
+  },
+  "option_show_playback_speed": {
+    "message": "Show playback speed button"
+  },
+  "option_show_picture_in_picture": {
+    "message": "Show Picture-in-Picture button"
+  },
+  "view_on_github": {
+    "message": "View on GitHub"
+  },
+  "report_an_issue": {
+    "message": "Report an Issue"
+  }
+}