myst-to-react 0.1.18 → 0.1.20

package/dist/cjs/heading.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HashLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const providers_1 = require("@myst-theme/providers");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+function getHelpHashText(kind) {
+    return `Link to this ${kind}`;
+}
+function HashLink({ id, kind, align = 'left', }) {
+    const { inCrossRef } = (0, providers_1.useXRefState)();
+    // If we are in a cross-reference popout, hide the hash links
+    if (inCrossRef)
+        return null;
+    const helpText = getHelpHashText(kind);
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: (0, classnames_1.default)('select-none absolute top-0 font-normal no-underline transition-opacity opacity-0 group-hover:opacity-70', {
+            'left-0 -translate-x-[100%] pr-3': align === 'left',
+            'right-0 translate-x-[100%] pl-3': align === 'right',
+        }), href: `#${id}`, title: helpText, "aria-label": helpText }, { children: "#" })));
+}
+exports.HashLink = HashLink;
+const Heading = (node, children) => {
+    const { enumerator, depth, key, identifier, html_id } = node;
+    const id = html_id || identifier || key;
+    const textContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HashLink, { id: id, align: "left", kind: "Section" }), enumerator && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "select-none mr-3" }, { children: enumerator })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading-text" }, { children: children }))] }));
+    // The `heading-text` class is picked up in the Outline to select without the enumerator and "#" link
+    return (0, react_1.createElement)(`h${depth}`, {
+        key: node.key,
+        id,
+        className: 'relative group',
+    }, textContent);
+};
+const HEADING_RENDERERS = {
+    heading: Heading,
+};
+exports.default = HEADING_RENDERERS;

package/dist/cjs/iframe.d.ts

@@ -0,0 +1,7 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare const IFrame: NodeRenderer;
+declare const IFRAME_RENDERERS: {
+    iframe: NodeRenderer<any>;
+};
+export default IFRAME_RENDERERS;
+//# sourceMappingURL=iframe.d.ts.map

package/dist/cjs/iframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.d.ts","sourceRoot":"","sources":["../../src/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,YAiCpB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cjs/iframe.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IFrame = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const IFrame = (node) => {
+    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.label || undefined, style: { textAlign: node.align || 'center' } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
+                position: 'relative',
+                display: 'inline-block',
+                paddingBottom: '60%',
+                width: `min(max(${node.width || 70}%, 500px), 100%)`,
+            } }, { children: (0, jsx_runtime_1.jsx)("iframe", { width: "100%", height: "100%", src: node.src, allowFullScreen: true, allow: "autoplay", style: {
+                    width: '100%',
+                    height: '100%',
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    border: 'none',
+                } }) })) }), node.key));
+};
+exports.IFrame = IFrame;
+const IFRAME_RENDERERS = {
+    iframe: exports.IFrame,
+};
+exports.default = IFRAME_RENDERERS;

package/dist/cjs/image.d.ts

@@ -0,0 +1,11 @@
+import type { Image as ImageNodeSpec } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+type ImageNode = ImageNodeSpec & {
+    height?: string;
+};
+export declare const Image: NodeRenderer<ImageNode>;
+declare const IMAGE_RENDERERS: {
+    image: NodeRenderer<ImageNode>;
+};
+export default IMAGE_RENDERERS;
+//# sourceMappingURL=image.d.ts.map

package/dist/cjs/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,KAAK,SAAS,GAAG,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwErD,eAAO,MAAM,KAAK,EAAE,YAAY,CAAC,SAAS,CAczC,CAAC;AAEF,QAAA,MAAM,eAAe;;CAEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/cjs/image.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function getStyleValue(width) {
+    if (typeof width === 'number' && Number.isNaN(width)) {
+        // If it is nan, return undefined.
+        return undefined;
+    }
+    if (typeof width === 'string') {
+        if (width.endsWith('%')) {
+            return width;
+        }
+        else if (width.endsWith('px')) {
+            return Number(width.replace('px', ''));
+        }
+        else if (!Number.isNaN(Number(width))) {
+            return Number(width);
+        }
+        console.log(`Unknown width ${width} in getImageWidth`);
+        return undefined;
+    }
+    return width;
+}
+function alignToMargin(align) {
+    switch (align) {
+        case 'left':
+            return { marginRight: 'auto' };
+        case 'right':
+            return { marginLeft: 'auto' };
+        case 'center':
+            return { margin: '0 auto' };
+        default:
+            return {};
+    }
+}
+function Picture({ src, srcOptimized, urlSource, align = 'center', alt, width, height, }) {
+    const image = ((0, jsx_runtime_1.jsx)("img", { style: Object.assign({ width: getStyleValue(width), height: getStyleValue(height) }, alignToMargin(align)), src: src, alt: alt, "data-canonical-url": urlSource }));
+    if (!srcOptimized)
+        return image;
+    return ((0, jsx_runtime_1.jsxs)("picture", { children: [(0, jsx_runtime_1.jsx)("source", { srcSet: srcOptimized, type: "image/webp" }), image] }));
+}
+const Image = (node) => {
+    return ((0, jsx_runtime_1.jsx)(Picture, { src: node.url, srcOptimized: node.urlOptimized, alt: node.alt || node.title, width: node.width || undefined, height: node.height || undefined, align: node.align, 
+        // Note that sourceUrl is for backwards compatibility
+        urlSource: node.urlSource || node.sourceUrl }, node.key));
+};
+exports.Image = Image;
+const IMAGE_RENDERERS = {
+    image: exports.Image,
+};
+exports.default = IMAGE_RENDERERS;

