feat(prompt): add prompt for Mozilla Polyfill (Kocal#335)

* chore(prompt): add prompt for Mozilla Polyfill

* chore: setup tests for polyfill

* use polyfill

Author: Kocal

.appveyor.yml

@@ -41,6 +41,11 @@ test_script:
           yarn prettier:write
         }
 
+        if ($env:VUE_TEMPLATE.startsWith('full')) {
+          Write-Color "[$($env:VUE_TEMPLATE)]", " Testing Web extension polyfill..." -Color Yellow, White
+          Invoke-Expression "$($env:APPVEYOR_BUILD_FOLDER)/tests/test_web_extension_polyfill.ps1"
+        }
+
         if ($env:VUE_TEMPLATE.startsWith('full')) {
           Write-Color "[$($env:VUE_TEMPLATE)]", " Testing options..." -Color Yellow, White
           Invoke-Expression "$($env:APPVEYOR_BUILD_FOLDER)/tests/test_options.ps1"

.travis.yml

@@ -70,12 +70,13 @@ before_install:
         tfold "Installing extension dependencies..." yarn install --frozen-lockfile
         tfold "Building extension..." yarn build
         tfold "Testing version behavior..." $TRAVIS_BUILD_DIR/tests/test_version.sh
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Linting..."            yarn lint --fix; fi
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Prettying..."          yarn prettier:write; fi
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing options..."    $TRAVIS_BUILD_DIR/tests/test_options.sh; fi
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing axios..."      $TRAVIS_BUILD_DIR/tests/test_axios.sh; fi
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing vue-router..." $TRAVIS_BUILD_DIR/tests/test_router.sh; fi
-        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing vuex..."       $TRAVIS_BUILD_DIR/tests/test_store.sh; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Linting..."                        yarn lint --fix; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Prettying..."                      yarn prettier:write; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing Web extension polyfill..." $TRAVIS_BUILD_DIR/tests/test_web_extension_polyfill.sh; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing options..."                $TRAVIS_BUILD_DIR/tests/test_options.sh; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing axios..."                  $TRAVIS_BUILD_DIR/tests/test_axios.sh; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing vue-router..."             $TRAVIS_BUILD_DIR/tests/test_router.sh; fi
+        if [[ "$VUE_TEMPLATE" =~ ^full ]]; then tfold "Testing vuex..."                   $TRAVIS_BUILD_DIR/tests/test_store.sh; fi
       }
       export -f test_extension
 

meta.js

@@ -37,6 +37,11 @@ module.exports = {
       type: 'string',
       message: 'License',
     },
+    mozillaPolyfill: {
+      when: 'isNotTest',
+      type: 'confirm',
+      message: "Use Mozilla's web-extension polyfill? (https://github.com/mozilla/webextension-polyfill)",
+    },
     options: {
       when: 'isNotTest',
       type: 'confirm',

scenarios/full-airbnb.json

@@ -3,6 +3,7 @@
   "description": "Extension generated with Kocal/vue-web-extension",
   "author": "Travis",
   "license": "MIT",
+  "mozillaPolyfill": true,
   "options": true,
   "router": true,
   "store": true,

scenarios/full.json

@@ -3,6 +3,7 @@
   "description": "Extension generated with Kocal/vue-web-extension",
   "author": "Travis",
   "license": "MIT",
+  "mozillaPolyfill": true,
   "options": true,
   "router": true,
   "store": true,

scenarios/minimal.json

@@ -3,6 +3,7 @@
   "description": "Extension generated with Kocal/vue-web-extension",
   "author": "Travis",
   "license": "MIT",
+  "mozillaPolyfill": false,
   "options": false,
   "router": false,
   "store": false,

template/package.json

@@ -25,6 +25,7 @@
     "watch:dev": "cross-env HMR=true npm run build:dev -- --watch"
   },
   "dependencies": {
+    {{#mozillaPolyfill}}"webextension-polyfill": "^0.3.1",{{/mozillaPolyfill}}
     {{#axios}}"axios": "^0.18.0",{{/axios}}
     {{#router}}"vue-router": "^3.0.1",{{/router}}
     {{#store}}"vuex": "^3.0.1",{{/store}}
@@ -65,7 +66,11 @@
     "eslint-config-prettier": "^3.1.0",
     {{/lint}}
     {{/prettier}}
+    {{#mozillaPolyfill}}
+    "web-ext-types": "^2.1.0",
+    {{else}}
     "@types/chrome": "^0.0.74",
+    {{/mozillaPolyfill}}
     "@babel/core": "^7.1.2",
     "@babel/plugin-proposal-optional-chaining": "^7.0.0",
     "@babel/preset-env": "^7.1.0",

template/src/background.js

@@ -1,3 +1,4 @@
+{{#if mozillaPolyfill}}global.browser = require('webextension-polyfill'){{/if}}
 {{#if store}}
 import store from './store'
 

template/src/options/options.js

@@ -1,3 +1,5 @@
+{{#if mozillaPolyfill}}global.browser = require('webextension-polyfill'){{/if}}
+
 import Vue from 'vue'
 import App from './App'
 

template/src/popup/popup.js

@@ -1,3 +1,5 @@
+{{#if mozillaPolyfill}}global.browser = require('webextension-polyfill'){{/if}}
+
 import Vue from 'vue'
 import App from './App'
 {{#if store}}import store from '../store'{{/if}}