@brillout/docpress 0.15.10-commit-ef0b9a0 → 0.15.10-commit-b6b1605

package/dist/detypePlugin.js

@@ -1,53 +1,156 @@
+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 { detypePlugin };
 import module from 'node:module';
+import { createContentMap, contentMapKeyRE } from './utils/contentMap.js';
 // 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');
+var transform = module.createRequire(import.meta.url)('detype').transform;
 function detypePlugin() {
+    var _this = this;
     return {
         name: '@brillout/docpress:detypePlugin',
         enforce: 'pre',
-        transform: async (code, id) => {
-            if (!id.endsWith('+Page.mdx')) {
-                return;
-            }
-            const codeNew = await transformCode(code);
-            return codeNew;
-        },
+        transform: function (code, id) { return __awaiter(_this, void 0, void 0, function () {
+            var contentMap, codeNew, replaced;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!id.endsWith('+Page.mdx')) {
+                            return [2 /*return*/];
+                        }
+                        contentMap = createContentMap();
+                        return [4 /*yield*/, transformCode(code, contentMap)];
+                    case 1:
+                        codeNew = _a.sent();
+                        replaced = replaceContent(codeNew, contentMapKeyRE, function (match) {
+                            var content = contentMap.get(match[0]);
+                            if (!content) {
+                                throw new Error('Content not found');
+                            }
+                            return content;
+                        });
+                        return [2 /*return*/, replaced];
+                }
+            });
+        }); },
     };
 }
