@curvenote/renderers 1.0.1 → 2.0.0

package/dist/components/copy-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/components/copy-icon.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CA2CrE"}

package/dist/components/copy-icon.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } 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/components/CopyIcon.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/components/CopyIcon.tsx
+import { DocumentDuplicateIcon, CheckIcon } from '@heroicons/react/24/outline';
+import { useAnalytics } from '@curvenote/theme-ui';
+import { cn } from '@curvenote/react-utils';
+import { useCallback, useState } from 'react';
+export function CopyIcon({ text, className, analytics }) {
+    const capture = useAnalytics();
+    const [copied, setCopied] = useState(false);
+    const onClick = useCallback(() => {
+        if (copied)
+            return;
+        navigator.clipboard.writeText(text).then(() => {
+            if (analytics) {
+                capture('content_code_copied', {
+                    surface: 'content',
+                    contentKind: analytics.contentKind ?? 'code',
+                    ...analytics.properties,
+                });
+            }
+            setCopied(true);
+            setTimeout(() => setCopied(false), 3000);
+        });
+    }, [analytics, capture, copied, text]);
+    return (_jsx("button", { type: "button", title: copied ? 'Copied!!' : 'Copy to Clipboard', className: cn('inline-flex items-center opacity-0 group-hover:opacity-100 hover:opacity-100 focus:opacity-100 active:opacity-100 cursor-pointer ml-2', 'transition-color duration-200 ease-in-out', {
+            'text-blue-400 hover:text-blue-500': !copied,
+            'text-green-500 hover:text-green-500': copied,
+        }, className), onClick: onClick, "aria-pressed": copied ? 'true' : 'false', "aria-label": "Copy code to clipboard", children: copied ? (_jsx(CheckIcon, { width: 24, height: 24, className: "text-success" })) : (_jsx(DocumentDuplicateIcon, { width: 24, height: 24 })) }));
+}

