@caseparts-org/caseblocks 0.0.128 → 0.0.129

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Markdown as a } from "./Markdown.js";
-import { useItemDescriptionMarkdown as m } from "./useItemDescriptionMarkdown.js";
+import { usePreprocessedMarkdown as m } from "./usePreprocessedMarkdown.js";
 const g = {
   title: "Case Parts/Atoms/Markdown",
   component: a,

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

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

package/dist/atoms/Markdown/PreprocessedMarkdown.js

@@ -0,0 +1,10 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+import { usePreprocessedMarkdown as d } from "./usePreprocessedMarkdown.js";
+function u({ children: r, url: o, validate: e, className: t }) {
+  const { output: n } = d(r ?? "", o, e);
+  return /* @__PURE__ */ p(s, { className: t, children: n });
+}
+export {
+  u as PreprocessedMarkdown
+};

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

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

package/dist/atoms/Markdown/usePreprocessedMarkdown.js

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

package/dist/main-client.d.ts

@@ -5,6 +5,10 @@ export { SlideInPanel } from './atoms/SlideInPanel/SlideInPanel';
 export type { SlideInPanelProps } from './atoms/SlideInPanel/SlideInPanel';
 export { Markdown } from './atoms/Markdown/Markdown';
 export type { MarkdownProps } from './atoms/Markdown/Markdown';
+export { PreprocessedMarkdown as ItemDescriptionMarkdown } from './atoms/Markdown/PreprocessedMarkdown';
+export type { PreprocessedMarkdownProps as ItemDescriptionMarkdownProps } from './atoms/Markdown/PreprocessedMarkdown';
+export { usePreprocessedMarkdown } from './atoms/Markdown/usePreprocessedMarkdown';
+export type { LinkTarget, ValidateToken } from './atoms/Markdown/usePreprocessedMarkdown';
 export { Tooltip } from './atoms/Tooltip/Tooltip';
 export { Popover } from './atoms/Popover/Popover';
 export type { PopoverProps } from './atoms/Popover/Popover';

package/dist/main-client.js

@@ -2,91 +2,95 @@ import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
-import { Icon as l } from "./atoms/Icon/Icon.js";
-import { Root as d } from "./atoms/Root/Root.js";
-import { Separator as C } from "./atoms/Separator/Separator.js";
-import { Text as k } from "./atoms/Text/Text.js";
+import { Icon as d } from "./atoms/Icon/Icon.js";
+import { Root as u } from "./atoms/Root/Root.js";
+import { Separator as s } from "./atoms/Separator/Separator.js";
+import { Text as C } from "./atoms/Text/Text.js";
 import { Input as I } from "./atoms/Input/Input.js";
-import { Link as s } from "./atoms/Link/Link.js";
-import { linkClassName as A } from "./atoms/Link/linkClassName.js";
-import { configureLink as P, routerOverride as h } from "./atoms/Link/configureLink.js";
-import { LinkButton as M } from "./atoms/LinkButton/LinkButton.js";
+import { Link as w } from "./atoms/Link/Link.js";
+import { linkClassName as P } from "./atoms/Link/linkClassName.js";
+import { configureLink as v, routerOverride as A } from "./atoms/Link/configureLink.js";
+import { LinkButton as h } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as F } from "./atoms/Image/configureImage.js";
 import { Logo as V } from "./molecules/Logo/Logo.js";
 import { SearchBox as y } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as z } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as O } from "./molecules/Pricing/Pricing.js";
-import { Availability as R } from "./molecules/Availability/Availability.js";
-import { Avatar as j } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as D } from "./molecules/BannerCard/BannerCard.js";
+import { Pricing as G } from "./molecules/Pricing/Pricing.js";
+import { Availability as Q } from "./molecules/Availability/Availability.js";
+import { Avatar as Z } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as q } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as J } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as U } from "./molecules/Breadcrumbs/Breadcrumbs.js";
 import { NotFound as X } from "./organisms/NotFound/NotFound.js";
 import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll.js";
 import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
 import { Markdown as eo } from "./atoms/Markdown/Markdown.js";
