@brillout/docpress 0.15.8 → 0.15.10-commit-ef0b9a0

package/dist/components/Note.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 export { Warning };
 export { Advanced };
 export { Construction };
@@ -27,39 +16,38 @@ import React from 'react';
 import { assert } from '../utils/assert';
 import './Note.css';
 function Warning(props) {
-    return React.createElement(NoteGeneric, __assign({ type: "warning" }, props));
+    return React.createElement(NoteGeneric, { type: "warning", ...props });
 }
 function Advanced(props) {
-    return React.createElement(NoteGeneric, __assign({ type: "advanced" }, props));
+    return React.createElement(NoteGeneric, { type: "advanced", ...props });
 }
 function Construction(props) {
-    return React.createElement(NoteGeneric, __assign({ type: "construction" }, props));
+    return React.createElement(NoteGeneric, { type: "construction", ...props });
 }
 function Contribution(props) {
-    return React.createElement(NoteGeneric, __assign({ type: "contribution" }, props));
+    return React.createElement(NoteGeneric, { type: "contribution", ...props });
 }
 function Danger(props) {
-    return React.createElement(NoteGeneric, __assign({ type: "danger" }, props));
+    return React.createElement(NoteGeneric, { type: "danger", ...props });
 }
 function NoteWithoutIcon(props) {
-    return React.createElement(NoteGeneric, __assign({ icon: null }, props));
+    return React.createElement(NoteGeneric, { icon: null, ...props });
 }
 function NoteWithCustomIcon(props) {
-    var icon = props.icon;
+    const { icon } = props;
     if (!icon)
-        throw new Error("<NoteWithCustomIcon icon={/*...*/}> property 'icon' is `".concat(icon, "` which is forbidden"));
-    return React.createElement(NoteGeneric, __assign({}, props));
+        throw new Error(`<NoteWithCustomIcon icon={/*...*/}> property 'icon' is \`${icon}\` which is forbidden`);
+    return React.createElement(NoteGeneric, { ...props });
 }
