adding parcel

- using parcel as a bundler now,
- fixing workers register params to be compatible with parcel
- fixing some image paths in webmanifest for parcel
- removing `.cf { *zoom }` for IE in clearfix hack in css
- `npm run` will use parcel to run dev server
- `npm run build` will build for production in `/dist/` dir

Author: dvmarinoff

package.json

@@ -1,14 +1,22 @@
 {
     "devDependencies": {
         "@babel/preset-env": "^7.13.12",
+        "@parcel/packager-raw-url": "^2.8.0",
+        "@parcel/transformer-webmanifest": "^2.8.0",
         "fake-indexeddb": "^3.1.7",
-        "jest": "^27.4"
+        "jest": "^27.4",
+        "parcel": "^2.8.0",
+        "process": "^0.11.10"
     },
+    "source": "src/index.html",
     "scripts": {
-        "test": "jest"
+        "test": "jest",
+        "start": "parcel",
+        "build": "parcel build"
     },
     "dependencies": {
         "@babel/core": "^7.13.13",
-        "@babel/node": "^7.13.13"
+        "@babel/node": "^7.13.13",
+        "@vercel/analytics": "^0.1.5"
     }
 }

src/css/flux.css

@@ -206,7 +206,7 @@ input {
     clear: both;
 }
 .cf {
-    *zoom: 1;
+    /* *zoom: 1; */
     /*For IE 6/7 only*/
 }
 /* End Clearfix */

src/manifest.webmanifest

@@ -10,17 +10,17 @@
     "background_color": "#28272D",
     "icons": [
         {
-            "src": "/images/logo/logo-36dpi-192px.png",
+            "src": "./images/logo/logo-36dpi-192px.png",
             "type": "image/png",
             "sizes": "192x192"
         },
         {
-            "src": "/images/logo/logo-96dpi-512px.png",
+            "src": "./images/logo/logo-96dpi-512px.png",
             "type": "image/png",
             "sizes": "512x512"
         },
         {
-            "src": "/images/logo/logo-96dpi-512px.png",
+            "src": "./images/logo/logo-96dpi-512px.png",
             "type": "image/png",
             "sizes": "512x512",
             "purpose": "maskable"

src/watch.js

@@ -2,7 +2,8 @@ import { equals, exists, existance, first, last, xf, avg, max } from './function
 import { kphToMps, mpsToKph, timeDiff } from './utils.js';
 import { models } from './models/models.js';
 
-const timer = new Worker('./timer.js');
+// const timer = new Worker('./timer.js');
+const timer = new Worker(new URL('./timer.js', import.meta.url));
 
 class Watch {
     constructor(args) {