-import { Tooltip as po } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as fo } from "./atoms/Popover/Popover.js";
-import { Account as ao } from "./molecules/Account/Account.js";
-import { Chip as io } from "./molecules/Chip/Chip.js";
-import { ToggleView as uo } from "./molecules/ToggleView/ToggleView.js";
-import { CartSlideInPanel as Co } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as ko } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Io } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as so } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Ao } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Po } from "./molecules/ImageViewer/ImageViewer.js";
-import { MainNav as wo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as To } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as No } from "./organisms/Product/Product.js";
-import { Carousel as bo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Ho } from "./organisms/Footer/Footer.js";
-import { default as Go } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { PreprocessedMarkdown as po } from "./atoms/Markdown/PreprocessedMarkdown.js";
+import { usePreprocessedMarkdown as fo } from "./atoms/Markdown/usePreprocessedMarkdown.js";
+import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as io } from "./atoms/Popover/Popover.js";
+import { Account as uo } from "./molecules/Account/Account.js";
+import { Chip as so } from "./molecules/Chip/Chip.js";
+import { ToggleView as Co } from "./molecules/ToggleView/ToggleView.js";
+import { CartSlideInPanel as Io } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as wo } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Po } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as vo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as Lo } from "./molecules/Modal/Modal.js";
+import { ImageViewer as To } from "./molecules/ImageViewer/ImageViewer.js";
+import { MainNav as No } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as bo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Ho } from "./organisms/Product/Product.js";
+import { Carousel as Do } from "./organisms/Carousel/Carousel.js";
+import { Footer as Oo } from "./organisms/Footer/Footer.js";
+import { default as Ro } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  ao as Account,
-  so as AddToCart,
-  Io as AnimatedCheckMark,
-  R as Availability,
-  j as Avatar,
-  D as BannerCard,
+  uo as Account,
+  vo as AddToCart,
+  Po as AnimatedCheckMark,
+  Q as Availability,
+  Z as Avatar,
+  q as BannerCard,
   U as Breadcrumbs,
   e as Button,
   J as CardLink,
-  bo as Carousel,
-  Co as CartSlideInPanel,
-  io as Chip,
-  To as ChipSelector,
+  Do as Carousel,
+  Io as CartSlideInPanel,
+  so as Chip,
+  bo as ChipSelector,
   f as Column,
   p as Flex,
-  Ho as Footer,
+  Oo as Footer,
   x as Grid,
   n as Head,
   _ as HorizontalScroll,
-  l as Icon,
-  Po as ImageViewer,
+  d as Icon,
+  To as ImageViewer,
   I as Input,
-  s as Link,
-  M as LinkButton,
+  po as ItemDescriptionMarkdown,
+  w as Link,
+  h as LinkButton,
   V as Logo,
-  wo as MainNav,
+  No as MainNav,
   eo as Markdown,
-  Ao as Modal,
+  Lo as Modal,
   X as NotFound,
-  fo as Popover,
-  O as Pricing,
-  No as Product,
+  io as Popover,
+  G as Pricing,
+  Ho as Product,
   z as QuantityInput,
-  d as Root,
+  u as Root,
   y as SearchBox,
-  C as Separator,
+  s as Separator,
   oo as SlideInPanel,
-  Go as SpinZoomViewer,
-  ko as StatefulButton,
-  k as Text,
-  uo as ToggleView,
-  po as Tooltip,
+  Ro as SpinZoomViewer,
+  wo as StatefulButton,
+  C as Text,
+  Co as ToggleView,
+  ao as Tooltip,
   F as configureImage,
-  P as configureLink,
-  A as linkClassName,
-  h as routerOverride
+  v as configureLink,
+  P as linkClassName,
+  A as routerOverride,
+  fo as usePreprocessedMarkdown
 };

package/package.json

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

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

@@ -1,8 +0,0 @@
-import { LinkTarget, ValidateToken } from './useItemDescriptionMarkdown';
-export type ValidatedMarkdownProps = {
-    children?: string | null;
-    url: LinkTarget;
-    validate: ValidateToken;
-    className?: string;
-};
-export declare function ItemDescriptionMarkdown({ children, url, validate, className }: ValidatedMarkdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Markdown/ItemDescriptionMarkdown.js

@@ -1,10 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Markdown as m } from "./Markdown.js";
-import { useItemDescriptionMarkdown as p } from "./useItemDescriptionMarkdown.js";
-function d({ children: o, url: r, validate: t, className: n }) {
-  const { output: i } = p(o ?? "", r, t);
-  return /* @__PURE__ */ e(m, { className: n, children: i });
-}
-export {
-  d as ItemDescriptionMarkdown
-};

package/dist/atoms/Markdown/useItemDescriptionMarkdown.js

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