@arbidocs/blocks 0.4.9 → 0.4.10

package/dist/chunk-LOJVUGBJ.js

@@ -0,0 +1,67 @@
+"use client";
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { Loader2 } from 'lucide-react';
+import { Button, cn } from '@arbidocs/react/ui';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_STREAMED_ARTIFACT_FRAME_LABELS = {
+  preparing: "Preparing editor\u2026",
+  error: "The draft couldn't be prepared for editing.",
+  retry: "Try again"
+};
+function StreamedArtifactFrame({
+  phase,
+  canvas,
+  children,
+  error,
+  onRetry,
+  className,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_STREAMED_ARTIFACT_FRAME_LABELS, ...labels };
+  if (phase === "ready") return /* @__PURE__ */ jsx(Fragment, { children });
+  if (phase === "streaming") return /* @__PURE__ */ jsx(Fragment, { children: canvas });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "streamed-artifact",
+      className: cn("flex flex-col gap-2", className),
+      "data-testid": testIdOr(phase === "error" ? testIds?.error : testIds?.preparing, {
+        testId: phase === "error" ? "streamed-artifact-error" : "streamed-artifact-preparing"
+      }),
+      children: [
+        phase === "error" ? /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-wrap items-center gap-2 text-sm text-destructive", children: [
+          /* @__PURE__ */ jsx("span", { children: l.error }),
+          error && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: error }),
+          onRetry && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: onRetry,
+              className: "pointer-coarse:min-h-11",
+              "data-testid": testIdOr(testIds?.retry, { testId: "streamed-artifact-retry" }),
+              children: l.retry
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(
+          "p",
+          {
+            role: "status",
+            className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin", "aria-hidden": true }),
+              l.preparing
+            ]
+          }
+        ),
+        canvas
+      ]
+    }
+  );
+}
+
+export { DEFAULT_STREAMED_ARTIFACT_FRAME_LABELS, StreamedArtifactFrame };
+//# sourceMappingURL=chunk-LOJVUGBJ.js.map
+//# sourceMappingURL=chunk-LOJVUGBJ.js.map

package/dist/chunk-LOJVUGBJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/artifacts/StreamedArtifactFrame.tsx"],"names":[],"mappings":";;;;;AAcO,IAAM,sCAAA,GAAsE;AAAA,EACjF,SAAA,EAAW,wBAAA;AAAA,EACX,KAAA,EAAO,6CAAA;AAAA,EACP,KAAA,EAAO;AACT;AA8BO,SAAS,qBAAA,CAAsB;AAAA,EACpC,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAA,GAAI,EAAE,GAAG,sCAAA,EAAwC,GAAG,MAAA,EAAO;AACjE,EAAA,IAAI,KAAA,KAAU,OAAA,EAAS,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AAC1C,EAAA,IAAI,KAAA,KAAU,WAAA,EAAa,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,MAAA,EAAO,CAAA;AAC5C,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC9C,eAAa,QAAA,CAAS,KAAA,KAAU,UAAU,OAAA,EAAS,KAAA,GAAQ,SAAS,SAAA,EAAW;AAAA,QAC7E,MAAA,EAAQ,KAAA,KAAU,OAAA,GAAU,yBAAA,GAA4B;AAAA,OACzD,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,QAAA,KAAA,KAAU,0BACT,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,WAAU,4DAAA,EAC1B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAM,YAAE,KAAA,EAAM,CAAA;AAAA,UACd,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iCAAiC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAChE,OAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,SAAA;AAAA,cACR,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAS,OAAA;AAAA,cACT,SAAA,EAAU,yBAAA;AAAA,cACV,eAAa,QAAA,CAAS,OAAA,EAAS,OAAO,EAAE,MAAA,EAAQ,2BAA2B,CAAA;AAAA,cAE1E,QAAA,EAAA,CAAA,CAAE;AAAA;AAAA;AACL,SAAA,EAEJ,CAAA,mBAEA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,mEAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,uBAAA,EAAwB,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,cACtD,CAAA,CAAE;AAAA;AAAA;AAAA,SACL;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-LOJVUGBJ.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** `StreamedArtifactPhase` of `@arbidocs/react/artifacts`. */\nexport type StreamedArtifactFramePhase = 'streaming' | 'persisting' | 'parsing' | 'ready' | 'error'\n\nexport interface StreamedArtifactFrameLabels {\n  preparing: string\n  error: string\n  retry: string\n}\n\nexport const DEFAULT_STREAMED_ARTIFACT_FRAME_LABELS: StreamedArtifactFrameLabels = {\n  preparing: 'Preparing editor…',\n  error: \"The draft couldn't be prepared for editing.\",\n  retry: 'Try again',\n}\n\nexport interface StreamedArtifactFrameTestIds {\n  /** The \"Preparing editor\" wrapper (`persisting` and `parsing`). */\n  preparing: string\n  error: string\n  retry: string\n}\n\nexport interface StreamedArtifactFrameProps {\n  phase: StreamedArtifactFramePhase\n  /** The live canvas: shown while streaming, and kept in view under the status while preparing. */\n  canvas: ReactNode\n  /** The editor, mounted only when `phase` is `ready`. */\n  children: ReactNode\n  /** Why it failed (shown under the message). */\n  error?: string | null\n  onRetry?: () => void\n  className?: string\n  labels?: Partial<StreamedArtifactFrameLabels>\n  testIds?: Partial<StreamedArtifactFrameTestIds>\n}\n\n/**\n * The STREAM -> PERSIST -> EDIT switch of an agent-drafted artifact, presentational. The live\n * `canvas` while the agent streams; \"Preparing editor...\" (a polite status above the canvas, so\n * the draft stays readable) while the draft is stored and parsed; the editor (`children`) when it\n * is ready; an alert with Retry when storing or parsing failed. The connected version is\n * `StreamedArtifact` in `@arbidocs/blocks/connect`.\n */\nexport function StreamedArtifactFrame({\n  phase,\n  canvas,\n  children,\n  error,\n  onRetry,\n  className,\n  labels,\n  testIds,\n}: StreamedArtifactFrameProps) {\n  const l = { ...DEFAULT_STREAMED_ARTIFACT_FRAME_LABELS, ...labels }\n  if (phase === 'ready') return <>{children}</>\n  if (phase === 'streaming') return <>{canvas}</>\n  return (\n    <div\n      data-slot=\"streamed-artifact\"\n      className={cn('flex flex-col gap-2', className)}\n      data-testid={testIdOr(phase === 'error' ? testIds?.error : testIds?.preparing, {\n        testId: phase === 'error' ? 'streamed-artifact-error' : 'streamed-artifact-preparing',\n      })}\n    >\n      {phase === 'error' ? (\n        <div role=\"alert\" className=\"flex flex-wrap items-center gap-2 text-sm text-destructive\">\n          <span>{l.error}</span>\n          {error && <span className=\"text-xs text-muted-foreground\">{error}</span>}\n          {onRetry && (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={onRetry}\n              className=\"pointer-coarse:min-h-11\"\n              data-testid={testIdOr(testIds?.retry, { testId: 'streamed-artifact-retry' })}\n            >\n              {l.retry}\n            </Button>\n          )}\n        </div>\n      ) : (\n        <p\n          role=\"status\"\n          className=\"flex items-center gap-2 text-xs font-medium text-muted-foreground\"\n        >\n          <Loader2 className=\"size-3.5 animate-spin\" aria-hidden />\n          {l.preparing}\n        </p>\n      )}\n      {canvas}\n    </div>\n  )\n}\n"]}