package/dist/cjs/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { NodeRenderer } from '@myst-theme/providers';
+import type { GenericParent } from 'myst-common';
+export { CopyIcon } from './components/CopyIcon';
+export { CodeBlock } from './code';
+export { Admonition, AdmonitionKind } from './admonitions';
+export declare const DEFAULT_RENDERERS: Record<string, NodeRenderer>;
+export declare function useParse(node: GenericParent | null, renderers?: Record<string, NodeRenderer>): import("react").ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAoBjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAkB1D,CAAC;AAEF,wBAAgB,QAAQ,CACtB,IAAI,EAAE,aAAa,GAAG,IAAI,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAqB,6BAU5D"}

package/dist/cjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParse = exports.DEFAULT_RENDERERS = exports.AdmonitionKind = exports.Admonition = exports.CodeBlock = exports.CopyIcon = void 0;
+const convertToReact_1 = require("./convertToReact");
+const basic_1 = __importDefault(require("./basic"));
+const admonitions_1 = __importDefault(require("./admonitions"));
+const dropdown_1 = __importDefault(require("./dropdown"));
+const card_1 = __importDefault(require("./card"));
+const grid_1 = __importDefault(require("./grid"));
+const cite_1 = __importDefault(require("./cite"));
+const footnotes_1 = __importDefault(require("./footnotes"));
+const code_1 = __importDefault(require("./code"));
+const math_1 = __importDefault(require("./math"));
+const reactive_1 = __importDefault(require("./reactive"));
+const iframe_1 = __importDefault(require("./iframe"));
+const image_1 = __importDefault(require("./image"));
+const links_1 = __importDefault(require("./links"));
+const heading_1 = __importDefault(require("./heading"));
+const crossReference_1 = __importDefault(require("./crossReference"));
+const tabs_1 = __importDefault(require("./tabs"));
+const extensions_1 = __importDefault(require("./extensions"));
+var CopyIcon_1 = require("./components/CopyIcon");
+Object.defineProperty(exports, "CopyIcon", { enumerable: true, get: function () { return CopyIcon_1.CopyIcon; } });
+var code_2 = require("./code");
+Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return code_2.CodeBlock; } });
+var admonitions_2 = require("./admonitions");
+Object.defineProperty(exports, "Admonition", { enumerable: true, get: function () { return admonitions_2.Admonition; } });
+Object.defineProperty(exports, "AdmonitionKind", { enumerable: true, get: function () { return admonitions_2.AdmonitionKind; } });
+exports.DEFAULT_RENDERERS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, basic_1.default), image_1.default), links_1.default), code_1.default), math_1.default), cite_1.default), tabs_1.default), iframe_1.default), footnotes_1.default), admonitions_1.default), reactive_1.default), heading_1.default), crossReference_1.default), dropdown_1.default), card_1.default), grid_1.default), extensions_1.default);
+function useParse(node, renderers = exports.DEFAULT_RENDERERS) {
+    if (!node)
+        return null;
+    try {
+        const nodes = (0, convertToReact_1.mystToReact)(node, renderers);
+        return nodes;
+    }
+    catch (error) {
+        console.error(error);
+        return null;
+    }
+}
+exports.useParse = useParse;

