@burdenoff/website-sdk 2026.720.6 → 2026.720.8

package/dist/content/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { Components } from 'react-markdown';
 
 interface ContentPageData {
     id: string;
@@ -79,8 +80,9 @@ declare function useContentPages(options?: {
 /**
  * Content renderer component.
  *
- * - `markdown` (default): converts to HTML via {@link renderMarkdown}
- * - `html`: rendered as-is (assumed already sanitized upstream)
+ * - `markdown` (default): renders with the shared {@link Markdown} component
+ *   (react-markdown + remark-gfm + rehype-sanitize).
+ * - `html`: sanitized with DOMPurify before rendering.
  * - anything else: plain-text fallback
  *
  * @example
@@ -94,6 +96,26 @@ declare function ContentRenderer({ content, format, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface MarkdownProps {
+    /** Markdown source to render. */
+    children: string;
+    /** Additional classes for the wrapper element. */
+    className?: string;
+    /** Render without a wrapping block element, suitable for inline content. */
+    inline?: boolean;
+    /** Optional react-markdown component overrides. */
+    components?: Components;
+}
+/**
+ * Shared markdown renderer for website content.
+ *
+ * - Uses `react-markdown` for standards-compliant parsing.
+ * - Enables GitHub Flavored Markdown (tables, task lists, strikethrough, autolinks).
+ * - Sanitizes HTML via `rehype-sanitize` so raw markup in markdown is stripped.
+ * - External links open in a new tab with safe rel attributes.
+ */
+declare function Markdown({ children, className, inline, components, }: MarkdownProps): ReactNode;
+
 interface BlogListPageProps {
     productName?: string;
     heroTitle?: string;
@@ -262,4 +284,4 @@ interface ContractsPageProps {
 }
 declare function ContractsPage(props: ContractsPageProps): react_jsx_runtime.JSX.Element;
 
-export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, type ChangelogEntry, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };
+export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, type ChangelogEntry, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, Markdown, type MarkdownProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };

package/dist/content/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { Components } from 'react-markdown';
 
 interface ContentPageData {
     id: string;
@@ -79,8 +80,9 @@ declare function useContentPages(options?: {
 /**
  * Content renderer component.
  *
- * - `markdown` (default): converts to HTML via {@link renderMarkdown}
- * - `html`: rendered as-is (assumed already sanitized upstream)
+ * - `markdown` (default): renders with the shared {@link Markdown} component
+ *   (react-markdown + remark-gfm + rehype-sanitize).
+ * - `html`: sanitized with DOMPurify before rendering.
  * - anything else: plain-text fallback
  *
  * @example
@@ -94,6 +96,26 @@ declare function ContentRenderer({ content, format, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
+interface MarkdownProps {
+    /** Markdown source to render. */
+    children: string;
+    /** Additional classes for the wrapper element. */
+    className?: string;
+    /** Render without a wrapping block element, suitable for inline content. */
+    inline?: boolean;
+    /** Optional react-markdown component overrides. */
+    components?: Components;
+}
+/**
+ * Shared markdown renderer for website content.
+ *
+ * - Uses `react-markdown` for standards-compliant parsing.
+ * - Enables GitHub Flavored Markdown (tables, task lists, strikethrough, autolinks).
+ * - Sanitizes HTML via `rehype-sanitize` so raw markup in markdown is stripped.
+ * - External links open in a new tab with safe rel attributes.
+ */
+declare function Markdown({ children, className, inline, components, }: MarkdownProps): ReactNode;
+
 interface BlogListPageProps {
     productName?: string;
     heroTitle?: string;
@@ -262,4 +284,4 @@ interface ContractsPageProps {
 }
 declare function ContractsPage(props: ContractsPageProps): react_jsx_runtime.JSX.Element;
 
-export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, type ChangelogEntry, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };
+export { BlogListPage, type BlogListPageProps, BlogPostPage, type BlogPostPageProps, CaseStudiesListPage, type CaseStudiesListPageProps, CaseStudyPage, type CaseStudyPageProps, type ChangelogEntry, ChangelogPage, type ChangelogPageProps, type ContentPageData, type ContentPageListData, type ContentPageListItem, ContentRenderer, type ContractAsset, ContractsPage, type ContractsPageProps, Markdown, type MarkdownProps, type PressKitAsset, type PressKitAssetCategory, PressKitPage, type PressKitPageProps, type UseContentPageOptions, useContentPage, useContentPages };

package/dist/content/index.js

@@ -1,6 +1,10 @@
 'use strict';
 
 var React = require('react');
+var DOMPurify = require('isomorphic-dompurify');
+var ReactMarkdown = require('react-markdown');
+var rehypeSanitize = require('rehype-sanitize');
+var remarkGfm = require('remark-gfm');
 var jsxRuntime = require('react/jsx-runtime');
 var reactHelmetAsync = require('react-helmet-async');
 var lucideReact = require('lucide-react');
@@ -9,6 +13,8 @@ var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -28,10 +34,49 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var defaultComponents = {
+  a: ({ href, children, ...props }) => {
+    const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        ...props,
+        ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
+        children
+      }
+    );
+  }
+};
+function Markdown({
+  children,
+  className,
+  inline,
+  components
+}) {
+  const content = /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default.default,
+    {
+      remarkPlugins: [remarkGfm__default.default],
+      rehypePlugins: [rehypeSanitize__default.default],
+      components: { ...defaultComponents, ...components },
+      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
+      children
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: content });
+}
 
 // src/client/security.ts
 var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
