Added scripts to create a build for the Kiwi browser

Author: priyank

.eslintignore

@@ -29,4 +29,5 @@ extension-dist/
 extension-chrome/
 extension-edge/
 extension-firefox/
+extension-kiwi/
 extension-opera/

.gitignore

@@ -5,6 +5,8 @@ extension-edge.zip
 extension-edge/
 extension-firefox.zip
 extension-firefox/
+extension-kiwi.zip
+extension-kiwi/
 extension-opera.zip
 extension-opera/
 

extension/manifest-generator.mjs

@@ -43,7 +43,7 @@ var generateManifest = function (whichBrowser) {
                 "scripting",
                 "offscreen"
             ];
-            if (whichBrowser === "firefox") {
+            if (whichBrowser === "firefox" || whichBrowser === "kiwi") {
                 permissions.push("webNavigation");
                 // permissions.push("<all_urls>");
             } else if (whichBrowser === "puppeteer") {
@@ -60,7 +60,9 @@ var generateManifest = function (whichBrowser) {
 
         "optional_permissions": (function () {
             var optional_permissions = [];
-            if (whichBrowser !== "firefox") {
+            if (whichBrowser === "firefox" || whichBrowser === "kiwi") {
+                // do nothing
+            } else {
                 optional_permissions.push("webNavigation");
                 // optional_permissions.push("<all_urls>");
             }
@@ -168,6 +170,7 @@ var generateManifest = function (whichBrowser) {
     switch (whichBrowser) {
         case "edge":
         case "firefox":
+        case "kiwi":
         case "opera":
         case "puppeteer":
             break;
@@ -182,6 +185,7 @@ var generateManifest = function (whichBrowser) {
         case "chrome":    targetFileName = "manifest-chrome.json";    break;
         case "edge":      targetFileName = "manifest-edge.json";      break;
         case "firefox":   targetFileName = "manifest-firefox.json";   break;
+        case "kiwi":      targetFileName = "manifest-kiwi.json";      break;
         case "opera":     targetFileName = "manifest-opera.json";     break;
         case "puppeteer": targetFileName = "manifest-puppeteer.json"; break;
         default:          targetFileName = "manifest.json";           break;
@@ -195,5 +199,6 @@ generateManifest("default");
 generateManifest("chrome");
 generateManifest("edge");
 generateManifest("firefox");
+generateManifest("kiwi");
 generateManifest("opera");
 generateManifest("puppeteer");

extension/manifest-kiwi.json

@@ -0,0 +1,60 @@
+{
+    "version": "8.22.4",
+    "manifest_version": 3,
+    "author": "Priyank Parashar",
+    "default_locale": "en",
+    "name": "__MSG_Extension_Name__",
+    "description": "__MSG_Extension_Description__",
+    "homepage_url": "https://github.com/webextensions/live-css-editor",
+    "icons": {
+        "16": "icons/icon-16.png",
+        "24": "icons/icon-24.png",
+        "32": "icons/icon-32.png",
+        "40": "icons/icon-40.png",
+        "48": "icons/icon-48.png",
+        "128": "icons/icon-128.png",
+        "256": "icons/icon-256.png"
+    },
+    "permissions": [
+        "activeTab",
+        "storage",
+        "unlimitedStorage",
+        "scripting",
+        "offscreen",
+        "webNavigation"
+    ],
+    "optional_permissions": [],
+    "optional_host_permissions": [
+        "*://*/*"
+    ],
+    "action": {
+        "default_icon": {
+            "16": "icons/icon-16.png",
+            "24": "icons/icon-24.png",
+            "32": "icons/icon-32.png",
+            "40": "icons/icon-40.png",
+            "48": "icons/icon-48.png",
+            "128": "icons/icon-128.png",
+            "256": "icons/icon-256.png"
+        },
+        "default_title": "Launch Magic CSS editor for this page"
+    },
+    "background": {
+        "service_worker": "dist/background-magicss/background-magicss.bundle.js"
+    },
+    "commands": {
+        "_execute_action": {
+            "suggested_key": {
+                "default": "Alt+Shift+C"
+            }
+        }
+    },
+    "options_ui": {
+        "open_in_tab": true,
+        "page": "options.html"
+    },
+    "content_security_policy": {
+        "extension_pages": "script-src 'self'; object-src 'self'"
+    },
+    "offline_enabled": true
+}

notes-for-developers.md

@@ -1,6 +1,6 @@
 # How to load the extension in development mode
 
-## For Chrome / Chromium / Edge / Opera
+## For Chrome / Chromium / Edge / Kiwi / Opera
 
 - Load the unpacked extension via ```manifest.json``` from the ```extension/``` folder
 

package.json

@@ -24,8 +24,9 @@
     "zip:extension:chrome": " node ./zip-extension.mjs chrome",
     "zip:extension:edge": "   node ./zip-extension.mjs edge",
     "zip:extension:firefox": "node ./zip-extension.mjs firefox",
+    "zip:extension:kiwi": "   node ./zip-extension.mjs kiwi",
     "zip:extension:opera": "  node ./zip-extension.mjs opera",
-    "zip:extension": "npm run zip:extension:chrome && npm run zip:extension:edge && npm run zip:extension:firefox && npm run zip:extension:opera",
+    "zip:extension": "npm run zip:extension:chrome && npm run zip:extension:edge && npm run zip:extension:firefox && npm run zip:extension:kiwi && npm run zip:extension:opera",
     "publish:build-and-zip": "npm run clean && npm run start:build:publish && npm run zip:extension",
     "get-latest-reviews": "node ./scripts/recipes/get-latest-reviews.mjs"
   },

scripts/version-consistency-check.js

@@ -68,6 +68,7 @@ var mismatchFound = matchVersions(
         '../extension/manifest-chrome.json',
         '../extension/manifest-edge.json',
         '../extension/manifest-firefox.json',
+        '../extension/manifest-kiwi.json',
         '../extension/manifest-opera.json',
         '../live-css/default.live-css.config.js',
         '../extension/scripts/appVersion.js'

zip-extension.mjs

@@ -14,7 +14,7 @@ const __dirname = path.dirname(import.meta.url).replace('file://', '');
 var processCommand = process.title + ' ' + path.relative(__dirname, process.argv[1]);
 console.log(chalk.gray([
     '',
-    'Format:   ' + processCommand + ' [chrome/edge/firefox/opera]',
+    'Format:   ' + processCommand + ' [chrome/edge/firefox/kiwi/opera]',
     'Examples: ' + processCommand,
     '          ' + processCommand + ' chrome',
     '          ' + processCommand + ' edge',
@@ -28,6 +28,7 @@ switch (whichBrowser) {
     case 'chrome':  zipFileName = 'extension-chrome.zip';  break;
     case 'edge':    zipFileName = 'extension-edge.zip';    break;
     case 'firefox': zipFileName = 'extension-firefox.zip'; break;
+    case 'kiwi':    zipFileName = 'extension-kiwi.zip';    break;
     case 'opera':   zipFileName = 'extension-opera.zip';   break;
     default:
         console.log(chalk.red('Error: Please pass a supported browser name as parameter (or no parameters)'));
@@ -84,6 +85,7 @@ try {
                     case 'chrome':  return 'manifest-chrome.json';
                     case 'edge':    return 'manifest-edge.json';
                     case 'firefox': return 'manifest-firefox.json';
+                    case 'kiwi':    return 'manifest-kiwi.json';
                     case 'opera':   return 'manifest-opera.json';
                     default:        return 'manifest-chrome.json';
                 }
@@ -100,6 +102,7 @@ try {
                 'manifest-chrome.json',
                 'manifest-edge.json',
                 'manifest-firefox.json',
+                'manifest-kiwi.json',
                 'manifest-opera.json',
                 'manifest-puppeteer.json'
                 // 'ui-images/**/*.*',     // Exclude files in "ui-images" folder