@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/kerebron.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+var react = require('react');
+var editor = require('@kerebron/editor');
+var AdvancedEditorKit = require('@kerebron/editor-kits/AdvancedEditorKit');
+var web = require('@kerebron/wasm/web');
+var jsxRuntime = require('react/jsx-runtime');
+var CodeEditorKit = require('@kerebron/editor-kits/CodeEditorKit');
+
+// src/components/RichEditor/RichEditor.tsx
+var RichEditor = ({
+  value = "",
+  onChange,
+  showPreview = false
+}) => {
+  const editorRef = react.useRef(null);
+  const editorInstance = react.useRef(null);
+  const onChangeRef = react.useRef(onChange);
+  onChangeRef.current = onChange;
+  const [md, setMd] = react.useState("");
+  react.useEffect(() => {
+    if (!editorRef.current) return;
+    const editor$1 = editor.CoreEditor.create({
+      element: editorRef.current,
+      uri: "file:///untitled.md",
+      assetLoad: web.createAssetLoad("/kerebron-wasm"),
+      editorKits: [new AdvancedEditorKit.AdvancedEditorKit()]
+    });
+    editorInstance.current = editor$1;
+    const onTransaction = async () => {
+      if (!editorInstance.current) return;
+      try {
+        const buffer = await editorInstance.current.saveDocument("text/x-markdown");
+        const markdown = new globalThis.TextDecoder().decode(buffer);
+        setMd(markdown);
+        onChangeRef.current?.(markdown);
+      } catch (err) {
+        console.error("Failed to save markdown:", err);
+      }
+    };
+    editor$1.addEventListener("transaction", onTransaction);
+    if (value) {
+      editor$1.loadDocumentText("text/x-markdown", value).then(() => onTransaction()).catch((err) => console.error("Failed to load markdown:", err));
+    } else {
+      void onTransaction();
+    }
+    return () => {
+      editor$1.removeEventListener("transaction", onTransaction);
+      editor$1.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorRef, className: "kb-component" }) }),
+    showPreview && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h5", { children: "Markdown Output" }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { children: md })
+    ] }) })
+  ] });
+};
+RichEditor.displayName = "RichEditor";
+var CodeEditor = ({
+  value = "",
+  onChange,
+  lang = "typescript"
+}) => {
+  const editorRef = react.useRef(null);
+  const editorInstance = react.useRef(null);
+  const onChangeRef = react.useRef(onChange);
+  onChangeRef.current = onChange;
+  react.useEffect(() => {
+    const root = editorRef.current;
+    if (!root) return;
+    const applySelectLabel = () => {
+      root.querySelectorAll("select.codejar-select").forEach((element) => {
+        if (!element.getAttribute("aria-label")) {
+          element.setAttribute("aria-label", "Code editor language");
+        }
+      });
+    };
+    applySelectLabel();
+    const observer = new MutationObserver(() => applySelectLabel());
+    observer.observe(root, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, []);
+  react.useEffect(() => {
+    if (!editorRef.current) return;
+    const editor$1 = editor.CoreEditor.create({
+      element: editorRef.current,
+      uri: "file:///untitled.ts",
+      assetLoad: web.createAssetLoad("/kerebron-wasm"),
+      editorKits: [new CodeEditorKit.CodeEditorKit(lang)]
+    });
+    editorInstance.current = editor$1;
+    const onTransaction = async () => {
+      if (!editorInstance.current) return;
+      try {
+        const buffer = await editorInstance.current.saveDocument("text/plain");
+        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));
+      } catch (err) {
+        console.error("Failed to read code:", err);
+      }
+    };
+    editor$1.addEventListener("transaction", onTransaction);
+    if (value) {
+      editor$1.loadDocumentText("text/plain", value).catch((err) => console.error("Failed to load code:", err));
+    }
+    return () => {
+      editor$1.removeEventListener("transaction", onTransaction);
+      editor$1.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorRef, className: "kb-component" }) }) });
+};
+CodeEditor.displayName = "CodeEditor";
+
+exports.CodeEditor = CodeEditor;
+exports.RichEditor = RichEditor;
+//# sourceMappingURL=kerebron.cjs.map
+//# sourceMappingURL=kerebron.cjs.map

