@brillout/docpress 0.15.10-commit-e9efbd3 → 0.15.10-commit-af2d9bc

package/dist/components/CodeSnippets/useSelectCodeLang.js

@@ -0,0 +1,51 @@
+export { useSelectCodeLang };
+import { useState, useEffect, useCallback } from 'react';
+import { assertWarning } from '../../utils/assert';
+const storageKey = 'docpress:code-lang';
+const codeLangDefaultSsr = 'ts';
+const codeLangDefaultClient = 'js';
+function useSelectCodeLang() {
+    const [codeLangSelected, setCodeLangSelected] = useState(codeLangDefaultSsr);
+    const updateState = () => {
+        setCodeLangSelected(getCodeLangStorage());
+    };
+    const updateStateOnStorageEvent = (event) => {
+        if (event.key === storageKey)
+            return;
+        updateState();
+    };
+    const getCodeLangStorage = () => {
+        try {
+            return window.localStorage.getItem(storageKey) ?? codeLangDefaultClient;
+        }
+        catch (error) {
+            console.error(error);
+            assertWarning(false, 'Error reading from localStorage');
+            return codeLangDefaultClient;
+        }
+    };
+    const selectCodeLang = useCallback((value) => {
+        try {
+            window.localStorage.setItem(storageKey, value);
+            setCodeLangSelected(value);
+            window.dispatchEvent(new CustomEvent('code-lang-storage'));
+        }
+        catch (error) {
+            console.error(error);
+            assertWarning(false, 'Error setting localStorage');
+        }
+    }, []);
+    useEffect(() => {
+        // Initial load from localStorage
+        updateState();
+        // Update code lang in current tab
+        window.addEventListener('code-lang-storage', updateState);
+        // Update code lang if changed in another tab
+        window.addEventListener('storage', updateStateOnStorageEvent);
+        return () => {
+            window.removeEventListener('code-lang-storage', updateState);
+            window.removeEventListener('storage', updateStateOnStorageEvent);
+        };
+    }, []);
+    return [codeLangSelected, selectCodeLang];
+}

package/dist/components/CodeSnippets.d.ts

@@ -1,13 +1,17 @@
-export { CodeSnippets, CodeSnippet, TypescriptOnly };
+export { TypescriptOnly };
+export { CodeSnippets };
+export { CodeSnippet };
 import React from 'react';
