@btst/stack 1.3.0 → 1.4.0

package/dist/packages/better-stack/src/plugins/blog/api/plugin.cjs

@@ -181,7 +181,10 @@ const blogBackendPlugin = (hooks) => api.defineBackendPlugin({
             }
           }
           let result = posts.map((post) => {
-            const postTags = (post.postTag || []).map((pt) => tagMap.get(pt.tagId)).filter((tag) => tag !== void 0);
+            const postTags = (post.postTag || []).map((pt) => {
+              const tag = tagMap.get(pt.tagId);
+              return tag ? { ...tag } : void 0;
+            }).filter((tag) => tag !== void 0);
             const { postTag: _, ...postWithoutJoin } = post;
             return {
               ...postWithoutJoin,
@@ -505,7 +508,10 @@ const blogBackendPlugin = (hooks) => api.defineBackendPlugin({
             }
           }
           const mapPostWithTags = (post) => {
-            const tags = (post.postTag || []).map((pt) => tagMap.get(pt.tagId)).filter((tag) => tag !== void 0);
+            const tags = (post.postTag || []).map((pt) => {
+              const tag = tagMap.get(pt.tagId);
+              return tag ? { ...tag } : void 0;
+            }).filter((tag) => tag !== void 0);
             const { postTag: _, ...postWithoutJoin } = post;
             return {
               ...postWithoutJoin,

package/dist/packages/better-stack/src/plugins/blog/api/plugin.mjs

@@ -179,7 +179,10 @@ const blogBackendPlugin = (hooks) => defineBackendPlugin({
             }
           }
           let result = posts.map((post) => {
-            const postTags = (post.postTag || []).map((pt) => tagMap.get(pt.tagId)).filter((tag) => tag !== void 0);
+            const postTags = (post.postTag || []).map((pt) => {
+              const tag = tagMap.get(pt.tagId);
+              return tag ? { ...tag } : void 0;
+            }).filter((tag) => tag !== void 0);
             const { postTag: _, ...postWithoutJoin } = post;
             return {
               ...postWithoutJoin,
@@ -503,7 +506,10 @@ const blogBackendPlugin = (hooks) => defineBackendPlugin({
             }
           }
           const mapPostWithTags = (post) => {
-            const tags = (post.postTag || []).map((pt) => tagMap.get(pt.tagId)).filter((tag) => tag !== void 0);
+            const tags = (post.postTag || []).map((pt) => {
+              const tag = tagMap.get(pt.tagId);
+              return tag ? { ...tag } : void 0;
+            }).filter((tag) => tag !== void 0);
             const { postTag: _, ...postWithoutJoin } = post;
             return {
               ...postWithoutJoin,

package/dist/packages/better-stack/src/plugins/blog/client/components/pages/post-page.internal.cjs

@@ -51,7 +51,7 @@ function PostPage({ slug }) {
   if (!slug || !post) {
     return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(emptyList.EmptyList, { message: localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { className: "gap-0 px-4 lg:px-4 py-0 pb-18", testId: "post-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start w-full", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(pageWrapper.PageWrapper, { className: "gap-0 px-4 lg:px-2 py-0 pb-18", testId: "post-page", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-44 shrink-0 hidden xl:flex mr-auto" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center flex-1 mx-auto w-full max-w-4xl min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(onThisPage.OnThisPageSelect, { markdown: post.content }),

package/dist/packages/better-stack/src/plugins/blog/client/components/pages/post-page.internal.mjs

@@ -49,7 +49,7 @@ function PostPage({ slug }) {
   if (!slug || !post) {
     return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(EmptyList, { message: localization.BLOG_PAGE_NOT_FOUND_DESCRIPTION }) });
   }
-  return /* @__PURE__ */ jsx(PageWrapper, { className: "gap-0 px-4 lg:px-4 py-0 pb-18", testId: "post-page", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start w-full", children: [
+  return /* @__PURE__ */ jsx(PageWrapper, { className: "gap-0 px-4 lg:px-2 py-0 pb-18", testId: "post-page", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start w-full", children: [
     /* @__PURE__ */ jsx("div", { className: "w-44 shrink-0 hidden xl:flex mr-auto" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center flex-1 mx-auto w-full max-w-4xl min-w-0", children: [
       /* @__PURE__ */ jsx(OnThisPageSelect, { markdown: post.content }),

package/dist/packages/better-stack/src/plugins/blog/client/components/shared/markdown-content.cjs

@@ -2,323 +2,26 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils = require('../../../utils.cjs');
-const React = require('react');
-const ReactMarkdown = require('react-markdown');
-const rehypeHighlight = require('rehype-highlight');
-const rehypeRaw = require('rehype-raw');
-const remarkGfm = require('remark-gfm');
-require('highlight.js/styles/panda-syntax-light.css');
-const lucideReact = require('lucide-react');
+const markdownContent = require('../../../../../../../ui/src/components/markdown-content.cjs');
 const context = require('@btst/stack/context');
 const defaults = require('./defaults.cjs');
+require('highlight.js/styles/panda-syntax-light.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-const ReactMarkdown__default = /*#__PURE__*/_interopDefaultCompat(ReactMarkdown);
-const rehypeHighlight__default = /*#__PURE__*/_interopDefaultCompat(rehypeHighlight);
-const rehypeRaw__default = /*#__PURE__*/_interopDefaultCompat(rehypeRaw);
-const remarkGfm__default = /*#__PURE__*/_interopDefaultCompat(remarkGfm);
-
-function containsMath(markdown) {
-  return /\$\$[\s\S]+?\$\$/.test(markdown) || // Display math
-  /(?<!\$)\$(?!\$)[^\$\n]+?\$(?!\$)/.test(markdown) || // Inline math (not $$)
-  /\\begin\{(equation|align|gather|math)\}/.test(markdown);
-}
-function getNodeText(node) {
-  if (node == null) return "";
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node)) return node.map(getNodeText).join("");
-  if (React.isValidElement(node)) {
-    const props = node.props;
-    return getNodeText(props.children);
-  }
-  return "";
-}
-function simpleHash(str) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  return Math.abs(hash).toString(36).slice(0, 6);
-}
-function isCheckboxElement(node) {
-  return React.isValidElement(node) && node.type === "input" && node.props.type === "checkbox";
-}
-function createTaskListItemRenderer() {
-  return function LiRenderer(props) {
-    const { className, children, ...rest } = props;
-    const isTaskItem = (className ?? "").split(" ").includes("task-list-item");
-    if (!isTaskItem) {
-      return /* @__PURE__ */ jsxRuntime.jsx("li", { className, ...rest, children });
-    }
-    const childArray = Array.isArray(children) ? children : [children];
-    const checkboxNode = childArray.find(isCheckboxElement);
-    const nonCheckboxChildren = childArray.filter((c) => !isCheckboxElement(c));
-    const labelText = getNodeText(nonCheckboxChildren);
-    const baseId = utils.slugify(labelText || "task-item");
-    const hashSuffix = simpleHash(labelText || "task-item");
-    const uniqueId = `${baseId}-${hashSuffix}`;
-    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className, ...rest, children: [
-      checkboxNode ? React.createElement(checkboxNode.type, {
-        ...checkboxNode.props,
-        id: uniqueId,
-        "aria-label": labelText || "Task item"
-      }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: uniqueId, children: nonCheckboxChildren })
-    ] });
-  };
-}
-function createHeadingRenderer(tag) {
-  return function HeadingRenderer(props) {
-    const { children, ...rest } = props;
-    const text = getNodeText(children);
-    const id = utils.slugify(text);
-    return React.createElement(
-      tag,
-      { id, ...rest },
-      children,
-      text ? /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          className: "heading-anchor",
-          href: `#${id}`,
-          "aria-label": "Link to heading",
-          children: "#"
-        }
-      ) : null
-    );
-  };
-}
-function AnchorRenderer(props) {
-  const { Link } = context.usePluginOverrides("blog", {
-    Link: defaults.DefaultLink
-  });
-  const { href = "", children, className: anchorClassName, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(Link, { href, className: anchorClassName, ...rest, children });
-}
-function ImgRenderer(props) {
-  const { Image } = context.usePluginOverrides("blog", {
+function MarkdownContent({ markdown, className }) {
+  const { Link, Image } = context.usePluginOverrides("blog", {
+    Link: defaults.DefaultLink,
     Image: defaults.DefaultImage
   });
-  const {
-    src = "",
-    alt = "",
-    className: imgClassName,
-    width,
-    height,
-    style,
-    ...rest
-  } = props;
-  const imageProps = {
-    src,
-    alt,
-    className: imgClassName,
-    style,
-    ...rest
-  };
-  if (width != null && height != null) {
-    imageProps.width = width;
-    imageProps.height = height;
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "markdown-image-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(Image, { ...imageProps }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Image, { ...imageProps });
-}
-function CodeRenderer({ inline, className, children, ...rest }) {
-  const hasLanguage = /language-([a-z0-9-]+)/i.test(className ?? "");
-  const isInline = inline ?? !hasLanguage;
-  if (isInline) {
-    return /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...rest, children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...rest, children });
-}
-function PreRenderer(props) {
-  const { children, ...rest } = props;
-  const child = Array.isArray(children) ? children[0] : children;
-  let language;
-  if (React.isValidElement(child)) {
-    const className = child.props.className;
-    const match = /language-([a-z0-9-]+)/i.exec(className ?? "");
-    language = match?.[1];
-  }
-  const label = (language ?? "text").toUpperCase();
-  const preRef = React.useRef(null);
-  const [copied, setCopied] = React.useState(false);
-  const resetTimerRef = React.useRef(null);
-  let codeText = "";
-  if (React.isValidElement(child)) {
-    const childProps = child.props;
-    codeText = getNodeText(childProps.children);
-  }
-  const normalized = codeText.endsWith("\n") ? codeText.slice(0, -1) : codeText;
-  const lineCount = Math.max(1, normalized.split("\n").length);
-  const digitCount = String(lineCount).length;
-  const onCopy = async (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    try {
-      const text = preRef.current?.textContent ?? "";
-      if (text && typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-        await navigator.clipboard.writeText(text);
-        setCopied(true);
-        if (resetTimerRef.current) window.clearTimeout(resetTimerRef.current);
-        resetTimerRef.current = window.setTimeout(() => {
-          setCopied(false);
-          resetTimerRef.current = null;
-        }, 2e3);
-      }
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    markdownContent.MarkdownContent,
     {
-      className: "milkdown-code-block",
-      style: {
-        ["--code-gutter-width"]: `${digitCount + 1}ch`
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "code-toolbar", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "language-label", children: label }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: "copy-button",
-              onClick: onCopy,
-              "aria-label": copied ? "Copied" : "Copy code",
-              children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: 16 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "code-content", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "line-numbers", "aria-hidden": true, children: Array.from({ length: lineCount }).map((_, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: idx + 1 }, idx + 1)) }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { ref: preRef, ...rest, children })
-        ] })
-      ]
+      markdown,
+      className,
+      variant: "default",
+      LinkComponent: Link,
+      ImageComponent: Image
     }
   );
 }
-function MarkdownContent({ markdown, className }) {
-  const [mathPlugins, setMathPlugins] = React.useState(null);
-  const [isLoadingMath, setIsLoadingMath] = React.useState(false);
-  const hasMath = React.useMemo(() => containsMath(markdown), [markdown]);
-  React.useEffect(() => {
-    if (!hasMath || mathPlugins || isLoadingMath) return;
-    setIsLoadingMath(true);
-    const katexCSSId = "katex-css";
-    if (!document.getElementById(katexCSSId)) {
-      const link = document.createElement("link");
-      link.id = katexCSSId;
-      link.rel = "stylesheet";
-      link.href = "https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css";
-      link.integrity = "sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+";
-      link.crossOrigin = "anonymous";
-      document.head.appendChild(link);
-      const fontDisplayStyleId = "katex-font-display-override";
-      if (!document.getElementById(fontDisplayStyleId)) {
-        const style = document.createElement("style");
-        style.id = fontDisplayStyleId;
-        style.textContent = `
-					/* Override KaTeX font-face declarations to add font-display: swap */
-					@font-face {
-						font-family: 'KaTeX_Main';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Main-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Math';
-						font-style: italic;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Math-Italic.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size1';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size1-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size2';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size2-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size3';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size3-Regular.woff2') format('woff2');
-					}
-					@font-face {
-						font-family: 'KaTeX_Size4';
-						font-style: normal;
-						font-weight: normal;
-						font-display: swap;
-						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Size4-Regular.woff2') format('woff2');
-					}
-				`;
-        document.head.appendChild(style);
-      }
-    }
-    Promise.all([import('remark-math'), import('rehype-katex')]).then(([remarkMathModule, rehypeKatexModule]) => {
-      setMathPlugins({
-        remarkMath: remarkMathModule.default,
-        rehypeKatex: rehypeKatexModule.default
-      });
-    }).catch((error) => {
-      console.error("Failed to load math plugins:", error);
-    }).finally(() => {
-      setIsLoadingMath(false);
-    });
-  }, [hasMath, mathPlugins, isLoadingMath]);
-  const components = React.useMemo(() => {
-    return {
-      a: AnchorRenderer,
-      img: ImgRenderer,
-      code: CodeRenderer,
-      pre: PreRenderer,
-      h1: createHeadingRenderer("h1"),
-      h2: createHeadingRenderer("h2"),
-      h3: createHeadingRenderer("h3"),
-      h4: createHeadingRenderer("h4"),
-      h5: createHeadingRenderer("h5"),
-      h6: createHeadingRenderer("h6"),
-      li: createTaskListItemRenderer()
-    };
-  }, []);
-  const remarkPlugins = React.useMemo(() => {
-    const plugins = [remarkGfm__default];
-    if (hasMath && mathPlugins?.remarkMath) {
-      plugins.push(mathPlugins.remarkMath);
-    }
-    return plugins;
-  }, [hasMath, mathPlugins]);
-  const rehypePlugins = React.useMemo(() => {
-    const plugins = [rehypeRaw__default, rehypeHighlight__default];
-    if (hasMath && mathPlugins?.rehypeKatex) {
-      plugins.push(mathPlugins.rehypeKatex);
-    }
-    return plugins;
-  }, [hasMath, mathPlugins]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("milkdown-custom", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "milkdown", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "milkdown-content", children: /* @__PURE__ */ jsxRuntime.jsx(
-    ReactMarkdown__default,
-    {
-      remarkPlugins,
-      rehypePlugins,
-      components,
-      children: markdown
-    }
-  ) }) }) });
-}
 
 exports.MarkdownContent = MarkdownContent;