@softr/sdk 0.0.52 → 0.0.53

package/dist/default-error-overlay.js

@@ -1,10 +1,25 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { useRouter } from "@tanstack/react-router";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/default-error-overlay.tsx
+/** Set by Studio's canvas engine, which ships apart from the SDK each app pins, so renaming it breaks older apps. */
+const AGENT_TURN_ATTRIBUTE = "data-agent-turn";
+function subscribeToAgentTurn(listener) {
+	const observer = new MutationObserver(listener);
+	observer.observe(document.documentElement, {
+		attributes: true,
+		attributeFilter: [AGENT_TURN_ATTRIBUTE]
+	});
+	return () => observer.disconnect();
+}
+function isAgentTurnRunning() {
+	return document.documentElement.getAttribute(AGENT_TURN_ATTRIBUTE) === "running";
+}
 function DefaultErrorOverlay({ error, reset }) {
 	if (process.env.NODE_ENV === "production") return /* @__PURE__ */ jsx("div", {
 		style: s.overlay,
+		"data-softr-error-overlay": "error",
 		children: /* @__PURE__ */ jsxs("div", {
 			style: s.card,
 			children: [
@@ -26,8 +41,33 @@ function DefaultErrorOverlay({ error, reset }) {
 	});
 }
 function DevView({ error, reset }) {
+	const running = useSyncExternalStore(subscribeToAgentTurn, isAgentTurnRunning, () => false);
+	const [retryPending, setRetryPending] = useState(running);
+	const router = useRouter();
+	useEffect(() => {
+		if (running) {
+			setRetryPending(true);
+			return;
+		}
+		if (!retryPending) return;
+		const showError = () => setRetryPending(false);
+		const timer = setTimeout(() => {
+			router.invalidate().then(() => {
+				reset?.();
+				showError();
+			}, showError);
+		}, 1e3);
+		return () => clearTimeout(timer);
+	}, [
+		running,
+		retryPending,
+		reset,
+		router
+	]);
+	if (running || retryPending) return /* @__PURE__ */ jsx(UpdatingView, {});
 	return /* @__PURE__ */ jsx("div", {
 		style: s.overlay,
+		"data-softr-error-overlay": "error",
 		children: /* @__PURE__ */ jsxs("div", {
 			style: s.card,
 			children: [
@@ -56,6 +96,39 @@ function DevView({ error, reset }) {
 		})
 	});
 }
+function UpdatingView() {
+	return /* @__PURE__ */ jsx("div", {
+		style: s.overlay,
+		"data-softr-error-overlay": "updating",
+		children: /* @__PURE__ */ jsxs("div", {
+			style: s.card,
+			children: [/* @__PURE__ */ jsx("div", {
+				style: s.pending,
+				children: /* @__PURE__ */ jsxs("svg", {
+					style: icon.md,
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+						/* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
+						/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+						/* @__PURE__ */ jsx("path", { d: "M8 16H3v5" })
+					]
+				})
+			}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				style: s.heading,
+				children: "Updating the app…"
+			}), /* @__PURE__ */ jsx("p", {
+				style: s.body,
+				children: "The agent is still working on this change. The preview will recover once it is complete."
+			})] })]
+		})
+	});
+}
 function cleanStack(stack) {
 	return stack.split("\n").slice(1).filter((line) => line.trim().startsWith("at ") && !line.includes("/node_modules/")).map((line) => line.replace(/https?:\/\/[^/]+\//, "").replace(/\?[^):]+/g, "")).join("\n");
 }
@@ -228,6 +301,17 @@ const s = {
 		color: "var(--destructive, oklch(0.577 0.245 27.325))",
 		flexShrink: 0
 	},
+	pending: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "2.5rem",
+		height: "2.5rem",
+		borderRadius: "var(--radius, 0.625rem)",
+		background: "var(--muted, oklch(0.97 0 0))",
+		color: "var(--muted-foreground, oklch(0.556 0 0))",
+		flexShrink: 0
+	},
 	heading: {
 		margin: 0,
 		fontSize: "1rem",
@@ -267,7 +351,7 @@ const s = {
 		border: "1px solid var(--input, oklch(0.922 0 0))",
 		borderRadius: "var(--radius, 0.625rem)",
 		background: "var(--input-fill, oklch(1 0 0))",
-		color: "var(--primary-foreground, oklch(0.985 0 0))",
+		color: "var(--foreground, oklch(0.145 0 0))",
 		fontFamily: "inherit",
 		fontSize: "0.875rem",
 		fontWeight: 500,

package/dist/package.js

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

package/package.json

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

package/skills/softr-sdk/SKILL.md

@@ -11,7 +11,7 @@ description: >-
 metadata:
   type: core
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 # Softr SDK core

package/skills/softr-sdk/auth/SKILL.md

@@ -16,7 +16,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `auth` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build.

package/skills/softr-sdk/charts-and-metrics/SKILL.md

@@ -12,7 +12,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler or a server-side route hook — importing it into a component fails the build. `defineQuery` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/current-user/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 # The current user

package/skills/softr-sdk/file-uploads/SKILL.md

@@ -10,7 +10,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `upload` lives on `@softr/sdk/server` and runs inside server functions. `useFileUpload` and `FileItem` live on `@softr/sdk` and run in components. `FileAttachment` comes from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/integrations/SKILL.md

@@ -10,7 +10,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `integration` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineIntegration` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/mcp/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `softrMcpMiddleware` lives on `@softr/sdk` and is registered once, in `src/start.ts`. The actions you hand it are the same `defineQuery` / `defineMutation` values the app's own pages use — declared wherever they already live, not duplicated for MCP.

package/skills/softr-sdk/record-mutations/SKILL.md

@@ -11,7 +11,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineMutation` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/record-queries/SKILL.md

@@ -13,7 +13,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `ds` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler or a server-side route hook — importing it into a component fails the build. `defineQuery` and every type come from `@softr/sdk` and can be imported anywhere.

package/skills/softr-sdk/region-visibility/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `Audience` and `defineVisibility` come from `@softr/sdk` and work anywhere.

package/skills/softr-sdk/routes-and-visibility/SKILL.md

@@ -13,7 +13,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `defineVisibility`, the access functions and the error predicates come from `@softr/sdk` and work anywhere.

package/skills/softr-sdk/workflows/SKILL.md

@@ -9,7 +9,7 @@ description: >-
 metadata:
   type: sub-skill
   library: softr-sdk
-  library_version: 0.0.52
+  library_version: 0.0.53
 ---
 
 **Boundary.** `workflow` lives on `@softr/sdk/server` and runs only inside a `createServerFn` handler — importing it into a component fails the build. `defineWorkflow` and every type come from `@softr/sdk` and can be imported anywhere.