wip: Switch to parcel for building dependencies

Currently does not work due to parcel-bundler/parcel#5758
jtojnar · Oct 1, 2021 · 531ecd8 · 531ecd8
1 parent bbea0f6
commit 531ecd8
Show file tree

Hide file tree

Showing 8 changed files with 10,871 additions and 2,059 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,4 +4,4 @@
 node_modules
 web-ext-artifacts
 npm-debug.log
-src/js-ext/
+.parcel-cache/
diff --git a/.parcelrc b/.parcelrc
@@ -0,0 +1,3 @@
+{
+  "extends": "@parcel/config-webextension"
+}
diff --git a/README.md b/README.md
@@ -33,9 +33,9 @@ Recent changes in [CHANGELOG.md](CHANGELOG.md)
 ### Development & package preparation
 
 1. Install [npm](https://www.npmjs.com/)
-1. Prepare dependencies
+1. Start parcel development server
     ```
-    npm run prepare-dependencies
+    npm run start
     ```
 1. Start Firefox with the extension (development phase)
     ```

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,13 +3,25 @@
     "chance": "^1.1.8"
   },
   "devDependencies": {
+    "@parcel/config-webextension": "^2.0.0-rc.0",
+    "@parcel/transformer-image": "^2.0.0-rc.0",
+    "parcel": "^2.0.0-rc.0",
     "web-ext": "^6.4.0"
   },
+  "targets": {
+    "webext-dev": {
+      "sourceMap": {
+        "inline": true,
+        "inlineSources": true
+      }
+    },
+    "webext-prod": {}
+  },
   "scripts": {
-    "prepare-dependencies": "npm install && node prepareDependencies.js && npm run delete-references-to-map-files",
-    "delete-references-to-map-files": "find src/js-ext -regex '.*\\.\\(js\\|css\\)' -exec sed -i -E '\\/[\\*\\/]#\\ssourceMappingURL=(.+)/g' {} +",
+    "start": "parcel src/manifest.json --host localhost --target webext-dev",
+    "build": "parcel build src/manifest.json --target webext-prod",
     "web-ext:browser": "web-ext run --source-dir=src/",
     "web-ext:build": "web-ext build --source-dir=src/ --overwrite-dest",
-    "clean": "rm -r node_modules && rm -r src/js-ext && rm -r web-ext-artifacts"
+    "clean": "rm -r node_modules && rm -r web-ext-artifacts"
   }
 }
diff --git a/prepareDependencies.js b/prepareDependencies.js
diff --git a/src/js/main.js b/src/js/main.js
@@ -1,3 +1,5 @@
+const chance = require('chance');
+
 try {
     console.log('Run Dummy Form Filler');
     DummyFormFiller.populateDummyData();

diff --git a/src/manifest.json b/src/manifest.json
@@ -41,7 +41,6 @@
       ],
       "js": [
         "options/options_defaults.js",
-        "js-ext/chance.min.js",
         "js/dummy-logger.js",
         "js/dummy-augur.js",
         "js/dummy-limits.js",