@caseparts-org/caseblocks 0.0.195 → 0.0.196

package/dist/molecules/Markdown/Markdown.stories.js

@@ -0,0 +1,148 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { useState as m, useEffect as p } from "react";
+import { Markdown as s } from "./Markdown.js";
+const f = {
+  title: "Case Parts/Molecules/Markdown",
+  component: s,
+  parameters: { layout: "padded" },
+  tags: ["autodocs"]
+}, r = `Kason 171 Latch
+
+:::important[Compatibility]
+Fits only selected revisions.
+:::
+
+This fits part [171] and an invalid token [bad].
+Already linked should remain: [171](https://example.com/should-stay).
+`;
+function u(e) {
+  const [o, i] = m(e.children ?? r);
+  return p(() => {
+    i(e.children ?? r);
+  }, [e.children]), /* @__PURE__ */ c("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ n("label", { style: { fontWeight: 600 }, children: "Edit Markdown (preprocess + admonitions live):" }),
+    /* @__PURE__ */ n(
+      "textarea",
+      {
+        value: o,
+        onChange: (t) => i(t.target.value),
+        rows: 14,
+        style: { width: "100%", fontFamily: "monospace" }
+      }
+    ),
+    /* @__PURE__ */ n(
+      s,
+      {
+        ...e,
+        url: (t) => `https://example.com/parts/${encodeURIComponent(t)}`,
+        validate: async (t) => {
+          if (await new Promise((a) => setTimeout(a, 50)), /^\d+$/.test(t)) return !0;
+          throw new Error("invalid");
+        },
+        debug: !0,
+        children: o
+      }
+    )
+  ] });
+}
+const y = {
+  name: "Live Playground",
+  args: {
+    children: r
+  },
+  render: (e) => /* @__PURE__ */ n(u, { ...e })
+}, v = {
+  args: {
+    children: `# Heading 1
+
+Paragraph with a [link](https://example.com).
+
+## Heading 2
+
+- Item 1
+- Item 2
+
+> Blockquote example
+
+---
+
+Inline code: \`const x = 1;\`
+
+
+
+
+
+
+Code block:
+
+\`\`\`ts
+function greet(name: string) {
+  console.log('Hello', name);
+}
+
+export default greet;
+
+\`\`\`
+
+| Col A | Col B |
+|------:|:------|
+|  123  | text  |`
+  }
+}, x = {
+  name: "Item Description Variant",
+  render: (e) => /* @__PURE__ */ n(({ text: l }) => /* @__PURE__ */ n(
+    s,
+    {
+      ...e,
+      url: (a) => `https://example.com/parts/${encodeURIComponent(a)}`,
+      validate: async (a) => {
+        if (await new Promise((d) => setTimeout(d, 50)), /^\d+$/.test(a)) return !0;
+        throw new Error("invalid");
+      },
+      debug: !0,
+      children: l
+    }
+  ), { text: `Kason 171 Latch
+
+This fits part [171] and an invalid token [bad]. Already linked should remain: [171](https://example.com/should-stay).
+
+Another valid numeric: [172].` })
+}, b = {
+  args: {
+    children: `# Admonitions
+
+:::note
+Confirm model and serial number before ordering.
+:::
+
+:::important[Compatibility]
+Fits only selected revisions.
+:::
+
+:::warning[Electrical Hazard]{icon="fa-solid fa-bolt"}
+Disconnect power before servicing this unit.
+:::
+
+:::tip[Screw Size]{icon="fa-solid fa-screwdriver-wrench"}
+Uses (6) #12 Flat Head screws
+:::
+
+:::custom-alert{title="Compatibility Note"}
+Unknown type is preserved and rendered with neutral styling.
+:::
+
+Malformed opening should remain plain markdown:
+
+:::warning[Missing end title
+This block should not be transformed.
+:::
+`
+  }
+};
+export {
+  b as Admonitions,
+  v as Basic,
+  x as ItemDescription,
+  y as Playground,
+  f as default
+};

