@curvenote/renderers 1.0.1 → 2.0.0

package/dist/myst/container.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@curvenote/react-utils';
+import { useAnalytics, useDesign } from '@curvenote/theme-ui';
+import { useXRefState } from '@myst-theme/providers';
+import { MyST } from 'myst-to-react';
+import { useCallback, useId, useLayoutEffect, useRef, useState } from 'react';
+const container = ({ node, className }) => {
+    const figureName = `fig-${node.kind}`;
+    const { inCrossRef } = useXRefState();
+    const { breakout_containers } = useDesign();
+    return (_jsx("figure", { id: node.html_id || node.identifier || node.key, className: cn({
+            'md:-mx-4 lg:-mx-6 xl:-mx-10': breakout_containers && !node.subcontainer && !inCrossRef,
+        }, { [figureName]: !!node.kind, subcontainer: node.subcontainer }, node.class, className), children: _jsx(MyST, { ast: node.children }) }));
+};
+function CaptionContent({ node }) {
+    const capture = useAnalytics();
+    const [expanded, setExpanded] = useState(false);
+    const [isTruncatable, setIsTruncatable] = useState(null);
+    const contentRef = useRef(null);
+    const contentId = useId();
+    const trackCaptionToggle = useCallback((nextExpanded) => {
+        capture(nextExpanded ? 'content_caption_expanded' : 'content_caption_collapsed', {
+            surface: 'content',
+            captionIdentifier: node.identifier,
+            captionLabel: node.label,
+        });
+    }, [capture, node.identifier, node.label]);
+    useLayoutEffect(() => {
+        const element = contentRef.current;
+        if (!element || expanded)
+            return;
+        const measure = () => {
+            setIsTruncatable(element.scrollHeight > element.clientHeight + 1);
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [node, expanded]);
+    const shouldClamp = !expanded && isTruncatable !== false;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: contentRef, id: contentId, className: cn('*:first:mt-0', shouldClamp && 'line-clamp-4'), children: _jsx(MyST, { ast: node.children }) }), isTruncatable && (_jsx("div", { className: "flex justify-end", children: _jsx("button", { type: "button", "aria-expanded": expanded, "aria-controls": contentId, onClick: () => {
+                        const nextExpanded = !expanded;
+                        setExpanded(nextExpanded);
+                        trackCaptionToggle(nextExpanded);
+                    }, className: "mt-0.5 text-xs text-blue-600 underline-offset-2 cursor-pointer hover:text-blue-700 hover:underline dark:text-blue-400 dark:hover:text-blue-300", children: expanded ? 'Show less' : 'Show more' }) }))] }));
+}
+const caption = ({ node, className }) => {
+    return (_jsx("figcaption", { className: cn('group', className), children: _jsx(CaptionContent, { node: node }) }));
+};
+const legend = ({ node, className }) => {
+    return (_jsx("figcaption", { className: cn('text-sm', className), children: _jsx(MyST, { ast: node.children }) }));
+};
+export const CONTAINER_RENDERERS = {
+    container,
+    caption,
+    legend,
+};