-declare function CodeSnippets({ children }: {
+import './CodeSnippets.css';
+/** Only show if TypeScript is selected */
+declare function TypescriptOnly({ children }: {
     children: React.ReactNode;
 }): React.JSX.Element;
-declare function CodeSnippet({ children, language, tsOnly, }: {
+declare function CodeSnippets({ children }: {
     children: React.ReactNode;
-    language: string;
-    tsOnly: boolean;
 }): React.JSX.Element;
-declare function TypescriptOnly({ children }: {
+declare function CodeSnippet({ children, codeLang, tsOnly, }: {
     children: React.ReactNode;
+    codeLang: string;
+    tsOnly: boolean;
 }): React.JSX.Element;

package/dist/components/CodeSnippets.js

@@ -1,101 +1,73 @@
-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 __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 { CodeSnippets, CodeSnippet, TypescriptOnly };
-import React from 'react';
-import { useSelectedLanguage } from '../utils/useSelectedLanguage';
-function CodeSnippets(_a) {
-    var children = _a.children;
-    var _b = useSelectedLanguage(), selectedLang = _b[0], setSelectedLang = _b[1];
-    var handleOnChange = function (e) {
-        setSelectedLang(e.target.value);
-    };
+// Public
+export { TypescriptOnly };
+// Internal
+export { CodeSnippets };
+export { CodeSnippet };
+import React, { useState } from 'react';
+import { useSelectCodeLang } from './CodeSnippets/useSelectCodeLang';
+import './CodeSnippets.css';
+/** Only show if TypeScript is selected */
+function TypescriptOnly({ children }) {
+    const [codeLangSelected] = useSelectCodeLang();
+    return React.createElement("div", { style: { display: codeLangSelected === 'ts' ? 'block' : 'none' } }, children);
+}
+function CodeSnippets({ children }) {
+    const [codeLangSelected, selectCodeLang] = useSelectCodeLang();
     return (React.createElement("div", null,
         React.createElement("form", { style: { position: 'relative' } },
-            React.createElement("select", { name: "language", id: "language", onChange: handleOnChange, value: selectedLang, style: { position: 'absolute', top: '10px', right: '60px', zIndex: 3 } },
-                React.createElement("option", { value: "js" }, "Javascript"),
-                React.createElement("option", { value: "ts" }, "Typescript"))),
+            React.createElement("select", { className: "code-lang-select", onChange: onChange, value: codeLangSelected },
+                React.createElement("option", { value: "js" }, "JavaScript"),
+                React.createElement("option", { value: "ts" }, "TypeScript"))),
         children));
+    function onChange(e) {
+        selectCodeLang(e.target.value);
+    }
 }
-function CodeSnippet(_a) {
-    var _this = this;
-    var children = _a.children, language = _a.language, _b = _a.tsOnly, tsOnly = _b === void 0 ? false : _b;
-    var selectedLang = useSelectedLanguage()[0];
-    var style = tsOnly ? {} : { display: selectedLang === language ? 'block' : 'none' };
-    var copyToClipboard = function (e) { return __awaiter(_this, void 0, void 0, function () {
-        var figureEl, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 3, , 4]);
-                    figureEl = e.currentTarget.nextElementSibling;
-                    if (!((figureEl === null || figureEl === void 0 ? void 0 : figureEl.tagName) === 'FIGURE')) return [3 /*break*/, 2];
-                    return [4 /*yield*/, navigator.clipboard.writeText((_a = figureEl.textContent) !== null && _a !== void 0 ? _a : '')];
-                case 1:
-                    _b.sent();
-                    console.log('Copied to clipboard!');
-                    _b.label = 2;
-                case 2: return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    console.warn('Copy failed', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (React.createElement("div", { style: __assign(__assign({}, style), { position: 'relative' }) },
-        React.createElement("button", { type: "button", style: { position: 'absolute', top: '10px', right: '10px', zIndex: 3 }, onClick: copyToClipboard }, "Copy"),
+function CodeSnippet({ children, codeLang, tsOnly = false, }) {
+    const [codeLangSelected] = useSelectCodeLang();
+    const displayStyle = tsOnly ? {} : { display: codeLangSelected === codeLang ? 'block' : 'none' };
+    return (React.createElement("div", { style: { ...displayStyle, position: 'relative' } },
+        React.createElement(CopyButton, null),
         children));
 }
-// Show/hide TypeScript sections (code and/or plain)
-function TypescriptOnly(_a) {
-    var children = _a.children;
-    var selectedLang = useSelectedLanguage()[0];
-    return React.createElement("div", { style: { display: selectedLang === 'ts' ? 'block' : 'none' } }, children);
+function CopyButton() {
+    const [isSuccess, setIsSuccess] = useState(null);
+    const onCopy = (success) => {
+        setIsSuccess(success);
+        setTimeout(() => {
+            setIsSuccess(null);
+        }, 900);
+    };
+    const tooltip = isSuccess === null ? 'Copy to clipboard' : isSuccess ? 'Copied' : 'Failed';
+    const text = isSuccess === null ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2" },
+        React.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        React.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))) : isSuccess ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", stroke: "#28a745", strokeWidth: "3" },
+        React.createElement("polyline", { points: "20 6 9 17 4 12" }))) : ('❌');
+    return (React.createElement("button", { className: "copy-button", "aria-label": tooltip, "data-label-position": "top", type: "button", onClick: onClick }, text));
+    async function onClick(e) {
+        let success;
+        try {
+            await copyToClipboard(e);
+            success = true;
+        }
+        catch (error) {
+            console.error(error);
+            success = false;
+        }
+        onCopy(success);
+    }
+}
+async function copyToClipboard(e) {
+    const figureEl = e.currentTarget.nextElementSibling;
+    if (figureEl?.tagName === 'FIGURE') {
+        let text = figureEl.textContent ?? '';
+        text = removeTrailingWhitespaces(text);
+        await navigator.clipboard.writeText(text);
+    }
+}
+function removeTrailingWhitespaces(text) {
+    return text
+        .split('\n')
+        .map((line) => line.trimEnd())
+        .join('\n');
 }

package/dist/components/Comment.js

@@ -1,6 +1,5 @@
 export { Comment };
 import React from 'react';
-function Comment(_a) {
-    var children = _a.children;
+function Comment({ children }) {
     return React.createElement(React.Fragment, null);
 }

package/dist/components/FileRemoved.js

@@ -2,25 +2,23 @@ export { FileRemoved };
 export { FileAdded };
 import React from 'react';
 // Styling defined in src/css/code/diff.css
-var classRemoved = [
+const classRemoved = [
     //
     'diff-entire-file',
     'diff-entire-file-removed',
 ].join(' ');
-var classAdded = [
+const classAdded = [
     //
     'diff-entire-file',
     'diff-entire-file-added',
 ].join(' ');
-function FileRemoved(_a) {
-    var children = _a.children;
+function FileRemoved({ children }) {
     return React.createElement("div", { className: classRemoved },
         " ",
         children,
         " ");
 }
-function FileAdded(_a) {
-    var children = _a.children;
+function FileAdded({ children }) {
     return React.createElement("div", { className: classAdded },
         " ",
         children,

package/dist/components/HorizontalLine.js

@@ -1,8 +1,7 @@
 export { HorizontalLine };
 import React from 'react';
 import { cls } from '../utils/cls';
-function HorizontalLine(_a) {
-    var primary = _a.primary;
+function HorizontalLine({ primary }) {
     return (React.createElement("div", { className: cls(primary && 'primary'), style: { textAlign: 'center' } },
         React.createElement("hr", { style: {
                 display: 'inline-block',

package/dist/components/ImportMeta.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { assert } from '../utils/server';
 export { ImportMeta };
-function ImportMeta(_a) {
-    var prop = _a.prop;
+function ImportMeta({ prop }) {
     assert(!prop.startsWith('import'));
     assert(!prop.startsWith('.'));
-    var text = 'imp' + 'ort.meta.' + prop;
+    const text = 'imp' + 'ort.meta.' + prop;
     return React.createElement("code", null, text);
 }

package/dist/components/Link.js

@@ -1,31 +1,22 @@
-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 { Link };
 import React from 'react';
 import { usePageContext } from '../renderer/usePageContext';
 import { assert, assertUsage, assertWarning, determineSectionTitle, determineSectionUrlHash } from '../utils/server';
 import { parseMarkdownMini } from '../parseMarkdownMini';
 import pc from '@brillout/picocolors';
-function Link(_a) {
-    var href = _a.href, text = _a.text, noBreadcrumb = _a.noBreadcrumb, doNotInferSectionTitle = _a.doNotInferSectionTitle, noWarning = _a.noWarning, children = _a.children;
-    var pageContext = usePageContext();
-    assertUsage(href.startsWith('/') || href.startsWith('#'), "<Link href /> prop `href==='".concat(href, "'` but should start with '/' or '#'"));
+function Link({ href, text, noBreadcrumb, doNotInferSectionTitle, noWarning, children, }) {
+    const pageContext = usePageContext();
+    assertUsage(href.startsWith('/') || href.startsWith('#'), `<Link href /> prop \`href==='${href}'\` but should start with '/' or '#'`);
     assertUsage(!text || !children, 'Cannot use both `text` or `children`');
     // assertWarning(!text, 'prop `text` is deprecated')
-    text = text !== null && text !== void 0 ? text : children;
-    var linkTextData = getLinkTextData({ href: href, pageContext: pageContext, doNotInferSectionTitle: doNotInferSectionTitle, noWarning: noWarning });
+    text = text ?? children;
+    const linkTextData = getLinkTextData({ href, pageContext, doNotInferSectionTitle, noWarning });
     if (!text) {
         if (linkTextData) {
-            text = getLinkText(__assign({ noBreadcrumb: noBreadcrumb }, linkTextData));
+            text = getLinkText({
+                noBreadcrumb,
+                ...linkTextData,
+            });
         }
         else {
             text = 'LINK-TARGET-NOT-FOUND';
@@ -33,12 +24,10 @@ function Link(_a) {
     }
     return React.createElement("a", { href: href }, text);
 }
-function getLinkText(_a) {
-    var _b;
-    var noBreadcrumb = _a.noBreadcrumb, linkData = _a.linkData, sectionTitle = _a.sectionTitle, isLinkOnSamePage = _a.isLinkOnSamePage;
-    var breadcrumbParts = [];
+function getLinkText({ noBreadcrumb, linkData, sectionTitle, isLinkOnSamePage, }) {
+    const breadcrumbParts = [];
     if (linkData.linkBreadcrumb) {
-        breadcrumbParts.push.apply(breadcrumbParts, ((_b = linkData.linkBreadcrumb) !== null && _b !== void 0 ? _b : []).slice().reverse().map(parseMarkdownMini));
+        breadcrumbParts.push(...(linkData.linkBreadcrumb ?? []).slice().reverse().map(parseMarkdownMini));
     }
     breadcrumbParts.push(parseMarkdownMini(linkData.title));
     if (sectionTitle)
@@ -46,33 +35,32 @@ function getLinkText(_a) {
     if (noBreadcrumb || isLinkOnSamePage) {
         return breadcrumbParts[breadcrumbParts.length - 1];
     }
-    return (React.createElement(React.Fragment, null, breadcrumbParts.map(function (title, i) {
-        var seperator = i === 0 ? React.createElement(React.Fragment, null) : ' > ';
+    return (React.createElement(React.Fragment, null, breadcrumbParts.map((title, i) => {
+        const seperator = i === 0 ? React.createElement(React.Fragment, null) : ' > ';
         return (React.createElement(React.Fragment, { key: i },
             seperator,
             title));
     })));
 }
-function getLinkTextData(_a) {
-    var href = _a.href, pageContext = _a.pageContext, doNotInferSectionTitle = _a.doNotInferSectionTitle, noWarning = _a.noWarning;
-    var _b = parseHref(href), hrefPathname = _b.hrefPathname, hrefHash = _b.hrefHash;
-    var linkData = findLinkData(hrefPathname || pageContext.urlPathname, { pageContext: pageContext, noWarning: noWarning });
+function getLinkTextData({ href, pageContext, doNotInferSectionTitle, noWarning, }) {
+    const { hrefPathname, hrefHash } = parseHref(href);
+    const linkData = findLinkData(hrefPathname || pageContext.urlPathname, { pageContext, noWarning });
     if (!linkData)
         return null;
-    var isLinkOnSamePage = linkData.url === pageContext.urlPathname;
+    const isLinkOnSamePage = linkData.url === pageContext.urlPathname;
     if (!hrefPathname)
         assert(isLinkOnSamePage);
-    var sectionTitle = null;
+    let sectionTitle = null;
     if (hrefHash) {
         assert(!hrefHash.startsWith('#'));
         if (isLinkOnSamePage) {
-            var linkDataPageSection = findLinkData("#".concat(hrefHash), { pageContext: pageContext, noWarning: noWarning });
+            const linkDataPageSection = findLinkData(`#${hrefHash}`, { pageContext, noWarning });
             if (!linkDataPageSection)
                 return null;
             sectionTitle = parseMarkdownMini(linkDataPageSection.title);
         }
         else if ('sectionTitles' in linkData && linkData.sectionTitles) {
-            linkData.sectionTitles.forEach(function (title) {
+            linkData.sectionTitles.forEach((title) => {
                 if (determineSectionUrlHash(title) === hrefHash) {
                     sectionTitle = parseMarkdownMini(title);
                 }
@@ -80,32 +68,28 @@ function getLinkTextData(_a) {
         }
         if (!sectionTitle) {
             if (doNotInferSectionTitle) {
-                assertWarning(false, "Page section title not found for <Link href=\"`".concat(href, "`\" doNotInferSectionTitle={true} />."));
+                assertWarning(false, `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`);
                 return null;
             }
             sectionTitle = React.createElement(React.Fragment, null, determineSectionTitle(href));
         }
     }
-    return { linkData: linkData, sectionTitle: sectionTitle, isLinkOnSamePage: isLinkOnSamePage };
+    return { linkData, sectionTitle, isLinkOnSamePage };
 }
-function findLinkData(href, _a) {
-    var pageContext = _a.pageContext, noWarning = _a.noWarning;
+function findLinkData(href, { pageContext, noWarning }) {
     assert(href.startsWith('/') || href.startsWith('#'));
-    var linksAll = pageContext.resolved.linksAll;
-    var linkData = linksAll.find(function (_a) {
-        var url = _a.url;
-        return href === url;
-    });
+    const { linksAll } = pageContext.resolved;
+    const linkData = linksAll.find(({ url }) => href === url);
     if (href.startsWith('#')) {
         if (!noWarning) {
-            assertWarning(linkData, "Couldn't find ".concat(href, " in ").concat(pageContext.urlPathname, ", does it exist?"));
+            assertWarning(linkData, `Couldn't find ${href} in ${pageContext.urlPathname}, does it exist?`);
         }
     }
     else {
         if (!noWarning) {
             assertWarning(linkData, [
-                "Couldn't find page with URL ".concat(pc.bold(href)),
-                "\u2014 did you define it in",
+                `Couldn't find page with URL ${pc.bold(href)}`,
+                `— did you define it in`,
                 [
                     pc.cyan('docpress.config.js'),
                     pc.dim('#{'),
@@ -118,16 +102,16 @@ function findLinkData(href, _a) {
             ].join(' '));
         }
     }
-    return linkData !== null && linkData !== void 0 ? linkData : null;
+    return linkData ?? null;
 }
 function parseHref(href) {
-    var hrefHash = null;
-    var hrefPathname = null;
+    let hrefHash = null;
+    let hrefPathname = null;
     if (!href.includes('#')) {
         hrefPathname = href;
     }
     else {
-        var _a = href.split('#'), partsFirst = _a[0], partsRest = _a.slice(1);
+        const [partsFirst, ...partsRest] = href.split('#');
         if (partsFirst) {
             hrefPathname = partsFirst;
         }
@@ -138,5 +122,5 @@ function parseHref(href) {
     // Text highlight links e,g.  #metadata:~:text=global%20or%20local.-,Global%20metadata,-.
     if (hrefHash)
         hrefHash = hrefHash.split(':~:text')[0];
-    return { hrefPathname: hrefPathname, hrefHash: hrefHash };
+    return { hrefPathname, hrefHash };
 }

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 ??= 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;