@flanksource/clicky-ui 0.3.10 → 0.3.11

package/dist/data/FixtureEditor/FenceForm.js

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { JsonSchemaForm } from "../../components/JsonSchemaForm.js";
+import { Badge } from "../Badge.js";
+import { parseFixtureYaml, stringifyFixtureYaml } from "./fixture-blocks.js";
+import { RawFenceEditor } from "./RawFenceEditor.js";
+function FenceForm({
+  info,
+  body,
+  schema,
+  parseAsYaml,
+  known,
+  readOnly,
+  onChangeBody
+}) {
+  const parsed = useMemo(
+    () => parseAsYaml ? parseFixtureYaml(body) : void 0,
+    [body, parseAsYaml]
+  );
+  const raw = useMemo(
+    () => !parseAsYaml ? parseRawFenceValue(body) : void 0,
+    [body, parseAsYaml]
+  );
+  const formValue = parseAsYaml ? (parsed == null ? void 0 : parsed.ok) === true ? parsed.value : void 0 : raw == null ? void 0 : raw.value;
+  const canRenderForm = schema != null && formValue != null;
+  if (!canRenderForm) {
+    return /* @__PURE__ */ jsx(NestedPanel, { title: "Source", aside: sourceBadge(parseAsYaml, schema, parsed, known), children: /* @__PURE__ */ jsx(
+      RawFenceEditor,
+      {
+        info,
+        body,
+        helper: (parsed == null ? void 0 : parsed.ok) === false ? parsed.error : void 0,
+        readOnly,
+        onChange: onChangeBody
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-t border-border", children: [
+    /* @__PURE__ */ jsx(NestedPanel, { title: "Structured options", children: /* @__PURE__ */ jsx(
+      JsonSchemaForm,
+      {
+        schema,
+        value: formValue,
+        onChange: (next) => onChangeBody(
+          parseAsYaml ? stringifyFixtureYaml(next) : stringifyRawFenceValue(next)
+        ),
+        readOnly,
+        size: "md",
+        showPreferencesMenu: false,
+        persistPreferences: false,
+        layout: {
+          mode: "inline",
+          labelMaxWidth: "12rem",
+          valueMaxWidth: "min(100%, 34rem)"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(NestedPanel, { title: "Source", children: /* @__PURE__ */ jsx(
+      RawFenceEditor,
+      {
+        info,
+        body,
+        readOnly,
+        onChange: onChangeBody
+      }
+    ) })
+  ] });
+}
+function parseRawFenceValue(body) {
+  const parsed = parseFixtureYaml(body);
+  if (parsed.ok && isRecord(parsed.value) && typeof parsed.value.content === "string") {
+    return { value: parsed.value };
+  }
+  return { value: { content: body } };
+}
+function stringifyRawFenceValue(value) {
+  const content = typeof value.content === "string" ? value.content : "";
+  const compact = {};
+  for (const [key, field] of Object.entries(value)) {
+    if (key === "content") continue;
+    if (isEmptyValue(field)) continue;
+    compact[key] = field;
+  }
+  if (Object.keys(compact).length === 0) {
+    return content;
+  }
+  return stringifyFixtureYaml({ content, ...compact });
+}
+function isEmptyValue(value) {
+  if (value == null || value === "") return true;
+  if (Array.isArray(value)) return value.length === 0;
+  if (isRecord(value)) return Object.keys(value).length === 0;
+  return false;
+}
+function isRecord(value) {
+  return typeof value === "object" && value != null && !Array.isArray(value);
+}
+function sourceBadge(parseAsYaml, schema, parsed, known) {
+  if ((parsed == null ? void 0 : parsed.ok) === false) {
+    return /* @__PURE__ */ jsx(Badge, { variant: "status", status: "error", size: "xs", clickToCopy: false, children: "YAML error" });
+  }
+  if (parseAsYaml && schema == null && !known) {
+    return /* @__PURE__ */ jsx(Badge, { variant: "status", status: "warning", size: "xs", clickToCopy: false, children: "Unknown fence" });
+  }
+  return void 0;
+}
+function NestedPanel({
+  title,
+  aside,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "border-b border-border last:border-b-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-9 items-center justify-between gap-3 bg-muted/30 px-4 py-2", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-normal text-muted-foreground", children: title }),
+      aside
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 p-4", children })
+  ] });
+}
+export {
+  FenceForm
+};
+//# sourceMappingURL=FenceForm.js.map

package/dist/data/FixtureEditor/FenceForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FenceForm.js","sources":["../../../src/data/FixtureEditor/FenceForm.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { Badge } from \"../Badge\";\nimport type { FixtureEditorSize } from \"./types\";\nimport {\n  parseFixtureYaml,\n  stringifyFixtureYaml,\n  type ParsedFixtureYaml,\n} from \"./fixture-blocks\";\nimport { RawFenceEditor } from \"./RawFenceEditor\";\n\nexport type FenceFormProps = {\n  info: string;\n  body: string;\n  schema: JsonSchemaObject | undefined;\n  parseAsYaml: boolean;\n  known: boolean;\n  readOnly: boolean;\n  size: FixtureEditorSize;\n  onChangeBody: (body: string) => void;\n};\n\nexport function FenceForm({\n  info,\n  body,\n  schema,\n  parseAsYaml,\n  known,\n  readOnly,\n  onChangeBody,\n}: FenceFormProps) {\n  const parsed = useMemo<ParsedFixtureYaml | undefined>(\n    () => (parseAsYaml ? parseFixtureYaml(body) : undefined),\n    [body, parseAsYaml],\n  );\n  const raw = useMemo(\n    () => (!parseAsYaml ? parseRawFenceValue(body) : undefined),\n    [body, parseAsYaml],\n  );\n  const formValue = parseAsYaml\n    ? parsed?.ok === true\n      ? parsed.value\n      : undefined\n    : raw?.value;\n  const canRenderForm = schema != null && formValue != null;\n\n  if (!canRenderForm) {\n    return (\n      <NestedPanel title=\"Source\" aside={sourceBadge(parseAsYaml, schema, parsed, known)}>\n        <RawFenceEditor\n          info={info}\n          body={body}\n          helper={parsed?.ok === false ? parsed.error : undefined}\n          readOnly={readOnly}\n          onChange={onChangeBody}\n        />\n      </NestedPanel>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col border-t border-border\">\n      <NestedPanel title=\"Structured options\">\n        <JsonSchemaForm\n          schema={schema}\n          value={formValue}\n          onChange={(next) =>\n            onChangeBody(\n              parseAsYaml\n                ? stringifyFixtureYaml(next)\n                : stringifyRawFenceValue(next),\n            )\n          }\n          readOnly={readOnly}\n          size=\"md\"\n          showPreferencesMenu={false}\n          persistPreferences={false}\n          layout={{\n            mode: \"inline\",\n            labelMaxWidth: \"12rem\",\n            valueMaxWidth: \"min(100%, 34rem)\",\n          }}\n        />\n      </NestedPanel>\n      <NestedPanel title=\"Source\">\n        <RawFenceEditor\n          info={info}\n          body={body}\n          readOnly={readOnly}\n          onChange={onChangeBody}\n        />\n      </NestedPanel>\n    </div>\n  );\n}\n\nfunction parseRawFenceValue(body: string): { value: Record<string, unknown> } {\n  const parsed = parseFixtureYaml(body);\n  if (\n    parsed.ok &&\n    isRecord(parsed.value) &&\n    typeof parsed.value.content === \"string\"\n  ) {\n    return { value: parsed.value };\n  }\n  return { value: { content: body } };\n}\n\nfunction stringifyRawFenceValue(value: Record<string, unknown>): string {\n  const content = typeof value.content === \"string\" ? value.content : \"\";\n  const compact: Record<string, unknown> = {};\n  for (const [key, field] of Object.entries(value)) {\n    if (key === \"content\") continue;\n    if (isEmptyValue(field)) continue;\n    compact[key] = field;\n  }\n  if (Object.keys(compact).length === 0) {\n    return content;\n  }\n  return stringifyFixtureYaml({ content, ...compact });\n}\n\nfunction isEmptyValue(value: unknown): boolean {\n  if (value == null || value === \"\") return true;\n  if (Array.isArray(value)) return value.length === 0;\n  if (isRecord(value)) return Object.keys(value).length === 0;\n  return false;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\n\nfunction sourceBadge(\n  parseAsYaml: boolean,\n  schema: JsonSchemaObject | undefined,\n  parsed: ParsedFixtureYaml | undefined,\n  known: boolean,\n) {\n  if (parsed?.ok === false) {\n    return (\n      <Badge variant=\"status\" status=\"error\" size=\"xs\" clickToCopy={false}>\n        YAML error\n      </Badge>\n    );\n  }\n\n  if (parseAsYaml && schema == null && !known) {\n    return (\n      <Badge variant=\"status\" status=\"warning\" size=\"xs\" clickToCopy={false}>\n        Unknown fence\n      </Badge>\n    );\n  }\n\n  return undefined;\n}\n\nfunction NestedPanel({\n  title,\n  aside,\n  children,\n}: {\n  title: string;\n  aside?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"border-b border-border last:border-b-0\">\n      <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted/30 px-4 py-2\">\n        <h4 className=\"text-xs font-semibold uppercase tracking-normal text-muted-foreground\">\n          {title}\n        </h4>\n        {aside}\n      </div>\n      <div className=\"min-w-0 p-4\">{children}</div>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/FixtureEditor/FixtureEditor.cjs

@@ -0,0 +1,236 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const MdxEditorField = require("../../components/MdxEditorField.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const fixtureBlocks = require("./fixture-blocks.cjs");
+const fixtureCodeBlockModel = require("./fixture-code-block-model.cjs");
+const FixtureFenceCodeBlockEditor = require("./FixtureFenceCodeBlockEditor.cjs");
+const UiAdd = require("../../icons/components/UiAdd.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiFileText = require("../../icons/components/UiFileText.cjs");
+const UiFileCode = require("../../icons/components/UiFileCode.cjs");
+const UiTerminal = require("../../icons/components/UiTerminal.cjs");
+const UiBug = require("../../icons/components/UiBug.cjs");
+const UiTest = require("../../icons/components/UiTest.cjs");
+const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
+const LazyFixtureFrontmatterDialog = react.lazy(async () => {
+  const mod = await Promise.resolve().then(() => require("./FixtureFrontmatterDialog.cjs"));
+  return { default: mod.FixtureFrontmatterDialog };
+});
+const FIXTURE_MDX_LANGUAGES = {
+  ai: "AI",
+  bash: "Bash",
+  exec: "Exec",
+  json: "JSON",
+  lint: "YAML",
+  markdown: "Markdown",
+  prompt: "Prompt",
+  shell: "Shell",
+  sh: "Shell",
+  test: "YAML",
+  yaml: "YAML",
+  yml: "YAML"
+};
+function FixtureEditor({
+  value,
+  onChange,
+  schemas = {},
+  allowedFences,
+  frontmatterEditor,
+  readOnly = false,
+  size = "md",
+  placeholder = "Write fixture markdown...",
+  className
+}) {
+  const [frontmatterOpen, setFrontmatterOpen] = react.useState(false);
+  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);
+  const fenceOptions = react.useMemo(
+    () => normalizeFenceOptions(allowedFences, schemas),
+    [allowedFences, schemas]
+  );
+  const fixtureCodeBlockDescriptor = react.useMemo(
+    () => createFixtureCodeBlockDescriptor({
+      schemas,
+      readOnly,
+      size
+    }),
+    [schemas, readOnly, size]
+  );
+  const appendMarkdown = (markdown) => {
+    const prefix = value === "" || value.endsWith("\n") ? "" : "\n\n";
+    onChange(`${value}${prefix}${markdown}`);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FixtureEditorToolbar,
+      {
+        readOnly,
+        fenceOptions,
+        onEditFrontmatter: frontmatterOptions ? () => setFrontmatterOpen(true) : void 0,
+        onAddFence: (info) => appendMarkdown(fixtureBlocks.createFenceMarkdown(info, schemas)),
+        onAddChecklist: () => appendMarkdown(fixtureBlocks.createChecklistMarkdown())
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MdxEditorField.MdxEditorField,
+      {
+        value,
+        onChange,
+        readOnly,
+        size,
+        placeholder,
+        "aria-label": "Fixture markdown",
+        headings: true,
+        lists: true,
+        quote: true,
+        links: true,
+        tables: true,
+        thematicBreak: true,
+        codeBlocks: {
+          defaultLanguage: "yaml",
+          editorDescriptors: [fixtureCodeBlockDescriptor]
+        },
+        codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
+        markdownShortcuts: true,
+        diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
+        className: "border-0 shadow-none",
+        contentClassName: "min-h-96 px-4 py-3",
+        textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+      }
+    ),
+    frontmatterOptions && /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+      LazyFixtureFrontmatterDialog,
+      {
+        open: frontmatterOpen,
+        markdown: value,
+        onChange,
+        onClose: () => setFrontmatterOpen(false),
+        size,
+        options: frontmatterOptions
+      }
+    ) })
+  ] });
+}
+function FixtureEditorToolbar({
+  readOnly,
+  fenceOptions,
+  onEditFrontmatter,
+  onAddFence,
+  onAddChecklist
+}) {
+  if (readOnly) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenu.DropdownMenu,
+      {
+        label: "Add fence",
+        icon: UiAdd.UiAdd,
+        size: "sm",
+        variant: "outline",
+        menuLabel: "Add fixture fence",
+        items: fenceOptions.map((option) => ({
+          label: option.label,
+          icon: iconForFence(option.info),
+          onSelect: () => onAddFence(option.info),
+          ...option.description ? { title: option.description } : {}
+        }))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { type: "button", variant: "outline", size: "sm", onClick: onAddChecklist, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiListDashes.UiListDashes }),
+      "Add checklist"
+    ] }),
+    onEditFrontmatter && /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: onEditFrontmatter,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFileText.UiFileText }),
+          "Frontmatter"
+        ]
+      }
+    )
+  ] });
+}
+function createFixtureCodeBlockDescriptor({
+  schemas,
+  readOnly,
+  size
+}) {
+  return {
+    priority: 100,
+    match: (language, meta) => fixtureCodeBlockModel.fixtureCodeBlockMatches(language, meta, schemas),
+    Editor: (props) => /* @__PURE__ */ jsxRuntime.jsx(
+      FixtureFenceCodeBlockEditor.FixtureFenceCodeBlockEditor,
+      {
+        ...props,
+        schemas,
+        readOnly,
+        size
+      }
+    )
+  };
+}
+function normalizeFenceOptions(allowedFences, schemas) {
+  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);
+  const seen = /* @__PURE__ */ new Set();
+  const normalized = [];
+  for (const option of raw) {
+    const rawInfo = typeof option === "string" ? option : option.info;
+    const info = fixtureBlocks.fixtureFenceSnippetInfo(rawInfo);
+    if (!info || seen.has(info)) continue;
+    seen.add(info);
+    const label = typeof option === "string" ? defaultFenceLabel(rawInfo) : String(option.label ?? defaultFenceLabel(rawInfo));
+    const description = typeof option === "string" || option.description == null ? void 0 : String(option.description);
+    normalized.push({
+      info,
+      label,
+      ...description ? { description } : {}
+    });
+  }
+  return normalized;
+}
+function iconForFence(info) {
+  const { language, meta } = fixtureBlocks.splitFixtureFenceInfo(info);
+  switch (fixtureBlocks.fixtureFenceKind(language, meta)) {
+    case "ai":
+    case "prompt":
+      return UiRobotAi.UiRobotAi;
+    case "test":
+      return UiTest.UiTest;
+    case "lint":
+      return UiBug.UiBug;
+    case "exec":
+    case "shell":
+      return UiTerminal.UiTerminal;
+    case "yaml":
+    case "code":
+      return UiFileCode.UiFileCode;
+  }
+}
+function defaultFenceLabel(info) {
+  const { language, meta } = fixtureBlocks.splitFixtureFenceInfo(info);
+  const kind = fixtureBlocks.fixtureFenceKind(language, meta);
+  return kind === "test" || kind === "lint" || kind === "ai" || kind === "prompt" ? kind : fixtureBlocks.fixtureFenceSnippetInfo(info);
+}
+function defaultFenceSchemaKeys(schemas) {
+  return fixtureBlocks.schemaKeys(schemas).filter((key) => {
+    const { language, meta } = fixtureBlocks.splitFixtureFenceInfo(key);
+    const kind = fixtureBlocks.fixtureFenceKind(language, meta);
+    return kind === "test" || kind === "lint" || kind === "yaml" && meta.trim() !== "";
+  });
+}
+function normalizeFrontmatterOptions(options) {
+  if (options === false) return void 0;
+  return typeof options === "object" ? options : {};
+}
+exports.FixtureEditor = FixtureEditor;
+//# sourceMappingURL=FixtureEditor.cjs.map

