myst-to-react 0.1.18 → 0.1.20

package/dist/cjs/components/CopyIcon.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const outline_1 = require("@heroicons/react/24/outline");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+function CopyIcon({ text }) {
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const onClick = () => {
+        if (copied)
+            return;
+        navigator.clipboard.writeText(text).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 3000);
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ title: copied ? 'Copied!!' : 'Copy to Clipboard', suppressHydrationWarning: true, className: (0, classnames_1.default)('inline-flex items-center opacity-60 hover:opacity-100 active:opacity-40 cursor-pointer ml-2', 'transition-color duration-200 ease-in-out', {
+            // This is hidden if on the server or no clipboard access
+            'sr-only hidden': typeof document === 'undefined' || !navigator.clipboard,
+            'text-primary-500 border-primary-500': !copied,
+            'text-success border-success ': copied,
+        }), onClick: onClick, "aria-pressed": copied ? 'true' : 'false', "aria-label": "Copy code to clipboard" }, { children: copied ? ((0, jsx_runtime_1.jsx)(outline_1.CheckIcon, { className: "w-[24px] h-[24px] text-success" })) : ((0, jsx_runtime_1.jsx)(outline_1.DocumentDuplicateIcon, { className: "w-[24px] h-[24px]" })) })));
+}
+exports.CopyIcon = CopyIcon;

package/dist/cjs/components/HoverPopover.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function HoverPopover({ children, card, }: {
+    children: React.ReactNode;
+    card: React.ReactNode | ((args: {
+        open: boolean;
+        close?: () => void;
+    }) => React.ReactNode);
+}): JSX.Element;
+//# sourceMappingURL=HoverPopover.d.ts.map

package/dist/cjs/components/HoverPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../../src/components/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5F,eAiDA"}

package/dist/cjs/components/HoverPopover.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverPopover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@headlessui/react");
+const react_popper_1 = require("react-popper");
+function HoverPopover({ children, card, }) {
+    const buttonRef = (0, react_1.useRef)(null);
+    const timeoutDuration = 300;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    let openTimeout;
+    let closeTimeout;
+    const onMouseEnter = () => {
+        clearTimeout(closeTimeout);
+        if (open)
+            return;
+        setOpen(true);
+    };
+    const onMouseLeave = () => {
+        clearTimeout(openTimeout);
+        if (!open)
+            return;
+        closeTimeout = setTimeout(() => setOpen(false), timeoutDuration);
+    };
+    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
+    const { styles, attributes } = (0, react_popper_1.usePopper)(buttonRef.current, popperElement, {
+        placement: 'bottom-start',
+    });
+    return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ onMouseLeave: onMouseLeave }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: buttonRef, onMouseMove: onMouseEnter, onMouseEnter: onMouseEnter }, { children: children })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "exclude-from-outline absolute z-30 sm:max-w-[500px]", ref: setPopperElement, style: Object.assign({}, styles.popper) }, attributes.popper, { children: (0, jsx_runtime_1.jsx)(react_2.Transition, Object.assign({ className: "my-2 p-4 shadow-xl bg-white dark:bg-zinc-900 text-sm dark:text-white rounded border border-slate-100 dark:border-zinc-500 break-words", enter: "transition ease-out duration-200", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-100 translate-y-0", leave: "transition ease-in duration-150", leaveFrom: "opacity-100 translate-y-0", leaveTo: "opacity-0 translate-y-1", onMouseEnter: onMouseEnter, show: open }, { children: typeof card === 'function' ? card({ open, close: () => setOpen(false) }) : card })) }))] })));
+}
+exports.HoverPopover = HoverPopover;

package/dist/cjs/components/LinkCard.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare function LinkCard({ url, title, internal, loading, description, thumbnail, className, }: {
+    url: string;
+    internal?: boolean;
+    loading?: boolean;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    thumbnail?: string;
+    className?: string;
+}): JSX.Element;
+//# sourceMappingURL=LinkCard.d.ts.map

package/dist/cjs/components/LinkCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/LinkCard.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,SAAS,EACT,SAAuB,GACxB,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,eAwBA"}

package/dist/cjs/components/LinkCard.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const providers_1 = require("@myst-theme/providers");
+const outline_1 = require("@heroicons/react/24/outline");
+const classnames_1 = __importDefault(require("classnames"));
+function LinkCard({ url, title, internal = false, loading = false, description, thumbnail, className = 'w-[300px]', }) {
+    const Link = (0, providers_1.useLinkProvider)();
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(className, { 'animate-pulse': loading }) }, { children: [internal && ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: url, className: "block", prefetch: "intent" }, { children: title }))), !internal && ((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" }), title] }))), !loading && thumbnail && ((0, jsx_runtime_1.jsx)("img", { src: thumbnail, className: "w-full max-h-[200px] object-cover object-top" })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "animate-pulse bg-slate-100 dark:bg-slate-800 w-full h-[150px] mt-4" })), !loading && description && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-2" }, { children: description }))] })));
+}
+exports.LinkCard = LinkCard;

