@plitzi/sdk-elements 0.37.1 → 0.37.3

package/dist/elements/provider/ApiContainer/Settings.mjs

@@ -1,10 +1,10 @@
 import e from "./components/FiltersInput/index.mjs";
-import { useCallback as t, useMemo as n, useState as r } from "react";
-import { useBuilderStore as i, useCommonStore as a, useSdkStore as o } from "@plitzi/sdk-shared/store";
-import { get as ee } from "@plitzi/plitzi-ui/helpers";
-import { emptyObject as te } from "@plitzi/sdk-shared/helpers/utils";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import ne from "@plitzi/sdk-shared/theme/useTheme";
+import { useCallback as t, useMemo as n, useState as ee } from "react";
+import { useBuilderStore as r, useCommonStore as i, useSdkStore as a } from "@plitzi/sdk-shared/store";
+import { get as te } from "@plitzi/plitzi-ui/helpers";
+import { emptyObject as ne } from "@plitzi/sdk-shared/helpers/utils";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@plitzi/sdk-shared/theme/useTheme";
 import u from "@plitzi/plitzi-ui/QueryBuilder";
 import d from "@plitzi/plitzi-ui/CodeMirror";
 import f from "@plitzi/plitzi-ui/Input";
@@ -12,335 +12,342 @@ import p from "@plitzi/plitzi-ui/Select";
 import re from "@plitzi/plitzi-ui/KVInput";
 import m from "@plitzi/plitzi-ui/Switch";
 //#region src/elements/provider/ApiContainer/Settings.tsx
