@panphora/clayjs 1.13.0 → 1.13.1

package/dist/clay.standalone.js

@@ -1,4 +1,4 @@
-/* clayjs 1.13.0 standalone build: every clayjs module in one file. https://clayjs.com/offline
+/* clayjs 1.13.1 standalone build: every clayjs module in one file. https://clayjs.com/offline
    Third-party code inside keeps its own license (Sortable MIT, Squire MIT, DOMPurify Apache-2.0 OR MPL-2.0, MicroModal MIT, parse5 MIT): https://clayjs.com/THIRD-PARTY-NOTICES.md */
 (() => {
   var __create = Object.create;
@@ -36570,7 +36570,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       root3.setAttribute("data-hcp-state", state2);
       if (reason) root3.setAttribute("data-hcp-reason", reason);
       tab.setAttribute("aria-expanded", state2 === "card" ? "true" : "false");
-      if (state2 === "card") {
+      if (state2 === "card" || state2 === "mini") {
         mem.shown = true;
         memory.save();
         root3.setAttribute("data-hcp-arrived", "");
@@ -36653,8 +36653,8 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
             tab.focus();
           } else {
             mem.dismissed = true;
-            memory.save();
-            set3("dismissed");
+            set3("mini");
+            tab.focus();
           }
         }
         return;
@@ -36685,10 +36685,6 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
       if (root3.getAttribute("data-hcp-reason") === "error") root3.setAttribute("data-hcp-reason", "use");
     }
     const api = { set: set3, root: root3, showError, clearError };
-    if (mem.dismissed) {
-      root3.setAttribute("data-hcp-state", "dismissed");
-      return api;
-    }
     document.addEventListener("input", onUse, true);
     document.addEventListener("change", onUse, true);
     document.addEventListener("focusin", onFocusIn);
@@ -36696,7 +36692,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
     addEventListener("scroll", lift, { passive: true });
     addEventListener("resize", lift);
     document.addEventListener("transitionend", lift, true);
-    set3(mem.shown ? "mini" : "tab");
+    set3(mem.shown || mem.dismissed ? "mini" : "tab");
     if (!mem.shown && (mem.uses || 0) >= USES_TO_SHOW) maybeShow("return");
     return api;
   }
@@ -36723,7 +36719,7 @@ tr.hcms-shell.hcms-inline-ghost { display: table-row; }
   </section>
   <div class="hcp-dock">
     <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg><span class="hcp-tab__label">This app is free to keep</span></span></button>
-    <button type="button" class="hcp-x" data-hcp="dismiss" aria-label="Hide this for good"><svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg></button>
+    <button type="button" class="hcp-x" data-hcp="minimize" aria-label="Minimize download notice"><svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg></button>
   </div>
 </aside>`;
     }

package/docs/guide.md

@@ -1753,7 +1753,7 @@ When there is a release video, add it as the first element of the template, and
 
 An element inside the template with `[visitor-intro-start]` scrolls to the app, and one with `[visitor-intro-dismiss]` closes the intro the same way the `x` does. A deep link (a URL with a `#...`) skips the intro so a shared link opens where it points, a draft skips it too, and `?intro=1` forces it.
 
