First attempt at adopting Parcel (#1186)

* Upgrade sharp

* First attempt at adopting Parcel

* Get multiple targets working for Parcel

* Use lts node for Netlify deploy

* Update deploy script to reflect new demo site dir

* Inline css into library bundles

* More updates

* Remove uri optimization

* Upgrade parcel

* Fix butterchurn logo import for Parcel

* Add browser build

* List browser build

* Prefer jest-swc to babel

* Preserve old build artifact location

* Ignore dist

* Minify library bundles

* Switch to postcss to use uri optimization plugin

* Serve from the correct location

* Clarifying comments

* Ignore bundle reports in git

* Refine Parcel builds

* Try to be more explicit with port

* Use relative path to create build dir

* Try to force supporting chrome 76

* Update the location of the test skin in integration test to work with Parcel

.github/workflows/ci.yml

@@ -23,6 +23,7 @@ jobs:
           yarn workspace ani-cursor build
           yarn workspace webamp build
           yarn workspace webamp build-library
+          yarn workspace webamp move-library
       - name: Lint
         run: |
           yarn lint

.gitignore

@@ -1,2 +1,5 @@
 node_modules
-.vscode
+.vscode
+.parcel-cache
+dist
+parcel-bundle-reports

.parcelrc

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

.prettierignore

@@ -2,5 +2,6 @@
 
 packages/webamp/demo/built/
 packages/webamp/built/
+packages/webamp/dist/
 packages/webamp-modern/build/
 packages/webamp-modern/tools/eslint-rules/dist/

config/jest.unit.js

@@ -13,4 +13,7 @@ module.exports = {
   ],
   testEnvironment: "jsdom",
   setupFiles: ["<rootDir>/packages/skin-database/jest-setup.js"],
+  transform: {
+    "^.+\\.(t|j)sx?$": ["@swc/jest"],
+  },
 };

deploy.sh

@@ -3,4 +3,4 @@ yarn workspace ani-cursor build
 yarn workspace webamp build
 yarn workspace webamp build-library
 yarn workspace webamp-modern build
-mv packages/webamp-modern/build packages/webamp/demo/built/modern
+mv packages/webamp-modern/build packages/webamp/dist/demo-site/modern

netlify.toml

@@ -1,6 +1,6 @@
 [build]
   command = "yarn deploy"
-  publish = "packages/webamp/demo/built"
+  publish = "packages/webamp/dist/demo-site/"
 
 # A short URL for listeners of https://changelog.com/podcast/291
 [[redirects]]

package.json

@@ -16,12 +16,19 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.16.7",
+    "@parcel/optimizer-data-url": "2.7.0",
+    "@parcel/transformer-inline-string": "^2.8.2",
+    "@swc/core": "^1.3.24",
+    "@swc/jest": "^0.2.24",
     "@typescript-eslint/parser": "^5.13.0",
+    "assert": "^2.0.0",
     "eslint": "^8.14.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-prettier": "^4.0.0",
+    "events": "^3.3.0",
     "jest": "^27.5.1",
-    "prettier": "^2.3.2"
+    "prettier": "^2.3.2",
+    "stream-browserify": "^3.0.0"
   },
   "prettier": {
     "trailingComma": "es5"
@@ -30,5 +37,6 @@
     "projects": [
       "config/jest.*.js"
     ]
-  }
+  },
+  "dependencies": {}
 }