package/dist/components/definition-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition-list.d.ts","sourceRoot":"","sources":["../../src/components/definition-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAuCzE,eAAO,MAAM,yBAAyB,EAAE,aAIvC,CAAC"}
+{"version":3,"file":"definition-list.d.ts","sourceRoot":"","sources":["../../src/components/definition-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA8CzE,eAAO,MAAM,yBAAyB,EAAE,aAIvC,CAAC"}

package/dist/components/definition-list.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '@curvenote/react-utils';
-import { HashLink, MyST } from 'myst-to-react';
+import { HashLink } from './hash-link';
+import { MyST } from 'myst-to-react';
 const DefinitionListRenderer = ({ node, className }) => {
     return (_jsx("dl", { className: cn('my-5', className), id: node.html_id || node.identifier || node.key, children: _jsx(MyST, { ast: node.children }) }));
 };
@@ -8,7 +9,7 @@ const DefinitionTermRenderer = ({ node, className }) => {
     const allowedStrongTypes = new Set(['text', 'emphasis']);
     const makeStrong = node.children?.reduce((allowed, n) => allowed && allowedStrongTypes.has(n.type), true) ?? false;
     const id = node.html_id || node.identifier || node.key;
-    return (_jsxs("dt", { id: id, className: cn('group', className), children: [makeStrong ? (_jsx("strong", { children: _jsx(MyST, { ast: node.children }) })) : (_jsx(MyST, { ast: node.children })), _jsx(HashLink, { id: id, title: "Link to Definition Term", hover: true, className: "ml-2" })] }));
+    return (_jsxs("dt", { id: id, className: cn('group', className), children: [makeStrong ? (_jsx("strong", { children: _jsx(MyST, { ast: node.children }) })) : (_jsx(MyST, { ast: node.children })), _jsx(HashLink, { id: id, title: "Link to Definition Term", hover: true, className: "ml-2", analytics: { linkKind: 'definition_term', properties: { targetId: id } } })] }));
 };
 const DefinitionDescriptionRenderer = ({ node, className }) => {
     return (_jsx("dd", { id: node.html_id || node.identifier || node.key, className: className, children: _jsx(MyST, { ast: node.children }) }));

package/dist/components/faq.js

@@ -17,7 +17,7 @@ const FAQItemComponent = ({ id, title, content, defaultOpen, }) => {
             console.error('Failed to copy link:', err);
         }
     };
-    return (_jsx("div", { className: "border-b border-muted-background group", children: _jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { className: "flex justify-between items-start py-4 w-full text-left cursor-pointer", children: [_jsxs("div", { className: "flex gap-3 items-start", children: [_jsx("div", { className: "flex-shrink-0 mt-1.5", children: _jsx(ChevronRight, { className: cn('w-4 h-4 transition-transform duration-200', {
+    return (_jsx("div", { className: "border-b border-muted-background group", children: _jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { className: "flex justify-between items-start py-4 w-full text-left cursor-pointer", children: [_jsxs("div", { className: "flex gap-3 items-start", children: [_jsx("div", { className: "shrink-0 mt-1.5", children: _jsx(ChevronRight, { className: cn('w-4 h-4 transition-transform duration-200', {
                                                 'rotate-90': isOpen,
                                             }) }) }), _jsx("span", { className: "font-medium text-foreground", children: title })] }), _jsx(SimpleTooltip, { title: "Copy link", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => {
                                         e.stopPropagation();

package/dist/components/hash-link.d.ts

@@ -0,0 +1,3 @@
+export { HashLink, scrollToElement } from '@curvenote/theme-ui';
+export type { HashLinkProps, HashLinkAnalytics } from '@curvenote/theme-ui';
+//# sourceMappingURL=hash-link.d.ts.map

package/dist/components/hash-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-link.d.ts","sourceRoot":"","sources":["../../src/components/hash-link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/hash-link.js

@@ -0,0 +1,3 @@
+// Re-export HashLink from @curvenote/theme-ui where it now lives.
+// Kept here so existing imports from @curvenote/renderers continue to work.
+export { HashLink, scrollToElement } from '@curvenote/theme-ui';

package/dist/components/hero.d.ts

@@ -1,4 +1,4 @@
-import type { NodeRenderer } from '@myst-theme/providers';
+import { type NodeRenderer } from '@myst-theme/providers';
 import './hero.css';
 interface HeroProps {
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/components/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,OAAO,YAAY,CAAC;AAEpB,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QAChC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CACjE;AAiDD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAa,GACd,EAAE,SAAS,2CA8FX;AAuCD,eAAO,MAAM,cAAc;;;;CAAkD,CAAC"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/components/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMnF,OAAO,YAAY,CAAC;AAEpB,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QAChC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CACjE;AAiDD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAa,GACd,EAAE,SAAS,2CA4GX;AAuCD,eAAO,MAAM,cAAc;;;;CAAkD,CAAC"}

package/dist/components/hero.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@curvenote/theme-ui';
+import { useBaseurl, withBaseurl } from '@myst-theme/providers';
+import { Button, useAnalytics } from '@curvenote/theme-ui';
 import { MyST } from 'myst-to-react';
 import { cn } from '@curvenote/react-utils';
 import './hero.css';
@@ -51,6 +52,8 @@ function getOverlayClasses(overlay) {
     return backgrounds.filter(Boolean);
 }
 export function HeroComponent({ className, backgroundImage, kicker, title, content, actions, footer, maxWidth, overlay, light = false, }) {
+    const capture = useAnalytics();
+    const baseurl = useBaseurl();
     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,
@@ -65,7 +68,16 @@ export function HeroComponent({ className, backgroundImage, kicker, title, conte
                                     '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 }) }) }))] }));
+                                }, action.className), asChild: !!action.href, onClick: (event) => {
+                                    action.onClick?.();
+                                    if (!action.href)
+                                        return;
+                                    capture('content_hero_action_clicked', {
+                                        surface: 'content',
+                                        href: withBaseurl(action.href, baseurl),
+                                        actionVariant: action.variant || 'default',
+                                    });
+                                }, children: action.href ? (_jsx("a", { href: withBaseurl(action.href, baseurl), 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

package/dist/components/hover-popover.d.ts

@@ -0,0 +1,26 @@
+import * as HoverCard from '@radix-ui/react-hover-card';
+import { type ReactNode } from 'react';
+export type HoverPopoverCard = ReactNode | ((ctx: {
+    load: boolean;
+}) => ReactNode);
+export type HoverPopoverAnalytics = {
+    cardKind: string;
+    properties?: Record<string, unknown>;
+};
+export type HoverPopoverProps = {
+    children: ReactNode;
+    openDelay?: number;
+    card: HoverPopoverCard;
+    side?: HoverCard.HoverCardContentProps['side'];
+    arrowClass?: string;
+    analytics?: HoverPopoverAnalytics;
+};
+export declare function HoverPopover({ children, openDelay, card, side, arrowClass, analytics, }: HoverPopoverProps): import("react/jsx-runtime").JSX.Element;
+export type TooltipProps = {
+    title: ReactNode;
+    children: ReactNode;
+    className?: string;
+    analytics?: HoverPopoverAnalytics;
+};
+export declare function Tooltip({ title, children, className, analytics }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hover-popover.d.ts.map

package/dist/components/hover-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-popover.d.ts","sourceRoot":"","sources":["../../src/components/hover-popover.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,SAAS,MAAM,4BAA4B,CAAC;AAGxD,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,KAAK,SAAS,CAAC,CAAC;AAEnF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAyB,EACzB,SAAS,GACV,EAAE,iBAAiB,2CAmCnB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,YAAY,2CAoB9E"}

package/dist/components/hover-popover.js

@@ -0,0 +1,26 @@
+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/components/HoverPopover.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/components/HoverPopover.tsx
+import * as HoverCard from '@radix-ui/react-hover-card';
+import { OverlayDepthIncrement, useAnalytics } from '@curvenote/theme-ui';
+import { cn } from '@curvenote/react-utils';
+import { useCallback, useState } from 'react';
+export function HoverPopover({ children, openDelay = 400, card, side, arrowClass = 'fill-white', analytics, }) {
+    const capture = useAnalytics();
+    const [load, setLoad] = useState(false);
+    const onOpenChange = useCallback((open) => {
+        if (!open || !analytics)
+            return;
+        capture('content_hover_card_opened', {
+            surface: 'content',
+            cardKind: analytics.cardKind,
+            ...analytics.properties,
+        });
+    }, [analytics, capture]);
+    return (_jsxs(HoverCard.Root, { openDelay: openDelay, onOpenChange: onOpenChange, children: [_jsx(HoverCard.Trigger, { asChild: true, onMouseEnter: () => setLoad(true), children: children }), _jsx(HoverCard.Portal, { children: _jsx(HoverCard.Content, { className: "exclude-from-outline hover-card-content", sideOffset: 5, side: side, children: _jsxs(OverlayDepthIncrement, { children: [typeof card === 'function' ? load && card({ load }) : card, _jsx(HoverCard.Arrow, { className: arrowClass })] }) }) })] }));
+}
+export function Tooltip({ title, children, className, analytics }) {
+    return (_jsx(HoverPopover, { side: "top", card: _jsx("div", { className: cn('p-1 text-xs text-white bg-blue-900 dark:bg-white dark:text-black', className), children: title }), arrowClass: "fill-blue-900 dark:fill-white", analytics: analytics, children: children }));
+}

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

@@ -1 +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"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/components/images.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAuB1D,eAAO,MAAM,eAAe;;CAA2B,CAAC"}

package/dist/components/images.js

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

package/dist/components/index.d.ts

@@ -1,3 +1,6 @@
+export * from './copy-icon';
+export * from './hash-link';
+export * from './hover-popover';
 export * from './images';
 export * from './faq';
 export * from './admonition';

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,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

@@ -1,3 +1,6 @@
+export * from './copy-icon';
+export * from './hash-link';
+export * from './hover-popover';
 export * from './images';
 export * from './faq';
 export * from './admonition';

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

@@ -1 +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"}
+{"version":3,"file":"pdb.d.ts","sourceRoot":"","sources":["../../src/components/pdb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA0EzE,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,WAAW,CAiCrD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAI5B,CAAC"}

package/dist/components/pdb.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { default as useSWR } from 'swr';
-import { HoverPopover, MyST } from 'myst-to-react';
-import { LinkCard } from '@curvenote/theme-ui';
+import { MyST } from 'myst-to-react';
+import { HoverPopover } from './hover-popover';
+import { LinkCard, useAnalytics } from '@curvenote/theme-ui';
+import { useCallback } from 'react';
+import { captureContentLinkClicked, useContentEnrichmentDisplay } from '../utils/content-analytics';
 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',
@@ -13,25 +16,58 @@ const fetcher = (id) => fetch('https://data.rcsb.org/graphql', {
     throw new Error(`Content returned with status ${res.status}.`);
 });
 function PDBChild({ pdb }) {
+    const capture = useAnalytics();
     const { data, error } = useSWR(pdb, fetcher);
+    const destinationUrl = `https://www.rcsb.org/structure/${pdb}`;
+    const captureCardLinkClick = useCallback(() => {
+        captureContentLinkClicked(capture, {
+            linkKind: 'pdb_link',
+            destinationUrl,
+            engagementSurface: 'hover_card',
+            cardKind: 'pdb_link',
+            properties: { pdb },
+        });
+    }, [capture, destinationUrl, pdb]);
+    const enrichmentOutcome = !data && !error ? 'loading' : error ? 'error' : 'success';
+    useContentEnrichmentDisplay({
+        capture,
+        enrichmentSource: 'rcsb',
+        outcome: enrichmentOutcome,
+        cardKind: 'pdb_link',
+        engagementSurface: 'hover_card',
+        properties: { pdb },
+    });
     if (!data && !error) {
         return (_jsx("div", { className: "hover-document article w-[500px] sm:max-w-[500px] animate-pulse", children: "Loading..." }));
     }
     if (error) {
         return (_jsxs("div", { className: "hover-document article w-[500px] sm:max-w-[500px]", children: ["Error loading ", pdb, "."] }));
     }
-    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("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 })] }) }));
+    return (_jsx(LinkCard, { loading: !data, url: destinationUrl, 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`, onLinkClick: captureCardLinkClick, 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 const PDBLinkRenderer = ({ node }) => {
+    const capture = useAnalytics();
     const pdb = node.data?.pdb;
+    const pdbUrl = `https://www.rcsb.org/structure/${pdb}`;
+    const captureTriggerClick = useCallback(() => {
+        const destinationUrl = pdb ? pdbUrl : node.url;
+        if (!destinationUrl)
+            return;
+        captureContentLinkClicked(capture, {
+            linkKind: 'pdb_link',
+            destinationUrl,
+            engagementSurface: 'trigger',
+            cardKind: pdb ? 'pdb_link' : undefined,
+            properties: { pdb },
+        });
+    }, [capture, node.url, pdb]);
     if (!pdb) {
-        return (_jsx("a", { href: node.url, target: "_blank", rel: "noopener noreferrer", children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("a", { href: node.url, target: "_blank", rel: "noopener noreferrer", onClick: captureTriggerClick, 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 }) }) }));
+    return (_jsx(HoverPopover, { card: _jsx(PDBChild, { pdb: pdb }), analytics: { cardKind: 'pdb_link', properties: { pdb } }, children: _jsx("a", { href: pdbUrl, target: "_blank", rel: "noopener noreferrer", onClick: captureTriggerClick, children: _jsx(MyST, { ast: node.children }) }) }));
 };
 export const LINK_RENDERERS = {
     link: {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { MYST_SPEC_VERSION } from '@myst-theme/common';
-declare const renderers: import("@myst-theme/providers").NodeRenderers;
+declare const renderers: import("@myst-theme/providers").NodeRenderersValidated;
 export * from './transforms';
 export * from './components';
 export * from './utils/abstract';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,QAAA,MAAM,SAAS,wDAqBd,CAAC;AAEF,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,33 +1,41 @@
 import { DEFAULT_RENDERERS as mystRenderers } from 'myst-to-react';
 import { mergeRenderers } from '@myst-theme/providers';
+import MATH_RENDERERS from './myst/math';
 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 { MYST_RENDERERS } from './myst/index.js';
 import { LINK_RENDERERS } from './components/pdb';
+import { BLUESKY_LINK_RENDERERS } from './components/bluesky';
 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';
+import { MYST_ANYWIDGET_RENDERERS } from './myst/anywidget.js';
+import { ANY_RENDERERS as ANY_WIDGET_RENDERERS } from '@curvenote/any-widget/react';
 export { MYST_SPEC_VERSION } from '@myst-theme/common';
 const renderers = mergeRenderers([
     mystRenderers,
+    MATH_RENDERERS,
     MERMAID_RENDERERS,
     ARTICLES_RENDERERS,
     IMAGE_RENDERERS,
     ADMONITION_RENDERERS,
     HERO_RENDERERS,
     DEFINITION_LIST_RENDERERS,
+    MYST_RENDERERS,
     LINK_RENDERERS,
+    BLUESKY_LINK_RENDERERS,
     CITE_RENDERERS,
     PERSON_CARD_RENDERERS,
     BLOG_RENDERERS,
-    ANY_RENDERERS,
+    ANY_WIDGET_RENDERERS,
+    MYST_ANYWIDGET_RENDERERS,
     // FAQ_RENDERERS,
-]);
+], true);
 export * from './transforms';
 export * from './components';
 export * from './utils/abstract';

package/dist/myst/abbreviation.d.ts

@@ -0,0 +1,6 @@
+import type { NodeRenderer } from '@myst-theme/providers';
+export declare const AbbreviationRenderer: NodeRenderer;
+export declare const ABBREVIATION_RENDERERS: {
+    abbreviation: NodeRenderer;
+};
+//# sourceMappingURL=abbreviation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abbreviation.d.ts","sourceRoot":"","sources":["../../src/myst/abbreviation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,eAAO,MAAM,oBAAoB,EAAE,YAelC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAElC,CAAC"}

package/dist/myst/abbreviation.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MyST } from 'myst-to-react';
+import { cn } from '@curvenote/react-utils';
+import { Tooltip } from '../components/hover-popover';
+export const AbbreviationRenderer = ({ node, className }) => {
+    return (_jsx(Tooltip, { title: node.title, className: cn(className), analytics: {
+            cardKind: 'abbreviation',
+            properties: { title: node.title },
+        }, children: _jsx("abbr", { "aria-label": node.title, className: "hover-text", children: _jsx(MyST, { ast: node.children }) }) }));
+};
+export const ABBREVIATION_RENDERERS = {
+    abbreviation: AbbreviationRenderer,
+};

package/dist/myst/anywidget.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"anywidget.d.ts","sourceRoot":"","sources":["../../src/myst/anywidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAgB1D,eAAO,MAAM,wBAAwB;;CAEpC,CAAC"}

package/dist/myst/anywidget.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ANY_RENDERERS } from '@myst-theme/anywidget';
+import { AnywidgetClickHost } from '../components/anywidget-host';
+import { getMystAnywidgetIdentity } from '../utils/anywidget-analytics';
+const UpstreamAnywidgetRenderer = ANY_RENDERERS.anywidget;
+const MystAnywidgetRenderer = (props) => {
+    const identity = getMystAnywidgetIdentity(props.node);
+    return (_jsx(AnywidgetClickHost, { identity: identity, children: _jsx(UpstreamAnywidgetRenderer, { ...props }) }));
+};
+export const MYST_ANYWIDGET_RENDERERS = {
+    anywidget: MystAnywidgetRenderer,
+};

package/dist/myst/code.d.ts

@@ -0,0 +1,6 @@
+import { type NodeRenderer } from '@myst-theme/providers';
+export declare const CODE_RENDERERS: {
+    code: NodeRenderer;
+    inlineCode: NodeRenderer;
+};
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/myst/code.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AA+M3E,eAAO,MAAM,cAAc;;;CAG1B,CAAC"}

package/dist/myst/code.js

@@ -0,0 +1,103 @@
+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/code.tsx
+// Patched v1.3.0: https://github.com/jupyter-book/myst-theme/blob/be74efbb7d13b926a2a6c1e67913e1b1029f28e6/packages/myst-to-react/src/code.tsx
+import { LightAsync as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { DocumentIcon } from '@heroicons/react/24/outline';
+import { useIsScrollable } from '@myst-theme/providers';
+import { cn } from '@curvenote/react-utils';
+import { Details, MyST } from 'myst-to-react';
+import { useMemo } from 'react';
+import { CopyIcon } from '../components/copy-icon';
+function normalizeLanguage(lang) {
+    switch (lang) {
+        case 'html':
+            return 'xml';
+        default:
+            return lang;
+    }
+}
+function CodeBlock({ value, lang, identifier, emphasizeLines, showLineNumbers, className, showCopy = true, startingLineNumber = 1, filename, shadow, background, border, copyAnalytics, mdastNodeType, mdastNodeId, }) {
+    const { ref: highlighterRef, isScrollable } = useIsScrollable();
+    const highlighterProps = useMemo(() => {
+        const highlightLines = new Set(emphasizeLines);
+        return {
+            language: normalizeLanguage(lang),
+            startingLineNumber,
+            showLineNumbers,
+            useInlineStyles: true,
+            wrapLines: true,
+            lineNumberContainerStyle: {
+                display: 'inline-block',
+                float: 'left',
+                minWidth: '1.25em',
+                paddingRight: '1em',
+                textAlign: 'right',
+                userSelect: 'none',
+                borderLeft: '4px solid transparent',
+            },
+            lineProps: (line) => {
+                if (typeof line === 'boolean')
+                    return {};
+                return (highlightLines.has(line)
+                    ? {
+                        'data-line-number': `${line}`,
+                        'data-highlight': 'true',
+                    }
+                    : { 'data-line-number': `${line}` });
+            },
+            customStyle: {
+                backgroundColor: 'unset',
+            },
+        };
+    }, [emphasizeLines, lang, showLineNumbers, startingLineNumber]);
+    return (_jsxs("div", { id: identifier, "data-mdast-node-type": mdastNodeType, "data-mdast-node-id": mdastNodeId, className: cn('relative myst-code group not-prose', className, {
+            'my-5 text-sm shadow hover:shadow-md dark:shadow-2xl dark:shadow-neutral-900': shadow,
+            'bg-stone-200/10': background,
+            'border border-l-4 border-gray-200 border-l-blue-400 dark:border-l-blue-400 dark:border-gray-800': border,
+        }), children: [filename && (_jsxs("div", { className: "flex flex-row pl-2 bg-white border-b dark:bg-slate-600 dark:border-slate-300", children: [_jsx(DocumentIcon, { width: "16px", height: "16px", className: "inline-block flex-none self-center text-gray-500 myst-code-filename-icon dark:text-gray-100" }), _jsx("div", { className: "self-center p-2 text-sm leading-3 myst-code-filename-title prose text-slate-600 dark:text-white", children: filename })] })), _jsx("div", { ref: highlighterRef, tabIndex: isScrollable ? 0 : undefined, role: isScrollable ? 'region' : undefined, "aria-label": "code block content", className: "block overflow-auto p-3 myst-code-body hljs", children: _jsx(SyntaxHighlighter, { ...highlighterProps, customStyle: { padding: 0, margin: 0, background: 'transparent' }, children: value }) }), showCopy && (_jsx(CopyIcon, { text: value, className: cn('absolute right-1 myst-code-copy-icon', {
+                    'top-[32px]': filename,
+                    'top-1': !filename,
+                }), analytics: copyAnalytics }))] }));
+}
+const code = ({ node, className }) => {
+    const copyAnalytics = {
+        contentKind: 'code',
+        properties: {
+            codeLanguage: node.lang,
+            codeFilename: node.filename,
+            mdastType: node.type,
+            nodeKey: node.key,
+            codeExecutable: node.executable,
+        },
+    };
+    const child = (_jsx(CodeBlock, { identifier: node.html_id, mdastNodeType: node.type, mdastNodeId: node.key, value: node.value || '', lang: node.lang, filename: node.filename, emphasizeLines: node.emphasizeLines, showLineNumbers: node.showLineNumbers, startingLineNumber: node.startingLineNumber, shadow: true, border: node.executable, background: !node.executable, className: cn({ hidden: node.visibility === 'remove' }, node.class, className), copyAnalytics: copyAnalytics }));
+    if (node.visibility === 'hide') {
+        return _jsx(Details, { title: "Source", children: child });
+    }
+    return child;
+};
+function isColor(maybeColorHash) {
+    if (!maybeColorHash || maybeColorHash.length > 9)
+        return undefined;
+    if (!new Set([4, 7, 9]).has(maybeColorHash.length))
+        return undefined;
+    const match = /^#([0-9A-Fa-f]{3,8})$/.exec(maybeColorHash);
+    if (!match)
+        return undefined;
+    return match[1];
+}
+const inlineCode = ({ node, className }) => {
+    if (isColor(node.value)) {
+        return (_jsxs("code", { className: cn('px-1 rounded bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100', className), children: [node.value, _jsx("span", { style: { backgroundColor: node.value }, className: "inline-block w-[10px] h-[10px] rounded-full ml-1" })] }));
+    }
+    if (node.children && node.children.length > 0) {
+        return (_jsx("code", { className: className, children: _jsx(MyST, { ast: node.children }) }));
+    }
+    return _jsx("code", { className: className, children: node.value });
+};
+export const CODE_RENDERERS = {
+    code,
+    inlineCode,
+};

package/dist/myst/container.d.ts

@@ -0,0 +1,7 @@
+import { type NodeRenderer } from '@myst-theme/providers';
+export declare const CONTAINER_RENDERERS: {
+    container: NodeRenderer;
+    caption: NodeRenderer;
+    legend: NodeRenderer;
+};
+//# sourceMappingURL=container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/myst/container.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0GxE,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC"}