package/dist/kerebron.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["useRef","useState","useEffect","editor","CoreEditor","createAssetLoad","AdvancedEditorKit","jsx","jsxs","CodeEditorKit"],"mappings":"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","file":"kerebron.cjs","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface RichEditorProps {\n  /** Initial markdown content to load into the editor. */\n  value?: string;\n  /** Called with the editor's markdown content whenever it changes. */\n  onChange?: (value: string) => void;\n  /** Whether to render the live markdown output preview. Defaults to `false`. */\n  showPreview?: boolean;\n}\n\nconst RichEditor: React.FC<RichEditorProps> = ({\n  value = '',\n  onChange,\n  showPreview = false,\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const [md, setMd] = useState<string>('');\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.md',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new AdvancedEditorKit()],\n    });\n\n    editorInstance.current = editor;\n\n    // Listen to transactions and update markdown preview\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer =\n          await editorInstance.current.saveDocument('text/x-markdown');\n        const markdown = new globalThis.TextDecoder().decode(buffer);\n        setMd(markdown);\n        onChangeRef.current?.(markdown);\n      } catch (err) {\n        console.error('Failed to save markdown:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content, then populate the preview once on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/x-markdown', value)\n        .then(() => onTransaction())\n        .catch((err) => console.error('Failed to load markdown:', err));\n    } else {\n      void onTransaction();\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value` is intentionally only applied on mount (uncontrolled).\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n\n      {showPreview && (\n        <div>\n          <div>\n            <h5>Markdown Output</h5>\n            <pre>{md}</pre>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRichEditor.displayName = 'RichEditor';\n\nexport { RichEditor };\n","import React, { useEffect, useRef } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface CodeEditorProps {\n  /** Initial source code to load into the editor. */\n  value?: string;\n  /** Called with the editor's contents whenever they change. */\n  onChange?: (value: string) => void;\n  /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */\n  lang?: string;\n}\n\nconst CodeEditor: React.FC<CodeEditorProps> = ({\n  value = '',\n  onChange,\n  lang = 'typescript',\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const root = editorRef.current;\n    if (!root) return;\n\n    const applySelectLabel = () => {\n      root.querySelectorAll('select.codejar-select').forEach((element) => {\n        if (!element.getAttribute('aria-label')) {\n          element.setAttribute('aria-label', 'Code editor language');\n        }\n      });\n    };\n\n    applySelectLabel();\n    const observer = new MutationObserver(() => applySelectLabel());\n    observer.observe(root, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.ts',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new CodeEditorKit(lang)],\n    });\n\n    editorInstance.current = editor;\n\n    // Surface edits to callers.\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer = await editorInstance.current.saveDocument('text/plain');\n        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));\n      } catch (err) {\n        console.error('Failed to read code:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/plain', value)\n        .catch((err) => console.error('Failed to load code:', err));\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value`/`lang` are intentionally only applied on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n    </div>\n  );\n};\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport { CodeEditor };\n"]}

package/dist/kerebron.css

@@ -0,0 +1,11 @@
+/**
+ * Kerebron editor styles — opt-in stylesheet for @mieweb/ui/kerebron.
+ *
+ * Import this only when you use the RichEditor / CodeEditor components:
+ *   import '@mieweb/ui/kerebron.css';
+ *
+ * Kept separate from the library's global styles.css so consumers that don't
+ * use the Kerebron editor don't ship its CSS.
+ */
+@import '@kerebron/editor/assets/index.css';
+@import '@kerebron/editor-kits/assets/AdvancedEditorKit.css';

package/dist/kerebron.d.cts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+interface RichEditorProps {
+    /** Initial markdown content to load into the editor. */
+    value?: string;
+    /** Called with the editor's markdown content whenever it changes. */
+    onChange?: (value: string) => void;
+    /** Whether to render the live markdown output preview. Defaults to `false`. */
+    showPreview?: boolean;
+}
+declare const RichEditor: React__default.FC<RichEditorProps>;
+
+interface CodeEditorProps {
+    /** Initial source code to load into the editor. */
+    value?: string;
+    /** Called with the editor's contents whenever they change. */
+    onChange?: (value: string) => void;
+    /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */
+    lang?: string;
+}
+declare const CodeEditor: React__default.FC<CodeEditorProps>;
+
+export { CodeEditor, type CodeEditorProps, RichEditor, type RichEditorProps };

package/dist/kerebron.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+interface RichEditorProps {
+    /** Initial markdown content to load into the editor. */
+    value?: string;
+    /** Called with the editor's markdown content whenever it changes. */
+    onChange?: (value: string) => void;
+    /** Whether to render the live markdown output preview. Defaults to `false`. */
+    showPreview?: boolean;
+}
+declare const RichEditor: React__default.FC<RichEditorProps>;
+
+interface CodeEditorProps {
+    /** Initial source code to load into the editor. */
+    value?: string;
+    /** Called with the editor's contents whenever they change. */
+    onChange?: (value: string) => void;
+    /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */
+    lang?: string;
+}
+declare const CodeEditor: React__default.FC<CodeEditorProps>;
+
+export { CodeEditor, type CodeEditorProps, RichEditor, type RichEditorProps };