package/dist/cjs/convertToReact.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { NodeRenderer } from '@myst-theme/providers';
+import type { GenericNode } from 'myst-common';
+export declare function toReact(fragment: GenericNode[], replacements: Record<string, NodeRenderer>): React.ReactNode;
+export declare function mystToReact(content: GenericNode, replacements: Record<string, NodeRenderer>): React.ReactNode;
+//# sourceMappingURL=convertToReact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"convertToReact.d.ts","sourceRoot":"","sources":["../../src/convertToReact.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,OAAO,CACrB,QAAQ,EAAE,WAAW,EAAE,EACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACzC,KAAK,CAAC,SAAS,CAiBjB;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GACzC,KAAK,CAAC,SAAS,CAEjB"}

package/dist/cjs/convertToReact.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mystToReact = exports.toReact = void 0;
+const react_1 = require("react");
+function toReact(fragment, replacements) {
+    if (fragment.length === 0)
+        return undefined;
+    return fragment.map((node) => {
+        if (node.type === 'text')
+            return node.value;
+        const custom = replacements[node.type];
+        if (node.children) {
+            const children = toReact(node.children, replacements);
+            if (custom) {
+                return custom(node, children);
+            }
+            return (0, react_1.createElement)('div', { key: node.key }, children);
+        }
+        if (custom) {
+            return custom(node, node.value);
+        }
+        return (0, react_1.createElement)('span', { children: node.value, key: node.key });
+    });
+}
+exports.toReact = toReact;
+function mystToReact(content, replacements) {
+    var _a;
+    return toReact((_a = content.children) !== null && _a !== void 0 ? _a : [], replacements);
+}
+exports.mystToReact = mystToReact;