-**The prompt** needs nothing from the app but its name: a small tab at the bottom right ("This app is free to keep") that opens into a card holding the download link and "Don't show again", with a minimize button in its corner. It opens itself once after the visitor has touched three fields, and stays away for that slot after "Don't show again". A storage failure opens it in its error state, and the next good save clears it. In that error state the download link does not go to the host, whose download page would read the stored copy that just failed to be written: the plugin builds the file from the live page in the browser instead, named after the page file with `.htmlclay` at the end.
+**The prompt** needs nothing from the app but its name: a small tab at the bottom right ("This app is free to keep") that opens into a card holding the download link and "Don't show again", with a minimize button in its corner. The tab's X and the card's minimize button leave an icon that reopens the download card. That choice survives reload. It opens itself once after the visitor has touched three fields. "Don't show again" stops those reminders for that slot but keeps the icon, including for previously dismissed notices. A storage failure opens it in its error state, and the next good save clears it. In that error state the download link does not go to the host, whose download page would read the stored copy that just failed to be written: the plugin builds the file from the live page in the browser instead, named after the page file with `.htmlclay` at the end.
 
 **The download link** is `/_/download<path>?as=htmlclay`, with the page's path (`/_/download?as=htmlclay` for `/`) and `&src=<src>` when this slot has one. `clay.visitorDrafts.downloadUrl()` returns it. **`?src=` is first touch**: the first valid value the page sees for this slot is kept and rides into the download link and every signup. Valid values match `/^[a-z0-9][a-z0-9-]{0,39}$/`.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panphora/clayjs",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "type": "module",
   "description": "clayjs: malleable documents. Save lifecycle for self-saving HTML.",
   "license": "MIT-0",

package/src/plugins/visitor-drafts/prompt.js

@@ -20,7 +20,7 @@ const ASIDE = `<aside class="hcp" id="hcp" hidden aria-label="Download this app"
   </section>
   <div class="hcp-dock">
     <button type="button" class="hcp-btn hcp-tab" data-hcp="open" aria-controls="hcp-card" aria-expanded="false" aria-label="This app is free to keep"><span><svg width="16" height="16" viewBox="0 0 256 256" fill="currentColor" aria-hidden="true"><path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/></svg><span class="hcp-tab__label">This app is free to keep</span></span></button>
-    <button type="button" class="hcp-x" data-hcp="dismiss" aria-label="Hide this for good"><svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg></button>
+    <button type="button" class="hcp-x" data-hcp="minimize" aria-label="Minimize download notice"><svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true"><path d="M1.4 0 6 4.6 10.6 0 12 1.4 7.4 6 12 10.6 10.6 12 6 7.4 1.4 12 0 10.6 4.6 6 0 1.4z"/></svg></button>
   </div>
 </aside>`;
 
@@ -50,7 +50,7 @@ export function mountPrompt({ memory, appName, link }) {
     root.setAttribute("data-hcp-state", state);
     if (reason) root.setAttribute("data-hcp-reason", reason);
     tab.setAttribute("aria-expanded", state === "card" ? "true" : "false");
-    if (state === "card") { mem.shown = true; memory.save(); root.setAttribute("data-hcp-arrived", ""); }
+    if (state === "card" || state === "mini") { mem.shown = true; memory.save(); root.setAttribute("data-hcp-arrived", ""); }
     lift();
   }
 
@@ -126,7 +126,7 @@ export function mountPrompt({ memory, appName, link }) {
       else if (act === "minimize") { set("mini"); tab.focus(); }
       else if (act === "dismiss") {
         if (root.getAttribute("data-hcp-reason") === "error") { set("mini"); tab.focus(); }
-        else { mem.dismissed = true; memory.save(); set("dismissed"); }
+        else { mem.dismissed = true; set("mini"); tab.focus(); }
       }
       return;
     }
@@ -151,8 +151,6 @@ export function mountPrompt({ memory, appName, link }) {
   }
   const api = { set, root, showError, clearError };
 
-  if (mem.dismissed) { root.setAttribute("data-hcp-state", "dismissed"); return api; }
-
   document.addEventListener("input", onUse, true);
   document.addEventListener("change", onUse, true);
   document.addEventListener("focusin", onFocusIn);
@@ -161,7 +159,7 @@ export function mountPrompt({ memory, appName, link }) {
   addEventListener("resize", lift);
   document.addEventListener("transitionend", lift, true);
 
-  set(mem.shown ? "mini" : "tab");
+  set(mem.shown || mem.dismissed ? "mini" : "tab");
   if (!mem.shown && (mem.uses || 0) >= USES_TO_SHOW) maybeShow("return");
 
   return api;