package/dist/cjs/inlineError.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    value: string;
+    message?: string;
+}
+export declare function InlineError({ value, message }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=inlineError.d.ts.map

package/dist/cjs/inlineError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineError.d.ts","sourceRoot":"","sources":["../../src/inlineError.tsx"],"names":[],"mappings":";AAEA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,eAOpD"}

package/dist/cjs/inlineError.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const outline_1 = require("@heroicons/react/24/outline");
+function InlineError({ value, message }) {
+    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-yellow-600", title: message || value }, { children: [(0, jsx_runtime_1.jsx)(outline_1.ExclamationCircleIcon, { className: "inline h-[1em] mr-1" }), value] })));
+}
+exports.InlineError = InlineError;

package/dist/cjs/links/github.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function GithubLink({ children, url, org, repo, raw, file, from, to, }: {
+    children: React.ReactNode;
+    url: string;
+    raw: string;
+    org: string;
+    repo: string;
+    file: string;
+    from?: number;
+    to?: number;
+}): JSX.Element;
+//# sourceMappingURL=github.d.ts.map

package/dist/cjs/links/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../../src/links/github.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwGnD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,GACH,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,eAqBA"}

package/dist/cjs/links/github.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GithubLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const swr_1 = __importDefault(require("swr"));
+const outline_1 = require("@heroicons/react/24/outline");
+const HoverPopover_1 = require("../components/HoverPopover");
+const LinkCard_1 = require("../components/LinkCard");
+const react_1 = require("react");
+const code_1 = require("../code");
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.text();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+function extToLanguage(ext) {
+    var _a;
+    return ((_a = {
+        ts: 'typescript',
+        js: 'javascript',
+        py: 'python',
+    }[ext !== null && ext !== void 0 ? ext : '']) !== null && _a !== void 0 ? _a : ext);
+}
+function useLoadWhenOpen(open, url, loader) {
+    const [cached, setCached] = (0, react_1.useState)();
+    const { data, error } = (0, swr_1.default)(open ? url : null, loader);
+    (0, react_1.useEffect)(() => {
+        setCached(cached || data);
+    }, [cached, url, data]);
+    return { data: cached, error };
+}
+function GithubFilePreview({ url, raw, org, repo, file, from, to, open, }) {
+    const { data, error } = useLoadWhenOpen(open, raw, fetcher);
+    let code = data;
+    if (error) {
+        return ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, className: "block", target: "_blank", rel: "noreferrer" }, { children: (0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: "w-4 h-4 float-right" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mt-2" }, { children: ["Error loading \"", file, "\" from GitHub."] }))] }));
+    }
+    const lang = extToLanguage(file === null || file === void 0 ? void 0 : file.split('.').pop());
+    let startingLineNumber = 1;
+    let emphasizeLines = [];
+    const offset = 5;
+    if (code && from && to) {
+        startingLineNumber = from;
+        code = code === null || code === void 0 ? void 0 : code.split('\n').slice(from - 1, to).join('\n');
+    }
+    else if (code && from) {
+        startingLineNumber = from + 1 - offset;
+        emphasizeLines = [from];
+        code = code === null || code === void 0 ? void 0 : code.split('\n').slice(Math.max(0, from - offset), from + offset).join('\n');
+    }
+    else {
+        code = code === null || code === void 0 ? void 0 : code.split('\n').slice(0, 10).join('\n');
+    }
+    const description = code ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(code_1.CodeBlock, { value: code, lang: lang, filename: file, showLineNumbers: true, startingLineNumber: startingLineNumber, emphasizeLines: emphasizeLines, showCopy: false }) })) : null;
+    return ((0, jsx_runtime_1.jsx)(LinkCard_1.LinkCard, { loading: !code, url: url, title: `GitHub - ${org}/${repo}`, description: description, className: "max-w-[80vw]" }));
+}
+function GithubLink({ children, url, org, repo, raw, file, from, to, }) {
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ card: ({ open }) => ((0, jsx_runtime_1.jsx)(GithubFilePreview, { url: url, raw: raw, file: file, from: from, to: to, open: open, org: org, repo: repo })) }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, className: "italic", target: "_blank", rel: "noreferrer" }, { children: children })) })));
+}
+exports.GithubLink = GithubLink;

package/dist/cjs/links/index.d.ts

