@myst-theme/jupyter 0.3.0 → 0.3.1

package/dist/cjs/utils.js

@@ -0,0 +1,179 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.thebeFrontmatterToOptions = void 0;
+function extractGithubRepoInfo(url) {
+    const pattern = /https?:\/\/github\.com\/([^/]+)\/([^/]+)/;
+    const match = url.match(pattern);
+    if (match) {
+        return {
+            owner: match[1],
+            repo: match[2],
+        };
+    }
+    return null;
+}
+function extractBinderRepoInfo(url) {
+    const pattern = /(https?:\/\/[^/]+(?:\/[^/]+)*?)\/(v\d+)\/([^/]+)\/([^/]+)\/([^/]+)\/([^/]+)/;
+    const match = url.match(pattern);
+    if (match) {
+        const repoProviderAbbreviation = match[3];
+        let repoProvider;
+        switch (repoProviderAbbreviation) {
+            case 'gh':
+                repoProvider = 'github';
+                break;
+            case 'gl':
+                repoProvider = 'gitlab';
+                break;
+            default:
+                repoProvider = repoProviderAbbreviation;
+        }
+        return {
+            binderUrl: match[1],
+            repoProvider: repoProvider,
+            owner: match[4],
+            repo: match[5],
+            ref: match[6],
+        };
+    }
+    return null;
+}
+function isObject(maybeObject) {
+    return typeof maybeObject === 'object' && maybeObject !== null;
+}
+function thebeFrontmatterToOptions(fm, githubBadgeUrl, binderBadgeUrl) {
+    var _a;
+    if (fm === undefined || fm === false)
+        return undefined;
+    const { binder, server, lite, local, kernelName, disableSessionSaving, mathjaxConfig, mathjaxUrl, } = (_a = fm) !== null && _a !== void 0 ? _a : {};
+    const thebeOptions = { mathjaxConfig, mathjaxUrl };
+    if (disableSessionSaving) {
+        thebeOptions.savedSessionOptions = { enabled: false };
+    }
+    // handle thebe.local.*
+    // as local OVERIDES other binder and server settings, handle these first
+    // TODO need to expose NODE_ENV somehow via a loader
+    let NODE_ENV = 'development';
+    if (typeof window !== 'undefined') {
+        NODE_ENV = window.NODE_ENV;
+    }
+    if (NODE_ENV !== 'production' && local) {
+        if (isObject(local)) {
+            const { url, token, kernelName: localKernelName } = local;
+            if (url || token) {
+                thebeOptions.serverSettings = {};
+                if (url)
+                    thebeOptions.serverSettings.baseUrl = url;
+                if (token)
+                    thebeOptions.serverSettings.token = token;
+            }
+            if (localKernelName) {
+                thebeOptions.kernelOptions = { kernelName: localKernelName };
+            }
+        }
+        return thebeOptions;
+        // else just fall through & return - TODO return early?
+    }
+    // handle additional optons
+    if (kernelName) {
+        thebeOptions.kernelOptions = {
+            kernelName: kernelName,
+        };
+    }
+    // handle shortcut options for binder
+    /**
+     * github: owner/repo | url
+     * binder: url
+     * thebe: true
+     *
+     * OR
+     *
+     * github: owner/repo | url
+     * binder: url
+     * thebe:
+     *   binder: true
+     */
+    if (binder === true || (fm === true && (githubBadgeUrl || binderBadgeUrl))) {
+        thebeOptions.useBinder = true;
+        if (githubBadgeUrl || binderBadgeUrl) {
+            const isValidBinderUrl = binderBadgeUrl ? extractBinderRepoInfo(binderBadgeUrl) : false;
+            if (isValidBinderUrl) {
+                const { binderUrl, owner, repo, ref } = isValidBinderUrl;
+                thebeOptions.binderOptions = {
+                    binderUrl,
+                    repo: `${owner}/${repo}`,
+                    ref,
+                };
+            }
+            else if (githubBadgeUrl) {
+                // TODO test for owner/repo vs url
+                const isUrl = extractGithubRepoInfo(githubBadgeUrl);
+                if (isUrl != null) {
+                    const { owner, repo } = isUrl;
+                    thebeOptions.binderOptions = {
+                        repo: `${owner}/${repo}`,
+                        ref: 'HEAD',
+                    };
+                }
+                else if (githubBadgeUrl.split('/').length === 2) {
+                    // assume owner/repo
+                    thebeOptions.binderOptions = {
+                        repo: githubBadgeUrl,
+                        ref: 'HEAD',
+                    };
+                }
+                else {
+                    console.debug('myst-theme:thebeFrontmatterToOptions looks like an invalid github frontmatter value', githubBadgeUrl);
+                    console.debug('myst-theme:thebeFrontmatterToOptions cannot connect to binder');
+                    thebeOptions.useBinder = false;
+                }
+            }
+        }
+    }
+    else if (isObject(binder)) {
+        // handle fully specified binder options
+        thebeOptions.useBinder = true;
+        const { url, ref, provider, repo } = binder;
+        thebeOptions.binderOptions = {
+            ref,
+            repo,
+        };
+        if (url)
+            thebeOptions.binderOptions.binderUrl = url;
+        if (provider)
+            thebeOptions.binderOptions.repoProvider = provider; // ffs
+    }
+    // handle jupyterlite
+    /**
+     * thebe:
+     *   lite: true
+     */
+    if (lite === true) {
+        thebeOptions.useJupyterLite = true;
+    }
+    // handle shortcut options for direct server, which really is the fallback for any shortcut option
+    /**
+     * github: undefined
+     * binder: undefined
+     * thebe: true
+     *
+     * OR
+     *
+     * github: undefined
+     * binder: undefined
+     * thebe:
+     *   server: true
+     */
+    if (isObject(server)) {
+        // handle fully specified server object
+        const { url, token } = server;
+        thebeOptions.serverSettings = {};
+        if (url)
+            thebeOptions.serverSettings.baseUrl = url;
+        if (token)
+            thebeOptions.serverSettings.token = token;
+    }
+    // else if (fm === true || server === true || !server) => do nothing - just return / fall though for defaults
+    return thebeOptions;
+}
+exports.thebeFrontmatterToOptions = thebeFrontmatterToOptions;

