@stream-mdx/react 0.5.0 → 1.0.0

package/dist/math/display-wrapper.cjs

@@ -6,17 +6,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 
 // src/math/display-wrapper.tsx
 var display_wrapper_exports = {};
@@ -25,12 +22,7 @@ __export(display_wrapper_exports, {
   renderDisplayMathWithHtml: () => renderDisplayMathWithHtml
 });
 module.exports = __toCommonJS(display_wrapper_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var BASE_CLASS = "katex-block-wrapper my-2";
-var SCROLL_ROOT_CLASS = "katex-scroll relative overflow-x-hidden w-full max-w-full";
-var VIEWPORT_CLASS = "katex-scroll-viewport h-full w-full rounded-[inherit]";
-var SHIM_STYLE = { minWidth: "100%", display: "table" };
-var VIEWPORT_STYLE = {
+var import_jsx_runtime = require("react/jsx-runtime"), BASE_CLASS = "katex-block-wrapper my-2", SCROLL_ROOT_CLASS = "katex-scroll relative overflow-x-hidden w-full max-w-full", VIEWPORT_CLASS = "katex-scroll-viewport h-full w-full rounded-[inherit]", SHIM_STYLE = { minWidth: "100%", display: "table" }, VIEWPORT_STYLE = {
   overflowX: "auto",
   overflowY: "hidden",
   WebkitOverflowScrolling: "touch"
@@ -39,7 +31,7 @@ function combineClassNames(base, extra) {
   return extra && extra.length > 0 ? `${base} ${extra}` : base;
 }
 function DisplayMathWrapper({ children, className = "" }) {
-  const wrapperClass = combineClassNames(BASE_CLASS, className);
+  let wrapperClass = combineClassNames(BASE_CLASS, className);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: wrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { dir: "ltr", className: SCROLL_ROOT_CLASS, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: VIEWPORT_CLASS, style: VIEWPORT_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: SHIM_STYLE, children }) }) }) });
 }
 function renderDisplayMathWithHtml(html, className) {

package/dist/math/display-wrapper.d.cts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 interface DisplayMathWrapperProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 declare function DisplayMathWrapper({ children, className }: DisplayMathWrapperProps): JSX.Element;

package/dist/math/display-wrapper.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 interface DisplayMathWrapperProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     className?: string;
 }
 declare function DisplayMathWrapper({ children, className }: DisplayMathWrapperProps): JSX.Element;

package/dist/math/display-wrapper.mjs

@@ -2,11 +2,7 @@
 
 // src/math/display-wrapper.tsx
 import { jsx } from "react/jsx-runtime";