@@ -0,0 +1,14 @@
+import type { Link } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+type TransformedLink = Link & {
+    internal?: boolean;
+    protocol?: string;
+};
+export declare const link: NodeRenderer<TransformedLink>;
+export declare const linkBlock: NodeRenderer<TransformedLink>;
+declare const LINK_RENDERERS: {
+    link: NodeRenderer<TransformedLink>;
+    linkBlock: NodeRenderer<TransformedLink>;
+};
+export default LINK_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/links/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAO1D,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAiDxE,eAAO,MAAM,IAAI,EAAE,YAAY,CAAC,eAAe,CA+C9C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CAkCnD,CAAC;AAEF,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/links/index.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.linkBlock = exports.link = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const outline_1 = require("@heroicons/react/24/outline");
+const providers_1 = require("@myst-theme/providers");
+const HoverPopover_1 = require("../components/HoverPopover");
+const LinkCard_1 = require("../components/LinkCard");
+const wiki_1 = require("./wiki");
+const rrid_1 = require("./rrid");
+const github_1 = require("./github");
+function getPageInfo(site, path) {
+    var _a;
+    if (!site)
+        return undefined;
+    const [projectSlug, pageSlug] = path.replace(/^\//, '').split('/');
+    const project = (_a = site.projects) === null || _a === void 0 ? void 0 : _a.find((p) => p.slug === projectSlug);
+    if (!project)
+        return undefined;
+    return project.pages.find((p) => p.slug === pageSlug);
+}
+function InternalLink({ url, children }) {
+    const Link = (0, providers_1.useLinkProvider)();
+    const site = (0, providers_1.useSiteManifest)();
+    const page = getPageInfo(site, url);
+    const urlbase = (0, providers_1.useUrlbase)();
+    const skipPreview = !page || (!page.description && !page.thumbnail);
+    if (!page || skipPreview) {
+        return ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: (0, providers_1.withUrlbase)(url, urlbase), prefetch: "intent" }, { children: children })));
+    }
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ card: (0, jsx_runtime_1.jsx)(LinkCard_1.LinkCard, { internal: true, url: url, title: page.title, description: page.description, thumbnail: page.thumbnailOptimized || page.thumbnail }) }, { children: (0, jsx_runtime_1.jsx)(Link, Object.assign({ to: (0, providers_1.withUrlbase)(url, urlbase), prefetch: "intent" }, { children: children })) })));
+}
+const link = (node, children) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
+    const protocol = node.protocol;
+    switch (protocol) {
+        case 'wiki':
+            return ((0, jsx_runtime_1.jsx)(wiki_1.WikiLink, Object.assign({ url: node.url, page: (_b = node.data) === null || _b === void 0 ? void 0 : _b.page, wiki: (_c = node.data) === null || _c === void 0 ? void 0 : _c.wiki }, { children: children }), node.key));
+        case 'github':
+            return ((0, jsx_runtime_1.jsx)(github_1.GithubLink, Object.assign({ url: node.url, org: (_d = node.data) === null || _d === void 0 ? void 0 : _d.org, repo: (_e = node.data) === null || _e === void 0 ? void 0 : _e.repo, raw: (_f = node.data) === null || _f === void 0 ? void 0 : _f.raw, file: (_g = node.data) === null || _g === void 0 ? void 0 : _g.file, from: (_h = node.data) === null || _h === void 0 ? void 0 : _h.from, to: (_j = node.data) === null || _j === void 0 ? void 0 : _j.to }, { children: children }), node.key));
+        case 'rrid':
+            return (0, jsx_runtime_1.jsx)(rrid_1.RRIDLink, { rrid: (_k = node.data) === null || _k === void 0 ? void 0 : _k.rrid }, node.key);
+        default:
+            if (internal) {
+                return ((0, jsx_runtime_1.jsx)(InternalLink, Object.assign({ url: node.url }, { children: children }), node.key));
+            }
+            return ((0, jsx_runtime_1.jsx)("a", Object.assign({ target: "_blank", href: node.url, rel: "noreferrer" }, { children: children }), node.key));
+    }
+};
+exports.link = link;
+const linkBlock = (node, children) => {
+    var _a;
+    const iconClass = 'w-6 h-6 self-center transition-transform flex-none ml-3';
+    const containerClass = 'flex-1 p-4 my-4 block border font-normal hover:border-blue-500 dark:hover:border-blue-400 no-underline hover:text-blue-600 dark:hover:text-blue-400 text-gray-600 dark:text-gray-100 border-gray-200 dark:border-gray-500 rounded shadow-sm hover:shadow-lg dark:shadow-neutral-700';
+    const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : false;
+    const nested = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-middle h-full" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-grow" }, { children: [node.title, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-xs text-gray-500 dark:text-gray-400" }, { children: children }))] })), internal && (0, jsx_runtime_1.jsx)(outline_1.LinkIcon, { className: iconClass }), !internal && (0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: iconClass })] })));
+    if (internal) {
+        return ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: node.url, className: containerClass }, { children: nested }), node.key));
+    }
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: containerClass, target: "_blank", rel: "noopener noreferrer", href: node.url }, { children: nested }), node.key));
+};
+exports.linkBlock = linkBlock;
+const LINK_RENDERERS = {
+    link: exports.link,
+    linkBlock: exports.linkBlock,
+};
+exports.default = LINK_RENDERERS;

package/dist/cjs/links/rrid.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function RRIDLink({ rrid }: {
+    rrid: string;
+}): JSX.Element;
+//# sourceMappingURL=rrid.d.ts.map

package/dist/cjs/links/rrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rrid.d.ts","sourceRoot":"","sources":["../../../src/links/rrid.tsx"],"names":[],"mappings":";AAyEA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,eAOlD"}

package/dist/cjs/links/rrid.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RRIDLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const swr_1 = __importDefault(require("swr"));
+const outline_1 = require("@heroicons/react/24/outline");
+const ClickPopover_1 = require("../components/ClickPopover");
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+function RRIDChild({ rrid }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { data, error } = (0, swr_1.default)(`https://scicrunch.org/resolver/${rrid}.json`, fetcher);
+    if (!data && !error) {
+        return (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "animate-pulse" }, { children: "Loading..." }));
+    }
+    const hit = (_b = (_a = data === null || data === void 0 ? void 0 : data.hits) === null || _a === void 0 ? void 0 : _a.hits) === null || _b === void 0 ? void 0 : _b[0];
+    if (error || !hit) {
+        return (0, jsx_runtime_1.jsxs)("span", { children: ["Error loading ", rrid, "."] });
+    }
+    const { name: title, curie, description, supercategory, keywords, types: categories, } = (_d = (_c = hit === null || hit === void 0 ? void 0 : hit._source) === null || _c === void 0 ? void 0 : _c.item) !== null && _d !== void 0 ? _d : {};
+    const category = (_e = supercategory === null || supercategory === void 0 ? void 0 : supercategory[0]) === null || _e === void 0 ? void 0 : _e.name;
+    const types = (_f = categories === null || categories === void 0 ? void 0 : categories.map(({ name }) => name)) !== null && _f !== void 0 ? _f : [];
+    const tags = (_g = keywords === null || keywords === void 0 ? void 0 : keywords.map(({ keyword }) => keyword)) !== null && _g !== void 0 ? _g : [];
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: `https://scicrunch.org/resolver/${rrid}`, target: "_blank", rel: "noopener noreferrer", className: "absolute top-4 right-1 opacity-70 hover:opacity-100" }, { children: (0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: "w-6 h-6" }) })), (0, jsx_runtime_1.jsxs)("p", Object.assign({ className: "text-sm font-light" }, { children: ["RRID: ", category] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-xl font-bold mb-4" }, { children: [title, " ", (0, jsx_runtime_1.jsx)("code", { children: curie })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-md" }, { children: description })), types.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-xs font-thin my-2" }, { children: "Categories" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-wrap ml-1" }, { children: types === null || types === void 0 ? void 0 : types.map((tag) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border" }, { children: tag })))) }))] })), tags.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-xs font-thin my-2" }, { children: "Tags" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-wrap ml-1" }, { children: tags === null || tags === void 0 ? void 0 : tags.map((tag) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ml-1 text-xs inline-flex items-center uppercase px-3 py-1 rounded-full border" }, { children: tag })))) }))] }))] }));
+}
+function RRIDLink({ rrid }) {
+    return ((0, jsx_runtime_1.jsxs)(ClickPopover_1.ClickPopover, Object.assign({ card: (0, jsx_runtime_1.jsx)(RRIDChild, { rrid: rrid }) }, { children: [(0, jsx_runtime_1.jsx)("span", { children: "RRID: " }), (0, jsx_runtime_1.jsx)("cite", Object.assign({ className: "italic" }, { children: rrid }))] })));
+}
+exports.RRIDLink = RRIDLink;