-function NoteGeneric(_a) {
-    var type = _a.type, icon = _a.icon, iconMargin = _a.iconMargin, children = _a.children, style = _a.style;
-    assert(icon === null || icon || type, { icon: icon, type: type });
-    iconMargin !== null && iconMargin !== void 0 ? iconMargin : (iconMargin = 2);
-    var className = 'custom-icon';
+function NoteGeneric({ type, icon, iconMargin, children, style, }) {
+    assert(icon === null || icon || type, { icon, type });
+    iconMargin ?? (iconMargin = 2);
+    let className = 'custom-icon';
     if (type) {
-        className = "".concat(className, " type-").concat(type);
+        className = `${className} type-${type}`;
     }
     if (!icon && type) {
-        var classColor = '';
+        let classColor = '';
         if (type === 'danger') {
             icon = '⛔';
             classColor = 'note-color-red';
@@ -82,13 +70,13 @@ function NoteGeneric(_a) {
         }
         assert(icon);
         assert(classColor);
-        className = "".concat(className, " ").concat(classColor);
+        className = `${className} ${classColor}`;
     }
     return (React.createElement("blockquote", { className: className, style: style },
         React.createElement("div", { style: { marginBottom: 20 } }),
         icon && (React.createElement(React.Fragment, null,
             React.createElement("span", { style: { fontFamily: 'emoji' } }, icon),
-            React.createElement("span", { style: { width: iconMargin !== null && iconMargin !== void 0 ? iconMargin : undefined, display: 'inline-block' } }),
+            React.createElement("span", { style: { width: iconMargin ?? undefined, display: 'inline-block' } }),
             ' ')),
         React.createElement("div", { className: "blockquote-content" }, children),
         React.createElement("div", { style: { marginTop: 20 } })));

package/dist/components/P.js

@@ -1,17 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import React from 'react';
 import './P.css';
 export { P };
 function P(props) {
-    return React.createElement("div", __assign({}, props, { className: 'paragraph' }));
+    return React.createElement("div", { ...props, className: 'paragraph' });
 }

package/dist/components/RepoLink.js

@@ -2,21 +2,19 @@ export { RepoLink };
 export { getRepoHref };
 import React from 'react';
 import { usePageContext } from '../renderer/usePageContext';
-function RepoLink(_a) {
-    var path = _a.path, text = _a.text;
+function RepoLink({ path, text }) {
     text = text || path;
-    var href = getRepoHref(path);
+    const href = getRepoHref(path);
     return React.createElement("a", { href: href }, text);
 }
-function getRepoHref(path, editMode) {
-    if (editMode === void 0) { editMode = false; }
-    var pageContext = usePageContext();
+function getRepoHref(path, editMode = false) {
+    const pageContext = usePageContext();
     if (!path.startsWith('/')) {
         path = '/' + path;
     }
-    var viewMode = path.endsWith('/') && !editMode ? 'tree' : 'blob';
-    var github = pageContext.globalContext.config.docpress.github;
-    var href = "".concat(github, "/").concat(viewMode, "/main").concat(path);
+    const viewMode = path.endsWith('/') && !editMode ? 'tree' : 'blob';
+    const { github } = pageContext.globalContext.config.docpress;
+    let href = `${github}/${viewMode}/main${path}`;
     if (editMode)
         href += '?plain=1';
     return href;

package/dist/components/index.d.ts

@@ -8,3 +8,4 @@ export * from './HorizontalLine';
 export * from './CodeBlockTransformer';
 export * from './Comment';
 export * from './FileRemoved';
+export * from './CodeSnippets';

package/dist/components/index.js

@@ -8,3 +8,4 @@ export * from './HorizontalLine';
 export * from './CodeBlockTransformer';
 export * from './Comment';
 export * from './FileRemoved';
+export * from './CodeSnippets';

package/dist/determineNavItemsColumnLayout.js

@@ -1,47 +1,26 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 export { determineNavItemsColumnLayout };
 import { assert, assertUsage } from './utils/assert';
 function determineNavItemsColumnLayout(navItems) {
-    var columnLayouts = getColumnEntries(navItems);
-    columnLayouts.forEach(function (columnEntries) {
-        var _loop_1 = function (numberOfColumns) {
-            var columnMapping = determineColumnLayout(columnEntries.map(function (columnEntry) { return columnEntry.numberOfEntries; }), numberOfColumns);
-            columnEntries.forEach(function (columnEntry, i) {
+    const columnLayouts = getColumnEntries(navItems);
+    columnLayouts.forEach((columnEntries) => {
+        for (let numberOfColumns = columnEntries.length; numberOfColumns >= 1; numberOfColumns--) {
+            const columnMapping = determineColumnLayout(columnEntries.map((columnEntry) => columnEntry.numberOfEntries), numberOfColumns);
+            columnEntries.forEach((columnEntry, i) => {
                 var _a;
-                var _b;
-                (_a = (_b = columnEntry.navItemLeader).isColumnEntry) !== null && _a !== void 0 ? _a : (_b.isColumnEntry = {});
+                (_a = columnEntry.navItemLeader).isColumnEntry ?? (_a.isColumnEntry = {});
                 columnEntry.navItemLeader.isColumnEntry[numberOfColumns] = columnMapping[i];
             });
-        };
-        for (var numberOfColumns = columnEntries.length; numberOfColumns >= 1; numberOfColumns--) {
-            _loop_1(numberOfColumns);
         }
     });
 }
 function getColumnEntries(navItems) {
-    var navItemsWithLength = navItems.map(function (navItem) { return (__assign(__assign({}, navItem), { numberOfHeadings: navItem.level === 1 || navItem.level === 4 ? 0 : null })); });
-    var navItemLevel1;
-    var navItemLevel4;
-    navItemsWithLength.forEach(function (navItem) {
+    const navItemsWithLength = navItems.map((navItem) => ({
+        ...navItem,
+        numberOfHeadings: navItem.level === 1 || navItem.level === 4 ? 0 : null,
+    }));
+    let navItemLevel1;
+    let navItemLevel4;
+    navItemsWithLength.forEach((navItem) => {
         if (navItem.level === 1) {
             navItemLevel1 = navItem;
             navItemLevel4 = undefined;
@@ -51,7 +30,7 @@ function getColumnEntries(navItems) {
             navItemLevel4 = navItem;
             return;
         }
-        var bumpNavItemLength = function (navItem) {
+        const bumpNavItemLength = (navItem) => {
             assert(navItem.numberOfHeadings !== null);
             navItem.numberOfHeadings++;
         };
@@ -61,13 +40,13 @@ function getColumnEntries(navItems) {
             bumpNavItemLength(navItemLevel4);
         }
     });
-    var columnLayouts = [];
-    var columnEntries = [];
-    var isFullWidthCategory;
-    navItemsWithLength.forEach(function (navItem, i) {
-        var isFullWidthCategoryBegin = false;
+    const columnLayouts = [];
+    let columnEntries = [];
+    let isFullWidthCategory;
+    navItemsWithLength.forEach((navItem, i) => {
+        let isFullWidthCategoryBegin = false;
         if (navItem.level === 1) {
-            var isFullWidthCategoryPrevious = isFullWidthCategory;
+            const isFullWidthCategoryPrevious = isFullWidthCategory;
             isFullWidthCategory = !!navItem.menuModalFullWidth;
             if (isFullWidthCategory)
                 isFullWidthCategoryBegin = true;
@@ -76,8 +55,8 @@ function getColumnEntries(navItems) {
                 columnEntries = [];
             }
         }
-        var navItemPrevious = navItemsWithLength[i - 1];
-        var navItemNext = navItemsWithLength[i + 1];
+        const navItemPrevious = navItemsWithLength[i - 1];
+        const navItemNext = navItemsWithLength[i + 1];
         if (!isFullWidthCategory
             ? navItem.level === 1
             : (navItem.level === 4 && navItemPrevious.level !== 1) || isFullWidthCategoryBegin) {
@@ -87,7 +66,7 @@ function getColumnEntries(navItems) {
             else {
                 assert(navItem.level === 1);
             }
-            var numberOfHeadings = navItem.numberOfHeadings;
+            let { numberOfHeadings } = navItem;
             assert(numberOfHeadings !== null);
             if (isFullWidthCategoryBegin) {
                 assert(navItem.level === 1);
@@ -106,15 +85,15 @@ function getColumnEntries(navItems) {
 }
 function determineColumnLayout(columnsUnmerged, numberOfColumns) {
     assert(numberOfColumns <= columnsUnmerged.length);
-    var columnsMergingInit = columnsUnmerged.map(function (columnHeight, i) { return ({
+    const columnsMergingInit = columnsUnmerged.map((columnHeight, i) => ({
         columnIdsMerged: [i],
         heightTotal: columnHeight,
-    }); });
-    var columnsMerged = mergeColumns(columnsMergingInit, numberOfColumns);
-    var columnsIdMap = new Array(columnsUnmerged.length);
+    }));
+    const columnsMerged = mergeColumns(columnsMergingInit, numberOfColumns);
+    const columnsIdMap = new Array(columnsUnmerged.length);
     assert(columnsMerged.length === numberOfColumns);
-    columnsMerged.forEach(function (columnMerged, columnMergedId) {
-        columnMerged.columnIdsMerged.forEach(function (columnId) {
+    columnsMerged.forEach((columnMerged, columnMergedId) => {
+        columnMerged.columnIdsMerged.forEach((columnId) => {
             columnsIdMap[columnId] = columnMergedId;
         });
     });
@@ -124,25 +103,32 @@ function determineColumnLayout(columnsUnmerged, numberOfColumns) {
 function mergeColumns(columnsMerging, numberOfColumns) {
     if (columnsMerging.length <= numberOfColumns)
         return columnsMerging;
-    var mergeCandidate = null;
-    for (var i_1 = 0; i_1 <= columnsMerging.length - 2; i_1++) {
-        var column1 = columnsMerging[i_1 + 0];
-        var column2 = columnsMerging[i_1 + 1];
-        var heightTotal = column1.heightTotal + column2.heightTotal;
+    let mergeCandidate = null;
+    for (let i = 0; i <= columnsMerging.length - 2; i++) {
+        const column1 = columnsMerging[i + 0];
+        const column2 = columnsMerging[i + 1];
+        const heightTotal = column1.heightTotal + column2.heightTotal;
         if (!mergeCandidate || mergeCandidate.heightTotal > heightTotal) {
             mergeCandidate = {
-                i: i_1,
-                columnIdsMerged: __spreadArray(__spreadArray([], column1.columnIdsMerged, true), column2.columnIdsMerged, true),
-                heightTotal: heightTotal,
+                i,
+                columnIdsMerged: [
+                    //
+                    ...column1.columnIdsMerged,
+                    ...column2.columnIdsMerged,
+                ],
+                heightTotal,
             };
         }
     }
     assert(mergeCandidate);
-    var i = mergeCandidate.i;
+    const { i } = mergeCandidate;
     assert(-1 < i && i < columnsMerging.length - 1);
-    var columnsMergingMod = __spreadArray(__spreadArray(__spreadArray([], columnsMerging.slice(0, i), true), [
-        mergeCandidate
-    ], false), columnsMerging.slice(i + 2), true);
+    const columnsMergingMod = [
+        //
+        ...columnsMerging.slice(0, i),
+        mergeCandidate,
+        ...columnsMerging.slice(i + 2),
+    ];
     assert(columnsMergingMod.length === columnsMerging.length - 1);
     return mergeColumns(columnsMergingMod, numberOfColumns);
 }

package/dist/detypePlugin.d.ts

@@ -0,0 +1,3 @@
+export { detypePlugin };
+import type { PluginOption } from 'vite';
+declare function detypePlugin(): PluginOption;

package/dist/detypePlugin.js

@@ -0,0 +1,53 @@
+export { detypePlugin };
+import module from 'node:module';
+// Cannot use `import { transform } from 'detype'` as it results in errors,
+// and the package has no default export. Using `module.createRequire` instead.
+const { transform } = module.createRequire(import.meta.url)('detype');
+function detypePlugin() {
+    return {
+        name: '@brillout/docpress:detypePlugin',
+        enforce: 'pre',
+        transform: async (code, id) => {
+            if (!id.endsWith('+Page.mdx')) {
+                return;
+            }
+            const codeNew = await transformCode(code);
+            return codeNew;
+        },
+    };
+}
+const tsBlockRegex = /```(tsx?|vue)(\s+ts-only)?([\s\S]*?)```/g;
+async function transformCode(code) {
+    let codeNew = `import { CodeSnippets, CodeSnippet } from '@brillout/docpress';\n`;
+    let lastIndex = 0;
+    const matches = [...code.matchAll(tsBlockRegex)];
+    if (matches.length === 0) {
+        return code;
+    }
+    for (const match of matches) {
+        const [tsCodeBlock, lang, tsOnly, tsCode] = match; // lang = ts | tsx | vue
+        const type = lang === 'vue' ? 'vue' : lang.replace('t', 'j'); // ts => js | tsx => jsx
+        const blockStart = match.index;
+        const blockEnd = blockStart + tsCodeBlock.length;
+        codeNew += code.slice(lastIndex, blockStart);
+        if (tsOnly) {
+            codeNew += `\n<CodeSnippet language={'ts'} tsOnly={'true'}>\n${tsCodeBlock}\n</CodeSnippet>\n`;
+        }
+        else {
+            const jsCode = await transform(tsCode.trim().replaceAll('.ts', '.js'), `tsCode.${lang}`, {
+                removeTsComments: true,
+                prettierOptions: {
+                    semi: false,
+                    singleQuote: true,
+                },
+            });
+            const jsCodeBlock = `\`\`\`${type}\n${jsCode}\`\`\``;
+            const jsCodeSnippet = `\n<CodeSnippet language={'js'}>\n${jsCodeBlock}\n</CodeSnippet>\n`;
+            const tsCodeSnippet = `\n<CodeSnippet language={'ts'}>\n${tsCodeBlock}\n</CodeSnippet>\n`;
+            codeNew += `<CodeSnippets>${jsCodeSnippet}${tsCodeSnippet}</CodeSnippets>`;
+        }
+        lastIndex = blockEnd;
+    }
+    codeNew += code.slice(lastIndex);
+    return codeNew;
+}

package/dist/parseMarkdownMini.js

@@ -1,20 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 export { parseMarkdownMini };
 import React from 'react';
 function parseMarkdownMini(markdown) {
-    var parts = [];
-    var current;
-    markdown.split('').forEach(function (letter) {
+    const parts = [];
+    let current;
+    markdown.split('').forEach((letter) => {
         if (letter === '`') {
-            if ((current === null || current === void 0 ? void 0 : current.nodeType) === 'code') {
+            if (current?.nodeType === 'code') {
                 // </code>
                 parts.push(current);
                 current = undefined;
@@ -37,9 +28,6 @@ function parseMarkdownMini(markdown) {
     if (current) {
         parts.push(current);
     }
-    var parsed = React.createElement.apply(React, __spreadArray([React.Fragment,
-        {}], parts.map(function (part, i) {
-        return React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content);
-    }), false));
+    const parsed = React.createElement(React.Fragment, {}, ...parts.map((part, i) => React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content)));
     return parsed;
 }

package/dist/parsePageSections.js

@@ -1,66 +1,26 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 export { parsePageSections };
 import { assert } from './utils/assert.js';
 import { determineSectionUrlHash } from './utils/determineSectionUrlHash.js';
 import os from 'os';
 function parsePageSections() {
-    var _this = this;
     return {
         name: '@brillout/docpress:parsePageSections',
         enforce: 'pre',
-        transform: function (code, id) { return __awaiter(_this, void 0, void 0, function () {
-            var codeNew;
-            return __generator(this, function (_a) {
-                if (!id.endsWith('+Page.mdx')) {
-                    return [2 /*return*/];
-                }
-                codeNew = transform(code);
-                return [2 /*return*/, codeNew];
-            });
-        }); },
+        transform: async (code, id) => {
+            if (!id.endsWith('+Page.mdx')) {
+                return;
+            }
+            const codeNew = transform(code);
+            return codeNew;
+        },
     };
 }
 function transform(code) {
-    var pageSections = [];
-    var isCodeBlock = false;
-    var codeNew = code
+    const pageSections = [];
+    let isCodeBlock = false;
+    let codeNew = code
         .split('\n')
-        .map(function (line) {
+        .map((line) => {
         // Skip code blocks, e.g.
         // ~~~md
         // # Markdown Example
@@ -78,51 +38,50 @@ function transform(code) {
         || line.startsWith('<h2')
         */
         ) {
-            var _a = parsePageSection(line), pageSectionId = _a.pageSectionId, pageSectionLevel = _a.pageSectionLevel, pageSectionTitle = _a.pageSectionTitle, headingHtml = _a.headingHtml;
-            pageSections.push({ pageSectionId: pageSectionId, pageSectionLevel: pageSectionLevel, pageSectionTitle: pageSectionTitle });
+            const { pageSectionId, pageSectionLevel, pageSectionTitle, headingHtml } = parsePageSection(line);
+            pageSections.push({ pageSectionId, pageSectionLevel, pageSectionTitle });
             return headingHtml;
         }
         return line;
     })
         .join('\n');
-    var exportCode = "export const pageSectionsExport = [".concat(pageSections
-        .map(function (pageSection) { return JSON.stringify(pageSection); })
-        .join(', '), "];");
-    codeNew += "\n\n".concat(exportCode, "\n");
+    const exportCode = `export const pageSectionsExport = [${pageSections
+        .map((pageSection) => JSON.stringify(pageSection))
+        .join(', ')}];`;
+    codeNew += `\n\n${exportCode}\n`;
     return codeNew;
 }
 function parsePageSection(line) {
-    var _a;
-    var _b = line.split(' '), lineBegin = _b[0], lineWords = _b.slice(1);
-    assert(lineBegin.split('#').join('') === '', { line: line, lineWords: lineWords });
-    var pageSectionLevel = lineBegin.length;
-    var titleMdx = lineWords.join(' ');
-    assert(!titleMdx.startsWith(' '), { line: line, lineWords: lineWords });
-    assert(titleMdx, { line: line, lineWords: lineWords });
-    var pageSectionTitle = titleMdx;
-    var anchor = titleMdx;
+    const [lineBegin, ...lineWords] = line.split(' ');
+    assert(lineBegin.split('#').join('') === '', { line, lineWords });
+    const pageSectionLevel = lineBegin.length;
+    const titleMdx = lineWords.join(' ');
+    assert(!titleMdx.startsWith(' '), { line, lineWords });
+    assert(titleMdx, { line, lineWords });
+    let pageSectionTitle = titleMdx;
+    let anchor = titleMdx;
     {
         // Support custom anchor: `## Some Title{#custom-anchor}`
-        var customAnchor = (_a = /(?<={#).*(?=})/g.exec(titleMdx)) === null || _a === void 0 ? void 0 : _a[0];
+        const customAnchor = /(?<={#).*(?=})/g.exec(titleMdx)?.[0];
         if (customAnchor) {
             anchor = customAnchor;
             pageSectionTitle = titleMdx.replace(/{#.*}/g, '');
         }
     }
-    var pageSectionId = determineSectionUrlHash(anchor);
-    var titleParsed = parseMarkdownMini(pageSectionTitle);
+    const pageSectionId = determineSectionUrlHash(anchor);
+    const titleParsed = parseMarkdownMini(pageSectionTitle);
     assert(pageSectionId === null || pageSectionId.length > 0);
-    var headingId = pageSectionId === null ? '' : " id=\"".concat(pageSectionId, "\"");
-    var headingHtml = "<h".concat(pageSectionLevel).concat(headingId, ">").concat(titleParsed, "</h").concat(pageSectionLevel, ">");
-    var pageSection = { pageSectionLevel: pageSectionLevel, pageSectionTitle: pageSectionTitle, pageSectionId: pageSectionId, headingHtml: headingHtml };
+    const headingId = pageSectionId === null ? '' : ` id="${pageSectionId}"`;
+    const headingHtml = `<h${pageSectionLevel}${headingId}>${titleParsed}</h${pageSectionLevel}>`;
+    const pageSection = { pageSectionLevel, pageSectionTitle, pageSectionId, headingHtml };
     return pageSection;
 }
 function parseMarkdownMini(titleMarkdown) {
-    var parts = [];
-    var current;
-    titleMarkdown.split('').forEach(function (letter) {
+    const parts = [];
+    let current;
+    titleMarkdown.split('').forEach((letter) => {
         if (letter === '`') {
-            if ((current === null || current === void 0 ? void 0 : current.nodeType) === 'code') {
+            if (current?.nodeType === 'code') {
                 // </code>
                 parts.push(current);
                 current = undefined;
@@ -145,25 +104,25 @@ function parseMarkdownMini(titleMarkdown) {
     if (current) {
         parts.push(current);
     }
-    var titleHtml = parts
-        .map(function (part) {
+    const titleHtml = parts
+        .map((part) => {
         if (part.nodeType === 'code') {
-            return "<code>".concat(serializeText(part.content), "</code>");
+            return `<code>${serializeText(part.content)}</code>`;
         }
         else {
-            assert(part.nodeType === 'text', { parts: parts });
+            assert(part.nodeType === 'text', { parts });
             return serializeText(part.content);
         }
     })
         .join('');
     return titleHtml;
     function serializeText(text) {
-        var textEscaped = text.split("'").join("\\'");
+        let textEscaped = text.split("'").join("\\'");
         // https://github.com/brillout/docpress/pull/2
         if (isWindows()) {
             textEscaped = textEscaped.replace(/\r/, '');
         }
-        return "{'".concat(textEscaped, "'}");
+        return `{'${textEscaped}'}`;
     }
 }
 function isWindows() {

package/dist/renderer/usePageContext.js

@@ -3,20 +3,19 @@ export { usePageContext };
 export { usePageContextLegacy };
 import React, { useContext } from 'react';
 import { getGlobalObject } from '../utils/getGlobalObject';
-var globalObject = getGlobalObject('usePageContext.ts', {
+const globalObject = getGlobalObject('usePageContext.ts', {
     Ctx: React.createContext(undefined),
 });
 function usePageContextLegacy() {
-    var Ctx = globalObject.Ctx;
-    var pageContext = useContext(Ctx);
+    const { Ctx } = globalObject;
+    const pageContext = useContext(Ctx);
     return pageContext.resolved;
 }
 function usePageContext() {
-    var pageContext = useContext(globalObject.Ctx);
+    const pageContext = useContext(globalObject.Ctx);
     return pageContext;
 }
-function PageContextProvider(_a) {
-    var pageContext = _a.pageContext, children = _a.children;
-    var Ctx = globalObject.Ctx;
+function PageContextProvider({ pageContext, children, }) {
+    const { Ctx } = globalObject;
     return React.createElement(Ctx.Provider, { value: pageContext }, children);
 }