package/dist/{atoms → molecules}/Markdown/usePreprocessedMarkdown.d.ts

@@ -10,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, batchValidate?: BatchValidateTokens): PreprocessedMarkdownResult;
+export declare function usePreprocessedMarkdown(input: string | null | undefined, url?: LinkTarget, validate?: ValidateToken, debug?: boolean, batchValidate?: BatchValidateTokens): PreprocessedMarkdownResult;

package/dist/molecules/Markdown/usePreprocessedMarkdown.js

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

package/package.json

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

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

@@ -1,7 +0,0 @@
-import { Components } from 'react-markdown';
-export type MarkdownProps = {
-    children?: string | null;
-    className?: string;
-    components?: Components;
-};
-export declare function Markdown({ children, className, components }: MarkdownProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,139 +0,0 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useState as u, useEffect as h } from "react";
-import { Markdown as s } from "./Markdown.js";
-import { usePreprocessedMarkdown as g } from "./usePreprocessedMarkdown.js";
-const x = {
-  title: "Case Parts/Atoms/Markdown",
-  component: s,
-  parameters: { layout: "padded" },
-  tags: ["autodocs"]
-}, a = `# Admonitions
-
-:::warning[Electrical Hazard]{icon="bolt"}
-Disconnect power before servicing this unit.
-:::
-
-:::warning[Electrical Hazard]{icon="bolt"}
-
-Disconnect power before servicing this unit.
-
-:::
-`;
-function w(e) {
-  const [n, o] = u(e.children ?? a);
-  return h(() => {
-    o(e.children ?? a);
-  }, [e.children]), /* @__PURE__ */ p("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ t("label", { style: { fontWeight: 600 }, children: "Edit Markdown (live):" }),
-    /* @__PURE__ */ t(
-      "textarea",
-      {
-        value: n,
-        onChange: (i) => o(i.target.value),
-        rows: 14,
-        style: { width: "100%", fontFamily: "monospace" }
-      }
-    ),
-    /* @__PURE__ */ t(s, { ...e, children: n })
-  ] });
-}
-const k = {
-  args: {
-    children: `# Heading 1
-
-Paragraph with a [link](https://example.com).
-
-## Heading 2
-
-- Item 1
-- Item 2
-
-> Blockquote example
-
----
-
-Inline code: \`const x = 1;\`
-
-
-
-
-
-
-Code block:
-
-\`\`\`ts
-function greet(name: string) {
-  console.log('Hello', name);
-}
-
-export default greet;
-
-\`\`\`
-
-| Col A | Col B |
-|------:|:------|
-|  123  | text  |`
-  }
-}, C = {
-  name: "Item Description Variant",
-  render: (e) => /* @__PURE__ */ t(({ text: i }) => {
-    const l = async (r) => {
-      if (await new Promise((m) => setTimeout(m, 50)), /^\d+$/.test(r)) return !0;
-      throw new Error("invalid");
-    }, { output: d, loading: c } = g(
-      i,
-      (r) => `https://example.com/parts/${encodeURIComponent(r)}`,
-      l,
-      !0
-    );
-    return /* @__PURE__ */ t(s, { ...e, children: c ? "Validating…" : d });
-  }, { text: `Kason 171 Latch
-
-This fits part [171] and an invalid token [bad]. Already linked should remain: [171](https://example.com/should-stay).
-
-Another valid numeric: [172].` })
-}, A = {
-  args: {
-    children: `# Admonitions
-
-:::note
-Confirm model and serial number before ordering.
-:::
-
-:::important[Compatibility]
-Fits only selected revisions.
-:::
-
-:::warning[Electrical Hazard]{icon="fa-solid fa-bolt"}
-Disconnect power before servicing this unit.
-:::
-
-:::tip[Screw Size]{icon="fa-solid fa-screwdriver-wrench"}
-Uses (6) #12 Flat Head screws
-:::
-
-:::custom-alert{title="Compatibility Note"}
-Unknown type is preserved and rendered with neutral styling.
-:::
-
-Malformed opening should remain plain markdown:
-
-:::warning[Missing end title
-This block should not be transformed.
-:::
-`
-  }
-}, M = {
-  name: "Live Playground",
-  args: {
-    children: a
-  },
-  render: (e) => /* @__PURE__ */ t(w, { ...e })
-};
-export {
-  A as Admonitions,
-  k as Basic,
-  C as ItemDescription,
-  M as Playground,
-  x as default
-};

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

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

