website-xp-phone 2.2.1 → 2.2.11

package/public/documents/drift-report.json

@@ -1,6 +1,6 @@
 {
   "baselineUrl": "https://akinevz.com/checksums.txt",
-  "generatedAt": "2026-10-20T14:00:28.535Z",
+  "generatedAt": "2026-10-23T21:21:29.982Z",
   "mutablePaths": [
     "index.html",
     "404.html",
@@ -23,154 +23,52 @@
     "pagerts/index.html",
     "projects.html",
     "projects/index.html",
+    "blog/",
+    "stories/",
     "checksums.txt",
     "assets/*.js"
   ],
-  "violationCount": 24,
-  "violations": [
-    {
-      "relPath": "Click.ogg",
-      "status": "NEW",
-      "prev": null,
-      "next": "d92d71deb2164f1f11ca75607db32012eda31dc8f70afb3254288b4ed390d089"
-    },
-    {
-      "relPath": "assets/index-FJbqpsQq.css",
-      "status": "NEW",
-      "prev": null,
-      "next": "f9740eaec47b01c4c8c555e137be75be6dbaf76d391048a866706594ec67017c"
-    },
-    {
-      "relPath": "configs.html",
-      "status": "NEW",
-      "prev": null,
-      "next": "61fd7b09bdf7075cb9bae18399a66c3cef3249e40f9c7158872c24a7b3100eed"
-    },
-    {
-      "relPath": "configs/index.html",
-      "status": "NEW",
-      "prev": null,
-      "next": "61fd7b09bdf7075cb9bae18399a66c3cef3249e40f9c7158872c24a7b3100eed"
-    },
-    {
-      "relPath": "images/development-1.png",
-      "status": "NEW",
-      "prev": null,
-      "next": "1ba9c502f2c09b33c24bb497209db0404eac0cb2751e012dfa14ce6cf3e3bb56"
-    },
-    {
-      "relPath": "images/herbst-1.png",
-      "status": "NEW",
-      "prev": null,
-      "next": "20f1133b9d5db0bfbc9a02fb3fee81e7c2c43179382cbfd74a3b8534e048869e"
-    },
-    {
-      "relPath": "images/herbst-2.png",
-      "status": "NEW",
-      "prev": null,
-      "next": "96fc3f0c5683091b03219757a63768e48d0f399361d484523dbe18b651c58fb9"
-    },
-    {
-      "relPath": "images/herbst-3.png",
-      "status": "NEW",
-      "prev": null,
-      "next": "99fb31230e4e5d681e89cce167cafd454c110a6b0b67f4ab05c2c82bcb27304a"
-    },
-    {
-      "relPath": "projects/development.html",
-      "status": "CHANGED",
-      "prev": "d2f6ea0f29c8805ca9ebb6864b65be048897bc56da3b2e603ccc1239af4e683f",
-      "next": "e7c90e3cdd1d544f97bd05b4072a7ae7fb81ba3bbb1c3c64d683213f55fcf9c4"
-    },
-    {
-      "relPath": "projects/development/index.html",
-      "status": "CHANGED",
-      "prev": "d2f6ea0f29c8805ca9ebb6864b65be048897bc56da3b2e603ccc1239af4e683f",
-      "next": "e7c90e3cdd1d544f97bd05b4072a7ae7fb81ba3bbb1c3c64d683213f55fcf9c4"
-    },
-    {
-      "relPath": "projects/doftiles.html",
-      "status": "CHANGED",
-      "prev": "edda434db224f799caa5d42cdeb86540a70c219fa7b2ae5022b94e8916637472",
-      "next": "7068dc16880667a1a8c73a05caffb1cfd4a7cdf76b58e2139dfa9c9361194f48"
-    },
-    {
-      "relPath": "projects/doftiles/index.html",
-      "status": "CHANGED",
-      "prev": "edda434db224f799caa5d42cdeb86540a70c219fa7b2ae5022b94e8916637472",
-      "next": "7068dc16880667a1a8c73a05caffb1cfd4a7cdf76b58e2139dfa9c9361194f48"
-    },
-    {
-      "relPath": "projects/frontend.html",
-      "status": "CHANGED",
-      "prev": "ea1f5cefe0c23d645953223499ab22c25c855edd274e3ece17840c8d132b0de8",
-      "next": "c6ec10264fa5b04a47ab4646a7e1b0f96cfbcc65bc27ef6f9252bd3a1d09057b"
-    },
-    {
-      "relPath": "projects/frontend/index.html",
-      "status": "CHANGED",
-      "prev": "ea1f5cefe0c23d645953223499ab22c25c855edd274e3ece17840c8d132b0de8",
-      "next": "c6ec10264fa5b04a47ab4646a7e1b0f96cfbcc65bc27ef6f9252bd3a1d09057b"
-    },
-    {
-      "relPath": "projects/graphbrowser.html",
-      "status": "CHANGED",
-      "prev": "65978ffa7afb7c7ee31f53c4f0336f5124f53e8c55237c47fb0b671b25fc1579",
-      "next": "6b16fe1851cb95d75e6c7f7cd3bc03392d1684cb804b894c2bfff3ce27e281b4"
-    },
-    {
-      "relPath": "projects/graphbrowser/index.html",
-      "status": "CHANGED",
-      "prev": "65978ffa7afb7c7ee31f53c4f0336f5124f53e8c55237c47fb0b671b25fc1579",
-      "next": "6b16fe1851cb95d75e6c7f7cd3bc03392d1684cb804b894c2bfff3ce27e281b4"
-    },
-    {
-      "relPath": "projects/herbstutil.html",
-      "status": "CHANGED",
-      "prev": "6988cb6bfd571f733395726b31382fd6bc036b393c79dfee3cae59d4c8374001",
-      "next": "24859550849d8643d224b71ae14d56f6f2403aa2c79dd48cf56c7d575525d7c7"
-    },
-    {
-      "relPath": "projects/herbstutil/index.html",
-      "status": "CHANGED",
-      "prev": "6988cb6bfd571f733395726b31382fd6bc036b393c79dfee3cae59d4c8374001",
-      "next": "24859550849d8643d224b71ae14d56f6f2403aa2c79dd48cf56c7d575525d7c7"
-    },
-    {
-      "relPath": "projects/lightdni-jssas-toggle.html",
-      "status": "CHANGED",
-      "prev": "a2e3c69778a1f9dbb9e20f5d38da8d709a6d4d9ef0b67c91b674f5e061ffdaf6",
-      "next": "e7411a85a83ee29f6669e0854c9071263a77d9afa192cb1e10f6d02887448cd4"
-    },
-    {
-      "relPath": "projects/lightdni-jssas-toggle/index.html",
-      "status": "CHANGED",
-      "prev": "a2e3c69778a1f9dbb9e20f5d38da8d709a6d4d9ef0b67c91b674f5e061ffdaf6",
-      "next": "e7411a85a83ee29f6669e0854c9071263a77d9afa192cb1e10f6d02887448cd4"
-    },
-    {
-      "relPath": "projects/rarebert.html",
-      "status": "CHANGED",
-      "prev": "ad05003ca37ca1022ec0857e6e87d00166d6de65833cdb66fe4005bf4caccf98",
-      "next": "f97c97557fc5a8358b975f618d25f2020357351e0fbee8439ee409595525bb44"
-    },
-    {
-      "relPath": "projects/rarebert/index.html",
-      "status": "CHANGED",
-      "prev": "ad05003ca37ca1022ec0857e6e87d00166d6de65833cdb66fe4005bf4caccf98",
-      "next": "f97c97557fc5a8358b975f618d25f2020357351e0fbee8439ee409595525bb44"
-    },
-    {
-      "relPath": "projects/webuser.html",
-      "status": "CHANGED",
-      "prev": "3356fc4952d479bd19f0d0a4e299e64f4a8171f800883b376be74fc50a92f194",
-      "next": "614b0443920ea55f1938ea030d8555ffd65ecc5cc51589b95e3cfea363a8ad43"
-    },
-    {
-      "relPath": "projects/webuser/index.html",
-      "status": "CHANGED",
-      "prev": "3356fc4952d479bd19f0d0a4e299e64f4a8171f800883b376be74fc50a92f194",
-      "next": "614b0443920ea55f1938ea030d8555ffd65ecc5cc51589b95e3cfea363a8ad43"
-    }
-  ]
+  "violationCount": 0,
+  "violations": [],
+  "rehashOnlyCount": 36,
+  "rehashOnly": [
+    "configs.html",
+    "configs/index.html",
+    "development.html",
+    "development/index.html",
+    "doftiles.html",
+    "doftiles/index.html",
+    "frontend.html",
+    "frontend/index.html",
+    "graphbrowser.html",
+    "graphbrowser/index.html",
+    "herbstutil.html",
+    "herbstutil/index.html",
+    "lightdni-jssas-toggle.html",
+    "lightdni-jssas-toggle/index.html",
+    "projects/development.html",
+    "projects/development/index.html",
+    "projects/doftiles.html",
+    "projects/doftiles/index.html",
+    "projects/frontend.html",
+    "projects/frontend/index.html",
+    "projects/graphbrowser.html",
+    "projects/graphbrowser/index.html",
+    "projects/herbstutil.html",
+    "projects/herbstutil/index.html",
+    "projects/lightdni-jssas-toggle.html",
+    "projects/lightdni-jssas-toggle/index.html",
+    "projects/pagerts.html",
+    "projects/pagerts/index.html",
+    "projects/rarebert.html",
+    "projects/rarebert/index.html",
+    "projects/webuser.html",
+    "projects/webuser/index.html",
+    "rarebert.html",
+    "rarebert/index.html",
+    "webuser.html",
+    "webuser/index.html"
+  ],
+  "liveMatchCount": 0,
+  "liveMatched": []
 }