package/dist/myst/cross-reference.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type NodeRenderer } from '@myst-theme/providers';
+export declare function useFetchMdast({ remote, url, remoteBaseUrl, dataUrl, }: {
+    remote?: boolean;
+    url?: string;
+    remoteBaseUrl?: string;
+    dataUrl?: string;
+}): import("swr").SWRResponse<any, any, any>;
+export declare function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, className, htmlId, }: {
+    url?: string;
+    dataUrl?: string;
+    remote?: boolean;
+    remoteBaseUrl?: string;
+    children: ReactNode;
+    identifier?: string;
+    className?: string;
+    htmlId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const CrossReferenceNode: NodeRenderer;
+export declare const CROSS_REFERENCE_RENDERERS: {
+    crossReference: NodeRenderer;
+};
+//# sourceMappingURL=cross-reference.d.ts.map

package/dist/myst/cross-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-reference.d.ts","sourceRoot":"","sources":["../../src/myst/cross-reference.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAQL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AA8D/B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,aAAa,EACb,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,4CAIA;AA+BD,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,QAAQ,EAChB,aAAa,EAAE,eAAe,EAC9B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAW,GACZ,EAAE;IACD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CA0FA;AAED,eAAO,MAAM,kBAAkB,EAAE,YA0BhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;CAErC,CAAC"}

package/dist/myst/cross-reference.js

@@ -0,0 +1,140 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @curvenote-fork:myst-to-react
+// MIT — https://github.com/jupyter-book/myst-theme (packages/myst-to-react)
+// Baseline v1.1.4: https://github.com/jupyter-book/myst-theme/blob/e2e1db449c87294775717a8924d4dd1a4d32ceb2/packages/myst-to-react/src/crossReference.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/crossReference.tsx
+import {} from 'react';
+import { useAnalytics } from '@curvenote/theme-ui';
+import { MYST_SPEC_VERSION } from '@myst-theme/common';
+import { useLinkProvider, useReferences, useBaseurl, withBaseurl, XRefProvider, useXRefState, useFrontmatter, } from '@myst-theme/providers';
+import { selectMdastNodes } from 'myst-common';
+import { migrate } from 'myst-migrate';
+import useSWR from 'swr';
+import { scrollToElement } from '../components/hash-link';
+import { MyST } from 'myst-to-react';
+import { cn } from '@curvenote/react-utils';
+import { InlineError } from '../components/inlineError';
+import { HoverPopover } from '../components/hover-popover';
+const fetcher = (...args) => fetch(...args).then(async (res) => {
+    if (res.status === 200) {
+        let data = await res.json();
+        try {
+            data = await migrate({ version: data.version ?? 0, ...data }, { to: MYST_SPEC_VERSION });
+        }
+        catch (error) {
+            console.error(`Error migrating content for ${args[0]} (aborted):`, error);
+        }
+        return data;
+    }
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+function XrefChildren({ load, identifier }) {
+    const data = useSelectNodes({ load, identifier });
+    if (!data)
+        return null;
+    if (data.loading)
+        return _jsx(_Fragment, { children: "Loading..." });
+    if (data.error)
+        return _jsx(_Fragment, { children: "Error loading remote page." });
+    if (!data.nodes || data.nodes.length === 0) {
+        return _jsx(InlineError, { value: identifier || 'No Label', message: "Cross Reference Not Found" });
+    }
+    return _jsx(MyST, { ast: data.nodes });
+}
+function createRemoteBaseUrl(url, remoteBaseUrl) {
+    if (remoteBaseUrl && url?.startsWith(remoteBaseUrl))
+        return url;
+    return `${remoteBaseUrl || ''}${url || ''}`;
+}
+function createExternalUrl({ url, remoteBaseUrl, dataUrl, baseurl, }) {
+    if (remoteBaseUrl || dataUrl?.startsWith('http')) {
+        if (!dataUrl) {
+            console.error('Expected external URL to provide a dataUrl');
+            return null;
+        }
+        return createRemoteBaseUrl(dataUrl, remoteBaseUrl);
+    }
+    if (dataUrl)
+        return withBaseurl(dataUrl, baseurl);
+    return `${withBaseurl(url, baseurl)}.json`;
+}
+export function useFetchMdast({ remote, url, remoteBaseUrl, dataUrl, }) {
+    const baseurl = useBaseurl();
+    const lookupUrl = createExternalUrl({ url, remoteBaseUrl, dataUrl, baseurl });
+    return useSWR(remote ? lookupUrl : null, fetcher);
+}
+function useSelectNodes({ load, identifier }) {
+    const references = useReferences();
+    const frontmatter = useFrontmatter();
+    const { remote, url, remoteBaseUrl, dataUrl } = useXRefState();
+    const { data, error } = useFetchMdast({
+        remote: remote && load,
+        url,
+        remoteBaseUrl,
+        dataUrl,
+    });
+    if (!load)
+        return undefined;
+    const mdast = data ? data.mdast : references?.article;
+    const parts = data ? data.frontmatter?.parts : frontmatter?.parts;
+    let nodes = [];
+    let htmlId;
+    const trees = [
+        { mdast },
+        ...Object.values(parts ?? {}),
+    ];
+    trees.forEach((part) => {
+        const tree = part.mdast;
+        if (!tree || nodes.length > 0)
+            return;
+        const selected = selectMdastNodes(tree, identifier ?? '', 3);
+        nodes = selected.nodes;
+        htmlId = selected.htmlId;
+    });
+    return { htmlId, nodes, loading: remote && !data, error: remote && error };
+}
+export function CrossReferenceHover({ url: urlIn, dataUrl: dataUrlIn, remote: remoteIn, remoteBaseUrl: remoteBaseUrlIn, children, identifier, className, htmlId = '', }) {
+    const Link = useLinkProvider();
+    const baseurl = useBaseurl();
+    const parent = useXRefState();
+    const remoteBaseUrl = remoteBaseUrlIn ?? parent.remoteBaseUrl;
+    const remote = !!remoteBaseUrl || parent.remote || remoteIn;
+    const url = parent.remote ? (urlIn ?? parent.url) : urlIn;
+    const dataUrl = parent.remote ? (dataUrlIn ?? parent.dataUrl) : dataUrlIn;
+    const external = !!remoteBaseUrl || (url?.startsWith('http') ?? false);
+    const capture = useAnalytics();
+    const scroll = (e) => {
+        e.preventDefault();
+        if (!htmlId)
+            return;
+        capture('content_hash_link_clicked', {
+            surface: 'content',
+            linkKind: 'cross_reference',
+            targetId: htmlId,
+            crossReferenceIdentifier: identifier,
+            crossReferenceRemote: remote,
+        });
+        const el = document.getElementById(htmlId);
+        scrollToElement(el, { htmlId });
+    };
+    const isButtonLike = (className ?? '').split(' ').includes('button');
+    return (_jsx(HoverPopover, { card: ({ load }) => (_jsx(XRefProvider, { remote: remote, remoteBaseUrl: remoteBaseUrl, url: url, dataUrl: dataUrl, children: _jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] overflow-auto", children: [remoteBaseUrl && (_jsxs("div", { className: "px-3 py-1 w-full text-xs bg-gray-50 border-b", children: [_jsx("strong", { className: "text-gray-700", children: "Source: " }), _jsx("a", { className: cn('text-gray-700', className), href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", rel: "noreferrer", children: remoteBaseUrl })] })), _jsx("div", { className: "px-3", children: _jsx(XrefChildren, { load: load, identifier: identifier }) })] }) })), analytics: {
+            cardKind: 'cross_reference',
+            properties: {
+                crossReferenceIdentifier: identifier,
+                crossReferenceRemote: remote,
+                crossReferenceUrl: url,
+                crossReferenceHtmlId: htmlId,
+            },
+        }, children: _jsxs("span", { children: [remote && external && (_jsx("a", { href: `${createRemoteBaseUrl(url, remoteBaseUrl)}${htmlId ? `#${htmlId}` : ''}`, target: "_blank", rel: "noreferrer", className: cn({ 'hover-link': !isButtonLike }, className), children: children })), remote && !external && (_jsx(Link, { to: `${withBaseurl(url, baseurl)}${htmlId ? `#${htmlId}` : ''}`, prefetch: "intent", className: cn({ 'hover-link': !isButtonLike }, className), children: children })), !remote && (_jsx("a", { href: `#${htmlId}`, onClick: scroll, className: cn({ 'hover-link': !isButtonLike }, className), children: children }))] }) }));
+}
+export const CrossReferenceNode = ({ node, className }) => {
+    if (!node.children) {
+        return (_jsx(InlineError, { value: node.label || node.identifier || 'No Label', message: "Cross Reference Not Found", className: className }));
+    }
+    const { remote, url, dataUrl, remoteBaseUrl, identifier, html_id, class: nodeClass } = node;
+    return (_jsxs(CrossReferenceHover, { identifier: identifier, htmlId: html_id, remote: remote, url: url, dataUrl: dataUrl, remoteBaseUrl: remoteBaseUrl, className: cn(nodeClass, className), children: [node.prefix && _jsx(_Fragment, { children: node.prefix }), _jsx(MyST, { ast: node.children }), node.suffix || null] }));
+};
+export const CROSS_REFERENCE_RENDERERS = {
+    crossReference: CrossReferenceNode,
+};

package/dist/myst/footnotes.d.ts

@@ -0,0 +1,7 @@
+import { type NodeRenderer } from '@myst-theme/providers';
+export declare const FootnoteReference: NodeRenderer;
+export declare const FOOTNOTE_RENDERERS: {
+    footnoteReference: NodeRenderer;
+    footnoteDefinition: () => null;
+};
+//# sourceMappingURL=footnotes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../src/myst/footnotes.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAuBvF,eAAO,MAAM,iBAAiB,EAAE,YA6B/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC"}

package/dist/myst/footnotes.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @curvenote-fork:myst-to-react
+// MIT — https://github.com/jupyter-book/myst-theme (packages/myst-to-react)
+// Baseline v1.1.4: https://github.com/jupyter-book/myst-theme/blob/e2e1db449c87294775717a8924d4dd1a4d32ceb2/packages/myst-to-react/src/footnotes.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/footnotes.tsx
+import { XRefProvider, useReferences } from '@myst-theme/providers';
+import { select } from 'unist-util-select';
+import { MyST } from 'myst-to-react';
+import { HashLink } from '../components/hash-link';
+import { HoverPopover } from '../components/hover-popover';
+function FootnoteDefinition({ identifier }) {
+    const references = useReferences();
+    const node = references
+        ?.footnotes?.[identifier] ??
+        select(`footnoteDefinition[identifier=${identifier}]`, references?.article);
+    const footnoteNode = node;
+    return (_jsx(XRefProvider, { children: _jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] px-3 text-sm", children: _jsx(MyST, { ast: footnoteNode?.children }) }) }));
+}
+export const FootnoteReference = ({ node, className }) => {
+    const label = node.enumerator ?? node.number ?? node.identifier;
+    return (_jsx(HoverPopover, { openDelay: 0, card: _jsx(FootnoteDefinition, { identifier: node.identifier }), analytics: {
+            cardKind: 'footnote',
+            properties: { footnoteIdentifier: node.identifier, footnoteLabel: label },
+        }, children: _jsx("span", { id: `fnref-${node.key}`, className: className, children: _jsx("sup", { className: "hover-link", children: _jsxs(HashLink, { id: `fn-${node.identifier}`, title: "Link to Footnote", scrollBehavior: "instant", canSelectText: true, analytics: {
+                        linkKind: 'footnote_reference',
+                        properties: { footnoteIdentifier: node.identifier },
+                    }, children: ["[", label, "]"] }) }) }) }));
+};
+export const FOOTNOTE_RENDERERS = {
+    footnoteReference: FootnoteReference,
+    footnoteDefinition: () => null,
+};

package/dist/myst/index.d.ts

@@ -0,0 +1,14 @@
+export declare const MYST_RENDERERS: {
+    container: import("@myst-theme/providers").NodeRenderer;
+    caption: import("@myst-theme/providers").NodeRenderer;
+    legend: import("@myst-theme/providers").NodeRenderer;
+    inlineExpression: import("@myst-theme/providers").NodeRenderer;
+    abbreviation: import("@myst-theme/providers").NodeRenderer;
+    crossReference: import("@myst-theme/providers").NodeRenderer;
+    footnoteReference: import("@myst-theme/providers").NodeRenderer;
+    footnoteDefinition: () => null;
+    code: import("@myst-theme/providers").NodeRenderer;
+    inlineCode: import("@myst-theme/providers").NodeRenderer;
+};
+export { useFetchMdast } from './cross-reference.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/myst/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;;;;;;;;CAQ1B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/myst/index.js

@@ -0,0 +1,17 @@
+import { CODE_RENDERERS } from './code.js';
+import { FOOTNOTE_RENDERERS } from './footnotes.js';
+import { CROSS_REFERENCE_RENDERERS } from './cross-reference.js';
+import { ABBREVIATION_RENDERERS } from './abbreviation.js';
+import { INLINE_EXPRESSION_RENDERERS } from './inline-expression.js';
+import { MYST_LINK_RENDERERS } from './links/index.js';
+import { CONTAINER_RENDERERS } from './container.js';
+export const MYST_RENDERERS = {
+    ...CODE_RENDERERS,
+    ...FOOTNOTE_RENDERERS,
+    ...CROSS_REFERENCE_RENDERERS,
+    ...ABBREVIATION_RENDERERS,
+    ...INLINE_EXPRESSION_RENDERERS,
+    ...MYST_LINK_RENDERERS,
+    ...CONTAINER_RENDERERS,
+};
+export { useFetchMdast } from './cross-reference.js';

package/dist/myst/inline-expression.d.ts

@@ -0,0 +1,6 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare const InlineExpression: NodeRenderer;
+export declare const INLINE_EXPRESSION_RENDERERS: {
+    inlineExpression: NodeRenderer;
+};
+//# sourceMappingURL=inline-expression.d.ts.map

package/dist/myst/inline-expression.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-expression.d.ts","sourceRoot":"","sources":["../../src/myst/inline-expression.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,eAAO,MAAM,gBAAgB,EAAE,YA2B9B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;CAEvC,CAAC"}

package/dist/myst/inline-expression.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MyST } from 'myst-to-react';
+import { cn } from '@curvenote/react-utils';
+import { InlineError } from '../components/inlineError';
+import { Tooltip } from '../components/hover-popover';
+export const InlineExpression = ({ node, className }) => {
+    if (!node.result) {
+        return (_jsx(InlineError, { value: `Unexecuted inline expression for: ${node.value}`, className: className }));
+    }
+    if (node.result.status !== 'ok') {
+        return (_jsx(InlineError, { value: `${node.result.ename}: ${node.result.evalue}`, className: className }));
+    }
+    return (_jsx(Tooltip, { title: _jsx("code", { children: node.value }), analytics: {
+            cardKind: 'inline_expression',
+            properties: { expression: node.value },
+        }, children: _jsx("span", { className: cn('border-b border-dotted cursor-help', className), children: _jsx(MyST, { ast: node.children }) }) }));
+};
+export const INLINE_EXPRESSION_RENDERERS = {
+    inlineExpression: InlineExpression,
+};

package/dist/myst/links/figshare.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export declare function FigshareLink({ id, url, children, className, }: {
+    id: string;
+    url: string;
+    children?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=figshare.d.ts.map

package/dist/myst/links/figshare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figshare.d.ts","sourceRoot":"","sources":["../../../src/myst/links/figshare.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2GvC,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,GAAG,EACH,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAgBA"}

package/dist/myst/links/figshare.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useSWR from 'swr';
+import { cn } from '@curvenote/react-utils';
+import { HoverPopover } from '../../components/hover-popover';
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+function humanSize(bytes) {
+    if (!bytes)
+        return '';
+    const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.min(units.length - 1, Math.floor(Math.log(bytes) / Math.log(1024)));
+    const value = bytes / 1024 ** i;
+    return `${value >= 10 || i === 0 ? Math.round(value) : value.toFixed(1)} ${units[i]}`;
+}
+function authorList(authors) {
+    if (authors.length === 0)
+        return '';
+    if (authors.length <= 3)
+        return authors.join(', ');
+    return `${authors.slice(0, 3).join(', ')} +${authors.length - 3}`;
+}
+function FigshareChild({ id }) {
+    const { data, error } = useSWR(`/figshare/${id}`, fetcher, {
+        revalidateOnFocus: false,
+        dedupingInterval: 60_000,
+    });
+    if (!data && !error) {
+        return (_jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] animate-pulse", children: "Loading..." }));
+    }
+    if (error || !data) {
+        return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px]", children: ["Error loading figshare ", id, "."] }));
+    }
+    const meta = [
+        data.fileCount > 0 && `${data.fileCount} file${data.fileCount === 1 ? '' : 's'}`,
+        humanSize(data.size),
+        data.license,
+    ].filter(Boolean);
+    return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] p-3", children: [_jsxs("p", { className: "text-sm font-light", children: [_jsx("span", { className: "font-semibold text-[#c4262e]", children: "figshare" }), data.type ? ` · ${data.type}` : '', " ", data.published && _jsxs("span", { children: ["\u00B7 ", data.published] })] }), _jsx("div", { className: "mb-1 text-xl font-bold", children: _jsx("a", { href: data.url, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:underline", children: data.title }) }), data.authors.length > 0 && (_jsx("p", { className: "mb-2 text-xs font-light", children: authorList(data.authors) })), data.description && _jsx("p", { className: "text-md line-clamp-3", children: data.description }), meta.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-3 mt-3 text-xs font-light", children: meta.map((m) => (_jsx("span", { children: m }, m))) })), data.tags.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: data.tags.slice(0, 6).map((tag) => (_jsx("span", { className: "text-xs inline-flex items-center px-2 py-0.5 rounded-full border", children: tag }, tag))) }))] }));
+}
+export function FigshareLink({ id, url, children, className, }) {
+    return (_jsx(HoverPopover, { card: _jsx(FigshareChild, { id: id }), analytics: { cardKind: 'figshare_link', properties: { id } }, children: _jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: cn('hover-link', className), children: children }) }));
+}

package/dist/myst/links/geo.d.ts

@@ -0,0 +1,8 @@
+export type NcbiDb = 'gds' | 'bioproject';
+export declare function GEOLink({ accession, db, children, className, }: {
+    accession: string;
+    db?: NcbiDb;
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=geo.d.ts.map

package/dist/myst/links/geo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geo.d.ts","sourceRoot":"","sources":["../../../src/myst/links/geo.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,YAAY,CAAC;AAyK1C,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,EAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAgBA"}

package/dist/myst/links/geo.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useSWR from 'swr';
+import { cn } from '@curvenote/react-utils';
+import { HoverPopover } from '../../components/hover-popover';
+const EUTILS = 'https://eutils.ncbi.nlm.nih.gov/entrez/eutils';
+// NCBI asks E-utilities callers to identify themselves.
+const TOOL = 'tool=curvenote-reader';
+const GEO_CGI = 'https://www.ncbi.nlm.nih.gov/geo/query/acc.cgi';
+const BIOPROJECT = 'https://www.ncbi.nlm.nih.gov/bioproject';
+// GEO/GDS and PRJNA UIDs are deterministic, so we can skip esearch and hit esummary directly —
+// one request per hover instead of two, which matters under NCBI's 3 req/sec limit.
+const UID_OFFSET = {
+    GPL: 100_000_000,
+    GSE: 200_000_000,
+    GSM: 300_000_000,
+    GDS: 0,
+};
+function directUid(accession) {
+    const geo = accession.match(/^(GSE|GSM|GPL|GDS)(\d+)$/);
+    if (geo)
+        return String(UID_OFFSET[geo[1]] + Number(geo[2]));
+    // PRJNA accessions encode their UID; PRJEB/PRJDB don't, so those fall back to esearch.
+    const prjna = accession.match(/^PRJNA(\d+)$/);
+    if (prjna)
+        return prjna[1];
+    return undefined;
+}
+class RetryableError extends Error {
+}
+// eutils sends `Access-Control-Allow-Origin: *`, so we can fetch client-side. When throttled,
+// NCBI replies with an HTML page rather than JSON; surface that as a retryable error so SWR
+// backs off and retries instead of showing a hard failure.
+async function fetchJson(url) {
+    const res = await fetch(url);
+    if (res.status === 429)
+        throw new RetryableError('Rate limited by NCBI.');
+    if (!res.ok)
+        throw new Error(`Content returned with status ${res.status}.`);
+    if (!(res.headers.get('content-type') ?? '').includes('json')) {
+        throw new RetryableError('Non-JSON response from NCBI (likely rate limited).');
+    }
+    return res.json();
+}
+async function resolveUid(accession, db) {
+    const direct = directUid(accession);
+    if (direct)
+        return direct;
+    const search = await fetchJson(`${EUTILS}/esearch.fcgi?db=${db}&retmode=json&${TOOL}&term=${accession}`);
+    const uid = search?.esearchresult?.idlist?.[0];
+    if (!uid)
+        throw new Error(`No ${db} record for ${accession}.`);
+    return uid;
+}
+function toGeoCard(r, accession) {
+    const acc = r.accession || accession;
+    const samples = Number(r.n_samples) > 0 ? `${r.n_samples} samples` : undefined;
+    return {
+        kindLabel: r.entrytype ? `GEO: ${r.entrytype}` : 'GEO',
+        accession: acc,
+        title: r.title,
+        date: r.pdat,
+        badges: [r.taxon, r.gdstype, samples].filter(Boolean),
+        summary: r.summary,
+        pubmedids: r.pubmedids,
+        href: `${GEO_CGI}?acc=${acc}`,
+    };
+}
+function toBioProjectCard(r, accession) {
+    const acc = r.project_acc || accession;
+    return {
+        kindLabel: 'BioProject',
+        accession: acc,
+        title: r.project_title || r.project_name,
+        date: r.registration_date?.split(' ')[0],
+        badges: [r.organism_name, r.project_data_type, r.project_methodtype].filter(Boolean),
+        summary: r.project_description,
+        href: `${BIOPROJECT}/${acc}`,
+    };
+}
+async function fetchNcbi(accession, db) {
+    const uid = await resolveUid(accession, db);
+    const json = await fetchJson(`${EUTILS}/esummary.fcgi?db=${db}&retmode=json&${TOOL}&id=${uid}`);
+    const record = json?.result?.[uid];
+    if (!record || record.error)
+        throw new Error(`No record for ${accession}.`);
+    return db === 'bioproject' ? toBioProjectCard(record, accession) : toGeoCard(record, accession);
+}
+function canonicalHref(accession, db) {
+    return db === 'bioproject' ? `${BIOPROJECT}/${accession}` : `${GEO_CGI}?acc=${accession}`;
+}
+function Badge({ children }) {
+    return (_jsx("span", { className: "inline-flex items-center px-3 py-1 ml-1 text-xs uppercase rounded-full border", children: children }));
+}
+function NcbiChild({ accession, db }) {
+    const { data, error } = useSWR(`${db}:${accession}`, () => fetchNcbi(accession, db), {
+        // NCBI records are effectively immutable; keep them cached and avoid extra requests against the rate limit.
+        revalidateOnFocus: false,
+        dedupingInterval: 60_000,
+        // Retry throttled responses with backoff; give up immediately on real failures (404, bad accession).
+        onErrorRetry: (err, _key, _config, revalidate, { retryCount }) => {
+            if (!(err instanceof RetryableError) || retryCount >= 5)
+                return;
+            setTimeout(() => revalidate({ retryCount }), 1500 * 2 ** retryCount);
+        },
+    });
+    if (!data && !error) {
+        return (_jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] animate-pulse", children: "Loading..." }));
+    }
+    if (error || !data) {
+        return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px]", children: ["Error loading ", accession, "."] }));
+    }
+    return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px] p-3", children: [_jsxs("p", { className: "text-sm font-light", children: [data.kindLabel, " ", data.date && _jsxs("span", { children: ["\u00B7 ", data.date] })] }), _jsxs("div", { className: "mb-2 text-xl font-bold", children: [data.title || data.accession, " ", _jsx("code", { children: data.accession })] }), data.badges.length > 0 && (_jsx("div", { className: "flex flex-wrap mb-3 ml-1", children: data.badges.map((badge) => (_jsx(Badge, { children: badge }, badge))) })), data.summary && _jsx("p", { className: "text-md line-clamp-4", children: data.summary }), data.pubmedids && data.pubmedids.length > 0 && (_jsxs("div", { className: "mt-3 text-xs", children: ["Related:", ' ', data.pubmedids.map((pmid, i) => (_jsxs("span", { children: [i > 0 && ', ', _jsxs("a", { href: `https://pubmed.ncbi.nlm.nih.gov/${pmid}`, target: "_blank", rel: "noopener noreferrer", className: "link", children: ["PMID:", pmid] })] }, pmid)))] }))] }));
+}
+export function GEOLink({ accession, db = 'gds', children, className, }) {
+    return (_jsx(HoverPopover, { card: _jsx(NcbiChild, { accession: accession, db: db }), analytics: { cardKind: 'geo_link', properties: { accession, db } }, children: _jsx("a", { href: canonicalHref(accession, db), target: "_blank", rel: "noopener noreferrer", className: cn('hover-link', className), children: children }) }));
+}

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

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export declare function GithubLink({ kind, children, url, org, repo, raw, file, from, to, issue_number, className, }: {
+    kind: 'file' | 'issue' | 'repo';
+    children: ReactNode;
+    url: string;
+    org: string;
+    repo: string;
+    raw?: string;
+    file?: string;
+    from?: number;
+    to?: number;
+    issue_number?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=github.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../../src/myst/links/github.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyXtE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAgDA"}