@@ -384,64 +429,21 @@ function useContentPages(options) {
   }, [fetchPages]);
   return { data, loading, error, refetch: fetchPages };
 }
-function renderMarkdown(md) {
-  let html = md;
-  html = html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-  html = html.replace(/```(\w*)\n([\s\S]*?)```/g, (_m, _lang, code) => {
-    return `<pre><code>${code.trim()}</code></pre>`;
-  });
-  html = html.replace(/`([^`]+)`/g, "<code>$1</code>");
-  html = html.replace(/^###### (.+)$/gm, "<h6>$1</h6>");
-  html = html.replace(/^##### (.+)$/gm, "<h5>$1</h5>");
-  html = html.replace(/^#### (.+)$/gm, "<h4>$1</h4>");
-  html = html.replace(/^### (.+)$/gm, "<h3>$1</h3>");
-  html = html.replace(/^## (.+)$/gm, "<h2>$1</h2>");
-  html = html.replace(/^# (.+)$/gm, "<h1>$1</h1>");
-  html = html.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
-  html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
-  html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
-  html = html.replace(
-    /\[([^\]]+)\]\(([^)]+)\)/g,
-    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
-  );
-  html = html.replace(/^&gt; (.+)$/gm, "<blockquote>$1</blockquote>");
-  html = html.replace(/(^- .+$(\n^- .+$)*)/gm, (block) => {
-    const items = block.split("\n").map((line) => `<li>${line.replace(/^- /, "")}</li>`).join("");
-    return `<ul>${items}</ul>`;
-  });
-  html = html.replace(/(^\d+\. .+$(\n^\d+\. .+$)*)/gm, (block) => {
-    const items = block.split("\n").map((line) => `<li>${line.replace(/^\d+\. /, "")}</li>`).join("");
-    return `<ol>${items}</ol>`;
-  });
-  html = html.replace(/^---$/gm, "<hr />");
-  html = html.split(/\n\n+/).map((block) => {
-    const trimmed = block.trim();
-    if (!trimmed) return "";
-    if (/^<(h[1-6]|ul|ol|pre|blockquote|hr)/.test(trimmed)) return trimmed;
-    return `<p>${trimmed.replace(/\n/g, "<br />")}</p>`;
-  }).join("\n");
-  return html;
-}
 function ContentRenderer({
   content,
   format = "markdown",
   className
 }) {
   if (format === "markdown") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className,
-        dangerouslySetInnerHTML: { __html: renderMarkdown(content) }
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className, children: content });
   }
   if (format === "html") {
+    const sanitized = DOMPurify__default.default.sanitize(content);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className,
-        dangerouslySetInnerHTML: { __html: content }
+        dangerouslySetInnerHTML: { __html: sanitized }
       }
     );
   }
@@ -2891,6 +2893,7 @@ exports.CaseStudyPage = CaseStudyPage;
 exports.ChangelogPage = ChangelogPage;
 exports.ContentRenderer = ContentRenderer;
 exports.ContractsPage = ContractsPage;
+exports.Markdown = Markdown;
 exports.PressKitPage = PressKitPage;
 exports.useContentPage = useContentPage;
 exports.useContentPages = useContentPages;