@justai/cuts 0.105.0 → 0.106.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.105.0",
+  "version": "0.106.0",
   "description": "A persona's named parts \u2014 the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
   "repository": {

package/src/Catalogue.astro

@@ -210,6 +210,17 @@ const isNew = (added: string): boolean => { const t0 = Date.parse(added || "");
       <section class="grid" id="grid" data-kind={kind} data-apex={apexHost} data-new-label={strings.new} data-cat-map={JSON.stringify(catLabels)} data-order={JSON.stringify(order)} data-taglines={JSON.stringify(taglines)}>
         {seed.map((app) => <CatalogueCard app={app} name={appName(app)} desc={appDesc(app)} isNew={isNew(app.added)} newLabel={strings.new} />)}
       </section>
+      {/* queries: runtime cards are unstyled · the card has no CSS · an apex with no seed · scope cid ·
+                   data-astro-cid · pin.games cards render as blue links
+          THE SCOPE, CARRIED IN AN INERT CARD. Cards appended at runtime are built as plain strings, so
+          they sit outside CatalogueCard's scoped CSS and have to be stamped with its `data-astro-cid-*`
+          by hand. That attribute was read off a SEEDED card — which works on any apex that ships a seed,
+          and fails completely on one that does not: pin.games opened with its only game rendered as bare
+          blue underlined links, because there was no card to read the scope from.
+          A <template> is the right home for it. Its content is parsed but never rendered, never matched
+          by a document query and never painted, while Astro still stamps the cid on it at build. So the
+          scope is available from the first paint whether or not this apex has ever seeded a card. */}
+      <template id="cardscope"><CatalogueCard app={{ id: "scope", url: "https://example.invalid", category: "", added: "" } as any} name="" desc="" isNew={false} newLabel="" /></template>
       {/* Both sentences ride data-attributes because the loader below is a BUNDLED script and
           cannot see props — the same seam Posts uses. */}
       <p class="empty" id="empty" hidden
@@ -421,8 +432,14 @@ const isNew = (added: string): boolean => { const t0 = Date.parse(added || "");
         try { return new URL(a.href).host; } catch { return ""; }
       }),
     );
-    // the appended cards must inherit AppCard's scoped styles → copy the cid attribute off a real card
-    const sample = grid.querySelector<HTMLElement>("a.card");
+    // The appended cards must inherit CatalogueCard's scoped styles → copy the cid off a real card, and
+    // fall back to the inert one in #cardscope when this apex ships no seed. Without that fallback an
+    // empty-seed storefront renders every runtime card as unstyled markup — measured on pin.games' first
+    // night, where the shelf's only game arrived as blue underlined links.
+    const scopeTpl = document.getElementById("cardscope") as HTMLTemplateElement | null;
+    const sample = grid.querySelector<HTMLElement>("a.card")
+      ?? scopeTpl?.content.querySelector<HTMLElement>("a.card")
+      ?? null;
     const scopeAttr = sample ? sample.getAttributeNames().find((n) => n.startsWith("data-astro-cid-")) || null : null;
 
     const esc = (s: unknown): string =>