package/dist/kerebron.js

@@ -0,0 +1,116 @@
+import { useRef, useState, useEffect } from 'react';
+import { CoreEditor } from '@kerebron/editor';
+import { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';
+import { createAssetLoad } from '@kerebron/wasm/web';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';
+
+// src/components/RichEditor/RichEditor.tsx
+var RichEditor = ({
+  value = "",
+  onChange,
+  showPreview = false
+}) => {
+  const editorRef = useRef(null);
+  const editorInstance = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const [md, setMd] = useState("");
+  useEffect(() => {
+    if (!editorRef.current) return;
+    const editor = CoreEditor.create({
+      element: editorRef.current,
+      uri: "file:///untitled.md",
+      assetLoad: createAssetLoad("/kerebron-wasm"),
+      editorKits: [new AdvancedEditorKit()]
+    });
+    editorInstance.current = editor;
+    const onTransaction = async () => {
+      if (!editorInstance.current) return;
+      try {
+        const buffer = await editorInstance.current.saveDocument("text/x-markdown");
+        const markdown = new globalThis.TextDecoder().decode(buffer);
+        setMd(markdown);
+        onChangeRef.current?.(markdown);
+      } catch (err) {
+        console.error("Failed to save markdown:", err);
+      }
+    };
+    editor.addEventListener("transaction", onTransaction);
+    if (value) {
+      editor.loadDocumentText("text/x-markdown", value).then(() => onTransaction()).catch((err) => console.error("Failed to load markdown:", err));
+    } else {
+      void onTransaction();
+    }
+    return () => {
+      editor.removeEventListener("transaction", onTransaction);
+      editor.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { ref: editorRef, className: "kb-component" }) }),
+    showPreview && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h5", { children: "Markdown Output" }),
+      /* @__PURE__ */ jsx("pre", { children: md })
+    ] }) })
+  ] });
+};
+RichEditor.displayName = "RichEditor";
+var CodeEditor = ({
+  value = "",
+  onChange,
+  lang = "typescript"
+}) => {
+  const editorRef = useRef(null);
+  const editorInstance = useRef(null);
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  useEffect(() => {
+    const root = editorRef.current;
+    if (!root) return;
+    const applySelectLabel = () => {
+      root.querySelectorAll("select.codejar-select").forEach((element) => {
+        if (!element.getAttribute("aria-label")) {
+          element.setAttribute("aria-label", "Code editor language");
+        }
+      });
+    };
+    applySelectLabel();
+    const observer = new MutationObserver(() => applySelectLabel());
+    observer.observe(root, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, []);
+  useEffect(() => {
+    if (!editorRef.current) return;
+    const editor = CoreEditor.create({
+      element: editorRef.current,
+      uri: "file:///untitled.ts",
+      assetLoad: createAssetLoad("/kerebron-wasm"),
+      editorKits: [new CodeEditorKit(lang)]
+    });
+    editorInstance.current = editor;
+    const onTransaction = async () => {
+      if (!editorInstance.current) return;
+      try {
+        const buffer = await editorInstance.current.saveDocument("text/plain");
+        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));
+      } catch (err) {
+        console.error("Failed to read code:", err);
+      }
+    };
+    editor.addEventListener("transaction", onTransaction);
+    if (value) {
+      editor.loadDocumentText("text/plain", value).catch((err) => console.error("Failed to load code:", err));
+    }
+    return () => {
+      editor.removeEventListener("transaction", onTransaction);
+      editor.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { ref: editorRef, className: "kb-component" }) }) });
+};
+CodeEditor.displayName = "CodeEditor";
+
+export { CodeEditor, RichEditor };
+//# sourceMappingURL=kerebron.js.map
+//# sourceMappingURL=kerebron.js.map