-var BASE_CLASS = "katex-block-wrapper my-2";
-var SCROLL_ROOT_CLASS = "katex-scroll relative overflow-x-hidden w-full max-w-full";
-var VIEWPORT_CLASS = "katex-scroll-viewport h-full w-full rounded-[inherit]";
-var SHIM_STYLE = { minWidth: "100%", display: "table" };
-var VIEWPORT_STYLE = {
+var BASE_CLASS = "katex-block-wrapper my-2", SCROLL_ROOT_CLASS = "katex-scroll relative overflow-x-hidden w-full max-w-full", VIEWPORT_CLASS = "katex-scroll-viewport h-full w-full rounded-[inherit]", SHIM_STYLE = { minWidth: "100%", display: "table" }, VIEWPORT_STYLE = {
   overflowX: "auto",
   overflowY: "hidden",
   WebkitOverflowScrolling: "touch"
@@ -15,7 +11,7 @@ function combineClassNames(base, extra) {
   return extra && extra.length > 0 ? `${base} ${extra}` : base;
 }
 function DisplayMathWrapper({ children, className = "" }) {
-  const wrapperClass = combineClassNames(BASE_CLASS, className);
+  let wrapperClass = combineClassNames(BASE_CLASS, className);
   return /* @__PURE__ */ jsx("div", { className: wrapperClass, children: /* @__PURE__ */ jsx("div", { dir: "ltr", className: SCROLL_ROOT_CLASS, children: /* @__PURE__ */ jsx("div", { className: VIEWPORT_CLASS, style: VIEWPORT_STYLE, children: /* @__PURE__ */ jsx("div", { style: SHIM_STYLE, children }) }) }) });
 }
 function renderDisplayMathWithHtml(html, className) {

package/dist/node-views-Bpc6Gkgl.d.cts

@@ -0,0 +1,13 @@
+import { CodeNodeHandle, TableNodeHandle, Block } from '@stream-mdx/core';
+import React__default from 'react';
+import { a0 as NodeHandle, d as ComponentRegistry } from './index-Cmne1yUK.cjs';
+import { RendererStore } from './renderer/store.cjs';
+
+type NodeViewHandle = NodeHandle | CodeNodeHandle | TableNodeHandle;
+
+declare function renderNodePresentation(block: Block | undefined, nativeView: React__default.ReactNode, store: RendererStore, registry: ComponentRegistry, nodeId?: string, bypassPresentation?: boolean): React__default.ReactNode;
+declare const NativeNodeView: React__default.FC<{
+    readonly handle: NodeViewHandle;
+}>;
+
+export { NativeNodeView as N, renderNodePresentation as r };

package/dist/node-views-DpnYdaAS.d.ts

@@ -0,0 +1,13 @@
+import { CodeNodeHandle, TableNodeHandle, Block } from '@stream-mdx/core';
+import React__default from 'react';
+import { a0 as NodeHandle, d as ComponentRegistry } from './index-D7dyyu3q.js';
+import { RendererStore } from './renderer/store.js';
+
+type NodeViewHandle = NodeHandle | CodeNodeHandle | TableNodeHandle;
+
+declare function renderNodePresentation(block: Block | undefined, nativeView: React__default.ReactNode, store: RendererStore, registry: ComponentRegistry, nodeId?: string, bypassPresentation?: boolean): React__default.ReactNode;
+declare const NativeNodeView: React__default.FC<{
+    readonly handle: NodeViewHandle;
+}>;
+
+export { NativeNodeView as N, renderNodePresentation as r };

package/dist/renderer/hooks.cjs

@@ -6,27 +6,37 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 
 // src/renderer/hooks.ts
 var hooks_exports = {};
 __export(hooks_exports, {
+  RenderConfigVersionContext: () => RenderConfigVersionContext,
   useRendererBlocks: () => useRendererBlocks,
   useRendererChildren: () => useRendererChildren,
-  useRendererNode: () => useRendererNode
+  useRendererHasProvisionalBlocks: () => useRendererHasProvisionalBlocks,
+  useRendererNode: () => useRendererNode,
+  useRendererNodeSnapshot: () => useRendererNodeSnapshot
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
+
+// src/renderer/node-subscriptions.ts
+var nodeSubscriptions = /* @__PURE__ */ new WeakMap();
+function subscribeRendererNode(store, id, listener) {
+  let subscribe = nodeSubscriptions.get(store);
+  return subscribe ? subscribe(id, listener) : store.subscribe(listener);
+}
+
+// src/renderer/hooks.ts
+var RenderConfigVersionContext = (0, import_react.createContext)(0);
 function useRendererBlocks(store) {
   return (0, import_react.useSyncExternalStore)(
     store.subscribe,
@@ -34,23 +44,28 @@ function useRendererBlocks(store) {
     () => store.getBlocks()
   );
 }
+function useRendererHasProvisionalBlocks(store) {
+  return (0, import_react.useSyncExternalStore)(store.subscribe, store.hasProvisionalBlocks, store.hasProvisionalBlocks);
+}
+function useRendererNodeSnapshot(store, id) {
+  (0, import_react.useContext)(RenderConfigVersionContext);
+  let subscribe = (0, import_react.useCallback)((listener) => subscribeRendererNode(store, id, listener), [store, id]), selector = (0, import_react.useMemo)(() => () => store.getNodeWithVersion(id), [store, id]);
+  return (0, import_react.useSyncExternalStore)(subscribe, selector, selector);
+}
 function useRendererNode(store, id) {
-  const selector = (0, import_react.useMemo)(() => {
-    return () => store.getNodeWithVersion(id);
-  }, [store, id]);
-  const snapshot = (0, import_react.useSyncExternalStore)(store.subscribe, selector, selector);
-  return snapshot.node;
+  return useRendererNodeSnapshot(store, id).node;
 }
 function useRendererChildren(store, id) {
-  const selector = (0, import_react.useMemo)(() => {
-    return () => store.getChildrenWithVersion(id);
-  }, [store, id]);
-  const snapshot = (0, import_react.useSyncExternalStore)(store.subscribe, selector, selector);
-  return snapshot.children;
+  (0, import_react.useContext)(RenderConfigVersionContext);
+  let subscribe = (0, import_react.useCallback)((listener) => subscribeRendererNode(store, id, listener), [store, id]), selector = (0, import_react.useMemo)(() => () => store.getChildrenWithVersion(id), [store, id]);
+  return (0, import_react.useSyncExternalStore)(subscribe, selector, selector).children;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RenderConfigVersionContext,
   useRendererBlocks,
   useRendererChildren,
-  useRendererNode
+  useRendererHasProvisionalBlocks,
+  useRendererNode,
+  useRendererNodeSnapshot
 });

package/dist/renderer/hooks.d.cts

@@ -1,8 +1,29 @@
+import * as React from 'react';
 import { Block } from '@stream-mdx/core';
 import { RendererStore, NodeRecord } from './store.cjs';
+import '../index-Cmne1yUK.cjs';
+import '../components/bottom-stick-scroll-area.cjs';
+import 'react/jsx-runtime';
+import '../components/diff-renderer.cjs';
+import '@stream-mdx/protocol';
+import '../trusted-mdx-contract-ElKpkDI5.cjs';
+import '@stream-mdx/worker/engine';
+import './virtualized-code.cjs';
 
+/**
+ * Bumped when render-time registry config (filters, URL policy, block overrides) changes.
+ * Node views are memoized on (store, id, registry); consuming this in the shared node hooks
+ * re-renders every mounted view on a config change without remounting it.
+ */
+declare const RenderConfigVersionContext: React.Context<number>;
 declare function useRendererBlocks(store: RendererStore): ReadonlyArray<Block>;
+/** Lifecycle-only subscription; never materializes authored blocks or code lines. */
+declare function useRendererHasProvisionalBlocks(store: RendererStore): boolean;
+declare function useRendererNodeSnapshot(store: RendererStore, id: string): {
+    version: number;
+    node?: NodeRecord;
+};
 declare function useRendererNode(store: RendererStore, id: string): NodeRecord | undefined;
 declare function useRendererChildren(store: RendererStore, id: string): ReadonlyArray<string>;
 
-export { useRendererBlocks, useRendererChildren, useRendererNode };
+export { RenderConfigVersionContext, useRendererBlocks, useRendererChildren, useRendererHasProvisionalBlocks, useRendererNode, useRendererNodeSnapshot };

package/dist/renderer/hooks.d.ts

@@ -1,8 +1,29 @@
+import * as React from 'react';
 import { Block } from '@stream-mdx/core';
 import { RendererStore, NodeRecord } from './store.js';
+import '../index-D7dyyu3q.js';
+import '../components/bottom-stick-scroll-area.js';
+import 'react/jsx-runtime';
+import '../components/diff-renderer.js';
+import '@stream-mdx/protocol';
+import '../trusted-mdx-contract-ElKpkDI5.js';
+import '@stream-mdx/worker/engine';
+import './virtualized-code.js';
 
+/**
+ * Bumped when render-time registry config (filters, URL policy, block overrides) changes.
+ * Node views are memoized on (store, id, registry); consuming this in the shared node hooks
+ * re-renders every mounted view on a config change without remounting it.
+ */
+declare const RenderConfigVersionContext: React.Context<number>;
 declare function useRendererBlocks(store: RendererStore): ReadonlyArray<Block>;
+/** Lifecycle-only subscription; never materializes authored blocks or code lines. */
+declare function useRendererHasProvisionalBlocks(store: RendererStore): boolean;
+declare function useRendererNodeSnapshot(store: RendererStore, id: string): {
+    version: number;
+    node?: NodeRecord;
+};
 declare function useRendererNode(store: RendererStore, id: string): NodeRecord | undefined;
 declare function useRendererChildren(store: RendererStore, id: string): ReadonlyArray<string>;
 
-export { useRendererBlocks, useRendererChildren, useRendererNode };
+export { RenderConfigVersionContext, useRendererBlocks, useRendererChildren, useRendererHasProvisionalBlocks, useRendererNode, useRendererNodeSnapshot };

package/dist/renderer/hooks.mjs

@@ -1,7 +1,17 @@
 "use client";
 
 // src/renderer/hooks.ts
-import { useMemo, useSyncExternalStore } from "react";
+import { createContext, useCallback, useContext, useMemo, useSyncExternalStore } from "react";
+
+// src/renderer/node-subscriptions.ts
+var nodeSubscriptions = /* @__PURE__ */ new WeakMap();
+function subscribeRendererNode(store, id, listener) {
+  let subscribe = nodeSubscriptions.get(store);
+  return subscribe ? subscribe(id, listener) : store.subscribe(listener);
+}
+
+// src/renderer/hooks.ts
+var RenderConfigVersionContext = createContext(0);
 function useRendererBlocks(store) {
   return useSyncExternalStore(
     store.subscribe,
@@ -9,22 +19,27 @@ function useRendererBlocks(store) {
     () => store.getBlocks()
   );
 }
+function useRendererHasProvisionalBlocks(store) {
+  return useSyncExternalStore(store.subscribe, store.hasProvisionalBlocks, store.hasProvisionalBlocks);
+}
+function useRendererNodeSnapshot(store, id) {
+  useContext(RenderConfigVersionContext);
+  let subscribe = useCallback((listener) => subscribeRendererNode(store, id, listener), [store, id]), selector = useMemo(() => () => store.getNodeWithVersion(id), [store, id]);
+  return useSyncExternalStore(subscribe, selector, selector);
+}
 function useRendererNode(store, id) {
-  const selector = useMemo(() => {
-    return () => store.getNodeWithVersion(id);
-  }, [store, id]);
-  const snapshot = useSyncExternalStore(store.subscribe, selector, selector);
-  return snapshot.node;
+  return useRendererNodeSnapshot(store, id).node;
 }
 function useRendererChildren(store, id) {
-  const selector = useMemo(() => {
-    return () => store.getChildrenWithVersion(id);
-  }, [store, id]);
-  const snapshot = useSyncExternalStore(store.subscribe, selector, selector);
-  return snapshot.children;
+  useContext(RenderConfigVersionContext);
+  let subscribe = useCallback((listener) => subscribeRendererNode(store, id, listener), [store, id]), selector = useMemo(() => () => store.getChildrenWithVersion(id), [store, id]);
+  return useSyncExternalStore(subscribe, selector, selector).children;
 }
 export {
+  RenderConfigVersionContext,
   useRendererBlocks,
   useRendererChildren,
-  useRendererNode
+  useRendererHasProvisionalBlocks,
+  useRendererNode,
+  useRendererNodeSnapshot
 };

package/dist/renderer/patch-batching.cjs

@@ -6,17 +6,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 
 // src/renderer/patch-batching.ts
 var patch_batching_exports = {};

package/dist/renderer/patch-coalescing.cjs

@@ -6,17 +6,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 
 // src/renderer/patch-coalescing.ts
 var patch_coalescing_exports = {};