package/dist/data/FixtureEditor/FixtureEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixtureEditor.cjs","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport type { MdxEditorCodeBlockEditorDescriptor } from \"../../components/mdx-editor-options\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  UiAdd,\n  UiBug,\n  UiFileCode,\n  UiFileText,\n  UiListDashes,\n  UiRobotAi,\n  UiTerminal,\n  UiTest,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  createChecklistMarkdown,\n  createFenceMarkdown,\n  fixtureFenceKind,\n  fixtureFenceSnippetInfo,\n  schemaKeys,\n  splitFixtureFenceInfo,\n} from \"./fixture-blocks\";\nimport { fixtureCodeBlockMatches } from \"./fixture-code-block-model\";\nimport { FixtureFenceCodeBlockEditor } from \"./FixtureFenceCodeBlockEditor\";\nimport type {\n  FixtureEditorProps,\n  FixtureFenceOption,\n  FixtureFenceSchemas,\n  FixtureFrontmatterEditorOptions,\n} from \"./types\";\n\n// Loaded lazily because FixtureFrontmatterDialog embeds SpecRuntimeEditor,\n// which in turn embeds FixtureEditor (VerifySection edits a verify fixture) —\n// a static import here would close that cycle.\nconst LazyFixtureFrontmatterDialog = lazy(async () => {\n  const mod = await import(\"./FixtureFrontmatterDialog\");\n  return { default: mod.FixtureFrontmatterDialog };\n});\n\nconst FIXTURE_MDX_LANGUAGES: Record<string, string> = {\n  ai: \"AI\",\n  bash: \"Bash\",\n  exec: \"Exec\",\n  json: \"JSON\",\n  lint: \"YAML\",\n  markdown: \"Markdown\",\n  prompt: \"Prompt\",\n  shell: \"Shell\",\n  sh: \"Shell\",\n  test: \"YAML\",\n  yaml: \"YAML\",\n  yml: \"YAML\",\n};\n\nexport function FixtureEditor({\n  value,\n  onChange,\n  schemas = {},\n  allowedFences,\n  frontmatterEditor,\n  readOnly = false,\n  size = \"md\",\n  placeholder = \"Write fixture markdown...\",\n  className,\n}: FixtureEditorProps) {\n  const [frontmatterOpen, setFrontmatterOpen] = useState(false);\n  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);\n  const fenceOptions = useMemo(\n    () => normalizeFenceOptions(allowedFences, schemas),\n    [allowedFences, schemas],\n  );\n  const fixtureCodeBlockDescriptor = useMemo(\n    () =>\n      createFixtureCodeBlockDescriptor({\n        schemas,\n        readOnly,\n        size,\n      }),\n    [schemas, readOnly, size],\n  );\n\n  const appendMarkdown = (markdown: string) => {\n    const prefix = value === \"\" || value.endsWith(\"\\n\") ? \"\" : \"\\n\\n\";\n    onChange(`${value}${prefix}${markdown}`);\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      <FixtureEditorToolbar\n        readOnly={readOnly}\n        fenceOptions={fenceOptions}\n        onEditFrontmatter={\n          frontmatterOptions ? () => setFrontmatterOpen(true) : undefined\n        }\n        onAddFence={(info) => appendMarkdown(createFenceMarkdown(info, schemas))}\n        onAddChecklist={() => appendMarkdown(createChecklistMarkdown())}\n      />\n      <MdxEditorField\n        value={value}\n        onChange={onChange}\n        readOnly={readOnly}\n        size={size}\n        placeholder={placeholder}\n        aria-label=\"Fixture markdown\"\n        headings\n        lists\n        quote\n        links\n        tables\n        thematicBreak\n        codeBlocks={{\n          defaultLanguage: \"yaml\",\n          editorDescriptors: [fixtureCodeBlockDescriptor],\n        }}\n        codeMirror={{ languages: FIXTURE_MDX_LANGUAGES }}\n        markdownShortcuts\n        diffMode={{ viewMode: \"rich-text\", viewModes: [\"rich-text\", \"source\"] }}\n        className=\"border-0 shadow-none\"\n        contentClassName=\"min-h-96 px-4 py-3\"\n        textareaClassName=\"min-h-96 rounded-none border-0 shadow-none\"\n      />\n      {frontmatterOptions && (\n        <Suspense fallback={null}>\n          <LazyFixtureFrontmatterDialog\n            open={frontmatterOpen}\n            markdown={value}\n            onChange={onChange}\n            onClose={() => setFrontmatterOpen(false)}\n            size={size}\n            options={frontmatterOptions}\n          />\n        </Suspense>\n      )}\n    </div>\n  );\n}\n\ntype NormalizedFenceOption = {\n  info: string;\n  label: string;\n  description?: string;\n};\n\nfunction FixtureEditorToolbar({\n  readOnly,\n  fenceOptions,\n  onEditFrontmatter,\n  onAddFence,\n  onAddChecklist,\n}: {\n  readOnly: boolean;\n  fenceOptions: readonly NormalizedFenceOption[];\n  onEditFrontmatter?: (() => void) | undefined;\n  onAddFence: (info: string) => void;\n  onAddChecklist: () => void;\n}) {\n  if (readOnly) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <DropdownMenu\n        label=\"Add fence\"\n        icon={UiAdd}\n        size=\"sm\"\n        variant=\"outline\"\n        menuLabel=\"Add fixture fence\"\n        items={fenceOptions.map((option) => ({\n          label: option.label,\n          icon: iconForFence(option.info),\n          onSelect: () => onAddFence(option.info),\n          ...(option.description ? { title: option.description } : {}),\n        }))}\n      />\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onAddChecklist}>\n        <Icon icon={UiListDashes} />\n        Add checklist\n      </Button>\n      {onEditFrontmatter && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={onEditFrontmatter}\n        >\n          <Icon icon={UiFileText} />\n          Frontmatter\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction createFixtureCodeBlockDescriptor({\n  schemas,\n  readOnly,\n  size,\n}: {\n  schemas: FixtureFenceSchemas;\n  readOnly: boolean;\n  size: NonNullable<FixtureEditorProps[\"size\"]>;\n}): MdxEditorCodeBlockEditorDescriptor {\n  return {\n    priority: 100,\n    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),\n    Editor: (props) => (\n      <FixtureFenceCodeBlockEditor\n        {...props}\n        schemas={schemas}\n        readOnly={readOnly}\n        size={size}\n      />\n    ),\n  };\n}\n\nfunction normalizeFenceOptions(\n  allowedFences: readonly FixtureFenceOption[] | undefined,\n  schemas: FixtureFenceSchemas,\n): NormalizedFenceOption[] {\n  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);\n  const seen = new Set<string>();\n  const normalized: NormalizedFenceOption[] = [];\n\n  for (const option of raw) {\n    const rawInfo = typeof option === \"string\" ? option : option.info;\n    const info = fixtureFenceSnippetInfo(rawInfo);\n    if (!info || seen.has(info)) continue;\n    seen.add(info);\n    const label =\n      typeof option === \"string\"\n        ? defaultFenceLabel(rawInfo)\n        : String(option.label ?? defaultFenceLabel(rawInfo));\n    const description =\n      typeof option === \"string\" || option.description == null\n        ? undefined\n        : String(option.description);\n    normalized.push({\n      info,\n      label,\n      ...(description ? { description } : {}),\n    });\n  }\n\n  return normalized;\n}\n\nfunction iconForFence(info: string): StaticIconComponent {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  switch (fixtureFenceKind(language, meta)) {\n    case \"ai\":\n    case \"prompt\":\n      return UiRobotAi;\n    case \"test\":\n      return UiTest;\n    case \"lint\":\n      return UiBug;\n    case \"exec\":\n    case \"shell\":\n      return UiTerminal;\n    case \"yaml\":\n    case \"code\":\n      return UiFileCode;\n  }\n}\n\nfunction defaultFenceLabel(info: string): string {\n  const { language, meta } = splitFixtureFenceInfo(info);\n  const kind = fixtureFenceKind(language, meta);\n  return kind === \"test\" || kind === \"lint\" || kind === \"ai\" || kind === \"prompt\"\n    ? kind\n    : fixtureFenceSnippetInfo(info);\n}\n\nfunction defaultFenceSchemaKeys(schemas: FixtureFenceSchemas): string[] {\n  return schemaKeys(schemas).filter((key) => {\n    const { language, meta } = splitFixtureFenceInfo(key);\n    const kind = fixtureFenceKind(language, meta);\n    return (\n      kind === \"test\" ||\n      kind === \"lint\" ||\n      (kind === \"yaml\" && meta.trim() !== \"\")\n    );\n  });\n}\n\nfunction normalizeFrontmatterOptions(\n  options: FixtureEditorProps[\"frontmatterEditor\"],\n): FixtureFrontmatterEditorOptions | undefined {\n  if (options === false) return undefined;\n  return typeof options === \"object\" ? options : {};\n}\n"],"names":["lazy","useState","useMemo","cn","jsx","createFenceMarkdown","createChecklistMarkdown","MdxEditorField","Suspense","jsxs","DropdownMenu","UiAdd","Button","Icon","UiListDashes","UiFileText","fixtureCodeBlockMatches","FixtureFenceCodeBlockEditor","fixtureFenceSnippetInfo","splitFixtureFenceInfo","fixtureFenceKind","UiRobotAi","UiTest","UiBug","UiTerminal","UiFileCode","schemaKeys"],"mappings":"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"}