package/dist/atoms/Markdown/PreprocessedMarkdown.js

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

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

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { PreprocessedMarkdown } from './PreprocessedMarkdown';
-declare const meta: Meta<typeof PreprocessedMarkdown>;
-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,73 +0,0 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { useState as c, useEffect as m } from "react";
-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.`, l = async (e) => {
-  if (await new Promise((t) => setTimeout(t, 150)), /^\d+$/.test(e)) return !0;
-  throw new Error("Invalid token");
-}, 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: s,
-  tags: ["autodocs"],
-  parameters: {
-    controls: { expanded: !0 }
-  },
-  argTypes: {
-    children: { control: "text", description: "Markdown text to preprocess" },
-    debug: { control: "boolean", description: "Show warnings for invalid tokens" },
-    className: { control: "text" }
-  }
-};
-function h(e) {
-  const [t, a] = c(e.children ?? o);
-  return m(() => {
-    a(e.children ?? o);
-  }, [e.children]), /* @__PURE__ */ i("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ n("label", { style: { fontWeight: 600 }, children: "Edit Markdown (live):" }),
-    /* @__PURE__ */ n(
-      "textarea",
-      {
-        value: t,
-        onChange: (d) => a(d.target.value),
-        rows: 8,
-        style: { width: "100%", fontFamily: "monospace" }
-      }
-    ),
-    /* @__PURE__ */ n(s, { ...e, children: t })
-  ] });
-}
-const f = {
-  args: {
-    children: o,
-    url: r,
-    validate: l,
-    debug: !0
-  },
-  render: (e) => /* @__PURE__ */ n(h, { ...e })
-}, x = {
-  name: "With Controls",
-  args: {
-    children: o,
-    url: r,
-    validate: l,
-    debug: !1
-  }
-}, y = {
-  name: "Batch Validate",
-  args: {
-    children: o,
-    url: r,
-    batchValidate: u,
-    debug: !0
-  }
-};
-export {
-  y as BatchValidate,
-  x as ControlsOnly,
-  f as Playground,
-  k as default
-};

package/dist/atoms/Markdown/usePreprocessedMarkdown.js

@@ -1,74 +0,0 @@
-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 v(() => {
-    if (!n) {
-      d(""), h(!1);
-      return;
-    }
-    if (!f.length) {
-      d($(n)), h(!1);
-      return;
-    }
-    let o = !1;
-    h(!0);
-    const e = f.filter((g) => !r.current.has(g));
-    return (async () => {
-      if (e.length) {
-        const t = R.current, s = E.current;
-        if (t)
-          try {
-            const c = await t(e), a = c instanceof Set ? c : new Set(c);
-            e.forEach((m) => {
-              r.current.set(m, a.has(m));
-            });
-          } catch {
-            e.forEach((c) => {
-              r.current.set(c, !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));
-    })(), () => {
-      o = !0;
-    };
-  }, [n, f, y, i, u]), { output: H, loading: P, tokens: f };
-}
-export {
-  k as usePreprocessedMarkdown
-};

package/dist/{atoms → molecules}/Markdown/Markdown.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
 export declare const Basic: Story;
 export declare const ItemDescription: Story;
 export declare const Admonitions: Story;
-export declare const Playground: Story;