package/public/loading.css

@@ -44,6 +44,13 @@ body:not(.styles-loaded) main textarea {
   }
 }
 
+/* The page's own background from the very first paint — the default
+   browser white must never show while the app CSS (which carries the
+   real theme values) fades in. */
+html {
+  background-color: var(--background-color);
+}
+
 body,
 #root {
   background-color: var(--mid-color);

package/scripts/asset-reference.mjs

@@ -0,0 +1,37 @@
+/**
+ * Canonicalization helper for the drift gate in write-dist-checksums.mjs.
+ *
+ * Vite rewrites every built HTML entry point to point at content-hashed
+ * bundle filenames (e.g. `/assets/index-D4oX1XA7.js`).  When any bundle's
+ * content hash changes, EVERY entry page changes bytes at build time even
+ * when its authored content is identical, so a raw SHA-256 comparison
+ * between deployments reports false drift on all rebuilt pages.
+ *
+ * `canonicalizeAssetRefs` strips Vite's 8-character content hash from
+ * `/assets/<name>-<hash>.<ext>` references (script `src`, modulepreload
+ * `href`, stylesheet `href`, ...) so two builds that differ only in Vite's
+ * injected hashes canonicalize to identical text and share one digest.
+ * Authored page edits still change the canonical text, so real content
+ * drift keeps failing loudly.
+ *
+ * The canonicalization is applied to built HTML for the drift report only;
+ * `checksums.txt` itself keeps raw-byte digests so it remains a verifiable
+ * attestation of the served artifact (see doc/IMMUTABLE_DEPLOYS_BLUEPRINT.md).
+ */
+
+/**
+ * Vite's default build asset hash: 8 characters from [A-Za-z0-9_-].
+ * Only JS/MJS/CSS asset references under /assets/ are normalized — other
+ * references (pages, documents, blog posts) keep their real filenames.
+ */
+const VITE_HASHED_ASSET_RE =
+  /\/assets\/([\w@./-]+?)-[A-Za-z0-9_-]{8}\.(js|mjs|css)(?=[?"'\s<>)])/g;
+
+export function canonicalizeAssetRefs(text) {
+  return text.replace(VITE_HASHED_ASSET_RE, "/assets/$1.$2");
+}
+
+/** Built artifacts whose drift comparison should canonicalize asset refs. */
+export function isCanonicalizablePath(relPath) {
+  return relPath.endsWith(".html");
+}

package/scripts/mutable-assets.mjs

@@ -21,30 +21,37 @@
  * Paths are relative to `dist/` and use forward slashes.
  */
 export const MUTABLE_PATHS = Object.freeze([
-    "index.html",
-    "404.html",
-    "404/index.html",
-    "addons.html",
-    "addons/index.html",
-    "blog.html",
-    "blog/index.html",
-    "contact.html",
-    "contact/index.html",
-    "music.html",
-    "music/index.html",
-    "resume/index.html",
-    "sitemap.xml",
-    "sitemap.html",
-    "sitemap/index.html",
-    "wow.html",
-    "wow/index.html",
-    // new pages - allowed as NEW until baseline is updated
-    "pagerts.html",
-    "pagerts/index.html",
-    "projects.html",
-    "projects/index.html",
-    "checksums.txt",
-    "assets/*.js",
+  "index.html",
+  "404.html",
+  "404/index.html",
+  "addons.html",
+  "addons/index.html",
+  "blog.html",
+  "blog/index.html",
+  "contact.html",
+  "contact/index.html",
+  "music.html",
+  "music/index.html",
+  "resume/index.html",
+  "sitemap.xml",
+  "sitemap.html",
+  "sitemap/index.html",
+  "wow.html",
+  "wow/index.html",
+  // new pages - allowed as NEW until baseline is updated
+  "pagerts.html",
+  "pagerts/index.html",
+  "projects.html",
+  "projects/index.html",
+  // Blog post content: posts (.md), attachments, and embedded documents
+  // are authored content.  Publishing a new post or editing an existing
+  // one is a legitimate content change, never STABLE-invariant drift,
+  // so every artifact under these subtrees is mutable.  `stories/` holds
+  // documents embedded into posts via blog.json.
+  "blog/",
+  "stories/",
+  "checksums.txt",
+  "assets/*.js",
 ]);
 
 export const MUTABLE_PATH_SET = Object.freeze(new Set(MUTABLE_PATHS));
@@ -56,20 +63,20 @@ export const MUTABLE_PATH_SET = Object.freeze(new Set(MUTABLE_PATHS));
  * are considered mutable (e.g. assets/index- matches assets/index-D4oX1XA7.js).
  */
 export function isMutablePath(relPath) {
-    if (MUTABLE_PATH_SET.has(relPath)) {
-        return true;
+  if (MUTABLE_PATH_SET.has(relPath)) {
+    return true;
+  }
+  // Check if path starts with any mutable prefix pattern
+  for (const pattern of MUTABLE_PATHS) {
+    if (relPath.startsWith(pattern)) {
+      return true;
     }
-    // Check if path starts with any mutable prefix pattern
-    for (const pattern of MUTABLE_PATHS) {
-        if (relPath.startsWith(pattern)) {
-            return true;
-        }
-        if (pattern.includes('*')) {
-            const [prefix, suffix] = pattern.split('*');
-            if (relPath.startsWith(prefix) && relPath.endsWith(suffix)) {
-                return true;
-            }
-        }
+    if (pattern.includes("*")) {
+      const [prefix, suffix] = pattern.split("*");
+      if (relPath.startsWith(prefix) && relPath.endsWith(suffix)) {
+        return true;
+      }
     }
-    return false;
-}
+  }
+  return false;
+}