package/dist/cjs/links/wiki.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function WikiLink({ children, page, url, wiki, }: {
+    children: React.ReactNode;
+    page: string;
+    url: string;
+    wiki: string;
+}): JSX.Element;
+//# sourceMappingURL=wiki.d.ts.map

package/dist/cjs/links/wiki.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wiki.d.ts","sourceRoot":"","sources":["../../../src/links/wiki.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgG1B,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,eAQA"}

package/dist/cjs/links/wiki.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WikiLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const swr_1 = __importDefault(require("swr"));
+const outline_1 = require("@heroicons/react/24/outline");
+const HoverPopover_1 = require("../components/HoverPopover");
+const LinkCard_1 = require("../components/LinkCard");
+const WikiTextMark = () => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "svg3400", viewBox: "0 0 500 85", className: "h-4" }, { children: (0, jsx_runtime_1.jsxs)("g", Object.assign({ transform: "translate(-357.71336,-784.65111)" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 412.98736,806.72288 c 0,0 -1.468,-2.984 -1.968,-3.976 -3.336,-6.612 -3.264,-6.964 -6.636,-7.408 -0.944,-0.124 -1.432,-0.244 -1.432,-0.712 v -2.092 l 0.284,-0.204 c 6.092,-0.008 19.648,-0.008 19.648,-0.008 l 0.52,0.172 v 2.084 c 0,0.476 -0.34,0.72 -1.032,0.72 l -1.424,0.204 c -3.6,0.28 -3.012,1.752 -0.62,6.516 l 22.708,46.46 0.776,0.212 20.16,-47.844 c 0.7,-1.928 0.592,-3.296 -0.308,-4.1 -0.904,-0.784 -1.54,-1.248 -3.876,-1.344 l -1.892,-0.096 c -0.232,0 -0.452,-0.084 -0.664,-0.24 -0.208,-0.148 -0.316,-0.344 -0.316,-0.58 v -1.992 l 0.288,-0.204 c 5.68,0 22.776,0 22.776,0 l 0.232,0.204 v 1.992 c 0,0.54 -0.308,0.812 -0.916,0.812 -2.984,0.132 -5.196,0.78 -6.628,1.936 -1.436,1.164 -2.556,2.768 -3.36,4.852 0,0 -18.54,42.436 -24.884,56.54 -2.428,4.624 -4.816,4.2 -6.916,-0.132 -4.436,-9.136 -16.928,-36.852 -16.928,-36.852 l -7.592,-14.92 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 449.37136,792.29888 c 0,0 -12.812,-0.04 -18.516,0 l -0.284,0.204 v 1.984 c 0,0.244 0.104,0.436 0.312,0.584 0.212,0.156 0.428,0.236 0.66,0.236 l 0.916,0.1 c 2.332,0.096 3.404,0.708 3.724,1.092 0.556,0.68 0.832,1.416 -0.516,4.356 l -23.92,47.708 -0.628,-0.164 c 0,0 -17.132,-36.124 -22.092,-48.208 -0.516,-1.252 -0.748,-2.18 -0.748,-2.752 0,-1.228 1.108,-1.892 3.324,-1.984 l 2.584,-0.108 c 0.684,0 1.032,-0.264 1.032,-0.812 v -1.984 l -0.232,-0.204 c 0,0 -20.52,-0.024 -24.76,0 l -0.232,0.204 v 2.084 c 0,0.376 0.476,0.608 1.432,0.712 2.604,0.14 4.316,0.556 5.14,1.248 0.82,0.7 1.688,2.468 2.84,5.224 6.228,14.96 19.46,41.656 25.904,56.86 1.856,4.152 4.188,4.796 7.02,-0.128 4.904,-9.096 18.2,-36.872 18.2,-36.872 l 10.472,-19.584 c 1.22,-2.068 2.396,-3.912 2.992,-4.772 1.092,-1.572 1.704,-1.868 4.688,-2.008 0.608,0 0.916,-0.272 0.916,-0.82 v -1.984 l -0.228,-0.212 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 488.32736,854.23088 c 0,2.288 1.04,3.64 4.368,3.952 l 2.184,0.212 c 0.312,0 0.624,0.204 0.624,0.62 v 2.184 l -0.104,0.212 c 0,0 -7.904,-0.212 -11.128,-0.212 -2.912,0 -11.024,0.212 -11.024,0.212 l -0.208,-0.212 v -2.184 c 0,-0.416 0.312,-0.62 0.728,-0.62 l 2.08,-0.212 c 3.432,-0.312 4.472,-1.976 4.472,-3.952 v -34.632 c 0,-2.284 -1.252,-2.916 -4.472,-3.22 l -2.08,-0.216 c -0.416,0 -0.728,-0.096 -0.728,-0.416 v -2.396 l 0.104,-0.208 c 0,0 8.216,0.208 11.44,0.208 2.808,0 10.816,-0.208 10.816,-0.208 l 0.104,0.208 v 2.288 c 0,0.312 -0.208,0.52 -0.624,0.52 l -2.184,0.212 c -3.224,0.308 -4.368,1.144 -4.368,3.228 v 34.632 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 519.01936,854.23088 c 0,2.288 1.352,3.432 4.368,3.952 l 1.144,0.212 c 0.312,0.1 0.624,0.204 0.624,0.62 v 2.184 l -0.104,0.212 c 0,0 -6.552,-0.212 -9.672,-0.212 -2.912,0 -11.44,0.212 -11.44,0.212 l -0.208,-0.212 v -2.184 c 0,-0.416 0.312,-0.62 0.728,-0.62 l 2.08,-0.212 c 3.12,-0.312 4.472,-1.976 4.472,-3.952 v -34.632 c 0,-2.284 -1.144,-2.916 -4.472,-3.22 l -2.08,-0.216 c -0.416,0 -0.728,-0.096 -0.728,-0.416 v -2.396 l 0.104,-0.208 c 0,0 8.528,0.208 11.752,0.208 2.916,0 9.464,-0.208 9.464,-0.208 l 0.104,0.208 v 2.288 c 0,0.312 -0.208,0.416 -0.624,0.52 l -1.144,0.212 c -3.224,0.62 -4.368,1.144 -4.368,3.228 v 15.704 c 3.432,0 5.408,-1.764 9.984,-6.656 4.16,-4.58 7.384,-8.42 7.384,-10.4 0,-0.836 -0.936,-1.768 -3.016,-2.084 -0.416,-0.1 -0.624,-0.208 -0.624,-0.52 v -2.396 l 0.104,-0.1 c 0,0 8.424,0.208 11.44,0.208 2.704,0 7.28,-0.208 7.28,-0.208 l 0.312,0.1 v 2.396 c 0,0.312 -0.312,0.52 -0.832,0.52 -4.056,0.312 -6.864,0.52 -10.608,4.784 l -8.944,10.292 c -1.768,1.876 -2.392,3.016 -2.392,3.852 0,0.624 0.416,1.14 0.936,1.764 l 15.704,18.928 c 1.248,1.452 3.744,2.08 5.824,2.492 l 0.52,0.1 c 0.312,0.104 0.728,0.312 0.728,0.624 v 2.184 l -0.312,0.104 c 0,0 -5.512,-0.104 -8.424,-0.104 -2.6,0 -6.344,0.104 -6.344,0.104 l -0.104,-0.104 v -1.248 c 0,-1.356 -0.104,-2.492 -1.56,-4.156 l -11.544,-14.356 c -1.56,-2.084 -3.224,-2.596 -5.512,-2.596 v 15.404 l 0,0 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 575.08736,854.23088 c 0,2.288 1.04,3.64 4.368,3.952 l 2.184,0.212 c 0.312,0 0.624,0.204 0.624,0.62 v 2.184 l -0.104,0.212 c 0,0 -7.904,-0.212 -11.128,-0.212 -2.912,0 -11.024,0.212 -11.024,0.212 l -0.208,-0.212 v -2.184 c 0,-0.416 0.312,-0.62 0.728,-0.62 l 2.08,-0.212 c 3.432,-0.312 4.472,-1.976 4.472,-3.952 v -34.632 c 0,-2.284 -1.248,-2.916 -4.472,-3.22 l -2.08,-0.216 c -0.416,0 -0.728,-0.096 -0.728,-0.416 v -2.396 l 0.104,-0.208 c 0,0 8.216,0.208 11.44,0.208 2.808,0 10.816,-0.208 10.816,-0.208 l 0.104,0.208 v 2.288 c 0,0.312 -0.208,0.52 -0.624,0.52 l -2.184,0.212 c -3.224,0.308 -4.368,1.144 -4.368,3.228 v 34.632 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 597.55936,819.80288 c 0,-3.224 -1.352,-3.328 -6.24,-3.64 -0.624,0 -0.728,-0.308 -0.728,-0.52 v -2.392 l 0.208,-0.104 c 1.56,0 7.696,0.208 10.712,0.208 2.912,0 7.072,-0.208 10.92,-0.208 14.76,0 17.464,7.276 17.464,12.692 0,6.244 -3.016,16.016 -17.776,16.016 -2.6,0 -4.68,-0.212 -6.556,-1.04 v 13.928 c 0,2.288 1.248,2.812 4.58,3.328 l 2.084,0.312 c 0.416,0.104 0.728,0.212 0.728,0.624 v 2.184 l -0.1,0.208 c 0,0 -8.32,-0.208 -11.544,-0.208 -2.912,0 -10.712,0.208 -10.712,0.208 l -0.104,-0.208 v -2.184 c 0,-0.416 0.208,-0.52 0.624,-0.624 l 2.184,-0.312 c 3.224,-0.416 4.264,-1.352 4.264,-3.328 l -0.008,-34.94 0,0 z m 8.008,18.1 c 2.08,0.836 4.68,0.936 6.76,0.936 6.244,0 9.248,-3.752 9.248,-11.752 0,-8.944 -4.056,-10.92 -9.768,-10.92 -4.996,0 -6.244,0.936 -6.244,3.64 l 0.004,18.096 0,0 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 647.80736,861.19888 c -3.12,0 -10.292,0.212 -10.292,0.212 l -0.108,-0.212 v -2.288 c 0,-0.204 0.108,-0.516 0.624,-0.516 l 2.396,-0.212 c 3.228,-0.312 4.164,-2.392 4.164,-4.468 v -34.32 c 0,-2.4 -1.252,-2.812 -4.164,-3.016 l -2.396,-0.216 c -0.624,-0.096 -0.624,-0.308 -0.624,-0.416 v -2.396 l 0.108,-0.208 c 0,0 8.108,0.208 11.228,0.208 h 15.288 c 3.12,0 10.508,-0.208 10.508,-0.208 l 0.212,0.208 c 0.1,4.472 0.828,8.536 1.56,12.484 l -2.596,0.416 c -1.14,-3.852 -3.116,-9.36 -9.772,-9.36 h -8.32 c -1.976,0 -3.016,0.728 -3.016,2.492 v 15.084 h 7.796 c 2.916,0 3.64,-1.248 4.06,-3.328 l 0.62,-2.184 c 0,-0.312 0.212,-0.524 0.624,-0.524 h 1.764 c 0.212,0 0.212,0.108 0.212,0.312 -0.212,2.288 -0.624,5.204 -0.624,7.7 0,2.596 0.416,4.784 0.624,7.176 l -0.212,0.212 h -1.764 c -0.516,0 -0.732,-0.212 -0.732,-0.524 l -0.52,-2.284 c -0.416,-2.084 -1.352,-3.228 -4.064,-3.228 h -7.792 v 15.916 c 0,1.972 1.136,3.948 3.016,3.948 h 9.88 c 5.304,0 8.22,-3.328 9.464,-8.74 l 2.596,0.312 -2.084,11.956 -0.208,0.208 c 0,0 -6.136,-0.208 -9.256,-0.208 l -18.2,0.012 0,0 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 686.91936,858.39488 2.392,-0.212 c 3.124,-0.312 4.164,-1.248 4.164,-4.468 v -34.32 c 0,-2.712 -0.736,-2.712 -4.164,-3.016 l -2.28,-0.216 c -0.416,0 -0.736,-0.208 -0.736,-0.52 v -2.288 l 0.1,-0.208 c 0,0 9.156,0.208 11.032,0.208 1.968,0 11.024,-0.208 13.728,-0.208 17.368,0 25.9,10.816 25.9,24.648 0,18.204 -12.9,23.604 -24.44,23.604 -8.32,0 -11.956,-0.208 -15.18,-0.208 -3.124,0 -11.028,0.208 -11.028,0.208 l -0.104,-0.208 v -2.184 c -0.008,-0.3 0.204,-0.612 0.616,-0.612 z m 23.196,0 c 11.436,0 17.892,-4.26 17.892,-18.828 0,-10.812 -2.396,-23.404 -19.868,-23.404 -4.056,0 -6.656,0.624 -6.656,3.232 v 34.32 c 0,2.904 0.724,4.68 8.632,4.68 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 761.60736,854.23088 c 0,2.288 1.04,3.64 4.368,3.952 l 2.184,0.212 c 0.312,0 0.624,0.204 0.624,0.62 v 2.184 l -0.104,0.212 c 0,0 -7.904,-0.212 -11.124,-0.212 -2.916,0 -11.024,0.212 -11.024,0.212 l -0.212,-0.212 v -2.184 c 0,-0.416 0.312,-0.62 0.728,-0.62 l 2.084,-0.212 c 3.428,-0.312 4.472,-1.976 4.472,-3.952 v -34.632 c 0,-2.284 -1.252,-2.916 -4.472,-3.22 l -2.084,-0.216 c -0.416,0 -0.728,-0.096 -0.728,-0.416 v -2.396 l 0.104,-0.208 c 0,0 8.216,0.208 11.432,0.208 2.808,0 10.82,-0.208 10.82,-0.208 l 0.1,0.208 v 2.288 c 0,0.312 -0.212,0.52 -0.624,0.52 l -2.184,0.212 c -3.224,0.308 -4.368,1.144 -4.368,3.228 l 0.008,34.632 0,0 z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "m 793.64736,858.18288 3.016,0.212 c 0.416,0 0.832,0.312 0.832,0.828 v 1.976 l -0.208,0.212 c 0,0 -11.336,-0.212 -13.832,-0.212 -2.708,0 -9.364,0.212 -9.364,0.212 l -0.212,-0.212 v -1.976 c 0,-0.516 0.312,-0.828 0.836,-0.828 4.58,-0.312 7.172,-1.148 10.084,-7.804 l 23.084,-54.084 c 1.14,-2.704 1.976,-3.748 3.54,-3.748 1.452,0 1.976,1.044 2.804,3.124 l 21.32,56.368 c 1.46,4.06 3.54,5.616 7.7,6.032 l 1.144,0.1 c 0.52,0 1.04,0.312 1.04,0.836 v 1.972 l -0.312,0.208 c 0,0 -8.008,-0.208 -12.064,-0.208 -3.64,0 -13.836,0.208 -13.836,0.208 l -0.1,-0.208 v -1.972 c 0,-0.524 0.208,-0.836 0.736,-0.836 l 2.912,-0.208 c 3.948,-0.308 5.412,-1.564 4.368,-4.472 l -6.344,-17.58 h -21.632 c -2.496,0 -3.12,0.416 -3.636,1.764 l -6.036,15.084 c -1.04,2.608 0.312,4.9 4.16,5.212 z m 25.48,-26.424 -10.088,-27.764 h -0.208 l -10.4,26.416 c -0.416,1.044 0.308,1.352 2.596,1.352 h 18.1 z" })] })) })));
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+const ENGLISH_WIKIPEDIA = 'https://en.wikipedia.org/';
+function createWikiUrl(name, wiki) {
+    return `${wiki || ENGLISH_WIKIPEDIA}wiki/${name}`;
+}
+function createWikiApiUrl(name, wiki) {
+    return `${wiki || ENGLISH_WIKIPEDIA}api/rest_v1/page/summary/${name}`;
+}
+function WikiChild({ page, wiki, open }) {
+    var _a, _b;
+    const { data, error } = (0, swr_1.default)(open ? createWikiApiUrl(page, wiki) : null, fetcher);
+    const { thumbnail, extract, content_urls } = data !== null && data !== void 0 ? data : {};
+    const url = (_b = (_a = content_urls === null || content_urls === void 0 ? void 0 : content_urls.desktop) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : createWikiUrl(page);
+    const image = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.source;
+    if (error) {
+        return ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsxs)("a", Object.assign({ href: url, className: "block", target: "_blank", rel: "noreferrer" }, { children: [(0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: "w-4 h-4 float-right" }), (0, jsx_runtime_1.jsx)(WikiTextMark, {})] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mt-2" }, { children: ["Error loading \"", page, "\" from wikipedia."] }))] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(LinkCard_1.LinkCard, { loading: !data, url: url, title: (0, jsx_runtime_1.jsx)(WikiTextMark, {}), thumbnail: image, description: extract }));
+}
+function WikiLink({ children, page, url, wiki, }) {
+    return ((0, jsx_runtime_1.jsx)(HoverPopover_1.HoverPopover, Object.assign({ card: ({ open }) => (0, jsx_runtime_1.jsx)(WikiChild, { wiki: wiki, page: page, open: open }) }, { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, className: "italic", target: "_blank", rel: "noreferrer" }, { children: children })) })));
+}
+exports.WikiLink = WikiLink;

