@ai-matrx/content-ir-react 0.13.17 → 0.14.0

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { C as ComponentResolutionSource, a as ComponentResolution, b as ContentIrErrorReporter } from './component-resolution.types-DLO2w-0n.cjs';
 export { c as ComponentRole, d as ContentIrErrorReport, J as JsonObject, K as KindComponentRow, S as SystemComponentEntry, e as consoleErrorReporter } from './component-resolution.types-DLO2w-0n.cjs';
-import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-DxK1SoPh.cjs';
-export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveAskRequest, f as DirectiveCopyProps, g as DirectiveHost, h as DirectiveHostProvider, i as DirectiveHostProviderProps, j as DirectiveOpenItemOptions, k as DirectiveRecordProps, l as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, m as GenericFallbackReason, I as IR_PROVISIONAL_KEY, n as IR_ROUTE_KEY, o as IrRenderBlock, p as IrRoutableBlock, q as IrRouteMarker, r as KindRouteBinding, s as KindRouteOptions, P as PartialRenderOptions, t as ProvisionalKindRender, S as StructuredValueRenderProps, u as SupersededKindRender, v as applyIrKindRoute, w as createKindRouteBinding, x as envelopeFromPartialKind, y as isPartialReadyKind, z as isProvisionalBlock, A as kindServerDataFromStoredValue, B as markKindPartialUnsafe, E as readIrRouteMarker, F as resetPartialUnsafeKinds, H as resetSourcelessDbRowReports, J as resolveAnnouncedKindLoading, L as resolveProvisionalKindRender, M as resolveSupersededKindRender, N as routeEnvOf, O as useDirectiveHost } from './route-DxK1SoPh.cjs';
+import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-Bf-kciHw.cjs';
+export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, n as GenericFallbackReason, I as IR_PROVISIONAL_KEY, o as IR_ROUTE_KEY, p as IrRenderBlock, q as IrRoutableBlock, r as IrRouteMarker, s as KindRouteBinding, t as KindRouteOptions, P as PartialRenderOptions, u as ProvisionalKindRender, S as StructuredValueRenderProps, v as SupersededKindRender, w as applyIrKindRoute, x as createKindRouteBinding, y as envelopeFromPartialKind, z as isPartialReadyKind, A as isProvisionalBlock, B as kindServerDataFromStoredValue, E as markKindPartialUnsafe, F as readIrRouteMarker, H as resetPartialUnsafeKinds, J as resetSourcelessDbRowReports, L as resolveAnnouncedKindLoading, M as resolveProvisionalKindRender, N as resolveSupersededKindRender, O as routeEnvOf, Q as useDirectiveHost } from './route-Bf-kciHw.cjs';
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 export { ComponentResolver, ComponentResolverOptions } from './resolver.cjs';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { C as ComponentResolutionSource, a as ComponentResolution, b as ContentIrErrorReporter } from './component-resolution.types-DLO2w-0n.js';
 export { c as ComponentRole, d as ContentIrErrorReport, J as JsonObject, K as KindComponentRow, S as SystemComponentEntry, e as consoleErrorReporter } from './component-resolution.types-DLO2w-0n.js';
-import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-JGZfl2nL.js';
-export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveAskRequest, f as DirectiveCopyProps, g as DirectiveHost, h as DirectiveHostProvider, i as DirectiveHostProviderProps, j as DirectiveOpenItemOptions, k as DirectiveRecordProps, l as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, m as GenericFallbackReason, I as IR_PROVISIONAL_KEY, n as IR_ROUTE_KEY, o as IrRenderBlock, p as IrRoutableBlock, q as IrRouteMarker, r as KindRouteBinding, s as KindRouteOptions, P as PartialRenderOptions, t as ProvisionalKindRender, S as StructuredValueRenderProps, u as SupersededKindRender, v as applyIrKindRoute, w as createKindRouteBinding, x as envelopeFromPartialKind, y as isPartialReadyKind, z as isProvisionalBlock, A as kindServerDataFromStoredValue, B as markKindPartialUnsafe, E as readIrRouteMarker, F as resetPartialUnsafeKinds, H as resetSourcelessDbRowReports, J as resolveAnnouncedKindLoading, L as resolveProvisionalKindRender, M as resolveSupersededKindRender, N as routeEnvOf, O as useDirectiveHost } from './route-JGZfl2nL.js';
+import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-ymqupVjr.js';
+export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, n as GenericFallbackReason, I as IR_PROVISIONAL_KEY, o as IR_ROUTE_KEY, p as IrRenderBlock, q as IrRoutableBlock, r as IrRouteMarker, s as KindRouteBinding, t as KindRouteOptions, P as PartialRenderOptions, u as ProvisionalKindRender, S as StructuredValueRenderProps, v as SupersededKindRender, w as applyIrKindRoute, x as createKindRouteBinding, y as envelopeFromPartialKind, z as isPartialReadyKind, A as isProvisionalBlock, B as kindServerDataFromStoredValue, E as markKindPartialUnsafe, F as readIrRouteMarker, H as resetPartialUnsafeKinds, J as resetSourcelessDbRowReports, L as resolveAnnouncedKindLoading, M as resolveProvisionalKindRender, N as resolveSupersededKindRender, O as routeEnvOf, Q as useDirectiveHost } from './route-ymqupVjr.js';
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 export { ComponentResolver, ComponentResolverOptions } from './resolver.js';

