Fix build problem.

Feel free to end my suffering


FTSIO

Incorect location

Yeah, I messed up git 1.1

Pushing a new build with compressing disabled.

Let's hope it wants to load now.

Parcel is loving it to give me a hard time.

Parcel ISTG

I stg if this was the issue (Removed purge "CSS" from parcel config.

Suffering 1.1

Added parcelIgnore.

Now to fix the webmanifest.

Another manifest fix, PLEASE get this out of publish lock.

ok yeah that was stupid. lol

Fix images and such

New method

:)

>:)

Moved to head

/ score

Attempting background sync

*breaths in* *breaths out*

if the name has been the issue the entire time OH GOD

AND YOU KNOW, DON'T FORGET TO DISABLE THE PARCEL SCAN

tools/ci/.parcelrc

@@ -1,4 +1,5 @@
 {
-	"extends": "@parcel/config-default",
-	"namers": ["parcel-namer-rewrite", "..."]
+    "extends": "@parcel/config-default",
+    "resolvers": ["parcel-resolver-ignore", "..."],
+    "namers": ["parcel-namer-rewrite", "..."]
 }

tools/ci/package.json

@@ -4,8 +4,9 @@
     "@parcel/packager-raw-url": "^2.5.0",
     "@parcel/transformer-jsonld": "^2.5.0",
     "@parcel/transformer-webmanifest": "^2.5.0",
-    "parcel-namer-rewrite": "^2.0.0-rc.2",
     "parcel": "^2.5.0",
+    "parcel-namer-rewrite": "^2.0.0-rc.2",
+    "parcel-resolver-ignore": "^2.1.3",
     "postcss": "^8.4.12"
   },
   "parcel-namer-rewrite": {
@@ -16,15 +17,18 @@
       "(.*)\\.(js)": "_js/$1{.hash}.$2"
     }
   },
+  "parcelIgnore": [
+    "pwabuilder-sw-register.js"
+  ],
   "browserslist": [
-    ">= 0.5%", 
-    "last 2 major versions", 
-    "not dead", 
-    "Chrome >= 60", 
-    "Firefox >= 60", 
-    "Firefox ESR", 
+    ">= 0.5%",
+    "last 2 major versions",
+    "not dead",
+    "Chrome >= 60",
+    "Firefox >= 60",
+    "Firefox ESR",
     "iOS >= 12",
-    "Safari >= 12", 
+    "Safari >= 12",
     "not Explorer <= 11"
   ]
-}
+}

tools/ci/postcss.config.js

@@ -6,9 +6,9 @@ if (process.env.NODE_ENV === "production") {
   plugins.push(
     purgecss({
       content: [
+        './dist-temp/*.js',
         './dist-temp/*.html', 
         './dist-temp/**/*.html', 
-        './dist-temp/*.js', 
         './dist-temp/**/*.js',
         './dist-temp/*.svg', 
         './dist-temp/**/*.svg'

web/index.html

@@ -48,9 +48,8 @@
 		<link rel="stylesheet" href="./_css/style.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-dark.min.css">
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
-
 		<link rel="manifest" href="./manifest.webmanifest">
-		<script type="module" src="./pwabuilders-sw-register"></script>
+		<script type="module" src="./pwabuilder-sw-register.js"></script>
 		<script src="./_js/favicon.js" defer></script>
 		<script type="application/ld+json">
 			{

web/manifest.webmanifest

@@ -1,34 +1,51 @@
 {
-    "background_color": "#111111",
-    "display": "minimal-ui",
+    "background_color": "#ff8800",
+    "display": "standalone",
     "scope": "/",
     "start_url": "/",
-    "name": "r/place Atlas",
-    "short_name": "placeAtlas2",
-    "description": "The atlas for the r/place event from 2022",
+    "name": "The r/place Atlas",
+    "short_name": "r/placeAtlas2",
+    "description": "The atlas for the r/place event of 2022 hosted on Reddit.",
     "icons": [{
-            "src": "/_img/logo-round-192x192.png",
+            "src": "./_img/pwa/logo-round-192x192.png",
             "sizes": "192x192",
             "type": "image/png",
             "purpose": "any"
         },
         {
-            "src": "/_img/logo-maskable-192x192.png",
+            "src": "./_img/pwa/logo-maskable-192x192.png",
             "sizes": "192x192",
             "type": "image/png",
             "purpose": "maskable"
         },
         {
-            "src": "/_img/logo-round-512x512.png",
+            "src": "./_img/pwa/logo-round-512x512.png",
             "sizes": "512x512",
             "type": "image/png",
             "purpose": "any"
         },
         {
-            "src": "/_img/logo-maskable-512x512.png",
+            "src": "./_img/pwa/logo-maskable-512x512.png",
             "sizes": "512x512",
             "type": "image/png",
             "purpose": "maskable"
         }
-    ]
+    ],
+    "screenshots": [{
+            "src": "./_img/pwa/screenshot-1.png",
+            "sizes": "750x1334",
+            "type": "image/png"
+        },
+        {
+            "src": "./_img/pwa/screenshot-2.png",
+            "sizes": "1280x800",
+            "type": "image/png"
+        },
+        {
+            "src": "./_img/pwa/screenshot-3.png",
+            "sizes": "750x1334",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ff8800"
 }

web/pwabuilder-sw-register.js

@@ -0,0 +1,4 @@
+import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
+
+const el = document.createElement('pwa-update');
+document.body.appendChild(el);

web/pwabuilders-sw-register.js

@@ -1,14 +0,0 @@
-// This is the "Background Sync" service worker
-
-// Add this below content to your HTML page inside a <script type="module"></script> tag, or add the js file to your page at the very top to register service worker
-// If you get an error about not being able to import, double check that you have type="module" on your <script /> tag
-
-/*
- This code uses the pwa-update web component https://github.com/pwa-builder/pwa-update to register your service worker,
- tell the user when there is an update available and let the user know when your PWA is ready to use offline.
-*/
-
-import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
-
-const el = document.createElement('pwa-update');
-document.body.appendChild(el);