package/dist/esm/BinderBadge.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function BinderBadgeLogo() {
-    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "109", height: "20" }, { children: [_jsxs("linearGradient", Object.assign({ id: "b", x2: "0", y2: "100%" }, { children: [_jsx("stop", { offset: "0", stopColor: "#bbb", stopOpacity: ".1" }), _jsx("stop", { offset: "1", stopOpacity: ".1" })] })), _jsx("clipPath", Object.assign({ id: "a" }, { children: _jsx("rect", { width: "109", height: "20", fill: "#fff", rx: "3" }) })), _jsxs("g", Object.assign({ clipPath: "url(#a)" }, { children: [_jsx("path", { fill: "#555", d: "M0 0h64v20H0z" }), _jsx("path", { fill: "#579aca", d: "M64 0h45v20H64z" }), _jsx("path", { fill: "url(#b)", d: "M0 0h109v20H0z" })] })), _jsxs("g", Object.assign({ fill: "#fff", fontFamily: "DejaVu Sans,Verdana,Geneva,sans-serif", fontSize: "110", textAnchor: "middle" }, { children: [_jsx("image", { width: "14", height: "14", x: "5", y: "3", href: "data:image/png;base64,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" }), _jsx("text", Object.assign({ x: "415", y: "150", fill: "#010101", fillOpacity: ".3", textLength: "370", transform: "scale(.1)" }, { children: "launch" })), _jsx("text", Object.assign({ x: "415", y: "140", textLength: "370", transform: "scale(.1)" }, { children: "launch" })), _jsx("text", Object.assign({ x: "855", y: "150", fill: "#010101", fillOpacity: ".3", textLength: "350", transform: "scale(.1)" }, { children: "binder" })), _jsx("text", Object.assign({ x: "855", y: "140", textLength: "350", transform: "scale(.1)" }, { children: "binder" }))] }))] })));
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "109", height: "20", children: [_jsxs("linearGradient", { id: "b", x2: "0", y2: "100%", children: [_jsx("stop", { offset: "0", stopColor: "#bbb", stopOpacity: ".1" }), _jsx("stop", { offset: "1", stopOpacity: ".1" })] }), _jsx("clipPath", { id: "a", children: _jsx("rect", { width: "109", height: "20", fill: "#fff", rx: "3" }) }), _jsxs("g", { clipPath: "url(#a)", children: [_jsx("path", { fill: "#555", d: "M0 0h64v20H0z" }), _jsx("path", { fill: "#579aca", d: "M64 0h45v20H64z" }), _jsx("path", { fill: "url(#b)", d: "M0 0h109v20H0z" })] }), _jsxs("g", { fill: "#fff", fontFamily: "DejaVu Sans,Verdana,Geneva,sans-serif", fontSize: "110", textAnchor: "middle", children: [_jsx("image", { width: "14", height: "14", x: "5", y: "3", href: "data:image/png;base64,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" }), _jsx("text", { x: "415", y: "150", fill: "#010101", fillOpacity: ".3", textLength: "370", transform: "scale(.1)", children: "launch" }), _jsx("text", { x: "415", y: "140", textLength: "370", transform: "scale(.1)", children: "launch" }), _jsx("text", { x: "855", y: "150", fill: "#010101", fillOpacity: ".3", textLength: "350", transform: "scale(.1)", children: "binder" }), _jsx("text", { x: "855", y: "140", textLength: "350", transform: "scale(.1)", children: "binder" })] })] }));
 }
 export function BinderBadge({ binder }) {
     if (!binder)
         return null;
-    return (_jsx("div", Object.assign({ className: "inline-block mr-1 opacity-80 hover:opacity-100" }, { children: _jsx("a", Object.assign({ href: binder, title: `Launch Binder Session: ${binder}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit" }, { children: _jsx(BinderBadgeLogo, {}) })) })));
+    return (_jsx("div", { className: "inline-block mr-1 opacity-80 hover:opacity-100", children: _jsx("a", { href: binder, title: `Launch Binder Session: ${binder}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit", children: _jsx(BinderBadgeLogo, {}) }) }));
 }

package/dist/esm/components.js

@@ -15,7 +15,7 @@ import { useLongContent } from './hooks';
 export const MaybeLongContent = ({ content, path, render, }) => {
     const { error, data } = useLongContent(content, path);
     if (error) {
-        return _jsxs("div", Object.assign({ className: "text-red-500" }, { children: ["Error loading content: ", error.message] }));
+        return _jsxs("div", { className: "text-red-500", children: ["Error loading content: ", error.message] });
     }
     if (!data) {
         return _jsx("div", { children: "Fetching long content...." });

package/dist/esm/error.js

@@ -4,6 +4,6 @@ import { ensureString } from 'nbtx';
 import { MaybeLongContent } from './components';
 export default function Error({ output }) {
     return (_jsx(MaybeLongContent, { content: ensureString(output.traceback), path: output.path, render: (content) => {
-            return (_jsx("pre", Object.assign({ className: "text-sm font-thin font-system jupyter-error" }, { children: _jsx(Ansi, { children: content !== null && content !== void 0 ? content : '' }) })));
+            return (_jsx("pre", { className: "text-sm font-thin font-system jupyter-error", children: _jsx(Ansi, { children: content !== null && content !== void 0 ? content : '' }) }));
         } }));
 }

package/dist/esm/hooks.js

@@ -47,7 +47,7 @@ export function useLongContent(content, url) {
     return { data, error };
 }
 const arrayFetcher = (...urls) => {
-    return Promise.all(urls.map((url) => fetcher(url)));
+    return Promise.all(urls.map((url) => fetcher(url[0])));
 };
 function shallowCloneOutputs(outputs) {
     return outputs.map((output) => {

package/dist/esm/jupyter.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { MinifiedOutput } from 'nbtx';
-export declare const JupyterOutputs: ({ id, outputs }: {
+export declare const JupyterOutputs: React.MemoExoticComponent<({ id, outputs }: {
     id: string;
     outputs: MinifiedOutput[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=jupyter.d.ts.map

package/dist/esm/jupyter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAoD3C,eAAO,MAAM,cAAc;QAA2B,MAAM;aAAW,cAAc,EAAE;6CAiDtF,CAAC"}
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAyD3C,eAAO,MAAM,cAAc;QACD,MAAM;aAAW,cAAc,EAAE;8CAiD1D,CAAC"}

package/dist/esm/jupyter.js

@@ -1,50 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from 'react';
 import { useFetchAnyTruncatedContent } from './hooks';
 import { convertToIOutputs } from 'nbtx';
 import { fetchAndEncodeOutputImages } from './convertImages';
-import { useThebeCore } from 'thebe-react';
-import { useCellRef, useCellRefRegistry, useNotebookCellExecution } from './providers';
+import { useNotebookCellExecution } from './providers';
 import { SourceFileKind } from 'myst-common';
 import { useXRefState } from '@myst-theme/providers';
+import { useThebeLoader } from 'thebe-react';
 function ActiveOutputRenderer({ id, data }) {
-    const ref = useCellRef(id);
     const exec = useNotebookCellExecution(id);
+    const ref = useRef(null);
     useEffect(() => {
-        if (!(ref === null || ref === void 0 ? void 0 : ref.el) || !(exec === null || exec === void 0 ? void 0 : exec.cell))
+        var _a;
+        if (!ref.current || !(exec === null || exec === void 0 ? void 0 : exec.cell)) {
+            console.debug(`No cell ref available for cell ${(_a = exec === null || exec === void 0 ? void 0 : exec.cell) === null || _a === void 0 ? void 0 : _a.id}`);
+            return;
+        }
+        if (exec.cell.isAttachedToDOM) {
+            console.debug(`Cell ${exec.cell.id} already attached to DOM`);
             return;
+        }
         console.debug(`Attaching cell ${exec.cell.id} to DOM at:`, {
-            el: ref.el,
-            connected: ref.el.isConnected,
+            el: ref.current,
+            connected: ref.current.isConnected,
             data,
         });
-        exec.cell.attachToDOM(ref.el);
+        exec.cell.attachToDOM(ref.current);
         exec.cell.render(data);
-    }, [ref === null || ref === void 0 ? void 0 : ref.el, exec === null || exec === void 0 ? void 0 : exec.cell]);
-    return null;
+    }, [ref === null || ref === void 0 ? void 0 : ref.current, exec === null || exec === void 0 ? void 0 : exec.cell]);
+    return _jsx("div", { ref: ref, "data-thebe-active-ref": "true", className: "relative" });
 }
 function PassiveOutputRenderer({ id, data, core, kind, }) {
-    const [cell] = useState(new core.PassiveCellRenderer(id, undefined, undefined));
+    const cell = useRef(new core.PassiveCellRenderer(id, undefined, undefined));
     const ref = useRef(null);
-    useEffect(() => {
-        cell.render(data, kind === SourceFileKind.Article);
-    }, [data, cell]);
     useEffect(() => {
         if (!ref.current)
             return;
-        cell.attachToDOM(ref.current, true);
+        cell.current.attachToDOM(ref.current, true);
+        cell.current.render(data, kind === SourceFileKind.Article);
     }, [ref]);
     return _jsx("div", { ref: ref, "data-thebe-passive-ref": "true" });
 }
-const MemoPassiveOutputRenderer = React.memo(PassiveOutputRenderer);
-export const JupyterOutputs = ({ id, outputs }) => {
+export const JupyterOutputs = React.memo(({ id, outputs }) => {
     var _a;
-    const { core, load } = useThebeCore();
+    const { core, load } = useThebeLoader();
     const { inCrossRef } = useXRefState();
     const { data, error } = useFetchAnyTruncatedContent(outputs);
-    const [loaded, setLoaded] = useState(false);
     const [fullOutputs, setFullOutputs] = useState(null);
-    const registry = useCellRefRegistry();
     const exec = useNotebookCellExecution(id);
     useEffect(() => {
         if (core)
@@ -52,19 +54,19 @@ export const JupyterOutputs = ({ id, outputs }) => {
         load();
     }, [core, load]);
     useEffect(() => {
-        if (!data || loaded || fullOutputs != null)
+        if (!data || fullOutputs != null)
             return;
-        setLoaded(true);
         fetchAndEncodeOutputImages(data).then((out) => {
             const compactOutputs = convertToIOutputs(out, {});
             setFullOutputs(compactOutputs);
         });
     }, [id, data, fullOutputs]);
     if (error) {
-        return _jsxs("div", Object.assign({ className: "text-red-500" }, { children: ["Error rendering output: ", error.message] }));
+        console.error(error);
+        return _jsxs("div", { className: "text-red-500", children: ["Error rendering output: ", error.message] });
     }
-    if (!inCrossRef && registry && (exec === null || exec === void 0 ? void 0 : exec.cell)) {
-        return (_jsxs("div", Object.assign({ ref: registry === null || registry === void 0 ? void 0 : registry.register(id), "data-thebe-active-ref": "true" }, { children: [!fullOutputs && _jsx("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && _jsx(ActiveOutputRenderer, { id: id, data: fullOutputs })] })));
+    if (!inCrossRef && (exec === null || exec === void 0 ? void 0 : exec.ready)) {
+        return (_jsxs("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && _jsx(ActiveOutputRenderer, { id: id, data: fullOutputs })] }));
     }
-    return (_jsxs(_Fragment, { children: [!fullOutputs && _jsx("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && core && (_jsx(MemoPassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: (_a = exec === null || exec === void 0 ? void 0 : exec.kind) !== null && _a !== void 0 ? _a : SourceFileKind.Notebook }))] }));
-};
+    return (_jsxs("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && core && (_jsx(PassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: (_a = exec === null || exec === void 0 ? void 0 : exec.kind) !== null && _a !== void 0 ? _a : SourceFileKind.Notebook }))] }));
+});

package/dist/esm/output.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;AAM/D,eAAO,MAAM,mBAAmB,aAA+B,CAAC;AAEhE,eAAO,MAAM,iBAAiB,aAMb,CAAC;AAElB,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AA0CD,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,2CAYvC"}
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;AAO/D,eAAO,MAAM,mBAAmB,aAA+B,CAAC;AAEhE,eAAO,MAAM,iBAAiB,aAMb,CAAC;AAElB,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AA6CD,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,2CAYvC"}

package/dist/esm/output.js

@@ -3,7 +3,8 @@ import { KnownCellOutputMimeTypes } from 'nbtx';
 import classNames from 'classnames';
 import { SafeOutputs } from './safe';
 import { JupyterOutputs } from './jupyter';
-import { useNotebookCellExecution } from './providers';
+import { useReadyToExecute } from './providers';
+import { useMemo } from 'react';
 export const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 export const DIRECT_MIME_TYPES = new Set([
     KnownCellOutputMimeTypes.TextPlain,
@@ -25,21 +26,21 @@ export function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
     }, true);
 }
 function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
-    const exec = useNotebookCellExecution(nodeKey);
+    const ready = useReadyToExecute();
     const outputs = data;
-    const allSafe = allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES);
+    const allSafe = useMemo(() => allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES), [outputs]);
     let component;
-    if (allSafe && !(exec === null || exec === void 0 ? void 0 : exec.ready)) {
+    if (allSafe && !ready) {
         component = _jsx(SafeOutputs, { keyStub: nodeKey, outputs: outputs });
     }
     else {
         component = _jsx(JupyterOutputs, { id: nodeKey, outputs: outputs });
     }
-    return (_jsx("figure", Object.assign({ id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: classNames('max-w-full overflow-auto m-0 group not-prose relative', {
+    return (_jsx("figure", { id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: classNames('max-w-full overflow-visible m-0 group not-prose relative', {
             'text-left': !align || align === 'left',
             'text-center': align === 'center',
             'text-right': align === 'right',
-        }) }, { children: component })));
+        }), children: component }));
 }
 export function Output(node) {
     // Note, NodeRenderer's can't have hooks in it directly!

package/dist/esm/providers.d.ts

@@ -1,9 +1,20 @@
 import type { GenericParent } from 'myst-common';
 import { SourceFileKind } from 'myst-common';
 import React from 'react';
-import type { Config, IThebeCell, IThebeCellExecuteReturn, ThebeCore, ThebeNotebook } from 'thebe-core';
+import type { Config, IRenderMimeRegistry, IThebeCell, IThebeCellExecuteReturn, ThebeCore, ThebeNotebook } from 'thebe-core';
 import type { IThebeNotebookError, NotebookExecuteOptions } from 'thebe-react';
 import type { Root } from 'mdast';
+export declare function useComputeOptions(): {
+    canCompute: boolean;
+    thebe?: undefined;
+    githubBadgeUrl?: undefined;
+    binderBadgeUrl?: undefined;
+} | {
+    canCompute: boolean;
+    thebe: import("./utils").ExtendedCoreOptions | undefined;
+    githubBadgeUrl: string | undefined;
+    binderBadgeUrl: string | undefined;
+};
 export declare function ConfiguredThebeServerProvider({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 export type PartialPage = {
     kind: SourceFileKind;
@@ -12,8 +23,7 @@ export type PartialPage = {
     slug: string;
     mdast: Root;
 };
-export declare function notebookFromMdast(core: ThebeCore, config: Config, mdast: GenericParent, idkMap: Record<string, string>): ThebeNotebook;
-type CellRefRegistry = Record<string, HTMLDivElement>;
+export declare function notebookFromMdast(core: ThebeCore, config: Config, mdast: GenericParent, idkMap: Record<string, string>, rendermime: IRenderMimeRegistry): ThebeNotebook;
 type IdKeyMap = Record<string, string>;
 interface NotebookContextType {
     kind: SourceFileKind;
@@ -25,9 +35,7 @@ interface NotebookContextType {
     executeAll: (options?: NotebookExecuteOptions | undefined) => Promise<(IThebeCellExecuteReturn | null)[]>;
     executeSome: (predicate: (cell: IThebeCell) => boolean, options?: NotebookExecuteOptions | undefined) => Promise<(IThebeCellExecuteReturn | null)[]>;
     notebook: ThebeNotebook | undefined;
-    registry: CellRefRegistry;
     idkMap: IdKeyMap;
-    register: (id: string) => (el: HTMLDivElement) => void;
     restart: () => Promise<void>;
     clear: () => void;
 }
@@ -36,12 +44,6 @@ export declare function NotebookProvider({ siteConfig, page, children, }: React.
     page: PartialPage;
 }>): import("react/jsx-runtime").JSX.Element;
 export declare function useHasNotebookProvider(): boolean;
-export declare function useCellRefRegistry(): {
-    register: (id: string) => (el: HTMLDivElement) => void;
-} | undefined;
-export declare function useCellRef(id: string): {
-    el: HTMLDivElement | null;
-} | undefined;
 export declare function useMDASTNotebook(): NotebookContextType | undefined;
 export declare function useNotebookExecution(): {
     ready: boolean;
@@ -53,6 +55,7 @@ export declare function useNotebookExecution(): {
     notebook: ThebeNotebook | undefined;
     clear: () => void;
 } | undefined;
+export declare function useReadyToExecute(): boolean;
 export declare function useNotebookCellExecution(id: string): {
     kind: SourceFileKind;
     ready: boolean;
@@ -61,7 +64,7 @@ export declare function useNotebookCellExecution(id: string): {
     notebookIsExecuting: boolean;
     execute: (options?: NotebookExecuteOptions) => Promise<(IThebeCellExecuteReturn | null)[]>;
     clear: () => void | undefined;
-    notebook: ThebeNotebook | undefined;
+    notebook: ThebeNotebook;
 } | undefined;
 export {};
 //# sourceMappingURL=providers.d.ts.map

package/dist/esm/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EACV,MAAM,EAEN,UAAU,EACV,uBAAuB,EAEvB,SAAS,EACT,aAAa,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAoDlC,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAOlF;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,iBAwC/B;AAGD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AACtD,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,CACV,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,KACzC,OAAO,CAAC,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,WAAW,EAAE,CACX,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,EACxC,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,KACzC,OAAO,CAAC,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,eAAe,CAAC;IAC1B,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;IACvD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC,2CAwErE;AAED,wBAAgB,sBAAsB,YAGrC;AAED,wBAAgB,kBAAkB;;cAIjC;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM;;cAQpC;AAED,wBAAgB,gBAAgB,oCAG/B;AAED,wBAAgB,oBAAoB;;;;;;;;;cAQnC;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM;;;;;;wBAiBhB,sBAAsB;;;cAiBxD"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EACV,MAAM,EACN,mBAAmB,EACnB,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,aAAa,EACd,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAQ/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIlC,wBAAgB,iBAAiB;;;;;;;;;;EAwBhC;AAED,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,2CAalF;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,UAAU,EAAE,mBAAmB,iBAuChC;AAED,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;IACrC,UAAU,EAAE,CACV,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,KACzC,OAAO,CAAC,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,WAAW,EAAE,CACX,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,EACxC,OAAO,CAAC,EAAE,sBAAsB,GAAG,SAAS,KACzC,OAAO,CAAC,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACjD,QAAQ,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC,2CA8DrE;AAED,wBAAgB,sBAAsB,YAGrC;AAED,wBAAgB,gBAAgB,oCAG/B;AAED,wBAAgB,oBAAoB;;;;;;;;;cAQnC;AAED,wBAAgB,iBAAiB,YAGhC;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM;;;;;;wBAiBhB,sBAAsB;;;cAmBxD"}