package/dist/kerebron.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/RichEditor.tsx","../src/components/RichEditor/CodeEditor.tsx"],"names":["useRef","useEffect","CoreEditor","createAssetLoad","jsx"],"mappings":"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","file":"kerebron.js","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { AdvancedEditorKit } from '@kerebron/editor-kits/AdvancedEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface RichEditorProps {\n  /** Initial markdown content to load into the editor. */\n  value?: string;\n  /** Called with the editor's markdown content whenever it changes. */\n  onChange?: (value: string) => void;\n  /** Whether to render the live markdown output preview. Defaults to `false`. */\n  showPreview?: boolean;\n}\n\nconst RichEditor: React.FC<RichEditorProps> = ({\n  value = '',\n  onChange,\n  showPreview = false,\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const [md, setMd] = useState<string>('');\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.md',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new AdvancedEditorKit()],\n    });\n\n    editorInstance.current = editor;\n\n    // Listen to transactions and update markdown preview\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer =\n          await editorInstance.current.saveDocument('text/x-markdown');\n        const markdown = new globalThis.TextDecoder().decode(buffer);\n        setMd(markdown);\n        onChangeRef.current?.(markdown);\n      } catch (err) {\n        console.error('Failed to save markdown:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content, then populate the preview once on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/x-markdown', value)\n        .then(() => onTransaction())\n        .catch((err) => console.error('Failed to load markdown:', err));\n    } else {\n      void onTransaction();\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value` is intentionally only applied on mount (uncontrolled).\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n\n      {showPreview && (\n        <div>\n          <div>\n            <h5>Markdown Output</h5>\n            <pre>{md}</pre>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRichEditor.displayName = 'RichEditor';\n\nexport { RichEditor };\n","import React, { useEffect, useRef } from 'react';\n\nimport { CoreEditor } from '@kerebron/editor';\nimport { CodeEditorKit } from '@kerebron/editor-kits/CodeEditorKit';\nimport { createAssetLoad } from '@kerebron/wasm/web';\n\nexport interface CodeEditorProps {\n  /** Initial source code to load into the editor. */\n  value?: string;\n  /** Called with the editor's contents whenever they change. */\n  onChange?: (value: string) => void;\n  /** Language/grammar to use for syntax highlighting. Defaults to `typescript`. */\n  lang?: string;\n}\n\nconst CodeEditor: React.FC<CodeEditorProps> = ({\n  value = '',\n  onChange,\n  lang = 'typescript',\n}) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<CoreEditor | null>(null);\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  useEffect(() => {\n    const root = editorRef.current;\n    if (!root) return;\n\n    const applySelectLabel = () => {\n      root.querySelectorAll('select.codejar-select').forEach((element) => {\n        if (!element.getAttribute('aria-label')) {\n          element.setAttribute('aria-label', 'Code editor language');\n        }\n      });\n    };\n\n    applySelectLabel();\n    const observer = new MutationObserver(() => applySelectLabel());\n    observer.observe(root, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) return;\n\n    // Initialize the editor\n    const editor = CoreEditor.create({\n      element: editorRef.current,\n      uri: 'file:///untitled.ts',\n      assetLoad: createAssetLoad('/kerebron-wasm'),\n      editorKits: [new CodeEditorKit(lang)],\n    });\n\n    editorInstance.current = editor;\n\n    // Surface edits to callers.\n    const onTransaction = async () => {\n      if (!editorInstance.current) return;\n\n      try {\n        const buffer = await editorInstance.current.saveDocument('text/plain');\n        onChangeRef.current?.(new globalThis.TextDecoder().decode(buffer));\n      } catch (err) {\n        console.error('Failed to read code:', err);\n      }\n    };\n\n    editor.addEventListener('transaction', onTransaction);\n\n    // Seed initial content on mount.\n    if (value) {\n      editor\n        .loadDocumentText('text/plain', value)\n        .catch((err) => console.error('Failed to load code:', err));\n    }\n\n    // Cleanup on unmount\n    return () => {\n      editor.removeEventListener('transaction', onTransaction);\n      editor.destroy();\n    };\n    // Initial `value`/`lang` are intentionally only applied on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      <div>\n        <div ref={editorRef} className=\"kb-component\" />\n      </div>\n    </div>\n  );\n};\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport { CodeEditor };\n"]}

package/dist/nitroTableGrid-3J2GY6CK.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkVJOVJTFP_cjs = require('./chunk-VJOVJTFP.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function NitroTableGrid({ headers, rows }) {
+  const varName = React__namespace.useMemo(() => {
+    const nextVarName = `__superchat_nitro_table_${Math.random().toString(36).slice(2)}`;
+    window[nextVarName] = {
+      typeInfo: headers.map((field) => ({ field, type: "string" })),
+      data: rows
+    };
+    return nextVarName;
+  }, [headers, rows]);
+  React__namespace.useEffect(
+    () => () => {
+      delete window[varName];
+    },
+    [varName]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "superchat-nitro-table", className: "my-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVJOVJTFP_cjs.DataVisNitroSource, { type: "local", varName, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVJOVJTFP_cjs.DataVisNitroGrid, { columns: headers, className: "max-h-80" }) }) });
+}
+
+module.exports = NitroTableGrid;
+//# sourceMappingURL=nitroTableGrid-3J2GY6CK.cjs.map
+//# sourceMappingURL=nitroTableGrid-3J2GY6CK.cjs.map

package/dist/nitroTableGrid-3J2GY6CK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SuperChat/plugins/nitroTableGrid.tsx"],"names":["React","DataVisNitroSource","DataVisNitroGrid"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBe,SAAR,cAAA,CAAgC,EAAE,OAAA,EAAS,IAAA,EAAK,EAAwB;AAC7E,EAAA,MAAM,OAAA,GAAgBA,yBAAQ,MAAM;AAClC,IAAA,MAAM,WAAA,GAAc,CAAA,wBAAA,EAA2B,IAAA,CAAK,MAAA,EAAO,CAAE,SAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAClF,IAAC,MAAA,CAA8C,WAAW,CAAA,GAAI;AAAA,MAC5D,QAAA,EAAU,QAAQ,GAAA,CAAI,CAAC,WAAW,EAAE,KAAA,EAAO,IAAA,EAAM,QAAA,EAAS,CAAE,CAAA;AAAA,MAC5D,IAAA,EAAM;AAAA,KACR;AACA,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AAElB,EAAMA,gBAAA,CAAA,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,OAAQ,OAA8C,OAAO,CAAA;AAAA,IAC/D,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,sCACG,KAAA,EAAA,EAAI,WAAA,EAAU,yBAAwB,SAAA,EAAU,MAAA,EAC/C,yCAACC,oCAAA,EAAA,EAAmB,IAAA,EAAK,OAAA,EAAQ,OAAA,EAC/B,yCAACC,kCAAA,EAAA,EAAiB,OAAA,EAAS,SAAS,SAAA,EAAU,UAAA,EAAW,GAC3D,CAAA,EACF,CAAA;AAEJ","file":"nitroTableGrid-3J2GY6CK.cjs","sourcesContent":["/**\n * SuperChat NITRO table grid (lazy chunk).\n *\n * Default-exported so it can be pulled in with `React.lazy` only when a GFM\n * table actually renders — this keeps the heavy `datavis` / `datavis-ace`\n * dependencies out of the SuperChat (and Markdown core) bundle.\n *\n * Data is handed to {@link DataVisNitroSource} through a short-lived local\n * source so Storybook never pauses in the intermediate \"Waiting…\" state.\n */\n\nimport * as React from 'react';\nimport { DataVisNitroGrid, DataVisNitroSource } from '../../DataVisNITRO';\n\nexport interface NitroTableGridProps {\n  /** Column headers, in order. */\n  headers: string[];\n  /** Row objects keyed by header. */\n  rows: Array<Record<string, string>>;\n}\n\nexport default function NitroTableGrid({ headers, rows }: NitroTableGridProps) {\n  const varName = React.useMemo(() => {\n    const nextVarName = `__superchat_nitro_table_${Math.random().toString(36).slice(2)}`;\n    (window as unknown as Record<string, unknown>)[nextVarName] = {\n      typeInfo: headers.map((field) => ({ field, type: 'string' })),\n      data: rows,\n    };\n    return nextVarName;\n  }, [headers, rows]);\n\n  React.useEffect(\n    () => () => {\n      delete (window as unknown as Record<string, unknown>)[varName];\n    },\n    [varName]\n  );\n\n  return (\n    <div data-slot=\"superchat-nitro-table\" className=\"my-2\">\n      <DataVisNitroSource type=\"local\" varName={varName}>\n        <DataVisNitroGrid columns={headers} className=\"max-h-80\" />\n      </DataVisNitroSource>\n    </div>\n  );\n}\n"]}

package/dist/nitroTableGrid-SIMT7635.js

@@ -0,0 +1,25 @@
+import { DataVisNitroSource, DataVisNitroGrid } from './chunk-YBLIDESO.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function NitroTableGrid({ headers, rows }) {
+  const varName = React.useMemo(() => {
+    const nextVarName = `__superchat_nitro_table_${Math.random().toString(36).slice(2)}`;
+    window[nextVarName] = {
+      typeInfo: headers.map((field) => ({ field, type: "string" })),
+      data: rows
+    };
+    return nextVarName;
+  }, [headers, rows]);
+  React.useEffect(
+    () => () => {
+      delete window[varName];
+    },
+    [varName]
+  );
+  return /* @__PURE__ */ jsx("div", { "data-slot": "superchat-nitro-table", className: "my-2", children: /* @__PURE__ */ jsx(DataVisNitroSource, { type: "local", varName, children: /* @__PURE__ */ jsx(DataVisNitroGrid, { columns: headers, className: "max-h-80" }) }) });
+}
+
+export { NitroTableGrid as default };
+//# sourceMappingURL=nitroTableGrid-SIMT7635.js.map
+//# sourceMappingURL=nitroTableGrid-SIMT7635.js.map

package/dist/nitroTableGrid-SIMT7635.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SuperChat/plugins/nitroTableGrid.tsx"],"names":[],"mappings":";;;;AAqBe,SAAR,cAAA,CAAgC,EAAE,OAAA,EAAS,IAAA,EAAK,EAAwB;AAC7E,EAAA,MAAM,OAAA,GAAgB,cAAQ,MAAM;AAClC,IAAA,MAAM,WAAA,GAAc,CAAA,wBAAA,EAA2B,IAAA,CAAK,MAAA,EAAO,CAAE,SAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAClF,IAAC,MAAA,CAA8C,WAAW,CAAA,GAAI;AAAA,MAC5D,QAAA,EAAU,QAAQ,GAAA,CAAI,CAAC,WAAW,EAAE,KAAA,EAAO,IAAA,EAAM,QAAA,EAAS,CAAE,CAAA;AAAA,MAC5D,IAAA,EAAM;AAAA,KACR;AACA,IAAA,OAAO,WAAA;AAAA,EACT,CAAA,EAAG,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AAElB,EAAM,KAAA,CAAA,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,OAAQ,OAA8C,OAAO,CAAA;AAAA,IAC/D,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,WAAA,EAAU,yBAAwB,SAAA,EAAU,MAAA,EAC/C,8BAAC,kBAAA,EAAA,EAAmB,IAAA,EAAK,OAAA,EAAQ,OAAA,EAC/B,8BAAC,gBAAA,EAAA,EAAiB,OAAA,EAAS,SAAS,SAAA,EAAU,UAAA,EAAW,GAC3D,CAAA,EACF,CAAA;AAEJ","file":"nitroTableGrid-SIMT7635.js","sourcesContent":["/**\n * SuperChat NITRO table grid (lazy chunk).\n *\n * Default-exported so it can be pulled in with `React.lazy` only when a GFM\n * table actually renders — this keeps the heavy `datavis` / `datavis-ace`\n * dependencies out of the SuperChat (and Markdown core) bundle.\n *\n * Data is handed to {@link DataVisNitroSource} through a short-lived local\n * source so Storybook never pauses in the intermediate \"Waiting…\" state.\n */\n\nimport * as React from 'react';\nimport { DataVisNitroGrid, DataVisNitroSource } from '../../DataVisNITRO';\n\nexport interface NitroTableGridProps {\n  /** Column headers, in order. */\n  headers: string[];\n  /** Row objects keyed by header. */\n  rows: Array<Record<string, string>>;\n}\n\nexport default function NitroTableGrid({ headers, rows }: NitroTableGridProps) {\n  const varName = React.useMemo(() => {\n    const nextVarName = `__superchat_nitro_table_${Math.random().toString(36).slice(2)}`;\n    (window as unknown as Record<string, unknown>)[nextVarName] = {\n      typeInfo: headers.map((field) => ({ field, type: 'string' })),\n      data: rows,\n    };\n    return nextVarName;\n  }, [headers, rows]);\n\n  React.useEffect(\n    () => () => {\n      delete (window as unknown as Record<string, unknown>)[varName];\n    },\n    [varName]\n  );\n\n  return (\n    <div data-slot=\"superchat-nitro-table\" className=\"my-2\">\n      <DataVisNitroSource type=\"local\" varName={varName}>\n        <DataVisNitroGrid columns={headers} className=\"max-h-80\" />\n      </DataVisNitroSource>\n    </div>\n  );\n}\n"]}

package/dist/orderRows-BUJYgSc7.d.cts

@@ -0,0 +1,221 @@
+/**
+ * Patient history — the minimal longitudinal facts the health-surveillance
+ * due engine needs: who the patient is (age, sex) and what has been done or
+ * is in flight (orders with status, observations, procedures, immunizations),
+ * plus problem-list context (conditions) and allergies for display/interop.
+ *
+ * All clinical entries are keyed by `CODETYPE|FULLCODE` — the same keys used
+ * by programs.json order sets and the codify shards — so the due engine can
+ * match history against a program's satisfying orders with plain string
+ * equality.
+ */
+/** ISO date string (YYYY-MM-DD or full ISO timestamp). */
+type IsoDate = string;
+interface HistoryOrder {
+    /** CODETYPE|FULLCODE, e.g. "Quest Order|3058" or "HCPCS|92551" */
+    key: string;
+    /** Display label (optional; the due list falls back to the key) */
+    label?: string;
+    status: 'completed' | 'pending';
+    /** Completion date for completed orders; order date for pending ones */
+    date: IsoDate;
+    /** Ordering/performing provider display name (e.g. "Dr. Patel") */
+    provider?: string;
+    /** Requisition the order was bundled into — the document routing a batch
+     * of encounter orders to a provider/referral (e.g. "REQ-2024-0117") */
+    requisitionId?: string;
+    /** Encounter (visit) the order was placed in (e.g. "ENC-2024-0117") */
+    encounterId?: string;
+}
+interface HistoryObservation {
+    /** CODETYPE|FULLCODE, e.g. "LOINC|4548-4" (HbA1c) */
+    key: string;
+    label?: string;
+    /** Display value with units, e.g. "7.2 %" or "38 ug/dL" */
+    value?: string;
+    date: IsoDate;
+}
+interface HistoryProcedure {
+    key: string;
+    label?: string;
+    date: IsoDate;
+}
+interface HistoryImmunization {
+    /** CODETYPE|FULLCODE, e.g. "CVX|88" */
+    key: string;
+    label?: string;
+    date: IsoDate;
+}
+interface HistoryCondition {
+    key: string;
+    label?: string;
+    onset?: IsoDate;
+}
+interface HistoryAllergy {
+    /** Allergen key when coded (e.g. "RxNORM|7980"), else omit */
+    key?: string;
+    label: string;
+    reaction?: string;
+    severity?: 'mild' | 'moderate' | 'severe';
+}
+interface HistoryMedication {
+    key?: string;
+    label: string;
+    /** Sig / dose display, e.g. "10 mg daily" */
+    detail?: string;
+}
+interface PatientHistory {
+    /** Age in years */
+    age: number;
+    sex: 'M' | 'F';
+    /** Past + in-flight orders (completion drives the due engine) */
+    orders: HistoryOrder[];
+    observations?: HistoryObservation[];
+    procedures?: HistoryProcedure[];
+    immunizations?: HistoryImmunization[];
+    conditions?: HistoryCondition[];
+    allergies?: HistoryAllergy[];
+    medications?: HistoryMedication[];
+}
+
+/**
+ * Due-evaluation engine — the "knowledge" layer of health surveillance.
+ * Given a patient's history and the program metadata (programs.json from
+ * mieweb/codify, or a deployment's own), decides which programs/measures are
+ * due, overdue, pending, or satisfied. Pure functions, no I/O — the metadata
+ * is small, so this runs on the main thread.
+ */
+
+/**
+ * One entry in a program's order set:
+ * - `"CODETYPE|FULLCODE"` — a plain required order
+ * - `{ alt: [a, b] }` — mutually exclusive alternatives (one-of): a
+ *   colonoscopy OR a FIT satisfies colorectal screening
+ * - `{ key, after: […] }` — depends on completed prerequisites (Gantt edge):
+ *   the RMO's fitness-for-duty determination needs the panel results first,
+ *   and a program may carry several determinations (per panel / per SEG)
+ */
+type ProgramOrder = string | {
+    key?: string;
+    alt?: string[];
+    after?: string[];
+};
+/** Program metadata — mirrors programs.json (see mieweb/codify). */
+interface ProgramMeta {
+    kind?: 'surveillance' | 'fitness' | 'credential' | 'quality';
+    /** Omitted = one-time / event-driven (satisfied forever once done) */
+    periodicityMonths?: number;
+    ageMin?: number;
+    ageMax?: number;
+    sex?: 'M' | 'F';
+    /** Satisfying orders — plain keys, one-of alternatives, or dependent
+     * entries (see ProgramOrder) */
+    orders?: ProgramOrder[];
+}
+type ProgramsMap = Record<string, ProgramMeta>;
+type DueStatus = 'due' | 'overdue' | 'pending' | 'satisfied' | 'not-applicable';
+interface DueItem {
+    /** Program key, CODETYPE|FULLCODE (e.g. "OSHA|1910.95", "eCQM|CMS125") */
+    key: string;
+    program: ProgramMeta;
+    status: DueStatus;
+    /** Most recent completion date of any satisfying order */
+    lastCompleted?: string;
+    /** When the current/last satisfaction lapses (satisfied/overdue only) */
+    dueDate?: string;
+    /** Satisfying orders currently pending */
+    pendingKeys: string[];
+}
+/** Is the patient inside the program's age/sex gates? */
+declare function isApplicable(history: Pick<PatientHistory, 'age' | 'sex'>, program: ProgramMeta): boolean;
+/**
+ * Evaluate one program against the history.
+ * `now` defaults to today; injectable for tests.
+ */
+declare function evaluateProgram(key: string, program: ProgramMeta, history: PatientHistory, now?: Date): DueItem;
+/**
+ * Evaluate a set of programs against the history, most actionable first
+ * (overdue → due → pending → satisfied; not-applicable omitted unless
+ * `includeNotApplicable`).
+ *
+ * `enrolledKeys` restricts occupational programs to the patient's actual
+ * enrollments (a clerk isn't due for cadmium surveillance just because the
+ * program exists); quality measures apply to everyone passing their gates.
+ */
+declare function evaluateDue(history: PatientHistory, programs: ProgramsMap, options?: {
+    enrolledKeys?: string[];
+    includeNotApplicable?: boolean;
+    now?: Date;
+}): DueItem[];
+/**
+ * Ordering-time prompt: is this order key part of a due/overdue program?
+ * Returns the matching due items so the UI can badge "due for OSHA 1910.95"
+ * or warn "already satisfied" while the clinician is ordering.
+ */
+declare function dueForOrder(orderKey: string, dueItems: DueItem[]): DueItem[];
+
+/**
+ * Order-row builders — flatten the order history and the due-evaluation
+ * output into grid-friendly rows (one row per encounter order) for the
+ * NITRO-backed ChartOrdersGrid / EncounterOrdersGrid.
+ *
+ * Pure functions, no I/O. Every field is a flat string so the DataVis engine
+ * can group/filter/aggregate on any of them (reason, provider, requisition,
+ * status, kind, date).
+ */
+
+/** Per-order status — finer grained than the program-level DueStatus. */
+type OrderRowStatus = 'completed' | 'pending' | 'available' | 'blocked';
+/** One encounter order as a flat grid row. */
+interface OrderRow {
+    /** CODETYPE|FULLCODE of the order */
+    orderKey: string;
+    /** Order display label */
+    order: string;
+    /** Reason/concern — the surveillance program or quality measure label */
+    reason: string;
+    /** Program key (CODETYPE|FULLCODE); '' when no program matches */
+    reasonKey: string;
+    /** Program kind label ('surveillance', 'quality measure', …) */
+    kind: string;
+    status: OrderRowStatus;
+    /** Completion date (completed) or order date (pending); '' otherwise */
+    date: string;
+    /** Program due date, when known */
+    dueDate: string;
+    /** Ordering/performing provider; '' when unknown */
+    provider: string;
+    /** Requisition the order is bundled into; '' = unprocessed */
+    requisitionId: string;
+    /** Encounter the order was placed in; '' for not-yet-placed rows */
+    encounterId: string;
+    /** Unmet prerequisite labels, comma-joined ('' when unblocked) */
+    blockedBy: string;
+}
+interface OrderRowsOptions {
+    /** Occupational enrollments; quality measures apply to everyone in-gate */
+    enrolledKeys?: string[];
+    /** Evaluation clock (defaults to today; inject for determinism) */
+    now?: Date;
+    /** Display labels for program keys (falls back to the key) */
+    programLabels?: Record<string, string>;
+    /** Display labels for order keys (falls back to history labels, then key) */
+    orderLabels?: Record<string, string>;
+    /** Include not-yet-placed due-list orders as available/blocked rows
+     * (default true) */
+    includeDue?: boolean;
+}
+/**
+ * Chart-wide rows: every past + in-flight order in the history, plus (by
+ * default) the actionable due-list orders that haven't been placed yet
+ * (`available`, or `blocked` while prerequisites are incomplete).
+ */
+declare function buildChartOrderRows(history: PatientHistory, programs: ProgramsMap, options?: OrderRowsOptions): OrderRow[];
+/**
+ * Current-encounter rows: the encounter's own orders (pending unprocessed
+ * ones are the mass-operation targets) plus the actionable due-list orders
+ * available to place this visit.
+ */
+declare function buildEncounterOrderRows(history: PatientHistory, programs: ProgramsMap, encounterId: string, options?: OrderRowsOptions): OrderRow[];
+
+export { type DueItem as D, type HistoryAllergy as H, type IsoDate as I, type OrderRow as O, type PatientHistory as P, type ProgramsMap as a, type DueStatus as b, type HistoryCondition as c, type HistoryImmunization as d, type HistoryMedication as e, type HistoryObservation as f, type HistoryOrder as g, type HistoryProcedure as h, type OrderRowStatus as i, type OrderRowsOptions as j, type ProgramMeta as k, buildChartOrderRows as l, buildEncounterOrderRows as m, dueForOrder as n, evaluateDue as o, evaluateProgram as p, isApplicable as q };