package/dist/cjs/math.d.ts

@@ -0,0 +1,13 @@
+import type { InlineMath, Math } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+type MathLike = (InlineMath | Math) & {
+    error?: boolean;
+    message?: string;
+    html?: string;
+};
+declare const MATH_RENDERERS: {
+    math: NodeRenderer<MathLike>;
+    inlineMath: NodeRenderer<MathLike>;
+};
+export default MATH_RENDERERS;
+//# sourceMappingURL=math.d.ts.map

package/dist/cjs/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/math.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA2B1D,KAAK,QAAQ,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuCF,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/math.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const outline_1 = require("@heroicons/react/24/outline");
+const inlineError_1 = require("./inlineError");
+const heading_1 = require("./heading");
+const mathRenderer = (node) => {
+    if (node.type === 'math') {
+        if (node.error || !node.html) {
+            return ((0, jsx_runtime_1.jsxs)("pre", Object.assign({ title: node.message }, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-red-500" }, { children: [(0, jsx_runtime_1.jsx)(outline_1.ExclamationCircleIcon, { className: "inline h-[1em] mr-1" }), node.message, '\n\n'] })), node.value] }), node.key));
+        }
+        const id = node.html_id || node.identifier || node.key;
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ id: id, className: (0, classnames_1.default)('flex group') }, { children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: node.html }, className: "overflow-x-auto flex-grow" }), node.enumerator && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-none text-right m-0 pl-2 self-center relative" }, { children: [(0, jsx_runtime_1.jsxs)("span", { children: ["(", node.enumerator, ")"] }), (0, jsx_runtime_1.jsx)(heading_1.HashLink, { id: id, align: "right", kind: "Equation" })] })))] }), node.key));
+    }
+    if (node.error || !node.html) {
+        return (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: node.value, message: node.message }, node.key);
+    }
+    return (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: node.html } }, node.key);
+    // return <Math key={node.key} html={node.html} value={node.value as string} />;
+};
+const MATH_RENDERERS = {
+    math: mathRenderer,
+    inlineMath: mathRenderer,
+};
+exports.default = MATH_RENDERERS;