@caseparts-org/caseblocks 0.0.193 → 0.0.194

package/dist/atoms/Markdown/PreprocessedMarkdown.d.ts

@@ -1,9 +1,10 @@
-import { LinkTarget, ValidateToken } from './usePreprocessedMarkdown';
+import { LinkTarget, ValidateToken, BatchValidateTokens } from './usePreprocessedMarkdown';
 export type PreprocessedMarkdownProps = {
     children?: string | null;
     url: LinkTarget;
-    validate: ValidateToken;
+    validate?: ValidateToken;
+    batchValidate?: BatchValidateTokens;
     className?: string;
     debug?: boolean;
 };
-export declare function PreprocessedMarkdown({ url, validate, debug, className, children, }: PreprocessedMarkdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function PreprocessedMarkdown({ url, validate, batchValidate, debug, className, children, }: PreprocessedMarkdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Markdown/PreprocessedMarkdown.js

@@ -1,32 +1,39 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Markdown as d } from "./Markdown.js";
-import { usePreprocessedMarkdown as m } from "./usePreprocessedMarkdown.js";
-function k({
+import { Markdown as m } from "./Markdown.js";
+import { usePreprocessedMarkdown as c } from "./usePreprocessedMarkdown.js";
+function l({
   url: o,
   validate: e,
-  debug: n,
-  className: t,
-  children: p
+  batchValidate: n,
+  debug: t,
+  className: p,
+  children: s
 }) {
-  const { output: s } = m(p ?? "", o, e, n);
+  const { output: a } = c(
+    s ?? "",
+    o,
+    e,
+    t,
+    n
+  );
   return /* @__PURE__ */ r(
-    d,
+    m,
     {
-      className: t,
+      className: p,
       components: {
-        a: ({ node: c, ...a }) => /* @__PURE__ */ r(
+        a: ({ node: f, ...d }) => /* @__PURE__ */ r(
           "a",
           {
-            ...a,
+            ...d,
             target: "_blank",
             rel: "noopener noreferrer"
           }
         )
       },
-      children: s
+      children: a
     }
   );
 }
 export {
-  k as PreprocessedMarkdown
+  l as PreprocessedMarkdown
 };

package/dist/atoms/Markdown/PreprocessedMarkdown.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Playground: Story;
 export declare const ControlsOnly: Story;
+export declare const BatchValidate: Story;

package/dist/atoms/Markdown/PreprocessedMarkdown.stories.js

@@ -1,17 +1,17 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
 import { useState as c, useEffect as m } from "react";
-import { PreprocessedMarkdown as a } from "./PreprocessedMarkdown.js";
-const n = `Preprocessed Markdown
+import { PreprocessedMarkdown as s } from "./PreprocessedMarkdown.js";
+const o = `Preprocessed Markdown
 
 - Valid token [171] will link
 - Invalid token [ABC] shows a warning when debug is on
 
-You can also add more [123] tokens here.`, s = async (e) => {
+You can also add more [123] tokens here.`, l = async (e) => {
   if (await new Promise((t) => setTimeout(t, 150)), /^\d+$/.test(e)) return !0;
   throw new Error("Invalid token");
-}, l = (e) => `https://example.com/items/${encodeURIComponent(e)}`, g = {
+}, u = async (e) => (await new Promise((t) => setTimeout(t, 150)), new Set(e.filter((t) => /^\d+$/.test(t)))), r = (e) => `https://example.com/items/${encodeURIComponent(e)}`, k = {
   title: "Case Parts/Atoms/Markdown/PreprocessedMarkdown",
-  component: a,
+  component: s,
   tags: ["autodocs"],
   parameters: {
     controls: { expanded: !0 }
@@ -22,43 +22,52 @@ You can also add more [123] tokens here.`, s = async (e) => {
     className: { control: "text" }
   }
 };
-function u(e) {
-  const [t, r] = c(e.children ?? n);
+function h(e) {
+  const [t, a] = c(e.children ?? o);
   return m(() => {
-    r(e.children ?? n);
+    a(e.children ?? o);
   }, [e.children]), /* @__PURE__ */ i("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ o("label", { style: { fontWeight: 600 }, children: "Edit Markdown (live):" }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n("label", { style: { fontWeight: 600 }, children: "Edit Markdown (live):" }),
+    /* @__PURE__ */ n(
       "textarea",
       {
         value: t,
-        onChange: (d) => r(d.target.value),
+        onChange: (d) => a(d.target.value),
         rows: 8,
         style: { width: "100%", fontFamily: "monospace" }
       }
     ),
-    /* @__PURE__ */ o(a, { ...e, children: t })
+    /* @__PURE__ */ n(s, { ...e, children: t })
   ] });
 }
-const k = {
+const f = {
   args: {
-    children: n,
-    url: l,
-    validate: s,
+    children: o,
+    url: r,
+    validate: l,
     debug: !0
   },
-  render: (e) => /* @__PURE__ */ o(u, { ...e })
-}, f = {
+  render: (e) => /* @__PURE__ */ n(h, { ...e })
+}, x = {
   name: "With Controls",
   args: {
-    children: n,
-    url: l,
-    validate: s,
+    children: o,
+    url: r,
+    validate: l,
     debug: !1
   }
+}, y = {
+  name: "Batch Validate",
+  args: {
+    children: o,
+    url: r,
+    batchValidate: u,
+    debug: !0
+  }
 };
 export {
-  f as ControlsOnly,
-  k as Playground,
-  g as default
+  y as BatchValidate,
+  x as ControlsOnly,
+  f as Playground,
+  k as default
 };

package/dist/atoms/Markdown/usePreprocessedMarkdown.d.ts

@@ -1,4 +1,5 @@
 export type ValidateToken = (_token: string) => Promise<unknown>;
+export type BatchValidateTokens = (_tokens: readonly string[]) => Promise<ReadonlySet<string> | readonly string[]>;
 export type LinkTarget = string | ((_token: string) => string);
 export type PreprocessedMarkdownResult = {
     output: string;
@@ -9,4 +10,4 @@ export type PreprocessedMarkdownResult = {
  * Extracts bracketed tokens not already followed by parentheses, validates them, and
  * returns the input with validated tokens converted to markdown links.
  */
-export declare function usePreprocessedMarkdown(input: string | null | undefined, url: LinkTarget, validate: ValidateToken, debug?: boolean): PreprocessedMarkdownResult;
+export declare function usePreprocessedMarkdown(input: string | null | undefined, url: LinkTarget, validate?: ValidateToken, debug?: boolean, batchValidate?: BatchValidateTokens): PreprocessedMarkdownResult;

package/dist/atoms/Markdown/usePreprocessedMarkdown.js

@@ -1,52 +1,74 @@
-import { useState as w, useRef as S, useMemo as y, useEffect as P } from "react";
-function C(s, l, $, d = !1) {
-  const [v, i] = w(s ?? ""), [A, u] = w(!1), n = S(/* @__PURE__ */ new Map()), M = S($), o = y(() => /\[(.+?)\](?!\()/g, []), a = y(() => {
-    if (!s) return [];
-    const c = Array.from(s.matchAll(o)).map((f) => f[1]);
-    return Array.from(new Set(c));
-  }, [s, o]), m = (c) => {
-    const r = c.split(/\r?\n/);
-    if (r.length === 0) return c;
-    const f = r[0];
-    return /^\s*#\s/.test(f) || (r[0] = `# ${f.trim()}`), r.join(`
+import { useState as q, useRef as p, useEffect as v, useMemo as x } from "react";
+function k(n, i, w, y = !1, S) {
+  const [H, d] = q(n ?? ""), [P, h] = q(!1), r = p(/* @__PURE__ */ new Map()), E = p(w), R = p(
+    S
+  );
+  v(() => {
+    E.current = w, R.current = S;
+  }, [w, S]);
+  const u = x(() => /\[(.+?)\](?!\()/g, []), f = x(() => {
+    if (!n) return [];
+    const o = Array.from(n.matchAll(u)).map((l) => l[1]);
+    return Array.from(new Set(o));
+  }, [n, u]), $ = (o) => {
+    const e = o.split(/\r?\n/);
+    if (e.length === 0) return o;
+    const l = e[0];
+    return /^\s*#\s/.test(l) || (e[0] = `# ${l.trim()}`), e.join(`
 `);
   };
-  return P(() => {
-    if (!s) {
-      i(""), u(!1);
+  return v(() => {
+    if (!n) {
+      d(""), h(!1);
       return;
     }
-    if (!a.length) {
-      i(m(s)), u(!1);
+    if (!f.length) {
+      d($(n)), h(!1);
       return;
     }
-    let c = !1;
-    u(!0);
-    const r = a.filter((h) => !n.current.has(h));
+    let o = !1;
+    h(!0);
+    const e = f.filter((g) => !r.current.has(g));
     return (async () => {
-      r.length && (await Promise.allSettled(
-        r.map(async (e) => {
+      if (e.length) {
+        const t = R.current, s = E.current;
+        if (t)
           try {
-            await M.current(e), n.current.set(e, !0);
+            const c = await t(e), a = c instanceof Set ? c : new Set(c);
+            e.forEach((m) => {
+              r.current.set(m, a.has(m));
+            });
           } catch {
-            n.current.set(e, !1);
+            e.forEach((c) => {
+              r.current.set(c, !1);
+            });
           }
-        })
-      )).forEach((e, H) => {
-        const g = r[H];
-        n.current.has(g) || n.current.set(g, e.status === "fulfilled");
-      });
-      const h = new Set(
-        a.filter((t) => n.current.get(t) === !0)
-      ), R = new Set(
-        a.filter((t) => n.current.get(t) === !1)
-      ), q = (t) => typeof l == "function" ? l(t) : l, p = s.replace(o, (t, e) => h.has(e) ? `**[${e}](${q(e)})**` : t), x = d ? p.replace(o, (t, e) => R.has(e) ? `[${e}]⚠️` : t) : p, E = m(x);
-      c || (i(E), u(!1));
+        else s ? (await Promise.allSettled(
+          e.map(async (a) => {
+            try {
+              await s(a), r.current.set(a, !0);
+            } catch {
+              r.current.set(a, !1);
+            }
+          })
+        )).forEach((a, m) => {
+          const M = e[m];
+          r.current.has(M) || r.current.set(M, a.status === "fulfilled");
+        }) : e.forEach((c) => {
+          r.current.set(c, !0);
+        });
+      }
+      const g = new Set(
+        f.filter((t) => r.current.get(t) === !0)
+      ), j = new Set(
+        f.filter((t) => r.current.get(t) === !1)
+      ), C = (t) => typeof i == "function" ? i(t) : i, A = n.replace(u, (t, s) => g.has(s) ? `**[${s}](${C(s)})**` : t), L = y ? A.replace(u, (t, s) => j.has(s) ? `[${s}]⚠️` : t) : A, O = $(L);
+      o || (d(O), h(!1));
     })(), () => {
-      c = !0;
+      o = !0;
     };
-  }, [s, a, d, l, o]), { output: v, loading: A, tokens: a };
+  }, [n, f, y, i, u]), { output: H, loading: P, tokens: f };
 }
 export {
-  C as usePreprocessedMarkdown
+  k as usePreprocessedMarkdown
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.193",
+  "version": "0.0.194",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",