@softr/sdk 0.0.43 → 0.0.44

package/dist/boot-error.js

@@ -23,6 +23,17 @@ function bootErrorMiddleware() {
 		}
 	});
 }
+/**
+* Faults of the dev server rather than the app: a module graph swapped under a render already in
+* flight, so React's dispatcher or a split chunk belongs to a generation that is gone. The next
+* request reads the settled graph and succeeds, which is why these clear on their own — and why
+* showing one is worse than useless. The page invites the reader to copy it to the agent, and an
+* agent handed a phantom spends a repair round looking for it in code that is correct.
+*/
+const TRANSIENT = [/Cannot read properties of (?:null|undefined) \(reading 'use[A-Z]/, /Failed to fetch dynamically imported module/];
+function isTransientBootError(message) {
+	return TRANSIENT.some((pattern) => pattern.test(message));
+}
 function errorPage(error) {
 	if (process.env.NODE_ENV === "production") return page("Something went wrong", "This page couldn’t be shown. Try again in a moment, and if it keeps happening, reach out to the owner of this app.", { note: "If you are the owner, you can check what happened in Studio." });
 	const cause = error instanceof Error ? error.cause : void 0;
@@ -31,6 +42,7 @@ function errorPage(error) {
 	const stack = root instanceof Error ? root.stack : void 0;
 	return page("This app crashed", "The app stopped before it could start. The technical details below show where it failed and can be copied to the agent to help fix the issue.", {
 		note: "These details are only shown because the app is running in development mode.",
+		autoRetry: isTransientBootError(message),
 		detail: `<pre class="message">${escapeHtml(message)}</pre>`,
 		actions: stack ? `<button type="button" id="toggle" aria-expanded="true" aria-controls="panel">
              <svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
@@ -71,7 +83,7 @@ function errorPage(error) {
            <\/script>` : ""
 	});
 }
-function page(title, description, { note = "", detail = "", actions = "", panel = "" } = {}) {
+function page(title, description, { note = "", detail = "", actions = "", panel = "", autoRetry = false } = {}) {
 	return `<!doctype html>
 <html lang="en">
   <head>
@@ -222,7 +234,7 @@ function page(title, description, { note = "", detail = "", actions = "", panel
     </style>
   </head>
   <body>
-    <main>
+    <main${autoRetry ? " hidden" : ""}>
       <div class="alert">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
       </div>
@@ -241,9 +253,37 @@ function page(title, description, { note = "", detail = "", actions = "", panel
       </div>
       ${panel}
     </main>
+    ${autoRetry ? RETRY_SCRIPT : ""}
   </body>
 </html>`;
 }
+/**
+* One reload, then the page reveals itself. The reload is what the reader would have done by hand,
+* so a fault that clears is never seen; a fault that survives it shows the same page it always did.
+* Session storage is what remembers the attempt, and a preview frame may refuse it — then there is
+* no way to count, and the honest move is to show the error rather than risk reloading forever.
+*/
+const RETRY_SCRIPT = `<noscript><style>main[hidden] { display: flex !important }</style></noscript>
+<script>
+  (() => {
+    const KEY = 'softr:boot-retry'
+    const reveal = () => { document.querySelector('main').hidden = false }
+
+    let store = null
+    try { store = sessionStorage } catch { /* blocked in this frame */ }
+    if (!store) return reveal()
+
+    const now = Date.now()
+    if (now - Number(store.getItem(KEY) ?? 0) < 15000) {
+      store.removeItem(KEY)
+      return reveal()
+    }
+
+    store.setItem(KEY, String(now))
+    // A beat, so the reload lands after the dev server has finished rebuilding rather than during.
+    setTimeout(() => location.reload(), 500)
+  })()
+<\/script>`;
 function escapeHtml(value) {
 	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.0.43";
+var version = "0.0.44";
 
 //#endregion
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softr/sdk",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "type": "module",
   "exports": {
     ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },