@readme/markdown 14.14.2 → 15.0.0

package/dist/render-fixture.node.js

@@ -275,7 +275,7 @@ function visit(tree, test, visitor, reverse) {
 
 /***/ }),
 
-/***/ 9762:
+/***/ 7644:
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -349,7 +349,7 @@ exports["default"] = canonical;
 
 /***/ }),
 
-/***/ 7900:
+/***/ 4350:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
@@ -358,15 +358,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-const canonical_1 = __importDefault(__webpack_require__(9762));
-const modes_1 = __webpack_require__(1412);
-const uppercase_1 = __importDefault(__webpack_require__(8892));
+const canonical_1 = __importDefault(__webpack_require__(7644));
+const modes_1 = __webpack_require__(1130);
+const uppercase_1 = __importDefault(__webpack_require__(3622));
 exports["default"] = { uppercase: uppercase_1.default, canonical: canonical_1.default, modes: modes_1.modes, getMode: modes_1.getMode };
 
 
 /***/ }),
 
-/***/ 1412:
+/***/ 1130:
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -425,6 +425,7 @@ exports.modes = {
     node: 'javascript',
     macruby: 'ruby',
     markdown: 'gfm',
+    md: 'gfm',
     ml: ['mllike', 'text/x-ocaml'],
     mssql: ['sql', 'text/x-mssql'],
     mysql: ['sql', 'text/x-mysql'],
@@ -479,7 +480,7 @@ function getMode(lang) {
 
 /***/ }),
 
-/***/ 8892:
+/***/ 3622:
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -86560,16 +86561,16 @@ const Code = (props) => {
 };
 /* harmony default export */ const components_Code = (Code);
 
-// EXTERNAL MODULE: ./node_modules/@readme/syntax-highlighter/dist-utils/index.js
-var dist_utils = __webpack_require__(7900);
-var dist_utils_default = /*#__PURE__*/__webpack_require__.n(dist_utils);
+// EXTERNAL MODULE: ./node_modules/@readme/syntax-highlighter/dist-utils/utils/index.js
+var utils = __webpack_require__(4350);
+var utils_default = /*#__PURE__*/__webpack_require__.n(utils);
 ;// ./components/CodeTabs/index.tsx
 
 
 
 
 let mermaid;
-const { uppercase } = (dist_utils_default());
+const { uppercase } = (utils_default());
 // Module-level queue that batches mermaid nodes across all CodeTabs instances into a
 // single mermaid.run() call. This is necessary because mermaid generates SVG element IDs
 // using Date.now(), which collides when multiple diagrams render in the same millisecond.
@@ -94607,11 +94608,6 @@ const looseHtmlEntityConstruct = {
     name: 'looseHtmlEntity',
     tokenize: tokenizeLooseHtmlEntity,
 };
-function resolveEntity(name) {
-    const input = `&${name};`;
-    const decoded = decode_decodeHTMLStrict(input);
-    return decoded !== input ? decoded : undefined;
-}
 function tokenizeLooseHtmlEntity(effects, ok, nok) {
     let length = 0;
     const start = (code) => {
@@ -94678,28 +94674,9 @@ function tokenizeLooseHtmlEntity(effects, ok, nok) {
 }
 function exitLooseHtmlEntity(token) {
     const raw = this.sliceSerialize(token);
-    const entityChars = raw.slice(1);
-    if (entityChars.startsWith('#')) {
-        const decoded = resolveEntity(entityChars);
-        if (decoded) {
-            this.enter({ type: 'text', value: decoded }, token);
-            this.exit(token);
-            return;
-        }
-    }
-    else {
-        for (let len = entityChars.length; len >= 2; len -= 1) {
-            const candidate = entityChars.slice(0, len);
-            const decoded = resolveEntity(candidate);
-            if (decoded) {
-                const remainder = entityChars.slice(len);
-                this.enter({ type: 'text', value: decoded + remainder }, token);
-                this.exit(token);
-                return;
-            }
-        }
-    }
-    this.enter({ type: 'text', value: raw }, token);
+    // `decodeHTML` follows the HTML spec's legacy rules, where only a small
+    // whitelist of names may omit the semicolon, so `&partner_key` stays intact.
+    this.enter({ type: 'text', value: esm_decode_decodeHTML(raw) }, token);
     this.exit(token);
 }
 function looseHtmlEntity() {
@@ -94719,10 +94696,11 @@ function looseHtmlEntityFromMarkdown() {
 /**
  * Micromark extension for HTML entities without semicolons.
  *
- * Handles named entities (e.g. `&nbsp`, `&amp`, `&copy`), decimal numeric
- * references (e.g. `&#160`, `&#169`), and hex numeric references (e.g. `&#xa0`,
- * `&#xA0`). Entities that already include the semicolon are left for the
- * standard parser to handle.
+ * Handles the named entities the HTML spec lets authors write without a
+ * semicolon (e.g. `&nbsp`, `&amp`, `&copy`), decimal numeric references (e.g.
+ * `&#160`, `&#169`), and hex numeric references (e.g. `&#xa0`, `&#xA0`).
+ * Entities that already include the semicolon are left for the standard parser
+ * to handle.
  */
 
 
@@ -126500,9 +126478,9 @@ const resolveDeferredAttributeExpressionProps = () => (tree, file) => {
                 properties[name] = name === 'style' && style_object_to_css_isPlainObject(result) ? styleObjectToCssText(result) : result;
             }
             catch {
-                // Evaluation failed — fall back to the raw expression source so the attribute
-                // renders as readable text rather than disappearing.
-                properties[name] = source;
+                // Evaluation failed — keep the literal `{...}`, matching how `evaluateExpressions` falls
+                // back in body text. Variable references like `{user.name}` stay resolvable at render time.
+                properties[name] = `{${source}}`;
             }
         });
         delete node.data.deferredExpressions;
@@ -127319,6 +127297,24 @@ const Contexts = ({ children, terms = [], variables = { user: {}, defaults: [] }
 };
 /* harmony default export */ const contexts = (Contexts);
 
+;// ./utils/user.ts
+const User = (variables) => {
+    const { user = {}, defaults = [] } = variables || {};
+    return new Proxy(user, {
+        get(target, attribute) {
+            if (typeof attribute === 'symbol') {
+                return '';
+            }
+            if (attribute in target) {
+                return target[attribute];
+            }
+            const def = defaults.find((d) => d.name === attribute);
+            return def ? def.default : attribute.toUpperCase();
+        },
+    });
+};
+/* harmony default export */ const user = (User);
+
 ;// ./lib/utils/makeUseMdxComponents.ts
 
 
@@ -127349,6 +127345,35 @@ const makeUseMDXComponents = (more = {}) => {
 };
 /* harmony default export */ const makeUseMdxComponents = (makeUseMDXComponents);
 
+;// ./lib/utils/mdxish/mdxish-variables.ts
+
+// The `$` guard skips template-literal interpolation: `${user.name}` embeds `{user.name}`, and
+// substituting it would leave a mangled `` `Hi $Name` `` behind. Those belong to an expression,
+// which either evaluated already or is meant to stay literal.
+const MDX_VARIABLE_REGEX = new RegExp(`(?<!\\$)${variable_dist.MDX_VARIABLE_REGEXP}`, 'gu');
+// Bracket notation names the same variable as dot notation, so normalize it before substituting.
+// Escaped and `$`-prefixed forms are left alone so a reference that stays literal keeps its source.
+// A closing escape needs no lookahead: requiring a literal `]}` already rules out `]\}`.
+const BRACKET_NOTATION_REGEX = /(?<![$\\])\{user\[['"](\w+)['"]\]\}/gu;
+/**
+ * Resolve `{user.*}` in a JSX attribute value against the same `user` binding the rmdx engine gets,
+ * so both engines agree. Body text differs on empty values: `Variable` falls back to the default.
+ *
+ * Legacy `<<...>>` is valid inside a quoted attribute but deliberately left literal — attributes are
+ * an MDX surface, and `{user.*}` is the syntax authors use there.
+ */
+function resolveAttributeVariables(value, user) {
+    if (!value.includes('{user'))
+        return value;
+    return value
+        .replace(BRACKET_NOTATION_REGEX, '{user.$1}')
+        .replace(MDX_VARIABLE_REGEX, (source, escapePrefix, name, escapeSuffix) => {
+        if (escapePrefix || escapeSuffix)
+            return source;
+        return user[name];
+    });
+}
+
 ;// ./lib/utils/mdxish/mdxish-render-utils.tsx
 
 
@@ -127357,6 +127382,8 @@ const makeUseMDXComponents = (more = {}) => {
 
 
 
+
+
 /** Flatten CustomComponents into a component map for rehype-react */
 function exportComponentsForRehype(components) {
     const exported = Object.entries(components).reduce((memo, [tag, mod]) => {
@@ -127384,6 +127411,28 @@ function exportComponentsForRehype(components) {
     result.variable = (variable_dist_default());
     return result;
 }
+/**
+ * Code rides on a `value` prop, and `variablesCodeResolver` owns it at parse time where it
+ * deliberately leaves mermaid alone; resolving it again here would override that.
+ */
+const CODE_TAG_NAMES = new Set(['code']);
+/** Raw markup injected with `dangerouslySetInnerHTML` by HTMLBlock and Embed — never interpolate. */
+const RAW_HTML_PROP_NAMES = new Set(['html']);
+/**
+ * Resolve `{user.*}` in string-valued props. Body text is handled by the `Variable` component, but
+ * attributes are plain strings, so they are substituted here — at render time, so that a
+ * server-parsed (user-agnostic) tree resolves against the current reader's variables.
+ */
+function resolveVariablesInProps(props, user, tagName) {
+    const isCodeTag = Boolean(tagName && CODE_TAG_NAMES.has(tagName));
+    const resolvedEntries = Object.entries(props).map(([key, value]) => {
+        const isDocumentContent = RAW_HTML_PROP_NAMES.has(key) || (isCodeTag && key === 'value');
+        if (typeof value !== 'string' || isDocumentContent)
+            return [key, value];
+        return [key, resolveAttributeVariables(value, user)];
+    });
+    return Object.fromEntries(resolvedEntries);
+}
 /**
  * Custom React.createElement wrapper that recovers real JS prop values for
  * custom components. rehype-react v6 uses hast-to-hyperscript, which stringifies
@@ -127395,7 +127444,7 @@ function exportComponentsForRehype(components) {
  * Only arrays win over `rest`, overwriting other shapes would undo correct
  * React conversions like `style="color:red"` → `{ color: 'red' }`.
  */
-function createElementPreservingHastProps(type, props, ...children) {
+const makeCreateElementPreservingHastProps = (user) => function createElementPreservingHastProps(type, props, ...children) {
     if (props?.node?.properties) {
         const { node, ...rest } = props;
         const mergedProps = { ...rest };
@@ -127405,15 +127454,16 @@ function createElementPreservingHastProps(type, props, ...children) {
         });
         // Strip undefined so positional args don't shadow node.properties.children
         const definedChildren = children.filter(c => c !== undefined);
-        return external_react_default().createElement(type, mergedProps, ...definedChildren);
+        const withVariables = resolveVariablesInProps(mergedProps, user, node.tagName);
+        return external_react_default().createElement(type, withVariables, ...definedChildren);
     }
-    return external_react_default().createElement(type, props, ...children);
-}
+    return external_react_default().createElement(type, props && resolveVariablesInProps(props, user), ...children);
+};
 /** Create a rehype-react processor */
-function createRehypeReactProcessor(components) {
+function createRehypeReactProcessor(components, variables) {
     // @ts-expect-error - rehype-react types are incompatible with React.Fragment return type
     return lib_unified().use((rehype_react_default()), {
-        createElement: createElementPreservingHastProps,
+        createElement: makeCreateElementPreservingHastProps(user(variables)),
         Fragment: (external_react_default()).Fragment,
         components,
         passNode: true,
@@ -127428,7 +127478,7 @@ function createTocComponent(tocHast) {
         components: { p: (external_react_default()).Fragment },
     });
     const tocReactElement = tocProcessor.stringify(tocHast);
-    const TocComponent = () => tocReactElement ? (external_react_default().createElement(components_TableOfContents, null, tocReactElement)) : null;
+    const TocComponent = () => tocReactElement ? external_react_default().createElement(components_TableOfContents, null, tocReactElement) : null;
     TocComponent.displayName = 'Toc';
     return TocComponent;
 }
@@ -127477,7 +127527,7 @@ const renderMdxish = (tree, opts = {}) => {
     Object.entries(localScope).forEach(([name, value]) => {
         componentsForRehype[name] = value;
     });
-    const processor = createRehypeReactProcessor(componentsForRehype);
+    const processor = createRehypeReactProcessor(componentsForRehype, variables);
     const content = processor.stringify(tree);
     const tocHast = headings.length > 0 ? tocToHast(headings, variables) : null;
     return buildRMDXModule(content, headings, tocHast, { ...contextOpts, variables });
@@ -127533,24 +127583,6 @@ function runSync(code, options) {
 // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
 var jsx_runtime = __webpack_require__(4848);
 var jsx_runtime_namespaceObject = /*#__PURE__*/__webpack_require__.t(jsx_runtime, 2);
-;// ./utils/user.ts
-const User = (variables) => {
-    const { user = {}, defaults = [] } = variables || {};
-    return new Proxy(user, {
-        get(target, attribute) {
-            if (typeof attribute === 'symbol') {
-                return '';
-            }
-            if (attribute in target) {
-                return target[attribute];
-            }
-            const def = defaults.find((d) => d.name === attribute);
-            return def ? def.default : attribute.toUpperCase();
-        },
-    });
-};
-/* harmony default export */ const user = (User);
-
 ;// ./lib/run.tsx