refined-github · fregante · Oct 3, 2020 · Oct 3, 2020 · Oct 3, 2020 · Oct 3, 2020
diff --git a/.gitignore b/.gitignore
@@ -6,3 +6,7 @@ test/web-ext-profile
 .cache
 .parcel-cache
 .built
+
+dist
+.cache
+.parcel-cache
diff --git a/.parcelrc b/.parcelrc
@@ -0,0 +1,8 @@
+{
+	"extends": ["@parcel/config-default"],
+	"transformers": {
+		"*.svg": ["@parcel/transformer-svg-react"],
+		"*.png": ["@parcel/transformer-raw"],
+		"manifest.json": ["@parcel/transformer-raw"]
+	}
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
 		"ava": "rollup test/*.ts --plugin typescript --dir .built/test --chunkFileNames _.mjs --entryFileNames [name].mjs && ava",
 		"build": "run-p build:* --continue-on-error",
 		"build:typescript": "tsc --noEmit",
-		"build:webpack": "webpack --mode=production",
+		"build:webpack": "parcel build source/refined-github.ts",
 		"fix": "run-p 'lint:* -- --fix'",
 		"lint": "run-p lint:* --continue-on-error",
 		"lint:css": "stylelint 'source/**/*.css'",
@@ -20,6 +20,10 @@
 		"watch:typescript": "tsc --noEmit --watch --preserveWatchOutput",
 		"watch:webpack": "webpack --mode=development --watch"
 	},
+	"browserslist": [
+		"last 1 Chrome versions",
+		"last 1 Firefox versions"
+	],
 	"stylelint": {
 		"extends": "stylelint-config-xo",
 		"rules": {
@@ -37,6 +41,7 @@
 	},
 	"dependencies": {
 		"@cheap-glitch/mi-cron": "^1.0.1",
+		"@parcel/transformer-svg-react": "^2.0.0-nightly.2039",
 		"@primer/octicons": "^9.6.0",
 		"@primer/octicons-v2": "0.0.0-60ee16f",
 		"copy-text-to-clipboard": "^2.2.0",
@@ -57,6 +62,9 @@
 		"linkify-urls": "^3.1.0",
 		"mem": "6.1.0",
 		"onetime": "^5.1.2",
+		"parcel": "^2.0.0-nightly.415",
+		"react": "^16.13.1",
+		"react-dom": "^16.13.1",
 		"select-dom": "^6.0.2",
 		"selector-observer": "^2.1.6",
 		"shorten-repo-url": "^2.0.1",
@@ -112,6 +120,15 @@
 		"webpack-cli": "^3.3.12",
 		"xo": "^0.33.0"
 	},
+	"alias": {
+		"octicon": "@primer/octicons-v2/build/svg",
+		"react": "dom-chef"
+	},
+	"targets": {
+		"default": {
+			"publicUrl": "./"
+		}
+	},
 	"webExt": {
 		"sourceDir": "distribution",
 		"run": {

diff --git a/source/background.ts b/source/background.ts
@@ -1,3 +1,4 @@
+import 'webextension-polyfill';
 import 'webext-dynamic-content-scripts';
 import cache from 'webext-storage-cache'; // Also needed to regularly clear the cache
 import addDomainPermissionToggle from 'webext-domain-permission-toggle';

diff --git a/source/manifest.json b/source/manifest.json
@@ -34,7 +34,6 @@
 	},
 	"background": {
 		"scripts": [
-			"browser-polyfill.min.js",
 			"background.js"
 		]
 	},
@@ -49,7 +48,6 @@
 				"refined-github.css"
 			],
 			"js": [
-				"browser-polyfill.min.js",
 				"refined-github.js"
 			]
 		}

diff --git a/source/options.html b/source/options.html
@@ -67,5 +67,4 @@
 	</div>
 
 </form>
-<script src="browser-polyfill.min.js"></script>
-<script src="options.js"></script>
+<script src="options.tsx"></script>
diff --git a/source/options.tsx b/source/options.tsx
@@ -1,4 +1,5 @@
-import 'webext-base-css/webext-base.css';
+import 'webextension-polyfill';
+import 'webext-base-css';
 import './options.css';
 import React from 'dom-chef';
 import cache from 'webext-storage-cache';
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,3 +6,7 @@ test/web-ext-profile @@
     .cache
     .parcel-cache
     .built
+    dist
+    .cache
+    .parcel-cache