package/dist/index.js

@@ -893,6 +893,8 @@ function classIcon(directiveClass, noun) {
 
 // directives/ApplyDirectiveButton.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var FINISH_POLL_MS = 2e3;
+var FINISH_POLLS_MAX = 30;
 function ApplyDirectiveButton({
   directive,
   label = "Apply",
@@ -900,9 +902,58 @@ function ApplyDirectiveButton({
   onApplied
 }) {
   const host = useDirectiveHost();
-  const [state, setState] = useState({ status: "idle" });
+  const items = directive.items;
+  const readsLedger = !!host.applyState && !!host.confirm && directive.parsed.executes && items.length > 0;
+  const [state, setState] = useState(
+    readsLedger ? { status: "checking" } : { status: "idle" }
+  );
   const [elapsed, setElapsed] = useState(0);
   const startedAt = useRef(null);
+  const nounText = nounLabel(directive.noun, host.nouns);
+  const shellKey = readsLedger ? JSON.stringify([directive.slug, items]) : "";
+  const read = host.applyState;
+  const report = host.reportError;
+  useEffect(() => {
+    if (!shellKey || !read) return;
+    const [slug, shellItems] = JSON.parse(shellKey);
+    let live = true;
+    let polls = 0;
+    let timer = null;
+    const ask = () => {
+      read({ __kind: slug, items: shellItems }).then((answer) => {
+        if (!live) return;
+        if (answer.state === "applied") {
+          setState(
+            (prev) => prev.status === "checking" || prev.status === "finishing" ? {
+              status: "applied",
+              applied: shellItems.length,
+              failed: 0,
+              message: answer.message?.trim() ? answer.message.trim() : null,
+              records: answer.records ?? []
+            } : prev
+          );
+        } else if (answer.state === "in_flight" && polls < FINISH_POLLS_MAX) {
+          polls += 1;
+          setState((prev) => prev.status === "checking" || prev.status === "finishing" ? { status: "finishing" } : prev);
+          timer = setTimeout(ask, FINISH_POLL_MS);
+        } else {
+          setState((prev) => prev.status === "checking" || prev.status === "finishing" ? { status: "idle" } : prev);
+        }
+      }).catch((error) => {
+        if (!live) return;
+        const why = error instanceof Error && error.message ? error.message : String(error);
+        (report ?? console.error)(
+          `[kind-directives] Could not read whether ${slug} was already applied: ${why}`
+        );
+        setState((prev) => prev.status === "checking" || prev.status === "finishing" ? { status: "idle" } : prev);
+      });
+    };
+    ask();
+    return () => {
+      live = false;
+      if (timer) clearTimeout(timer);
+    };
+  }, [shellKey, read, report]);
   useEffect(() => {
     if (state.status !== "applying") return;
     startedAt.current = Date.now();
@@ -915,7 +966,6 @@ function ApplyDirectiveButton({
   if (!directive.parsed.executes) return null;
   const confirm = host.confirm;
   if (!confirm) return null;
-  const items = directive.items;
   async function handleApply() {
     if (!confirm) return;
     if (host.ask) {
@@ -925,7 +975,7 @@ function ApplyDirectiveButton({
         ok = await host.ask({
           directive,
           items,
-          nounLabel: nounLabel(directive.noun, host.nouns)
+          nounLabel: nounText
         });
       } catch (error) {
         setState({
@@ -961,7 +1011,7 @@ function ApplyDirectiveButton({
   if (state.status === "applied") {
     const bad = state.failed > 0;
     const trashed = directive.directiveClass === "delete";
-    const label2 = nounLabel(directive.noun, host.nouns);
+    const label2 = nounText;
     const records = host.renderRecord ? state.records : [];
     return /* @__PURE__ */ jsxs2(
       "span",
@@ -984,6 +1034,32 @@ function ApplyDirectiveButton({
       }
     );
   }
+  if (state.status === "checking") {
+    return /* @__PURE__ */ jsx4(
+      "span",
+      {
+        className: "inline-flex h-6 w-6 items-center justify-center text-muted-foreground",
+        role: "status",
+        "aria-label": "Checking whether this already ran",
+        "data-apply-state": "checking",
+        children: /* @__PURE__ */ jsx4(LoaderIcon, { className: "h-3.5 w-3.5 animate-spin" })
+      }
+    );
+  }
+  if (state.status === "finishing") {
+    return /* @__PURE__ */ jsxs2(
+      "span",
+      {
+        className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+        role: "status",
+        "data-apply-state": "finishing",
+        children: [
+          /* @__PURE__ */ jsx4(LoaderIcon, { className: "h-3.5 w-3.5 animate-spin" }),
+          "Finishing\u2026"
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-2", children: [
     /* @__PURE__ */ jsxs2(
       "button",