package/dist/cjs/crossReference.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CrossReference } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare function ReferencedContent({ identifier, close, }: {
+    identifier: string;
+    close: () => void;
+}): JSX.Element;
+export declare const CrossReferenceNode: NodeRenderer<CrossReference>;
+declare const CROSS_REFERENCE_RENDERERS: {
+    crossReference: NodeRenderer<CrossReference>;
+};
+export default CROSS_REFERENCE_RENDERERS;
+//# sourceMappingURL=crossReference.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"crossReference.d.ts","sourceRoot":"","sources":["../../src/crossReference.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAgBhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAuC1D,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,eAuDA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,yBAAyB;;CAE9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/cjs/crossReference.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossReferenceNode = exports.ReferencedContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const unist_util_select_1 = require("unist-util-select");
+const unist_util_visit_1 = require("unist-util-visit");
+const outline_1 = require("@heroicons/react/24/outline");
+const providers_1 = require("@myst-theme/providers");
+const _1 = require(".");
+const inlineError_1 = require("./inlineError");
+const ClickPopover_1 = require("./components/ClickPopover");
+const swr_1 = __importDefault(require("swr"));
+const MAX_NODES = 3; // Max nodes to show after a header
+function selectMdastNodes(mdast, identifier) {
+    const identifiers = (0, unist_util_select_1.selectAll)(`[identifier=${identifier}],[key=${identifier}]`, mdast);
+    const container = identifiers.filter(({ type }) => type === 'container' || type === 'math')[0];
+    const nodes = container ? [container] : [];
+    if (nodes.length === 0 && identifiers.length > 0 && mdast) {
+        let begin = false;
+        (0, unist_util_visit_1.visit)(mdast, (node) => {
+            if ((begin && node.type === 'heading') || nodes.length >= MAX_NODES) {
+                return unist_util_visit_1.EXIT;
+            }
+            if (node.identifier === identifier && node.type === 'heading')
+                begin = true;
+            if (begin) {
+                nodes.push(node);
+                return unist_util_visit_1.SKIP; // Don't traverse the children
+            }
+        });
+    }
+    if (nodes.length === 0 && identifiers.length > 0) {
+        // If we haven't found anything, push the first identifier that isn't a cite or crossReference
+        const resolved = identifiers.filter((node) => node.type !== 'crossReference' && node.type !== 'cite')[0];
+        nodes.push(resolved !== null && resolved !== void 0 ? resolved : identifiers[0]);
+    }
+    return nodes;
+}
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+function ReferencedContent({ identifier, close, }) {
+    var _a, _b, _c, _d;
+    const Link = (0, providers_1.useLinkProvider)();
+    const urlbase = (0, providers_1.useUrlbase)();
+    const { remote, url } = (0, providers_1.useXRefState)();
+    const external = (_a = url === null || url === void 0 ? void 0 : url.startsWith('http')) !== null && _a !== void 0 ? _a : false;
+    const lookupUrl = external ? `/api/lookup?url=${url}.json` : `${(0, providers_1.withUrlbase)(url, urlbase)}.json`;
+    const { data, error } = (0, swr_1.default)(remote ? lookupUrl : null, fetcher);
+    const references = (0, providers_1.useReferences)();
+    const mdast = (_b = data === null || data === void 0 ? void 0 : data.mdast) !== null && _b !== void 0 ? _b : references === null || references === void 0 ? void 0 : references.article;
+    const nodes = selectMdastNodes(mdast, identifier);
+    const htmlId = ((_c = nodes[0]) === null || _c === void 0 ? void 0 : _c.html_id) || ((_d = nodes[0]) === null || _d === void 0 ? void 0 : _d.identifier);
+    const link = `${url}${htmlId ? `#${htmlId}` : ''}`;
+    const onClose = () => {
+        // Need to close it first because the ID is on the page twice ...
+        close();
+        setTimeout(() => {
+            const el = document.getElementById(htmlId);
+            el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
+        }, 10);
+    };
+    const renderers = (0, providers_1.useNodeRenderers)();
+    const children = (0, _1.useParse)({ type: 'block', children: nodes }, renderers);
+    if (remote && !data) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading..." });
+    }
+    if (remote && error) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Error loading remote page." });
+    }
+    if (!nodes || nodes.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: identifier || 'No Label', message: "Cross Reference Not Found" }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "exclude-from-outline" }, { children: [remote && external && ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: link, className: "absolute top-4 right-1", target: "_blank" }, { children: (0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: "w-4 h-4" }) }))), remote && !external && ((0, jsx_runtime_1.jsx)(Link, Object.assign({ to: link, className: "absolute top-4 right-1", prefetch: "intent" }, { children: (0, jsx_runtime_1.jsx)(outline_1.ArrowTopRightOnSquareIcon, { className: "w-4 h-4" }) }))), !remote && ((0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: onClose, className: "absolute top-4 right-1" }, { children: (0, jsx_runtime_1.jsx)(outline_1.LinkIcon, { className: "w-4 h-4" }) }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "popout" }, { children: children }))] })));
+}
+exports.ReferencedContent = ReferencedContent;
+const CrossReferenceNode = (node, children) => {
+    if (!children) {
+        return ((0, jsx_runtime_1.jsx)(inlineError_1.InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found" }, node.key));
+    }
+    return ((0, jsx_runtime_1.jsx)(ClickPopover_1.ClickPopover, Object.assign({ card: ({ close }) => ((0, jsx_runtime_1.jsx)(providers_1.XRefProvider, Object.assign({ remote: node.remote, url: node.url }, { children: (0, jsx_runtime_1.jsx)(ReferencedContent, { identifier: node.identifier, close: close }) }))), as: "span" }, { children: children }), node.key));
+};
+exports.CrossReferenceNode = CrossReferenceNode;
+const CROSS_REFERENCE_RENDERERS = {
+    crossReference: exports.CrossReferenceNode,
+};
+exports.default = CROSS_REFERENCE_RENDERERS;

package/dist/cjs/dropdown.d.ts

@@ -0,0 +1,16 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+type DropdownSpec = {
+    type: 'details';
+    open?: boolean;
+};
+type SummarySpec = {
+    type: 'summary';
+};
+export declare const SummaryTitle: NodeRenderer<SummarySpec>;
+export declare const DetailsRenderer: NodeRenderer<DropdownSpec>;
+declare const DROPDOWN_RENDERERS: {
+    details: NodeRenderer<DropdownSpec>;
+    summary: NodeRenderer<SummarySpec>;
+};
+export default DROPDOWN_RENDERERS;
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,WAAW,CAElD,CAAC;AAqCF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,YAAY,CAOtD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;CAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cjs/dropdown.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsRenderer = exports.SummaryTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const solid_1 = require("@heroicons/react/24/solid");
+const classnames_1 = __importDefault(require("classnames"));
+const iconClass = 'h-8 w-8 inline-block pl-2 mr-2 -translate-y-[1px]';
+const SummaryTitle = (node, children) => {
+    return children;
+};
+exports.SummaryTitle = SummaryTitle;
+function Details({ title, children, open, }) {
+    return ((0, jsx_runtime_1.jsxs)("details", Object.assign({ className: (0, classnames_1.default)('rounded-md my-4 shadow dark:shadow-2xl dark:shadow-neutral-900 overflow-hidden'), open: open }, { children: [(0, jsx_runtime_1.jsx)("summary", Object.assign({ className: (0, classnames_1.default)('m-0 text-lg font-medium py-1 min-h-[2em] pl-3', 'cursor-pointer hover:shadow-[inset_0_0_0px_20px_#00000003] dark:hover:shadow-[inset_0_0_0px_20px_#FFFFFF03]', 'bg-gray-100 dark:bg-slate-900') }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-neutral-900 dark:text-white" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "block float-right font-thin text-sm text-neutral-700 dark:text-neutral-200" }, { children: (0, jsx_runtime_1.jsx)(solid_1.ChevronRightIcon, { className: (0, classnames_1.default)(iconClass, 'transition-transform') }) })), title] })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-4 py-1 bg-gray-50 dark:bg-stone-800" }, { children: children }))] })));
+}
+const DetailsRenderer = (node, children) => {
+    const [title, ...rest] = children;
+    return ((0, jsx_runtime_1.jsx)(Details, Object.assign({ title: title, open: node.open }, { children: rest }), node.key));
+};
+exports.DetailsRenderer = DetailsRenderer;
+const DROPDOWN_RENDERERS = {
+    details: exports.DetailsRenderer,
+    summary: exports.SummaryTitle,
+};
+exports.default = DROPDOWN_RENDERERS;

package/dist/cjs/extensions/chemicalFormula.d.ts

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

package/dist/cjs/extensions/chemicalFormula.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chemicalFormula.d.ts","sourceRoot":"","sources":["../../../src/extensions/chemicalFormula.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAyB1D,eAAO,MAAM,eAAe,EAAE,YAU7B,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/extensions/chemicalFormula.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChemicalFormula = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Separate numbers and letters so that numbers can be <sub>2</sub>
+ * @param formula a string H2O
+ * @returns ['H', '2', '0']
+ */
+function parseFormula(formula) {
+    return [...(formula !== null && formula !== void 0 ? formula : '')].reduce((acc, letter) => {
+        const last = acc.pop();
+        const isNumber = letter.match(/[0-9]/);
+        const lastIsNumber = last === null || last === void 0 ? void 0 : last.match(/[0-9]/);
+        if (isNumber) {
+            if (lastIsNumber) {
+                return [...acc, `${last !== null && last !== void 0 ? last : ''}${letter}`];
+            }
+            return [...acc, last, letter].filter((v) => !!v);
+        }
+        if (lastIsNumber) {
+            return [...acc, last, letter].filter((v) => !!v);
+        }
+        return [...acc, `${last !== null && last !== void 0 ? last : ''}${letter}`];
+    }, []);
+}
+const ChemicalFormula = (node) => {
+    const parts = parseFormula(node.value);
+    return ((0, jsx_runtime_1.jsx)("code", Object.assign({ className: "text-inherit" }, { children: parts.map((letter, index) => {
+            if (letter.match(/[0-9]/))
+                return (0, jsx_runtime_1.jsx)("sub", { children: letter }, index);
+            return (0, jsx_runtime_1.jsx)("span", { children: letter }, index);
+        }) }), node.key));
+};
+exports.ChemicalFormula = ChemicalFormula;
+const CHEM_RENDERERS = {
+    chemicalFormula: exports.ChemicalFormula,
+};
+exports.default = CHEM_RENDERERS;

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

@@ -0,0 +1,4 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+declare const EXT_RENDERERS: Record<string, NodeRenderer>;
+export default EXT_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/extensions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/cjs/extensions/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const chemicalFormula_1 = __importDefault(require("./chemicalFormula"));
+const siunits_1 = __importDefault(require("./siunits"));
+const EXT_RENDERERS = Object.assign(Object.assign({}, chemicalFormula_1.default), siunits_1.default);
+exports.default = EXT_RENDERERS;

package/dist/cjs/extensions/siunits.d.ts

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

package/dist/cjs/extensions/siunits.d.ts.map

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

package/dist/cjs/extensions/siunits.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIUnits = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SIUnits = (node) => {
+    return ((0, jsx_runtime_1.jsx)("code", Object.assign({ className: "text-inherit", title: `${node.num} ${node.units}` }, { children: node.value }), node.key));
+};
+exports.SIUnits = SIUnits;
+const SI_RENDERERS = {
+    si: exports.SIUnits,
+};
+exports.default = SI_RENDERERS;

package/dist/cjs/footnotes.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare function FootnoteDefinition({ identifier }: {
+    identifier: string;
+}): JSX.Element;
+export declare const FootnoteReference: NodeRenderer;
+declare const FOOTNOTE_RENDERERS: {
+    footnoteReference: NodeRenderer<any>;
+};
+export default FOOTNOTE_RENDERERS;
+//# sourceMappingURL=footnotes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/footnotes.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,eAKxE;AAED,eAAO,MAAM,iBAAiB,EAAE,YAU/B,CAAC;AAEF,QAAA,MAAM,kBAAkB;;CAEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/cjs/footnotes.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FootnoteReference = exports.FootnoteDefinition = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const providers_1 = require("@myst-theme/providers");
+const _1 = require(".");
+const ClickPopover_1 = require("./components/ClickPopover");
+function FootnoteDefinition({ identifier }) {
+    var _a;
+    const references = (0, providers_1.useReferences)();
+    const node = (_a = references === null || references === void 0 ? void 0 : references.footnotes) === null || _a === void 0 ? void 0 : _a[identifier];
+    const children = (0, _1.useParse)(node);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.FootnoteDefinition = FootnoteDefinition;
+const FootnoteReference = (node) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(ClickPopover_1.ClickPopover, Object.assign({ card: (0, jsx_runtime_1.jsx)(FootnoteDefinition, { identifier: node.identifier }), as: "span" }, { children: (0, jsx_runtime_1.jsxs)("sup", { children: ["[", (_a = node.number) !== null && _a !== void 0 ? _a : node.identifier, "]"] }) }), node.key));
+};
+exports.FootnoteReference = FootnoteReference;
+const FOOTNOTE_RENDERERS = {
+    footnoteReference: exports.FootnoteReference,
+};
+exports.default = FOOTNOTE_RENDERERS;

