@justai/cuts 0.1.0 → 0.3.0

package/package.json

@@ -1,12 +1,25 @@
 {
   "name": "@justai/cuts",
-  "version": "0.1.0",
-  "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
+  "version": "0.3.0",
+  "description": "A persona's named parts \u2014 the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
-  "repository": { "type": "git", "url": "git+https://github.com/justai-pro/web.git", "directory": "packages/cuts" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/justai-pro/web.git",
+    "directory": "packages/cuts"
+  },
   "type": "module",
-  "files": ["src"],
-  "exports": { "./Base.astro": "./src/Base.astro" },
-  "peerDependencies": { "astro": ">=5", "@justai/ui": ">=0.2.0" },
-  "publishConfig": { "access": "public" }
+  "files": [
+    "src"
+  ],
+  "exports": {
+    "./Base.astro": "./src/Base.astro"
+  },
+  "peerDependencies": {
+    "astro": ">=5",
+    "@justai/ui": ">=0.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/src/Base.astro

@@ -6,7 +6,13 @@
  * of which 132 were IDENTICAL. The 22 that differed were all identity — the host, the theme colour,
  * the favicon, the analytics property — plus two real ones, both preserved here as contract rather
  * than flattened: --on-accent (cleanmylink and howlong have light accents where white text fails
- * contrast) and a head slot (time self-hosts Geist).
+ * contrast) and the DEV service-worker kill, which came from the one persona that had it.
+ *
+ * NO head slot, and the docstring claimed one for a while before anyone checked. time self-hosts
+ * Geist through `import "@fontsource-variable/geist"` in its OWN layout frontmatter — a build-time
+ * CSS import that Astro bundles, not a tag that needs injecting here. The claim was removed rather
+ * than the slot added: building a feature to make a comment true is the wrong direction, and an
+ * unused extension point is the thing that rots.
  *
  * WHAT IT DELIBERATELY DOES NOT OWN.
  *
@@ -127,9 +133,26 @@ const localePath = (l: string) => (l === defaultLocale ? "/" : `/${l}/`);
     <!-- PWA: Workbox service worker (precache + offline) + installable manifest -->
     <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="apple-touch-icon" href="/icon-192.png" />
-    <script is:inline>
-      if ("serviceWorker" in navigator) addEventListener("load", () => navigator.serviceWorker.register("/sw.js"));
-    </script>
+    {import.meta.env.DEV ? (
+      <script is:inline>
+        {/* DEV: no service worker. Kill any stale one — from an earlier prod or preview build — and
+            purge its caches, so a local edit is never masked by something a previous build cached.
+            If a SW currently controls the page, reload once (guarded by sessionStorage so it cannot
+            loop) to get a clean, uncontrolled load.
+
+            This came from `time`, which was the only persona that had it. It is in the package
+            rather than behind a prop because a stale service worker hiding your own changes is not
+            a preference — the other ten had the bug and had simply not noticed it yet. Migration
+            found it; the fleet's best version wins over the fleet's most common one. */}
+        if ("serviceWorker" in navigator) navigator.serviceWorker.getRegistrations().then((rs) => rs.forEach((r) => r.unregister()));
+        if (window.caches) caches.keys().then((ks) => ks.forEach((k) => caches.delete(k)));
+        if (navigator.serviceWorker && navigator.serviceWorker.controller && !sessionStorage.getItem("__swkill")) { sessionStorage.setItem("__swkill", "1"); location.reload(); }
+      </script>
+    ) : (
+      <script is:inline>
+        if ("serviceWorker" in navigator) addEventListener("load", () => navigator.serviceWorker.register("/sw.js"));
+      </script>
+    )}
     <!-- Google Analytics 4 — anonymous (ad signals + personalization OFF), lazy-loaded after idle.
          analytics_storage granted: direct user counting (cookieless modeling needs high traffic to
          surface, so it shows nothing at low/launch volume).
@@ -178,7 +201,14 @@ const localePath = (l: string) => (l === defaultLocale ? "/" : `/${l}/`);
       .cc-row { display: flex; gap: 8px; justify-content: flex-end; }
       .cc-btn { font: inherit; font-size: var(--fs-xs); font-weight: 600; padding: 8px 16px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface-2); color: var(--text); cursor: pointer; transition: transform 0.2s var(--ease-spring); }
       .cc-btn:active { transform: scale(0.94); }
-      .cc-ok { background: var(--accent-press); border-color: var(--accent-press); color: #fff; }
+      /* The consent button is the one place the fleet genuinely disagreed, and the disagreement is
+         about CONTRAST rather than taste. Seven personas have dark accents and take white text on
+         --accent-press. cleanmylink and howlong have bright ones — mint and amber — where white
+         fails, so they fill with --accent and set --on-accent to a dark tone that passes.
+         Two hooks with the majority as the default, so the seven say nothing and the two say
+         exactly what they already verified. This is the styling contract working as designed:
+         colour is the persona's, and a real difference gets a declared hook rather than a fork. */
+      .cc-ok { background: var(--consent-ok-bg, var(--accent-press)); border-color: var(--consent-ok-bg, var(--accent-press)); color: var(--on-accent, #fff); }
       @keyframes cc-up { from { transform: translateY(24px); opacity: 0; } }
       @media (prefers-reduced-motion: reduce) { .cc-card { animation: none; } }
     </style>