@stream-mdx/react 0.3.0 → 0.4.0

package/README.md

@@ -42,9 +42,10 @@ export function Demo({ text }: { text: string }) {
 
 ## Docs
 
-- API reference: `docs/PUBLIC_API.md`
-- React integration guide: `docs/REACT_INTEGRATION_GUIDE.md`
-- Plugins & worker customization: `docs/STREAMING_MARKDOWN_PLUGINS_COOKBOOK.md`
+- API reference: https://github.com/kmccleary3301/stream-mdx/blob/main/docs/PUBLIC_API.md
+- React integration guide: https://github.com/kmccleary3301/stream-mdx/blob/main/docs/REACT_INTEGRATION_GUIDE.md
+- Plugins & worker customization: https://github.com/kmccleary3301/stream-mdx/blob/main/docs/STREAMING_MARKDOWN_PLUGINS_COOKBOOK.md
+- Full docs site: https://kmccleary3301.github.io/stream-mdx/
 
 ## Addons
 

package/dist/components/index.cjs

@@ -1054,15 +1054,17 @@ var defaultBlockComponents = {
       effectiveInlines.length > 0 ? renderInlineNodes(effectiveInlines, defaultInlineComponents) : raw ?? ""
     );
   },
-  heading: ({ level, inlines, text }) => {
+  heading: ({ level, inlines, text, meta }) => {
     const tag = `h${level}`;
     const onlyPlainText = Array.isArray(inlines) && inlines.length > 0 && inlines.every((node) => node.kind === "text");
     const children = onlyPlainText ? inlines.map((node) => node.kind === "text" ? node.text : "").join("") : renderInlineNodes(inlines, defaultInlineComponents);
+    const headingId = typeof meta?.headingId === "string" && meta.headingId.length > 0 ? meta.headingId : void 0;
     return import_react5.default.createElement(
       tag,
       {
         className: `markdown-heading markdown-h${level}`,
-        ...text ? { "data-heading-text": text } : {}
+        ...text ? { "data-heading-text": text } : {},
+        ...headingId ? { id: headingId, "data-heading-id": headingId } : {}
       },
       children
     );
@@ -1147,7 +1149,7 @@ var defaultBlockComponents = {
   },
   html: ({ __trustedHtml, elements }) => {
     const raw = typeof __trustedHtml === "string" ? __trustedHtml : __trustedHtml.toString();
-    const htmlString = (0, import_core.sanitizeHTML)(raw);
+    const htmlString = typeof window === "undefined" ? raw : (0, import_core.sanitizeHTML)(raw);
     if (typeof window !== "undefined" && elements) {
       const content = mapHtmlToReact(htmlString, elements);
       return import_react5.default.createElement("div", { className: "markdown-html" }, content);
@@ -1505,7 +1507,9 @@ var ComponentRegistry = class {
       case "html": {
         const trusted = block.payload.sanitizedHtml ?? block.payload.raw;
         return {
-          __trustedHtml: (0, import_core.createTrustedHTML)(trusted),
+          // Server render should not depend on DOMPurify (which requires a DOM `window`).
+          // In worker-compiled flows, `sanitizedHtml` is already sanitized at the source.
+          __trustedHtml: typeof window === "undefined" ? String(trusted ?? "") : (0, import_core.createTrustedHTML)(String(trusted ?? "")),
           elements: this.htmlElements
         };
       }

package/dist/components/index.d.cts

@@ -1,3 +1,3 @@
 import '@stream-mdx/core';
 import 'react';
-export { C as ComponentRegistry, D as DefaultLinkSafetyModal, L as LinkSafetyModalProps, f as defaultBlockComponents, e as defaultInlineComponents, m as mapHtmlToReact, r as renderInlineNodes, g as renderParagraphMixedSegments } from '../index-D7px9jug.cjs';
+export { C as ComponentRegistry, D as DefaultLinkSafetyModal, L as LinkSafetyModalProps, e as defaultBlockComponents, d as defaultInlineComponents, m as mapHtmlToReact, r as renderInlineNodes, f as renderParagraphMixedSegments } from '../index-D2MYusAM.cjs';

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
 import '@stream-mdx/core';
 import 'react';
-export { C as ComponentRegistry, D as DefaultLinkSafetyModal, L as LinkSafetyModalProps, f as defaultBlockComponents, e as defaultInlineComponents, m as mapHtmlToReact, r as renderInlineNodes, g as renderParagraphMixedSegments } from '../index-D7px9jug.js';
+export { C as ComponentRegistry, D as DefaultLinkSafetyModal, L as LinkSafetyModalProps, e as defaultBlockComponents, d as defaultInlineComponents, m as mapHtmlToReact, r as renderInlineNodes, f as renderParagraphMixedSegments } from '../index-D2MYusAM.js';

package/dist/components/index.mjs

@@ -1021,15 +1021,17 @@ var defaultBlockComponents = {
       effectiveInlines.length > 0 ? renderInlineNodes(effectiveInlines, defaultInlineComponents) : raw ?? ""
     );
   },
-  heading: ({ level, inlines, text }) => {
+  heading: ({ level, inlines, text, meta }) => {
     const tag = `h${level}`;
     const onlyPlainText = Array.isArray(inlines) && inlines.length > 0 && inlines.every((node) => node.kind === "text");
     const children = onlyPlainText ? inlines.map((node) => node.kind === "text" ? node.text : "").join("") : renderInlineNodes(inlines, defaultInlineComponents);
+    const headingId = typeof meta?.headingId === "string" && meta.headingId.length > 0 ? meta.headingId : void 0;
     return React4.createElement(
       tag,
       {
         className: `markdown-heading markdown-h${level}`,
-        ...text ? { "data-heading-text": text } : {}
+        ...text ? { "data-heading-text": text } : {},
+        ...headingId ? { id: headingId, "data-heading-id": headingId } : {}
       },
       children
     );
@@ -1114,7 +1116,7 @@ var defaultBlockComponents = {
   },
   html: ({ __trustedHtml, elements }) => {
     const raw = typeof __trustedHtml === "string" ? __trustedHtml : __trustedHtml.toString();
-    const htmlString = sanitizeHTML(raw);
+    const htmlString = typeof window === "undefined" ? raw : sanitizeHTML(raw);
     if (typeof window !== "undefined" && elements) {
       const content = mapHtmlToReact(htmlString, elements);
       return React4.createElement("div", { className: "markdown-html" }, content);
@@ -1472,7 +1474,9 @@ var ComponentRegistry = class {
       case "html": {
         const trusted = block.payload.sanitizedHtml ?? block.payload.raw;
         return {
-          __trustedHtml: createTrustedHTML(trusted),
+          // Server render should not depend on DOMPurify (which requires a DOM `window`).
+          // In worker-compiled flows, `sanitizedHtml` is already sanitized at the source.
+          __trustedHtml: typeof window === "undefined" ? String(trusted ?? "") : createTrustedHTML(String(trusted ?? "")),
           elements: this.htmlElements
         };
       }

package/dist/{index-D7px9jug.d.cts → index-D2MYusAM.d.cts}

@@ -245,4 +245,4 @@ declare class ComponentRegistry {
 declare function mapHtmlToReact(html: string, elements: HtmlElements): React.ReactNode;
 declare function renderParagraphMixedSegments(segments: MixedContentSegment[], inlineComponents: InlineComponents, inlineHtmlRenderers: InlineHtmlRendererMap): React.ReactNode[];
 
-export { type BlockComponents as B, ComponentRegistry as C, DefaultLinkSafetyModal as D, type HtmlElements as H, type InlineComponents as I, type LinkSafetyModalProps as L, type Renderer as R, type TableElements as T, type RendererConfig as a, type CodeHighlightRangeRequest as b, type InlineHtmlRendererMap as c, type InlineHtmlRenderer as d, defaultInlineComponents as e, defaultBlockComponents as f, renderParagraphMixedSegments as g, mapHtmlToReact as m, renderInlineNodes as r };
+export { type BlockComponents as B, ComponentRegistry as C, DefaultLinkSafetyModal as D, type HtmlElements as H, type InlineHtmlRendererMap as I, type LinkSafetyModalProps as L, type Renderer as R, type TableElements as T, type InlineComponents as a, type InlineHtmlRenderer as b, type RendererConfig as c, defaultInlineComponents as d, defaultBlockComponents as e, renderParagraphMixedSegments as f, type CodeHighlightRangeRequest as g, mapHtmlToReact as m, renderInlineNodes as r };

package/dist/{index-D7px9jug.d.ts → index-D2MYusAM.d.ts}

@@ -245,4 +245,4 @@ declare class ComponentRegistry {
 declare function mapHtmlToReact(html: string, elements: HtmlElements): React.ReactNode;
 declare function renderParagraphMixedSegments(segments: MixedContentSegment[], inlineComponents: InlineComponents, inlineHtmlRenderers: InlineHtmlRendererMap): React.ReactNode[];
 
-export { type BlockComponents as B, ComponentRegistry as C, DefaultLinkSafetyModal as D, type HtmlElements as H, type InlineComponents as I, type LinkSafetyModalProps as L, type Renderer as R, type TableElements as T, type RendererConfig as a, type CodeHighlightRangeRequest as b, type InlineHtmlRendererMap as c, type InlineHtmlRenderer as d, defaultInlineComponents as e, defaultBlockComponents as f, renderParagraphMixedSegments as g, mapHtmlToReact as m, renderInlineNodes as r };
+export { type BlockComponents as B, ComponentRegistry as C, DefaultLinkSafetyModal as D, type HtmlElements as H, type InlineHtmlRendererMap as I, type LinkSafetyModalProps as L, type Renderer as R, type TableElements as T, type InlineComponents as a, type InlineHtmlRenderer as b, type RendererConfig as c, defaultInlineComponents as d, defaultBlockComponents as e, renderParagraphMixedSegments as f, type CodeHighlightRangeRequest as g, mapHtmlToReact as m, renderInlineNodes as r };