@curvenote/renderers 0.8.0 → 1.0.0

package/dist/components/hero.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@curvenote-theme/ui';
+import { MyST } from 'myst-to-react';
+import { cn } from '@curvenote/react-utils';
+import './hero.css';
+// Generate Tailwind classes for max-width based on breakpoints
+function getMaxWidthClasses(maxWidth) {
+    if (maxWidth == null)
+        return [];
+    const maxWidths = Array.isArray(maxWidth) ? maxWidth : [maxWidth];
+    // Round to nearest 5 and clamp between 0 and 100
+    const [sm, md, lg, xl, twoXl] = maxWidths.map((n) => {
+        if (n == null)
+            return undefined;
+        if (typeof n !== 'number' || isNaN(n))
+            return undefined;
+        return Math.max(0, Math.min(100, Math.round(n / 5) * 5));
+    });
+    return [
+        `max-w-[${sm || 100}%]`,
+        sm ? `sm:max-w-[${sm}%]` : undefined,
+        md ? `md:max-w-[${md}%]` : undefined,
+        lg ? `lg:max-w-[${lg}%]` : undefined,
+        xl ? `xl:max-w-[${xl}%]` : undefined,
+        twoXl ? `2xl:max-w-[${twoXl}%]` : undefined,
+    ].filter(Boolean);
+}
+// Generate Tailwind classes for overlays based on breakpoints
+function getOverlayClasses(overlay) {
+    if (overlay == null)
+        return [];
+    const values = Array.isArray(overlay) ? overlay : [overlay, overlay, overlay, overlay, overlay];
+    // Round to nearest 5 and clamp between 0 and 100
+    const roundedValues = values.map((n) => {
+        if (n == null)
+            return undefined;
+        if (typeof n !== 'number' || isNaN(n))
+            return undefined;
+        return Math.max(-100, Math.min(100, Math.round(n / 10) * 10));
+    });
+    const backgrounds = roundedValues.map((value, index) => {
+        const modifier = ['sm', 'md', 'lg', 'xl', '2xl'][index];
+        if (modifier == 'sm' && value == null)
+            return `bg-black/10`;
+        if (value == null)
+            return undefined;
+        if (modifier == 'sm')
+            return `bg-${value < 0 ? 'white' : 'black'}/${Math.abs(value || 10)}`;
+        return `${modifier}:bg-${value < 0 ? 'white' : 'black'}/${Math.abs(value)}`;
+    });
+    return backgrounds.filter(Boolean);
+}
+export function HeroComponent({ className, backgroundImage, kicker, title, content, actions, footer, maxWidth, overlay, light = false, }) {
+    return (_jsxs("div", { className: cn('flex overflow-hidden relative flex-col min-h-[300px]', className), children: [backgroundImage && (_jsx("div", { className: "absolute inset-0 bg-center bg-no-repeat bg-cover", style: { backgroundImage: `url(${backgroundImage})` } })), overlay != null && _jsx("div", { className: cn('absolute inset-0', ...getOverlayClasses(overlay)) }), _jsx("div", { className: "container flex relative z-10 flex-1 items-center px-4 mx-auto my-20 sm:px-6 lg:px-8", children: _jsxs("div", { className: cn('max-w-4xl', ...getMaxWidthClasses(maxWidth)), children: [kicker && (_jsx("div", { className: cn('mb-2 text-sm font-medium tracking-wide uppercase', {
+                                'text-gray-300': light === false,
+                                'text-black': light === true,
+                            }), children: kicker })), _jsx("h1", { className: cn('mb-6 text-4xl font-bold leading-tight sm:text-5xl lg:text-6xl', {
+                                'text-white': light === false,
+                                'text-black': light === true,
+                            }), children: title }), content && (_jsx("div", { className: cn('mb-8 max-w-3xl text-lg leading-relaxed sm:text-xl', {
+                                'text-gray-200': light === false,
+                                'text-black': light === true,
+                            }), children: content })), actions && actions.length > 0 && (_jsx("div", { className: "flex flex-col gap-4 sm:flex-row", children: actions.map((action, index) => (_jsx(Button, { variant: action.variant || 'default', size: "lg", className: cn('no-underline', {
+                                    'bg-transparent border-white text-white hover:bg-white hover:text-gray-900': action.variant === 'outline' && light === false,
+                                    'bg-white text-gray-900 hover:bg-gray-100': action.variant !== 'outline' && light === false,
+                                    'bg-transparent border-black text-black hover:bg-black/10': action.variant === 'outline' && light === true,
+                                    'bg-black text-gray-200 hover:bg-black/80': action.variant !== 'outline' && light === true,
+                                }, action.className), asChild: !!action.href, onClick: action.onClick, children: action.href ? _jsx("a", { href: action.href, children: action.label }) : action.label }, index))) }))] }) }), footer && (_jsx("div", { className: "w-full backdrop-blur-lg bg-black/60", children: _jsx("div", { className: "container px-4 py-6 mx-auto sm:px-6 lg:px-8", children: _jsx("div", { className: "max-w-4xl text-sm leading-relaxed text-gray-300", children: footer }) }) }))] }));
+}
+const HeroRenderer = ({ node, className }) => {
+    // Extract properties from the node
+    const properties = node.data || {};
+    // Find children by type
+    const kicker = node.children?.find((child) => child.kind === 'kicker');
+    const title = node.children?.find((child) => child.kind === 'title');
+    const body = node.children?.find((child) => child.kind === 'body');
+    const actionNodes = node.children?.find((child) => child.kind === 'actions');
+    const footer = node.children?.find((child) => child.kind === 'footer');
+    const imageNode = node.children?.find((child) => child.kind === 'backgroundImage')
+        ?.children?.[0];
+    const imageUrl = imageNode?.urlOptimized || imageNode?.url;
+    const actions = actionNodes?.children?.filter((child) => child.type === 'link');
+    return (_jsx(HeroComponent, { className: cn(className, node.class), backgroundImage: imageUrl, maxWidth: properties.maxWidth, overlay: properties.overlay, light: properties.light, kicker: kicker ? _jsx(MyST, { ast: kicker }) : undefined, title: title ? _jsx(MyST, { ast: title }) : undefined, content: body ? _jsx(MyST, { ast: body }) : undefined, actions: actions?.map((action) => ({
+            label: _jsx(MyST, { ast: action.children }),
+            href: action.url,
+            variant: action.variant || 'default',
+        })), footer: footer ? _jsx(MyST, { ast: footer }) : undefined }));
+};
+export const HERO_RENDERERS = { block: { 'block[kind=hero]': HeroRenderer } };

