Replace build tooling with parcel

Author: Nick Lockhart

.babelrc

@@ -1,26 +1,10 @@
 {
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "corejs": "3.0.0",
-        "useBuiltIns": "entry"
-      }
-    ]
-  ],
-  "plugins": [
-    [
-      "@babel/plugin-transform-react-jsx",
-      {
-        "useBuiltIns": true
-      }
-    ],
-    "@babel/plugin-syntax-object-rest-spread",
-    [
-      "@babel/plugin-transform-runtime",
-      {
-        "regenerator": true
-      }
-    ]
-  ]
+	"plugins": [
+		[
+			"@babel/plugin-transform-react-jsx",
+			{
+				"useBuiltIns": true
+			}
+		]
+	]
 }

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.yml]
+indent_style = space
+indent_size = 2

.gitignore

@@ -2,3 +2,5 @@ dist/
 node_modules/
 .cache/
 yarn-error.log
+.DS_Store
+.parcel-cache

.parcelrc

@@ -0,0 +1,3 @@
+{
+	"extends": "@parcel/config-webextension"
+}

package.json

@@ -4,14 +4,35 @@
   "description": "",
   "private": true,
   "scripts": {
-    "lint": "./node_modules/.bin/eslint --fix --ignore-path .gitignore .",
-    "build": "webpack"
+    "build": "parcel build src/manifest.json --no-content-hash --no-source-maps --dist-dir distribution --no-cache --detailed-report 0",
+    "lint": "run-p lint:*",
+    "lint-fix": "run-p 'lint:* -- --fix'",
+    "lint:css": "stylelint src/**/*.css",
+    "lint:js": "xo",
+    "test": "run-p lint:* build",
+    "watch": "parcel watch src/manifest.json --target webext-dev --dist-dir distribution"
+  },
+  "browserslist": [
+    "last 1 Chrome version",
+    "last 1 Firefox version"
+  ],
+  "xo": {
+    "envs": [
+      "browser"
+    ],
+    "rules": {
+      "no-unused-vars": [
+        "error",
+        {
+          "varsIgnorePattern": "browser"
+        }
+      ]
+    }
+  },
+  "stylelint": {
+    "extends": "stylelint-config-xo"
   },
-  "author": "",
-  "license": "ISC",
   "dependencies": {
-    "@babel/core": "^7.7.0",
-    "@babel/runtime": "^7.1.2",
     "@giphy/js-fetch-api": "^1.7.0",
     "debounce-fn": "^1.0.0",
     "delegate": "^3.2.0",
@@ -22,28 +43,36 @@
     "select-dom": "^4.1.3",
     "text-field-edit": "^3.0.1",
     "webext-domain-permission-toggle": "^1.0.1",
-    "webext-dynamic-content-scripts": "^6.0.4"
+    "webext-dynamic-content-scripts": "^6.0.4",
+    "webextension-polyfill": "^0.7.0"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-unicode-property-regex": "^7.0.0",
-    "@babel/plugin-syntax-object-rest-spread": "^7.0.0",
     "@babel/plugin-transform-react-jsx": "^7.0.0",
-    "@babel/plugin-transform-runtime": "^7.1.0",
-    "@babel/preset-env": "^7.7.1",
-    "@babel/preset-react": "^7.7.0",
-    "@babel/register": "^7.7.0",
-    "babel-loader": "^8.0.6",
-    "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.2.0",
-    "cssnano": "^4.1.7",
-    "eslint": "^6.6.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^10.0.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.1",
-    "mini-css-extract-plugin": "^0.8.0",
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.10"
+    "@parcel/config-webextension": "^2.0.0-nightly.2220",
+    "@parcel/optimizer-cssnano": "^2.0.0-nightly.599",
+    "@parcel/optimizer-htmlnano": "^2.0.0-nightly.599",
+    "@parcel/packager-css": "^2.0.0-nightly.599",
+    "@parcel/packager-html": "^2.0.0-nightly.599",
+    "@parcel/transformer-css": "^2.0.0-nightly.599",
+    "@parcel/transformer-html": "^2.0.0-nightly.598",
+    "@parcel/transformer-postcss": "^2.0.0-nightly.599",
+    "@parcel/transformer-posthtml": "^2.0.0-nightly.598",
+    "@parcel/transformer-webextension": "^2.0.0-nightly.2220",
+    "npm-run-all": "^4.1.5",
+    "parcel": "^2.0.0-nightly.596",
+    "stylelint": "^13.10.0",
+    "stylelint-config-xo": "^0.20.0",
+    "xo": "^0.39.1"
+  },
+  "webExt": {
+    "sourceDir": "distribution"
+  },
+  "targets": {
+    "webext-dev": {
+      "sourceMap": {
+        "inline": true,
+        "inlineSources": true
+      }
+    }
   }
 }