wiki-formant 0.83.0 → 0.83.1

package/README.md

@@ -693,13 +693,12 @@ export const X = xAccount({ siteName: 'AcuiQ', handle: '@acu_iq', posts: "a name
 addCopyButtons(el);            // every <pre> gets one, once
 sortTables(el);                // every column-headed table sorts by its headers
 hydrateTweetEmbeds(el);        // placeholders get a live src
-await renderMath(el);          // $$…$$, \\[…\\] and \\(…\\) typeset by KaTeX, loaded only when there is maths
 const off = onTweetResize((h, source) => sizeTweetEmbed(el, h, source));
 ```
 
 `addCopyButton` was **byte-identical** in two BlockRenderers, down to the SVG path data. Its idempotence guard now lives inside the function rather than in a `pre:not(:has(…))` at the call site, where it can be — and was — retyped.
 
-In React, `useArticlePasses(ref, [blocks])` (`wiki-formant/react`) runs them all, the embed pair and the maths included. KaTeX is an optional peer: an app installs `katex`, and a page with no delimiter never fetches it. There is no single-`$` delimiter, since prose writes $XRD. Three renderers had the effect written out and disagreed on its dependencies: two ran once on mount, so a page swapped in without a remount kept its old tables unsortable.
+In React, `useArticlePasses(ref, [blocks])` (`wiki-formant/react`) runs them all, the embed pair included, and typesets maths: `renderMath` (also `wiki-formant/react`, since its stylesheet import cannot sit in a module server code reaches) sets `$$…$$` and `\[…\]` as a display and `\(…\)` inline. KaTeX is an optional peer: an app installs `katex`, and a page with no delimiter never fetches it. There is no single-`$` delimiter, since prose writes $XRD. Three renderers had the effect written out and disagreed on its dependencies: two ran once on mount, so a page swapped in without a remount kept its old tables unsortable.
 
 `activateTabGroups` turns stored `[data-tabs]` markup into a working tab group. The editor persists tabs as nested divs, which is the right thing to store — it survives a markdown twin, a plain HTML render and a reader with JavaScript off, all of which show every tab in order. Making one of them pressable is a reader-side job, and it sits beside the other passes rather than inside a component.
 

package/dist/dom.d.ts

@@ -40,14 +40,6 @@ export declare function onTweetResize(resize: (height: number, source: MessageEv
 export declare function hydrateTweetEmbeds(root: ParentNode): void;
 /** Apply a posted height to the embed iframe under `root` that posted it, and to no other. */
 export declare function sizeTweetEmbed(root: ParentNode, height: number, source: MessageEventSource | null): void;
-/**
- * Typeset the maths under `root` with KaTeX: `$$…$$` and `\[…\]` as a display,
- * `\(…\)` inline. KaTeX and its stylesheet load only when the text holds a
- * delimiter, so a page with no maths fetches nothing. KaTeX is an optional peer
- * the app installs. Typeset maths carries no delimiter, so a second pass finds
- * nothing to do.
- */
-export declare function renderMath(root: HTMLElement): Promise<void>;
 export interface TabGroupClassNames {
     list?: string;
     panels?: string;

package/dist/dom.js

@@ -113,29 +113,6 @@ export function sizeTweetEmbed(root, height, source) {
             iframe.style.height = `${height}px`;
     }
 }
-// ---- maths ------------------------------------------------------------------
-/** What marks maths in stored prose. No single `$`: prose writes $XRD, and two cashtags in one block would read as a formula. */
-const MATH = /\$\$|\\\(|\\\[/;
-/**
- * Typeset the maths under `root` with KaTeX: `$$…$$` and `\[…\]` as a display,
- * `\(…\)` inline. KaTeX and its stylesheet load only when the text holds a
- * delimiter, so a page with no maths fetches nothing. KaTeX is an optional peer
- * the app installs. Typeset maths carries no delimiter, so a second pass finds
- * nothing to do.
- */
-export async function renderMath(root) {
-    if (!MATH.test(root.textContent ?? ''))
-        return;
-    const [{ default: render }] = await Promise.all([import('katex/contrib/auto-render'), import('katex/dist/katex.min.css')]);
-    render(root, {
-        delimiters: [
-            { left: '$$', right: '$$', display: true },
-            { left: '\\(', right: '\\)', display: false },
-            { left: '\\[', right: '\\]', display: true },
-        ],
-        throwOnError: false,
-    });
-}
 /**
  * Turn stored `[data-tabs]` markup into a working tab group.
  *

package/dist/react.d.ts

@@ -477,6 +477,14 @@ export declare function RailShell({ children, prefix, label, className }: RailSh
  */
 export declare function isRailLinkActive(activePath: string, href: string, tree?: boolean): boolean;
 export type { WikiLinkComponent, WikiLinkProps } from './react-server.js';
+/**
+ * Typeset the maths under `root` with KaTeX: `$$…$$` and `\[…\]` as a display,
+ * `\(…\)` inline. KaTeX and its stylesheet load only when the text holds a
+ * delimiter, so a page with no maths fetches nothing. KaTeX is an optional peer
+ * the app installs. Typeset maths carries no delimiter, so a second pass finds
+ * nothing to do.
+ */
+export declare function renderMath(root: HTMLElement): Promise<void>;
 /**
  * The `wiki-formant/dom` passes over a rendered article: tab groups, copy
  * buttons, sortable tables, maths typeset, and each post on X hydrated and kept

package/dist/react.js

@@ -26,7 +26,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 //      state on <html> before first paint. The hook keeps that attribute in
 //      sync afterwards, so CSS has one source of truth either side of hydration.
 import { railBreakpointMismatch, readRailFloating, resolveSidebarOpen, SIDEBAR_ATTRIBUTE, } from './sidebar.js';
-import { activateTabGroups, addCopyButtons, hydrateTweetEmbeds, onTweetResize, renderMath, sizeTweetEmbed, sortTables, startBeacon } from './dom.js';
+import { activateTabGroups, addCopyButtons, hydrateTweetEmbeds, onTweetResize, sizeTweetEmbed, sortTables, startBeacon } from './dom.js';
 import { comboboxAria } from './combobox.js';
 import { Component, createContext, createElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from 'react';
 const readStored = (key) => {
@@ -880,6 +880,32 @@ const decodePath = (path) => {
         return path;
     }
 };
+// ---- maths ------------------------------------------------------------------
+// Here rather than in `dom.ts` because of its stylesheet import: `dom.ts` is
+// reached from server modules (`headings.ts`), and a bundler cannot chunk a
+// CSS import from plain server code. This module is a client one.
+/** What marks maths in stored prose. No single `$`: prose writes $XRD, and two cashtags in one block would read as a formula. */
+const MATH = /\$\$|\\\(|\\\[/;
+/**
+ * Typeset the maths under `root` with KaTeX: `$$…$$` and `\[…\]` as a display,
+ * `\(…\)` inline. KaTeX and its stylesheet load only when the text holds a
+ * delimiter, so a page with no maths fetches nothing. KaTeX is an optional peer
+ * the app installs. Typeset maths carries no delimiter, so a second pass finds
+ * nothing to do.
+ */
+export async function renderMath(root) {
+    if (!MATH.test(root.textContent ?? ''))
+        return;
+    const [{ default: render }] = await Promise.all([import('katex/contrib/auto-render'), import('katex/dist/katex.min.css')]);
+    render(root, {
+        delimiters: [
+            { left: '$$', right: '$$', display: true },
+            { left: '\\(', right: '\\)', display: false },
+            { left: '\\[', right: '\\]', display: true },
+        ],
+        throwOnError: false,
+    });
+}
 // ---- rendered-article passes --------------------------------------------------
 /**
  * The `wiki-formant/dom` passes over a rendered article: tab groups, copy

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-formant",
-  "version": "0.83.0",
+  "version": "0.83.1",
   "description": "The portable half of a wiki: derived taxonomy and facet controls, a version-negotiating MCP transport, markdown twins, block rendering, a rich-text editor engine, conditional-GET plumbing, and the headers and CSP every origin sends.",
   "type": "module",
   "license": "MIT",