package/dist/components/images.d.ts

@@ -0,0 +1,5 @@
+import { type NodeRenderer } from '@myst-theme/providers';
+export declare const IMAGE_RENDERERS: {
+    image: NodeRenderer;
+};
+//# sourceMappingURL=images.d.ts.map

package/dist/components/images.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/components/images.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAe1D,eAAO,MAAM,eAAe;;CAA2B,CAAC"}

package/dist/components/images.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@myst-theme/providers';
+import { Image } from '@curvenote-theme/ui';
+const ImageRenderer = ({ node }) => {
+    return (_jsx(Image, { src: node.url, srcOptimized: node.urlOptimized, urlSource: node.urlSource, alt: node.alt }));
+};
+export const IMAGE_RENDERERS = { image: ImageRenderer };

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './images';
+export * from './faq';
+export * from './admonition';
+export * from './hero';
+export * from './definition-list';
+export * from './cite-figurebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export * from './images';
+export * from './faq';
+export * from './admonition';
+export * from './hero';
+export * from './definition-list';
+export * from './cite-figurebar';

package/dist/components/inlineError.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineError.d.ts","sourceRoot":"","sources":["../../src/components/inlineError.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,2CAO/D"}

package/dist/components/inlineError.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@curvenote/react-utils';
+import { AlertCircle } from 'lucide-react';
+export function InlineError({ value, message, className }) {
+    return (_jsxs("span", { className: cn('text-yellow-600', className), title: message || value, children: [_jsx(AlertCircle, { width: "1rem", height: "1rem", className: "inline mr-1" }), value] }));
+}