-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) {
+var codeBlockRE = /^([ \t]{0,3}>?[ \t]?)```(tsx?|vue)[^\n]*\n([\s\S]*?)```/gm;
+var prettierOptions = {
+    semi: false,
+    singleQuote: true,
+    printWidth: 120,
+};
+function transformCode(code, contentMap) {
+    return __awaiter(this, void 0, void 0, function () {
+        var matches, codeNew, lastIndex, _i, matches_1, match, fullMatch, startsWith, lang, tsCode, tsOpeningCode, blockStart, blockEnd, key, jsCode, jsLang, jsOpeningCode, closing, jsCodeSnippet, tsCodeSnippet, codeSnippets, key;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    matches = Array.from(code.matchAll(codeBlockRE));
+                    if (matches.length === 0) {
+                        return [2 /*return*/, code];
+                    }
+                    codeNew = "import { CodeSnippets, CodeSnippet } from '@brillout/docpress';\n";
+                    lastIndex = 0;
+                    _i = 0, matches_1 = matches;
+                    _a.label = 1;
+                case 1:
+                    if (!(_i < matches_1.length)) return [3 /*break*/, 6];
+                    match = matches_1[_i];
+                    fullMatch = match[0], startsWith = match[1], lang = match[2], tsCode = match[3];
+                    tsOpeningCode = fullMatch.split('\n')[0].slice(startsWith.length);
+                    blockStart = match.index;
+                    blockEnd = blockStart + fullMatch.length;
+                    codeNew += code.slice(lastIndex, blockStart);
+                    if (startsWith.length > 0) {
+                        tsCode = stripStarts(tsCode, startsWith);
+                    }
+                    if (!tsOpeningCode.includes('ts-only')) return [3 /*break*/, 2];
+                    key = contentMap.add('ts-code-snippet', fullMatch.length, fullMatch);
+                    codeNew += "".concat(startsWith, "<CodeSnippet language={'ts'} tsOnly={'true'}>\n").concat(key, "\n").concat(startsWith, "</CodeSnippet>");
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, transform(tsCode.replaceAll('.ts', '.js'), "tsCode.".concat(lang), {
+                        removeTsComments: true,
+                        prettierOptions: prettierOptions,
+                    })];
+                case 3:
+                    jsCode = _a.sent();
+                    jsLang = lang === 'vue' ? 'vue' : lang.replace('t', 'j') // ts => js | tsx => jsx
+                    ;
+                    jsOpeningCode = tsOpeningCode.replace(lang, jsLang);
+                    closing = "```";
+                    jsCodeSnippet = "<CodeSnippet language={'js'}>\n".concat(jsOpeningCode, "\n").concat(jsCode).concat(closing, "\n</CodeSnippet>");
+                    tsCodeSnippet = "<CodeSnippet language={'ts'}>\n".concat(tsOpeningCode, "\n").concat(tsCode).concat(closing, "\n</CodeSnippet>");
+                    codeSnippets = putBackStarts("".concat(tsCodeSnippet, "\n").concat(jsCodeSnippet), startsWith);
+                    key = contentMap.add("ts-js-code-snippets", codeSnippets.length, codeSnippets);
+                    codeNew += "".concat(startsWith, "<CodeSnippets>\n").concat(key, "\n").concat(startsWith, "</CodeSnippets>");
+                    _a.label = 4;
+                case 4:
+                    lastIndex = blockEnd;
+                    _a.label = 5;
+                case 5:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 6:
+                    codeNew += code.slice(lastIndex);
+                    return [2 /*return*/, codeNew];
+            }
+        });
+    });
+}
+function stripStarts(code, startsWith) {
+    return code
+        .split('\n')
+        .map(function (line) { return line.slice(startsWith.length); })
+        .join('\n');
+}
+function putBackStarts(code, startsWith) {
+    if (!startsWith.length) {
         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;
+    return code
+        .split('\n')
+        .map(function (line) { return "".concat(startsWith).concat(line); })
+        .join('\n');
+}
+function replaceContent(input, re, replacer) {
+    var replacements = Array.from(input.matchAll(re), replacer);
+    var i = 0;
+    return input.replace(re, function () { return replacements[i++]; });
 }

package/dist/parseMarkdownMini.js

@@ -1,11 +1,20 @@
+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) {
-    const parts = [];
-    let current;
-    markdown.split('').forEach((letter) => {
+    var parts = [];
+    var current;
+    markdown.split('').forEach(function (letter) {
         if (letter === '`') {
-            if (current?.nodeType === 'code') {
+            if ((current === null || current === void 0 ? void 0 : current.nodeType) === 'code') {
                 // </code>
                 parts.push(current);
                 current = undefined;
@@ -28,6 +37,9 @@ function parseMarkdownMini(markdown) {
     if (current) {
         parts.push(current);
     }
-    const parsed = React.createElement(React.Fragment, {}, ...parts.map((part, i) => React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content)));
+    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));
     return parsed;
 }

package/dist/parsePageSections.js

@@ -1,26 +1,66 @@
+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: async (code, id) => {
-            if (!id.endsWith('+Page.mdx')) {
-                return;
-            }
-            const codeNew = transform(code);
-            return codeNew;
-        },
+        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];
+            });
+        }); },
     };
 }
 function transform(code) {
-    const pageSections = [];
-    let isCodeBlock = false;
-    let codeNew = code
+    var pageSections = [];
+    var isCodeBlock = false;
+    var codeNew = code
         .split('\n')
-        .map((line) => {
+        .map(function (line) {
         // Skip code blocks, e.g.
         // ~~~md
         // # Markdown Example
@@ -38,50 +78,51 @@ function transform(code) {
         || line.startsWith('<h2')
         */
         ) {
-            const { pageSectionId, pageSectionLevel, pageSectionTitle, headingHtml } = parsePageSection(line);
-            pageSections.push({ pageSectionId, pageSectionLevel, pageSectionTitle });
+            var _a = parsePageSection(line), pageSectionId = _a.pageSectionId, pageSectionLevel = _a.pageSectionLevel, pageSectionTitle = _a.pageSectionTitle, headingHtml = _a.headingHtml;
+            pageSections.push({ pageSectionId: pageSectionId, pageSectionLevel: pageSectionLevel, pageSectionTitle: pageSectionTitle });
             return headingHtml;
         }
         return line;
     })
         .join('\n');
-    const exportCode = `export const pageSectionsExport = [${pageSections
-        .map((pageSection) => JSON.stringify(pageSection))
-        .join(', ')}];`;
-    codeNew += `\n\n${exportCode}\n`;
+    var exportCode = "export const pageSectionsExport = [".concat(pageSections
+        .map(function (pageSection) { return JSON.stringify(pageSection); })
+        .join(', '), "];");
+    codeNew += "\n\n".concat(exportCode, "\n");
     return codeNew;
 }
 function parsePageSection(line) {
-    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;
+    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;
     {
         // Support custom anchor: `## Some Title{#custom-anchor}`
-        const customAnchor = /(?<={#).*(?=})/g.exec(titleMdx)?.[0];
+        var customAnchor = (_a = /(?<={#).*(?=})/g.exec(titleMdx)) === null || _a === void 0 ? void 0 : _a[0];
         if (customAnchor) {
             anchor = customAnchor;
             pageSectionTitle = titleMdx.replace(/{#.*}/g, '');
         }
     }
-    const pageSectionId = determineSectionUrlHash(anchor);
-    const titleParsed = parseMarkdownMini(pageSectionTitle);
+    var pageSectionId = determineSectionUrlHash(anchor);
+    var titleParsed = parseMarkdownMini(pageSectionTitle);
     assert(pageSectionId === null || pageSectionId.length > 0);
-    const headingId = pageSectionId === null ? '' : ` id="${pageSectionId}"`;
-    const headingHtml = `<h${pageSectionLevel}${headingId}>${titleParsed}</h${pageSectionLevel}>`;
-    const pageSection = { pageSectionLevel, pageSectionTitle, pageSectionId, headingHtml };
+    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 };
     return pageSection;
 }
 function parseMarkdownMini(titleMarkdown) {
-    const parts = [];
-    let current;
-    titleMarkdown.split('').forEach((letter) => {
+    var parts = [];
+    var current;
+    titleMarkdown.split('').forEach(function (letter) {
         if (letter === '`') {
-            if (current?.nodeType === 'code') {
+            if ((current === null || current === void 0 ? void 0 : current.nodeType) === 'code') {
                 // </code>
                 parts.push(current);
                 current = undefined;
@@ -104,25 +145,25 @@ function parseMarkdownMini(titleMarkdown) {
     if (current) {
         parts.push(current);
     }
-    const titleHtml = parts
-        .map((part) => {
+    var titleHtml = parts
+        .map(function (part) {
         if (part.nodeType === 'code') {
-            return `<code>${serializeText(part.content)}</code>`;
+            return "<code>".concat(serializeText(part.content), "</code>");
         }
         else {
-            assert(part.nodeType === 'text', { parts });
+            assert(part.nodeType === 'text', { parts: parts });
             return serializeText(part.content);
         }
     })
         .join('');
     return titleHtml;
     function serializeText(text) {
-        let textEscaped = text.split("'").join("\\'");
+        var textEscaped = text.split("'").join("\\'");
         // https://github.com/brillout/docpress/pull/2
         if (isWindows()) {
             textEscaped = textEscaped.replace(/\r/, '');
         }
-        return `{'${textEscaped}'}`;
+        return "{'".concat(textEscaped, "'}");
     }
 }
 function isWindows() {

package/dist/renderer/usePageContext.js

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