-var h = [], g = ({ query: g = "", method: _ = "get", accessToken: ie = "", headers: v = te, when: y, subType: b = "", mockData: x = "{}", credentials: S = "same-origin", runtime: C = "client", connector: w = "", action: T = "", endpoint: E = "", resource: D = "", limit: ae = "10", singleRecord: O = !1, filters: k = h, pagination: A = "none", pageParam: j = "page", renderWhileLoading: M = !1, cache: N = !1, staleTime: P = 30, gcTime: F = 300, onUpdate: I }) => {
-	let { resolvedTheme: L } = ne(), [R] = i("pageDefinitions"), [z] = i("connectors"), [B] = a("actions.catalog"), [V] = i("hasServerRendering"), [H, U] = r(!1), W = C === "server", G = W ? T && !w ? "action" : "connector" : "client", [[K, q, J]] = o([
+var h = [], g = ({ query: g = "", method: _ = "get", accessToken: ie = "", headers: v = ne, when: y, subType: b = "", mockData: x = "{}", credentials: S = "same-origin", runtime: C = "client", connector: w = "", action: T = "", endpoint: ae = "", resource: oe = "", limit: se = "10", singleRecord: E = !1, filters: D = h, pagination: O = "none", pageParam: k = "page", renderWhileLoading: A = !1, cache: j = !1, staleTime: M = 30, gcTime: N = 300, refreshSeconds: P = 0, onUpdate: F }) => {
+	let { resolvedTheme: I } = l(), [L] = r("pageDefinitions"), [R] = r("connectors"), [z] = i("actions.catalog"), [B] = r("hasServerRendering"), [V, H] = ee(!1), U = C === "server", W = U ? T && !w ? "action" : "connector" : "client", [[G, K, q]] = a([
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.currentPageId"
-	]), Y = t((e) => (t) => I?.(e, t), [I]), oe = t((e) => I?.("query", e), [I]), se = t((e) => I?.("when", e), [I]), ce = t((e) => I?.("subType", e), [I]), le = t((e) => I?.("mockData", e), [I]), ue = t((e) => U(e.target.checked), []), de = t((e, t) => I?.("headers", t), [I]), fe = t((e) => {
+	]), J = t((e) => (t) => F?.(e, t), [F]), ce = t((e) => F?.("query", e), [F]), le = t((e) => F?.("when", e), [F]), ue = t((e) => F?.("subType", e), [F]), de = t((e) => F?.("mockData", e), [F]), fe = t((e) => H(e.target.checked), []), pe = t((e, t) => F?.("headers", t), [F]), me = t((e) => {
 		if (e === "client") {
-			I?.("runtime", "client", !0);
+			F?.("runtime", "client", !0);
 			return;
 		}
-		I?.("runtime", "server", !0), I?.(e === "action" ? "connector" : "action", "");
-	}, [I]), pe = t((e) => I?.("singleRecord", e.target.checked), [I]), me = t((e) => I?.("renderWhileLoading", e.target.checked), [I]), he = t((e) => I?.("cache", e.target.checked), [I]), ge = t((e) => I?.("filters", e), [I]), X = n(() => Object.values(z), [z]), Z = n(() => X.find((e) => e.identifier === w)?.manifest, [X, w]), _e = n(() => Object.keys(Z?.operators ?? {}), [Z]), Q = n(() => Object.keys(Z?.endpoints.read ?? {}), [Z]), $ = n(() => [...ee(R, `${J}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [R, J]), ve = n(() => [
+		F?.("runtime", "server", !0), F?.(e === "action" ? "connector" : "action", "");
+	}, [F]), he = t((e) => F?.("singleRecord", e.target.checked), [F]), ge = t((e) => F?.("renderWhileLoading", e.target.checked), [F]), _e = t((e) => F?.("cache", e.target.checked), [F]), Y = t((e) => F?.("filters", e), [F]), X = n(() => Object.values(R), [R]), Z = n(() => X.find((e) => e.identifier === w)?.manifest, [X, w]), ve = n(() => Object.keys(Z?.operators ?? {}), [Z]), Q = n(() => Object.keys(Z?.endpoints.read ?? {}), [Z]), $ = n(() => [...te(L, `${q}.attributes.slug`, "").matchAll(/:[a-z0-9_-]+/gim)].map((e) => e[0].slice(1)), [L, q]), ye = n(() => [
+		...Object.keys(G),
 		...Object.keys(K),
-		...Object.keys(q),
 		...$
 	].map((e) => ({
 		type: "token",
 		value: e
 	})), [
+		G,
 		K,
-		q,
 		$
 	]);
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "flex grow flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ l(p, {
-				value: G,
+			/* @__PURE__ */ c(p, {
+				value: W,
 				label: "Data Source",
-				onChange: fe,
+				onChange: me,
 				size: "xs",
 				children: [
-					/* @__PURE__ */ c("option", {
+					/* @__PURE__ */ s("option", {
 						value: "client",
 						children: "Browser request"
 					}),
-					/* @__PURE__ */ c("option", {
+					/* @__PURE__ */ s("option", {
 						value: "connector",
 						children: "Connector (server-side)"
 					}),
-					/* @__PURE__ */ c("option", {
+					/* @__PURE__ */ s("option", {
 						value: "action",
 						children: "Server action (server-side)"
 					})
 				]
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ c("span", {
 				className: "text-xs text-gray-500 dark:text-zinc-400",
 				children: [
-					G === "connector" && "The server calls the API and hands the page its records. The endpoint and the credential never reach the browser, and the content is in the HTML search engines see.",
-					G === "action" && "A flow runs on the server and hands the page whatever its output step returns — for the read a connector cannot express: two calls joined, a computed field, a shape that depends on who is looking. It is fed this page’s route and query params.",
-					G === "client" && "The browser calls the URL directly. Anything it needs to authenticate with is visible to the visitor, and the content is not in the initial HTML."
+					W === "connector" && "The server calls the API and hands the page its records. The endpoint and the credential never reach the browser, and the content is in the HTML search engines see.",
+					W === "action" && "A flow runs on the server and hands the page whatever its output step returns — for the read a connector cannot express: two calls joined, a computed field, a shape that depends on who is looking. It is fed this page’s route and query params.",
+					W === "client" && "The browser calls the URL directly. Anything it needs to authenticate with is visible to the visitor, and the content is not in the initial HTML."
 				]
 			}),
-			G === "action" && /* @__PURE__ */ l(s, { children: [B?.length === 0 && /* @__PURE__ */ c("div", {
+			W === "action" && /* @__PURE__ */ c(o, { children: [z?.length === 0 && /* @__PURE__ */ s("div", {
 				className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 				children: "No actions yet. Add one in the Actions panel and give it a “While a page renders” trigger — that is the way in this element uses."
-			}), /* @__PURE__ */ l(p, {
+			}), /* @__PURE__ */ c(p, {
 				value: T,
 				label: "Action",
-				onChange: Y("action"),
+				onChange: J("action"),
 				size: "xs",
-				children: [/* @__PURE__ */ c("option", {
+				children: [/* @__PURE__ */ s("option", {
 					value: "",
 					children: "Select an action…"
-				}), (B ?? []).map((e) => /* @__PURE__ */ c("option", {
+				}), (z ?? []).map((e) => /* @__PURE__ */ s("option", {
 					value: e.identifier,
 					children: e.name
 				}, e.identifier))]
 			})] }),
-			W && !V && /* @__PURE__ */ c("div", {
+			U && !B && /* @__PURE__ */ s("div", {
 				className: "rounded-sm border border-yellow-300 bg-yellow-50 p-2 text-xs text-yellow-800 dark:border-yellow-700 dark:bg-yellow-950 dark:text-yellow-200",
 				children: "This space has no server-rendered deployment. It resolves here in the builder, but a published page would have no server to resolve it — publish with a Plitzi SSR credential, or read the API from the browser instead."
 			}),
-			G === "connector" && /* @__PURE__ */ l(s, { children: [
-				X.length === 0 && /* @__PURE__ */ c("div", {
+			W === "connector" && /* @__PURE__ */ c(o, { children: [
+				X.length === 0 && /* @__PURE__ */ s("div", {
 					className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 					children: "No connectors yet. Add one in the Connectors panel — it holds the API endpoints, and the credential stays on the server."
 				}),
-				/* @__PURE__ */ l(p, {
+				/* @__PURE__ */ c(p, {
 					value: w,
 					label: "Connector",
-					onChange: Y("connector"),
+					onChange: J("connector"),
 					size: "xs",
-					children: [/* @__PURE__ */ c("option", {
+					children: [/* @__PURE__ */ s("option", {
 						value: "",
 						children: "Select a connector…"
-					}), X.map((e) => /* @__PURE__ */ c("option", {
+					}), X.map((e) => /* @__PURE__ */ s("option", {
 						value: e.identifier,
 						children: e.name
 					}, e.identifier))]
 				}),
-				Q.length > 1 && /* @__PURE__ */ c(p, {
-					value: E,
+				Q.length > 1 && /* @__PURE__ */ s(p, {
+					value: ae,
 					label: "Endpoint",
-					onChange: Y("endpoint"),
+					onChange: J("endpoint"),
 					size: "xs",
-					children: Q.map((e) => /* @__PURE__ */ c("option", {
+					children: Q.map((e) => /* @__PURE__ */ s("option", {
 						value: e,
 						children: e
 					}, e))
 				}),
-				/* @__PURE__ */ c(f, {
-					value: D,
+				/* @__PURE__ */ s(f, {
+					value: oe,
 					label: "Resource",
 					placeholder: "posts",
 					title: "The collection read through the connector — what {{resource}} becomes in the endpoint path.",
-					onChange: Y("resource"),
+					onChange: J("resource"),
 					size: "xs"
 				}),
-				/* @__PURE__ */ c(e, {
-					value: k,
-					operators: _e,
-					onChange: ge
+				/* @__PURE__ */ s(e, {
+					value: D,
+					operators: ve,
+					onChange: Y
 				}),
-				/* @__PURE__ */ c(m, {
-					checked: O,
+				/* @__PURE__ */ s(m, {
+					checked: E,
 					size: "sm",
 					label: "Single record (detail page)",
-					onChange: pe
+					onChange: he
 				}),
-				!O && /* @__PURE__ */ l(s, { children: [
-					/* @__PURE__ */ c(f, {
-						value: ae,
+				!E && /* @__PURE__ */ c(o, { children: [
+					/* @__PURE__ */ s(f, {
+						value: se,
 						label: "Records per page",
-						onChange: Y("limit"),
+						onChange: J("limit"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ l(p, {
-						value: A,
+					/* @__PURE__ */ c(p, {
+						value: O,
 						label: "Pagination",
-						onChange: Y("pagination"),
+						onChange: J("pagination"),
 						size: "xs",
 						children: [
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ s("option", {
 								value: "none",
 								children: "None"
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ s("option", {
 								value: "url",
 								children: "URL (indexable)"
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ s("option", {
 								value: "append",
 								children: "Load more"
 							})
 						]
 					}),
-					A !== "none" && /* @__PURE__ */ c(f, {
-						value: j,
+					O !== "none" && /* @__PURE__ */ s(f, {
+						value: k,
 						label: "Page parameter",
 						title: "Query-string key this list pages on. Give each list its own so they page independently.",
-						onChange: Y("pageParam"),
+						onChange: J("pageParam"),
 						size: "xs"
 					})
 				] })
 			] }),
-			!W && /* @__PURE__ */ l(s, { children: [
-				/* @__PURE__ */ l("div", {
+			!U && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ c("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ c("label", { children: "Query" }), /* @__PURE__ */ c(d, {
+					children: [/* @__PURE__ */ s("label", { children: "Query" }), /* @__PURE__ */ s(d, {
 						className: "font-rubik min-h-6.5 basis-auto rounded-sm border border-gray-300 px-1 text-xs",
 						value: g,
-						theme: L,
+						theme: I,
 						mode: "text",
-						autoComplete: ve,
+						autoComplete: ye,
 						lineWrapping: !0,
 						multiline: !1,
-						onChange: oe
+						onChange: ce
 					})]
 				}),
-				/* @__PURE__ */ l(p, {
+				/* @__PURE__ */ c(p, {
 					value: _,
 					label: "Method",
-					onChange: Y("method"),
+					onChange: J("method"),
 					size: "xs",
-					children: [/* @__PURE__ */ c("option", {
+					children: [/* @__PURE__ */ s("option", {
 						value: "get",
 						children: "Get"
-					}), /* @__PURE__ */ c("option", {
+					}), /* @__PURE__ */ s("option", {
 						value: "post",
 						children: "Post"
 					})]
 				}),
-				/* @__PURE__ */ c(f, {
+				/* @__PURE__ */ s(f, {
 					value: ie,
 					label: "Access Token",
 					title: "Bind this to the signed-in visitor's token. A value typed here is saved in the page and served to\n              every visitor — put anything secret behind a connector instead.",
-					onChange: Y("accessToken"),
+					onChange: J("accessToken"),
 					size: "xs"
 				}),
-				/* @__PURE__ */ l(p, {
+				/* @__PURE__ */ c(p, {
 					value: S,
 					label: "Include Credentials",
-					onChange: Y("credentials"),
+					onChange: J("credentials"),
 					size: "xs",
 					children: [
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "include",
 							children: "Include"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "omit",
 							children: "Omit"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "same-origin",
 							children: "Same Origin"
 						})
 					]
 				}),
-				/* @__PURE__ */ c(m, {
-					checked: N,
+				/* @__PURE__ */ s(m, {
+					checked: j,
 					size: "sm",
 					label: "Cache responses",
-					onChange: he
+					onChange: _e
 				}),
-				N && /* @__PURE__ */ l(s, { children: [
-					/* @__PURE__ */ c(f, {
-						value: String(P),
+				j && /* @__PURE__ */ c(o, { children: [
+					/* @__PURE__ */ s(f, {
+						value: String(M),
 						label: "Fresh for (s)",
 						title: "How long an answer is reused without asking again — here and by every provider requesting the\n                  same thing. Past it, the answer stays on screen while a fresh one is fetched. 0 asks on every mount.",
-						onChange: Y("staleTime"),
+						onChange: J("staleTime"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ c(f, {
-						value: String(F),
+					/* @__PURE__ */ s(f, {
+						value: String(N),
 						label: "Keep unused for (s)",
 						title: "How long an answer nobody is showing is kept, so coming back to it within that time paints at once.",
-						onChange: Y("gcTime"),
+						onChange: J("gcTime"),
 						size: "xs"
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ s("div", {
 						className: "rounded-sm border border-gray-300 p-2 text-xs text-gray-500 dark:border-zinc-600 dark:text-zinc-400",
 						children: "A completed server action refreshes every cached request, in case it changed what they read. On its step, “Refresh cached requests” can name only the containers it affects, or none for an action that only reads. A webhook step can do the same."
 					})
 				] }),
-				/* @__PURE__ */ c(m, {
-					checked: M,
+				/* @__PURE__ */ s(m, {
+					checked: A,
 					size: "sm",
 					label: "Render children while loading",
-					onChange: me
+					onChange: ge
 				})
 			] }),
-			/* @__PURE__ */ c(m, {
-				checked: H,
+			/* @__PURE__ */ s(f, {
+				value: String(P),
+				label: "Refresh every (s)",
+				title: "Asks again on its own this often, for a page showing something that keeps moving. Paused while the tab\n          is hidden. 0 never does.",
+				onChange: J("refreshSeconds"),
+				size: "xs"
+			}),
+			/* @__PURE__ */ s(m, {
+				checked: V,
 				size: "sm",
 				label: "Advanced Settings",
-				onChange: ue
+				onChange: fe
 			}),
-			H && /* @__PURE__ */ l(s, { children: [
-				/* @__PURE__ */ c(re, {
+			V && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(re, {
 					value: Object.entries(v),
 					label: "Headers",
-					onChange: de,
+					onChange: pe,
 					size: "xs"
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ c("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ c("label", { children: "When to perform query request" }), /* @__PURE__ */ c(u, {
+					children: [/* @__PURE__ */ s("label", { children: "When to perform query request" }), /* @__PURE__ */ s(u, {
 						direction: "vertical",
 						className: "w-full",
 						size: "xs",
 						query: y,
-						onChange: se,
+						onChange: le,
 						showBranches: !0
 					})]
 				}),
-				/* @__PURE__ */ l(p, {
+				/* @__PURE__ */ c(p, {
 					value: b,
 					label: "Container Tag",
-					onChange: ce,
+					onChange: ue,
 					size: "xs",
 					children: [
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "",
 							children: "None"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "div",
 							children: "Div"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "header",
 							children: "Header"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "footer",
 							children: "Footer"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "nav",
 							children: "Nav"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "main",
 							children: "Main"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "section",
 							children: "Section"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "article",
 							children: "Article"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "aside",
 							children: "Aside"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "address",
 							children: "Address"
 						}),
-						/* @__PURE__ */ c("option", {
+						/* @__PURE__ */ s("option", {
 							value: "figure",
 							children: "Figure"
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", { className: "my-2 h-px w-full border border-gray-300 bg-gray-300" }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ s("div", { className: "my-2 h-px w-full border border-gray-300 bg-gray-300" }),
+				/* @__PURE__ */ c("div", {
 					className: "flex min-h-50 grow flex-col",
-					children: [/* @__PURE__ */ c("label", { children: "Mock Data (Build Mode)" }), /* @__PURE__ */ c(d, {
+					children: [/* @__PURE__ */ s("label", { children: "Mock Data (Build Mode)" }), /* @__PURE__ */ s(d, {
 						value: x,
-						theme: L,
+						theme: I,
 						mode: "json",
 						lineWrapping: !0,
-						onChange: le
+						onChange: de
 					})]
 				})
 			] })

package/dist/elements/provider/ApiContainer/components/FiltersInput/FiltersInput.d.ts

@@ -18,5 +18,5 @@ export type FiltersInputProps = {
  *
  * Values are templates resolved on the server, so `{{routeParams.slug}}` is what makes a page a detail page.
  */
-declare const FiltersInput: ({ value, operators, onChange }: FiltersInputProps) => import("react").JSX.Element;
+declare const FiltersInput: ({ value, operators, onChange }: FiltersInputProps) => import('react').JSX.Element;
 export default FiltersInput;

package/dist/elements/provider/ApiContainer/declaration.d.ts

@@ -12,7 +12,95 @@ export type ApiContainerAttributes = AuthorableAttributes<ApiContainerProps> & {
 };
 declare const declaration: {
     readonly type: "apiContainer";
+    readonly attributeValues: {
+        readonly subType: readonly string[];
+        readonly method: readonly string[];
+        readonly credentials: readonly string[];
+        readonly pagination: readonly string[];
+    };
     readonly sourceType: "apiContainer";
+    readonly triggers: {
+        readonly onApiError: {
+            readonly action: "onApiError";
+            readonly title: "On Api Error";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly url: "";
+                readonly method: "";
+                readonly status: "";
+                readonly data: "";
+            };
+        };
+        readonly onApiSuccess: {
+            readonly action: "onApiSuccess";
+            readonly title: "On Api Success";
+            readonly type: "trigger";
+            readonly params: {};
+            readonly preview: {
+                readonly url: "";
+                readonly method: "";
+                readonly status: "";
+                readonly data: "";
+            };
+        };
+    };
+    readonly callbacks: {
+        readonly performQuery: {
+            readonly action: "performQuery";
+            readonly title: "Perform Query";
+            readonly type: "callback";
+            readonly preview: {};
+            readonly params: {
+                readonly input: {
+                    readonly label: "Input (server providers)";
+                    readonly type: "codemirror-json";
+                    readonly defaultValue: "{}";
+                    readonly description: string;
+                };
+            };
+        };
+        readonly loadMore: {
+            readonly action: "loadMore";
+            readonly title: "Load More";
+            readonly type: "callback";
+            readonly preview: {};
+            readonly params: {};
+        };
+        readonly goToPage: {
+            readonly action: "goToPage";
+            readonly title: "Go To Page";
+            readonly type: "callback";
+            readonly preview: {};
+            readonly params: {
+                readonly page: {
+                    readonly label: "Page";
+                    readonly defaultValue: "1";
+                    readonly type: "text";
+                };
+            };
+        };
+        readonly writeRecord: {
+            readonly action: "writeRecord";
+            readonly title: "Write Record";
+            readonly type: "callback";
+            readonly preview: {
+                readonly action: "create";
+            };
+            readonly params: {
+                readonly action: {
+                    readonly label: "Endpoint";
+                    readonly defaultValue: "create";
+                    readonly type: "text";
+                };
+                readonly recordId: {
+                    readonly label: "Record Id";
+                    readonly defaultValue: "";
+                    readonly type: "text";
+                };
+            };
+        };
+    };
     readonly content: {
         readonly attributes: {
             readonly query: "";