package/dist/cjs/grid.d.ts

@@ -0,0 +1,11 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+type GridSpec = {
+    type: 'grid';
+    columns: number[];
+};
+export declare const GridRenderer: NodeRenderer<GridSpec>;
+declare const GRID_RENDERERS: {
+    grid: NodeRenderer<GridSpec>;
+};
+export default GRID_RENDERERS;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AA2GF,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,QAAQ,CAM/C,CAAC;AAEF,QAAA,MAAM,cAAc;;CAEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/grid.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const gridClassNames = {
+    main: [
+        'grid-cols-1',
+        'grid-cols-2',
+        'grid-cols-3',
+        'grid-cols-4',
+        'grid-cols-5',
+        'grid-cols-6',
+        'grid-cols-7',
+        'grid-cols-8',
+        'grid-cols-9',
+        'grid-cols-10',
+        'grid-cols-11',
+        'grid-cols-12',
+    ],
+    sm: [
+        'sm:grid-cols-1',
+        'sm:grid-cols-2',
+        'sm:grid-cols-3',
+        'sm:grid-cols-4',
+        'sm:grid-cols-5',
+        'sm:grid-cols-6',
+        'sm:grid-cols-7',
+        'sm:grid-cols-8',
+        'sm:grid-cols-9',
+        'sm:grid-cols-10',
+        'sm:grid-cols-11',
+        'sm:grid-cols-12',
+    ],
+    md: [
+        'md:grid-cols-1',
+        'md:grid-cols-2',
+        'md:grid-cols-3',
+        'md:grid-cols-4',
+        'md:grid-cols-5',
+        'md:grid-cols-6',
+        'md:grid-cols-7',
+        'md:grid-cols-8',
+        'md:grid-cols-9',
+        'md:grid-cols-10',
+        'md:grid-cols-11',
+        'md:grid-cols-12',
+    ],
+    lg: [
+        'lg:grid-cols-1',
+        'lg:grid-cols-2',
+        'lg:grid-cols-3',
+        'lg:grid-cols-4',
+        'lg:grid-cols-5',
+        'lg:grid-cols-6',
+        'lg:grid-cols-7',
+        'lg:grid-cols-8',
+        'lg:grid-cols-9',
+        'lg:grid-cols-10',
+        'lg:grid-cols-11',
+        'lg:grid-cols-12',
+    ],
+    xl: [
+        'xl:grid-cols-1',
+        'xl:grid-cols-2',
+        'xl:grid-cols-3',
+        'xl:grid-cols-4',
+        'xl:grid-cols-5',
+        'xl:grid-cols-6',
+        'xl:grid-cols-7',
+        'xl:grid-cols-8',
+        'xl:grid-cols-9',
+        'xl:grid-cols-10',
+        'xl:grid-cols-11',
+        'xl:grid-cols-12',
+    ],
+};
+const DEFAULT_NUM_COLUMNS = 3;
+function getColumnClassName(classes, number) {
+    var _a;
+    const num = Number(number);
+    if (!number || Number.isNaN(num)) {
+        return getColumnClassName(classes, DEFAULT_NUM_COLUMNS);
+    }
+    return (_a = classes[num - 1]) !== null && _a !== void 0 ? _a : classes[DEFAULT_NUM_COLUMNS];
+}
+function gridColumnClasses(columns) {
+    if (!columns || columns.length <= 1) {
+        return getColumnClassName(gridClassNames.main, columns === null || columns === void 0 ? void 0 : columns[0]);
+    }
+    if (columns.length !== 4) {
+        return getColumnClassName(gridClassNames.main, columns[0]);
+    }
+    return [
+        // getColumnClassName(gridClassNames.main, columns[0]),
+        getColumnClassName(gridClassNames.sm, columns[0]),
+        getColumnClassName(gridClassNames.md, columns[1]),
+        getColumnClassName(gridClassNames.lg, columns[2]),
+        getColumnClassName(gridClassNames.xl, columns[3]),
+    ].join(' ');
+}
+function Grid({ columns, children }) {
+    const gridClasses = gridColumnClasses(columns);
+    const gutterClasses = 'gap-4';
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('grid', gridClasses, gutterClasses) }, { children: children }));
+}
+const GridRenderer = (node, children) => {
+    return ((0, jsx_runtime_1.jsx)(Grid, Object.assign({ columns: node.columns }, { children: children }), node.key));
+};
+exports.GridRenderer = GridRenderer;
+const GRID_RENDERERS = {
+    grid: exports.GridRenderer,
+};
+exports.default = GRID_RENDERERS;

package/dist/cjs/heading.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Heading } from 'myst-spec';
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare function HashLink({ id, kind, align, }: {
+    id: string;
+    kind: string;
+    align?: 'left' | 'right';
+}): JSX.Element | null;
+declare const Heading: NodeRenderer<Heading>;
+declare const HEADING_RENDERERS: {
+    heading: NodeRenderer<Heading>;
+};
+export default HEADING_RENDERERS;
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAS1D,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,KAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,sBAqBA;AAED,QAAA,MAAM,OAAO,EAAE,YAAY,CAAC,OAAO,CAoBlC,CAAC;AAEF,QAAA,MAAM,iBAAiB;;CAEtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}