package/dist/components/mermaid.d.ts

@@ -0,0 +1,11 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare function MermaidRenderer({ id, value, className, }: {
+    value: string;
+    id: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const MermaidNodeRenderer: NodeRenderer;
+export declare const MERMAID_RENDERERS: {
+    mermaid: NodeRenderer;
+};
+//# sourceMappingURL=mermaid.d.ts.map

package/dist/components/mermaid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../src/components/mermaid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAiC1D,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAyCA;AAED,eAAO,MAAM,mBAAmB,EAAE,YAQjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;CAAmC,CAAC"}

package/dist/components/mermaid.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Modified from @myst-theme/diagrams/src/components/mermaid.tsx
+// MIC License:
+// Copyright (c) Project Jupyter
+// Additional changes Copyright (c) Curvenote, Inc.
+import { cn } from '@curvenote/react-utils';
+import { useEffect, useId, useRef, useState } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let mermaidInstance = null;
+async function getMermaid() {
+    if (!mermaidInstance) {
+        mermaidInstance = (async () => {
+            const { default: mermaid } = await import('mermaid');
+            mermaid.initialize({ startOnLoad: false });
+            return mermaid;
+        })();
+    }
+    return mermaidInstance;
+}
+async function parse(id, text) {
+    const mermaid = await getMermaid();
+    const { svg, bindFunctions } = await mermaid.render(id, text);
+    return { svg, bindFunctions };
+}
+function applyParseResult(element, svg, bindFunctions) {
+    element.innerHTML = svg;
+    bindFunctions?.(element);
+}
+export function MermaidRenderer({ id, value, className, }) {
+    const key = useId();
+    const divRef = useRef(null);
+    const [error, setError] = useState();
+    useEffect(() => {
+        if (!divRef.current)
+            return;
+        let cancelled = false;
+        const element = divRef.current;
+        parse(`mermaid-${key.replace(/:/g, '')}`, value)
+            .then(({ svg, bindFunctions }) => {
+            if (!cancelled && divRef.current === element) {
+                applyParseResult(element, svg, bindFunctions);
+                setError(undefined);
+            }
+        })
+            .catch((err) => {
+            if (!cancelled) {
+                setError(err);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [value, key]);
+    return (_jsxs("figure", { id: id, className: className, children: [_jsx("div", { ref: divRef }), error && (_jsxs("pre", { children: ["Error parsing mermaid graph.", '\n\n', error.message, '\n\n', value] }))] }));
+}
+export const MermaidNodeRenderer = ({ node, className }) => {
+    return (_jsx(MermaidRenderer, { id: node.html_id || node.identifier, value: node.value, className: cn(node.class, className) }));
+};
+export const MERMAID_RENDERERS = { mermaid: MermaidNodeRenderer };

package/dist/components/pdb.d.ts

@@ -0,0 +1,5 @@
+import type { GenericNode } from 'myst-common';
+import type { NodeRenderer, NodeRenderers } from '@myst-theme/providers';
+export declare const PDBLinkRenderer: NodeRenderer<GenericNode>;
+export declare const LINK_RENDERERS: NodeRenderers;
+//# sourceMappingURL=pdb.d.ts.map

package/dist/components/pdb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdb.d.ts","sourceRoot":"","sources":["../../src/components/pdb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAkDzE,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAgBrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAI5B,CAAC"}

package/dist/{pdbLink.js → components/pdb.js}

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { default as useSWR } from 'swr';
-import { HoverPopover, LinkCard, MyST } from 'myst-to-react';
+import { HoverPopover, MyST } from 'myst-to-react';
+import { LinkCard } from '@curvenote-theme/ui';
 const createQuery = (id) => `{"query":"query structure ($id: String!) {\n  entry(entry_id:$id){\n      rcsb_id\n      struct {\n          title\n      }\n      pubmed {\n        rcsb_pubmed_container_identifiers {\n          pubmed_id\n        }\n        rcsb_pubmed_central_id\n        rcsb_pubmed_doi\n        rcsb_pubmed_abstract_text\n        rcsb_pubmed_affiliation_info\n      }\n  }\n}\n","variables":{"id":"${id}"},"operationName":"structure"}`;
 const fetcher = (id) => fetch('https://data.rcsb.org/graphql', {
     method: 'post',
@@ -19,12 +20,21 @@ function PDBChild({ pdb }) {
     if (error) {
         return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px]", children: ["Error loading ", pdb, "."] }));
     }
-    // return <div>{JSON.stringify(data)}</div>;
+    console.log(data);
     const rcsb_id = data.data.entry.rcsb_id;
     const title = data.data.entry.struct.title;
     const abstract = data.data.entry.pubmed.rcsb_pubmed_abstract_text;
-    return (_jsx(LinkCard, { loading: !data, url: `https://www.rcsb.org/structure/${pdb}`, title: _jsxs("p", { className: "flex items-stretch gap-2 text-sm font-light", children: [_jsx("span", { children: "PDB: " }), _jsx("a", { href: `https://www.rcsb.org/structure/${pdb}`, className: "self-center", target: "_blank", rel: "noopener noreferrer", children: _jsx("code", { children: rcsb_id }) })] }), thumbnail: 'https://cdn.rcsb.org/images/structures/4n3b_assembly-1.jpeg', description: _jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 font-bold", children: title }), _jsx("p", { className: "mb-4 text-sm", children: abstract })] }) }));
+    return (_jsx(LinkCard, { loading: !data, url: `https://www.rcsb.org/structure/${pdb}`, title: _jsxs("div", { className: "flex gap-2 items-stretch text-sm font-light", children: ["PDB ", rcsb_id] }), thumbnail: `https://cdn.rcsb.org/images/structures/${rcsb_id.toLowerCase()}_assembly-1.jpeg`, description: _jsxs(_Fragment, { children: [_jsx("div", { className: "mb-4 font-bold", children: title }), _jsx("p", { className: "overflow-hidden text-sm line-clamp-5", children: abstract })] }) }));
 }
-export function PDBLink({ node, pdb }) {
+export const PDBLinkRenderer = ({ node }) => {
+    const pdb = node.data?.pdb;
+    if (!pdb) {
+        return (_jsx("a", { href: node.url, target: "_blank", rel: "noopener noreferrer", children: _jsx(MyST, { ast: node.children }) }));
+    }
     return (_jsx(HoverPopover, { card: _jsx(PDBChild, { pdb: pdb }), children: _jsx("a", { href: `https://www.rcsb.org/structure/${pdb}`, target: "_blank", rel: "noopener noreferrer", children: _jsx(MyST, { ast: node.children }) }) }));
-}
+};
+export const LINK_RENDERERS = {
+    link: {
+        'link[kind=pdb]': PDBLinkRenderer,
+    },
+};

package/dist/hooks/useOpenAlex.d.ts

@@ -0,0 +1,13 @@
+import type { OpenAlexWork } from '../utils/abstract';
+/**
+ * Hook to fetch OpenAlex work data by DOI
+ * @param doi - DOI string (can include protocol or be clean)
+ * @returns SWR response with OpenAlex work data
+ */
+export declare function useOpenAlexWork(doiString?: string): {
+    data: OpenAlexWork | undefined;
+    error: any;
+    isLoading: boolean;
+    doi: string | null | undefined;
+};
+//# sourceMappingURL=useOpenAlex.d.ts.map

package/dist/hooks/useOpenAlex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenAlex.d.ts","sourceRoot":"","sources":["../../src/hooks/useOpenAlex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAgBtD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM;;;;;EAqBjD"}

package/dist/hooks/useOpenAlex.js

@@ -0,0 +1,33 @@
+import useSWR from 'swr';
+import { doi } from 'doi-utils';
+/**
+ * Fetcher function for OpenAlex API
+ */
+async function openAlexFetcher(url) {
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch OpenAlex data: ${response.status} ${response.statusText}`);
+    }
+    return response.json();
+}
+/**
+ * Hook to fetch OpenAlex work data by DOI
+ * @param doi - DOI string (can include protocol or be clean)
+ * @returns SWR response with OpenAlex work data
+ */
+export function useOpenAlexWork(doiString) {
+    const cleanDoi = doiString ? doi.normalize(doiString) : null;
+    const { data, error, isLoading } = useSWR(cleanDoi ? `https://api.openalex.org/works/doi:${cleanDoi}` : null, openAlexFetcher, {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        dedupingInterval: 60000, // Cache for 1 minute
+        errorRetryCount: 2,
+        errorRetryInterval: 1000,
+    });
+    return {
+        data,
+        error,
+        isLoading,
+        doi: cleanDoi,
+    };
+}

package/dist/index.css

@@ -0,0 +1 @@
+@import './components/hero.css';

package/dist/index.d.ts

@@ -1,3 +1,8 @@
-export declare const curvenoteRenderers: import("@myst-theme/providers").NodeRenderers;
-export * from './transforms/index.js';
+export { MYST_SPEC_VERSION } from '@myst-theme/common';
+declare const renderers: import("@myst-theme/providers").NodeRenderers;
+export * from './transforms';
+export * from './components';
+export * from './utils/abstract';
+export * from './hooks/useOpenAlex';
+export { renderers };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,kBAAkB,+CAW7B,CAAC;AAEH,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,SAAS,+CAcb,CAAC;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/index.js

@@ -1,24 +1,35 @@
+import { DEFAULT_RENDERERS as mystRenderers } from 'myst-to-react';
 import { mergeRenderers } from '@myst-theme/providers';
-import PERSON_CARD_RENDERERS from '@curvenote/ext-person/react';
-import BLOG_RENDERERS from '@curvenote/ext-blog/react';
-import LANDING_RENDERERS from '@curvenote/ext-landing/react';
-import FOOTER_RENDERERS from '@curvenote/ext-footer/react';
-import SCIENCEICON_RENDERERS from '@scienceicons/myst/react';
-import CITE_RENDERERS from './cite.js';
-import { ANY_RENDERERS } from './any/index.js';
-import { ARTICLES_RENDERERS } from './articles.js';
-import { COLLECTIONS_RENDERERS } from './collections.js';
-import { CARD_RENDERERS } from './cards.js';
-export const curvenoteRenderers = mergeRenderers([
+import { MERMAID_RENDERERS } from './components/mermaid';
+import { ARTICLES_RENDERERS } from './articles';
+import { IMAGE_RENDERERS } from './components/images';
+import { ADMONITION_RENDERERS } from './components/admonition';
+import { HERO_RENDERERS } from './components/hero';
+import { DEFINITION_LIST_RENDERERS } from './components/definition-list';
+import { LINK_RENDERERS } from './components/pdb';
+import { CITE_RENDERERS } from './components/cite';
+import { PERSON_CARD_RENDERERS } from '@curvenote/ext-person/react';
+import { BLOG_RENDERERS } from '@curvenote/ext-blog/react';
+// import { FAQ_RENDERERS } from './faq';
+import { ANY_RENDERERS } from '@curvenote/any-widget/react';
+export { MYST_SPEC_VERSION } from '@myst-theme/common';
+const renderers = mergeRenderers([
+    mystRenderers,
+    MERMAID_RENDERERS,
+    ARTICLES_RENDERERS,
+    IMAGE_RENDERERS,
+    ADMONITION_RENDERERS,
+    HERO_RENDERERS,
+    DEFINITION_LIST_RENDERERS,
+    LINK_RENDERERS,
     CITE_RENDERERS,
     PERSON_CARD_RENDERERS,
     BLOG_RENDERERS,
-    LANDING_RENDERERS,
-    FOOTER_RENDERERS,
-    SCIENCEICON_RENDERERS,
     ANY_RENDERERS,
-    CARD_RENDERERS,
-    ARTICLES_RENDERERS,
-    COLLECTIONS_RENDERERS,
+    // FAQ_RENDERERS,
 ]);
-export * from './transforms/index.js';
+export * from './transforms';
+export * from './components';
+export * from './utils/abstract';
+export * from './hooks/useOpenAlex';
+export { renderers };

package/dist/transforms/articles.d.ts

@@ -31,5 +31,8 @@ export type OutgoingArticlesDirective = IncomingArticlesDirective & {
  * @param node
  * @returns
  */
-export declare function transformArticles(node: GenericParent): Promise<void[]>;
+export declare function transformArticles(node: GenericParent, { apiUrl, venue }: {
+    apiUrl: string;
+    venue?: string;
+}): Promise<void[]>;
 //# sourceMappingURL=articles.d.ts.map

package/dist/transforms/articles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"articles.d.ts","sourceRoot":"","sources":["../../src/transforms/articles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC;IACzB,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,GAAG;IAClE,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,aAAa,mBA0C1D"}
+{"version":3,"file":"articles.d.ts","sourceRoot":"","sources":["../../src/transforms/articles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC;IACxB,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC;IACzB,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC;IAC3B,CAAC,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,GAAG;IAClE,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CACrC,IAAI,EAAE,aAAa,EACnB,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,mBA0CtD"}

package/dist/transforms/articles.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { selectAll } from 'unist-util-select';
 import pLimit from 'p-limit';
 /**
@@ -16,46 +7,41 @@ import pLimit from 'p-limit';
  * @param node
  * @returns
  */
-export function transformArticles(node) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const articlesDirectives = selectAll('curvenoteArticles', node);
-        const applyLimit = pLimit(5);
-        return Promise.all(articlesDirectives.map((n) => __awaiter(this, void 0, void 0, function* () {
-            return applyLimit(() => __awaiter(this, void 0, void 0, function* () {
-                const output = n; // same object, modified in place
-                // ensure defaults
-                if (!n.pagination)
-                    output.pagination = 'more';
-                if (!n.layout)
-                    output.layout = 'list';
-                // build the URL
-                const apiUrl = process.env.JOURNALS_API_URL;
-                const url = new URL(`${apiUrl}sites/${n.venue}/works`);
-                if (n.collection)
-                    url.searchParams.set('collection', n.collection);
-                if (n.status && n.collection)
-                    url.searchParams.set('status', n.status);
-                else if (n.status && !n.collection)
-                    console.warn('cn:articles directive provides status without collection, status will be ignored');
-                if (n['submission-kind'])
-                    url.searchParams.set('kind', n['submission-kind']);
-                if (n.limit)
-                    url.searchParams.set('limit', n.limit.toString());
-                try {
-                    const res = yield fetch(url.toString());
-                    if (!res.ok)
-                        throw new Error(`${res.status} ${res.statusText}`);
-                    const data = (yield res.json());
-                    output.items = data.items;
-                    output.total = data.total;
-                    output.prev = data.links.prev;
-                    output.next = data.links.next;
-                }
-                catch (e) {
-                    output.error = 'Could not load listing';
-                    console.error('Could not load listing', e);
-                }
-            }));
-        })));
-    });
+export async function transformArticles(node, { apiUrl, venue }) {
+    const articlesDirectives = selectAll('curvenoteArticles', node);
+    const applyLimit = pLimit(5);
+    return Promise.all(articlesDirectives.map(async (n) => applyLimit(async () => {
+        const output = n; // same object, modified in place
+        // ensure defaults
+        if (!n.pagination)
+            output.pagination = 'more';
+        if (!n.layout)
+            output.layout = 'list';
+        // build the URL
+        const url = new URL(`${apiUrl}sites/${n.venue ?? venue}/works`);
+        if (n.collection)
+            url.searchParams.set('collection', n.collection);
+        if (n.status && n.collection)
+            url.searchParams.set('status', n.status);
+        else if (n.status && !n.collection)
+            console.warn('cn:articles directive provides status without collection, status will be ignored');
+        if (n['submission-kind'])
+            url.searchParams.set('kind', n['submission-kind']);
+        if (n.limit)
+            url.searchParams.set('limit', n.limit.toString());
+        try {
+            const res = await fetch(url.toString());
+            if (!res.ok)
+                throw new Error(`${res.status} ${res.statusText}`);
+            const data = (await res.json());
+            output.items = data.items;
+            output.total = data.total;
+            output.prev = data.links.prev;
+            output.next = data.links.next;
+        }
+        catch (e) {
+            output.error = 'Could not load listing';
+            console.error('Could not load listing', e);
+        }
+    })));
 }

package/dist/transforms/index.d.ts

@@ -1,8 +1,6 @@
 import type { PageLoader } from '@myst-theme/common';
-import type { SiteDTO } from '@curvenote/common';
-export * from './articles.js';
-export * from './collections.js';
-export * from './cards.js';
-export * from './outputs.js';
-export declare function applyCustomTransforms(site: SiteDTO, page: PageLoader): Promise<void>;
+export declare function applyCustomPageTransformsInPlace(page: PageLoader, opts?: {
+    apiUrl?: string;
+    venue?: string;
+}): Promise<void>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAMjD,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAE7B,wBAAsB,qBAAqB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,iBAK1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAsB,gCAAgC,CACpD,IAAI,EAAE,UAAU,EAChB,IAAI,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,iBAS3C"}

package/dist/transforms/index.js

@@ -1,25 +1,12 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { transformArticles } from './articles.js';
-import { transformCollections } from './collections.js';
-import { transformCards } from './cards.js';
-import { transformDecorateNotebookOutputsWithSlugs } from './outputs.js';
-export * from './articles.js';
-export * from './collections.js';
-export * from './cards.js';
-export * from './outputs.js';
-export function applyCustomTransforms(site, page) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield transformArticles(page.mdast);
-        yield transformCollections(page.mdast);
-        transformCards(site, page.mdast);
-        transformDecorateNotebookOutputsWithSlugs(page);
-    });
+import {} from 'myst-common';
+import { transformArticles } from './articles';
+import { transformDecorateNotebookOutputsWithSlugs } from './notebooks';
+export async function applyCustomPageTransformsInPlace(page, opts) {
+    if (opts?.apiUrl) {
+        await transformArticles(page.mdast, {
+            apiUrl: opts.apiUrl,
+            venue: opts.venue,
+        });
+    }
+    transformDecorateNotebookOutputsWithSlugs(page);
 }

package/dist/transforms/{outputs.d.ts → notebooks.d.ts}

@@ -1,3 +1,3 @@
 import type { PageLoader } from '@myst-theme/common';
 export declare function transformDecorateNotebookOutputsWithSlugs(page: PageLoader): void;
-//# sourceMappingURL=outputs.d.ts.map
+//# sourceMappingURL=notebooks.d.ts.map

package/dist/transforms/notebooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notebooks.d.ts","sourceRoot":"","sources":["../../src/transforms/notebooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,wBAAgB,yCAAyC,CAAC,IAAI,EAAE,UAAU,QAmBzE"}

package/dist/transforms/{outputs.js → notebooks.js}

@@ -1,14 +1,13 @@
 import { normalizeLabel } from 'myst-common';
 import { selectAll } from 'unist-util-select';
 export function transformDecorateNotebookOutputsWithSlugs(page) {
-    selectAll('container[kind=figure]:has(outputs), embed:has(outputs), container[kind=table]:has(outputs)', page.mdast).forEach((node) => {
-        var _a, _b;
+    selectAll('container[kind=figure]:has(output), embed:has(output), container[kind=table]:has(output)', page.mdast).forEach((node) => {
         const { source } = node;
         const outputs = selectAll('outputs', node);
         if (source) {
             const sideEffectOutputs = outputs[0];
-            sideEffectOutputs.notebookSlug = (_a = source.slug) !== null && _a !== void 0 ? _a : 'unknown';
-            sideEffectOutputs.html_id = (_b = normalizeLabel(source.label)) === null || _b === void 0 ? void 0 : _b.html_id;
+            sideEffectOutputs.notebookSlug = source.slug ?? 'unknown';
+            sideEffectOutputs.html_id = normalizeLabel(source.label)?.html_id;
         }
         else {
             console.warn(`no "source" on node`, node);