package/dist/data/FixtureEditor/FixtureEditor.d.ts

@@ -0,0 +1,3 @@
+import { FixtureEditorProps } from './types';
+export declare function FixtureEditor({ value, onChange, schemas, allowedFences, frontmatterEditor, readOnly, size, placeholder, className, }: FixtureEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FixtureEditor.d.ts.map

package/dist/data/FixtureEditor/FixtureEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixtureEditor.d.ts","sourceRoot":"","sources":["../../../src/data/FixtureEditor/FixtureEditor.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAyBjB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAgB,EAChB,IAAW,EACX,WAAyC,EACzC,SAAS,GACV,EAAE,kBAAkB,2CAuEpB"}

package/dist/data/FixtureEditor/FixtureEditor.js

@@ -0,0 +1,236 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo, Suspense, lazy } from "react";
+import { Button } from "../../components/button.js";
+import { MdxEditorField } from "../../components/MdxEditorField.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { createFenceMarkdown, fixtureFenceSnippetInfo, schemaKeys, splitFixtureFenceInfo, fixtureFenceKind, createChecklistMarkdown } from "./fixture-blocks.js";
+import { fixtureCodeBlockMatches } from "./fixture-code-block-model.js";
+import { FixtureFenceCodeBlockEditor } from "./FixtureFenceCodeBlockEditor.js";
+import { UiAdd } from "../../icons/components/UiAdd.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiFileText } from "../../icons/components/UiFileText.js";
+import { UiFileCode } from "../../icons/components/UiFileCode.js";
+import { UiTerminal } from "../../icons/components/UiTerminal.js";
+import { UiBug } from "../../icons/components/UiBug.js";
+import { UiTest } from "../../icons/components/UiTest.js";
+import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
+const LazyFixtureFrontmatterDialog = lazy(async () => {
+  const mod = await import("./FixtureFrontmatterDialog.js");
+  return { default: mod.FixtureFrontmatterDialog };
+});
+const FIXTURE_MDX_LANGUAGES = {
+  ai: "AI",
+  bash: "Bash",
+  exec: "Exec",
+  json: "JSON",
+  lint: "YAML",
+  markdown: "Markdown",
+  prompt: "Prompt",
+  shell: "Shell",
+  sh: "Shell",
+  test: "YAML",
+  yaml: "YAML",
+  yml: "YAML"
+};
+function FixtureEditor({
+  value,
+  onChange,
+  schemas = {},
+  allowedFences,
+  frontmatterEditor,
+  readOnly = false,
+  size = "md",
+  placeholder = "Write fixture markdown...",
+  className
+}) {
+  const [frontmatterOpen, setFrontmatterOpen] = useState(false);
+  const frontmatterOptions = normalizeFrontmatterOptions(frontmatterEditor);
+  const fenceOptions = useMemo(
+    () => normalizeFenceOptions(allowedFences, schemas),
+    [allowedFences, schemas]
+  );
+  const fixtureCodeBlockDescriptor = useMemo(
+    () => createFixtureCodeBlockDescriptor({
+      schemas,
+      readOnly,
+      size
+    }),
+    [schemas, readOnly, size]
+  );
+  const appendMarkdown = (markdown) => {
+    const prefix = value === "" || value.endsWith("\n") ? "" : "\n\n";
+    onChange(`${value}${prefix}${markdown}`);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx(
+      FixtureEditorToolbar,
+      {
+        readOnly,
+        fenceOptions,
+        onEditFrontmatter: frontmatterOptions ? () => setFrontmatterOpen(true) : void 0,
+        onAddFence: (info) => appendMarkdown(createFenceMarkdown(info, schemas)),
+        onAddChecklist: () => appendMarkdown(createChecklistMarkdown())
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MdxEditorField,
+      {
+        value,
+        onChange,
+        readOnly,
+        size,
+        placeholder,
+        "aria-label": "Fixture markdown",
+        headings: true,
+        lists: true,
+        quote: true,
+        links: true,
+        tables: true,
+        thematicBreak: true,
+        codeBlocks: {
+          defaultLanguage: "yaml",
+          editorDescriptors: [fixtureCodeBlockDescriptor]
+        },
+        codeMirror: { languages: FIXTURE_MDX_LANGUAGES },
+        markdownShortcuts: true,
+        diffMode: { viewMode: "rich-text", viewModes: ["rich-text", "source"] },
+        className: "border-0 shadow-none",
+        contentClassName: "min-h-96 px-4 py-3",
+        textareaClassName: "min-h-96 rounded-none border-0 shadow-none"
+      }
+    ),
+    frontmatterOptions && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      LazyFixtureFrontmatterDialog,
+      {
+        open: frontmatterOpen,
+        markdown: value,
+        onChange,
+        onClose: () => setFrontmatterOpen(false),
+        size,
+        options: frontmatterOptions
+      }
+    ) })
+  ] });
+}
+function FixtureEditorToolbar({
+  readOnly,
+  fenceOptions,
+  onEditFrontmatter,
+  onAddFence,
+  onAddChecklist
+}) {
+  if (readOnly) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      DropdownMenu,
+      {
+        label: "Add fence",
+        icon: UiAdd,
+        size: "sm",
+        variant: "outline",
+        menuLabel: "Add fixture fence",
+        items: fenceOptions.map((option) => ({
+          label: option.label,
+          icon: iconForFence(option.info),
+          onSelect: () => onAddFence(option.info),
+          ...option.description ? { title: option.description } : {}
+        }))
+      }
+    ),
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: onAddChecklist, children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiListDashes }),
+      "Add checklist"
+    ] }),
+    onEditFrontmatter && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: onEditFrontmatter,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiFileText }),
+          "Frontmatter"
+        ]
+      }
+    )
+  ] });
+}
+function createFixtureCodeBlockDescriptor({
+  schemas,
+  readOnly,
+  size
+}) {
+  return {
+    priority: 100,
+    match: (language, meta) => fixtureCodeBlockMatches(language, meta, schemas),
+    Editor: (props) => /* @__PURE__ */ jsx(
+      FixtureFenceCodeBlockEditor,
+      {
+        ...props,
+        schemas,
+        readOnly,
+        size
+      }
+    )
+  };
+}
+function normalizeFenceOptions(allowedFences, schemas) {
+  const raw = allowedFences ?? defaultFenceSchemaKeys(schemas);
+  const seen = /* @__PURE__ */ new Set();
+  const normalized = [];
+  for (const option of raw) {
+    const rawInfo = typeof option === "string" ? option : option.info;
+    const info = fixtureFenceSnippetInfo(rawInfo);
+    if (!info || seen.has(info)) continue;
+    seen.add(info);
+    const label = typeof option === "string" ? defaultFenceLabel(rawInfo) : String(option.label ?? defaultFenceLabel(rawInfo));
+    const description = typeof option === "string" || option.description == null ? void 0 : String(option.description);
+    normalized.push({
+      info,
+      label,
+      ...description ? { description } : {}
+    });
+  }
+  return normalized;
+}
+function iconForFence(info) {
+  const { language, meta } = splitFixtureFenceInfo(info);
+  switch (fixtureFenceKind(language, meta)) {
+    case "ai":
+    case "prompt":
+      return UiRobotAi;
+    case "test":
+      return UiTest;
+    case "lint":
+      return UiBug;
+    case "exec":
+    case "shell":
+      return UiTerminal;
+    case "yaml":
+    case "code":
+      return UiFileCode;
+  }
+}
+function defaultFenceLabel(info) {
+  const { language, meta } = splitFixtureFenceInfo(info);
+  const kind = fixtureFenceKind(language, meta);
+  return kind === "test" || kind === "lint" || kind === "ai" || kind === "prompt" ? kind : fixtureFenceSnippetInfo(info);
+}
+function defaultFenceSchemaKeys(schemas) {
+  return schemaKeys(schemas).filter((key) => {
+    const { language, meta } = splitFixtureFenceInfo(key);
+    const kind = fixtureFenceKind(language, meta);
+    return kind === "test" || kind === "lint" || kind === "yaml" && meta.trim() !== "";
+  });
+}
+function normalizeFrontmatterOptions(options) {
+  if (options === false) return void 0;
+  return typeof options === "object" ? options : {};
+}
+export {
+  FixtureEditor
+};
+//# sourceMappingURL=FixtureEditor.js.map