@myst-theme/jupyter 0.3.0 → 0.3.1

package/dist/cjs/BinderBadge.js

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

package/dist/cjs/components.js

@@ -18,7 +18,7 @@ const hooks_1 = require("./hooks");
 const MaybeLongContent = ({ content, path, render, }) => {
     const { error, data } = (0, hooks_1.useLongContent)(content, path);
     if (error) {
-        return (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-red-500" }, { children: ["Error loading content: ", error.message] }));
+        return (0, jsx_runtime_1.jsxs)("div", { className: "text-red-500", children: ["Error loading content: ", error.message] });
     }
     if (!data) {
         return (0, jsx_runtime_1.jsx)("div", { children: "Fetching long content...." });

package/dist/cjs/error.js

@@ -9,7 +9,7 @@ const nbtx_1 = require("nbtx");
 const components_1 = require("./components");
 function Error({ output }) {
     return ((0, jsx_runtime_1.jsx)(components_1.MaybeLongContent, { content: (0, nbtx_1.ensureString)(output.traceback), path: output.path, render: (content) => {
-            return ((0, jsx_runtime_1.jsx)("pre", Object.assign({ className: "text-sm font-thin font-system jupyter-error" }, { children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: content !== null && content !== void 0 ? content : '' }) })));
+            return ((0, jsx_runtime_1.jsx)("pre", { className: "text-sm font-thin font-system jupyter-error", children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: content !== null && content !== void 0 ? content : '' }) }));
         } }));
 }
 exports.default = Error;

package/dist/cjs/hooks.js

@@ -54,7 +54,7 @@ function useLongContent(content, url) {
 }
 exports.useLongContent = useLongContent;
 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/cjs/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/cjs/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/cjs/jupyter.js

@@ -29,48 +29,50 @@ const react_1 = __importStar(require("react"));
 const hooks_1 = require("./hooks");
 const nbtx_1 = require("nbtx");
 const convertImages_1 = require("./convertImages");
-const thebe_react_1 = require("thebe-react");
 const providers_1 = require("./providers");
 const myst_common_1 = require("myst-common");
 const providers_2 = require("@myst-theme/providers");
+const thebe_react_1 = require("thebe-react");
 function ActiveOutputRenderer({ id, data }) {
-    const ref = (0, providers_1.useCellRef)(id);
     const exec = (0, providers_1.useNotebookCellExecution)(id);
+    const ref = (0, react_1.useRef)(null);
     (0, react_1.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 (0, jsx_runtime_1.jsx)("div", { ref: ref, "data-thebe-active-ref": "true", className: "relative" });
 }
 function PassiveOutputRenderer({ id, data, core, kind, }) {
-    const [cell] = (0, react_1.useState)(new core.PassiveCellRenderer(id, undefined, undefined));
+    const cell = (0, react_1.useRef)(new core.PassiveCellRenderer(id, undefined, undefined));
     const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        cell.render(data, kind === myst_common_1.SourceFileKind.Article);
-    }, [data, cell]);
     (0, react_1.useEffect)(() => {
         if (!ref.current)
             return;
-        cell.attachToDOM(ref.current, true);
+        cell.current.attachToDOM(ref.current, true);
+        cell.current.render(data, kind === myst_common_1.SourceFileKind.Article);
     }, [ref]);
     return (0, jsx_runtime_1.jsx)("div", { ref: ref, "data-thebe-passive-ref": "true" });
 }
-const MemoPassiveOutputRenderer = react_1.default.memo(PassiveOutputRenderer);
-const JupyterOutputs = ({ id, outputs }) => {
+exports.JupyterOutputs = react_1.default.memo(({ id, outputs }) => {
     var _a;
-    const { core, load } = (0, thebe_react_1.useThebeCore)();
+    const { core, load } = (0, thebe_react_1.useThebeLoader)();
     const { inCrossRef } = (0, providers_2.useXRefState)();
     const { data, error } = (0, hooks_1.useFetchAnyTruncatedContent)(outputs);
-    const [loaded, setLoaded] = (0, react_1.useState)(false);
     const [fullOutputs, setFullOutputs] = (0, react_1.useState)(null);
-    const registry = (0, providers_1.useCellRefRegistry)();
     const exec = (0, providers_1.useNotebookCellExecution)(id);
     (0, react_1.useEffect)(() => {
         if (core)
@@ -78,20 +80,19 @@ const JupyterOutputs = ({ id, outputs }) => {
         load();
     }, [core, load]);
     (0, react_1.useEffect)(() => {
-        if (!data || loaded || fullOutputs != null)
+        if (!data || fullOutputs != null)
             return;
-        setLoaded(true);
         (0, convertImages_1.fetchAndEncodeOutputImages)(data).then((out) => {
             const compactOutputs = (0, nbtx_1.convertToIOutputs)(out, {});
             setFullOutputs(compactOutputs);
         });
     }, [id, data, fullOutputs]);
     if (error) {
-        return (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-red-500" }, { children: ["Error rendering output: ", error.message] }));
+        console.error(error);
+        return (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: registry === null || registry === void 0 ? void 0 : registry.register(id), "data-thebe-active-ref": "true" }, { children: [!fullOutputs && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && (0, jsx_runtime_1.jsx)(ActiveOutputRenderer, { id: id, data: fullOutputs })] })));
+    if (!inCrossRef && (exec === null || exec === void 0 ? void 0 : exec.ready)) {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [!fullOutputs && (0, jsx_runtime_1.jsx)("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && (0, jsx_runtime_1.jsx)(ActiveOutputRenderer, { id: id, data: fullOutputs })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!fullOutputs && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && core && ((0, jsx_runtime_1.jsx)(MemoPassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: (_a = exec === null || exec === void 0 ? void 0 : exec.kind) !== null && _a !== void 0 ? _a : myst_common_1.SourceFileKind.Notebook }))] }));
-};
-exports.JupyterOutputs = JupyterOutputs;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [!fullOutputs && (0, jsx_runtime_1.jsx)("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && core && ((0, jsx_runtime_1.jsx)(PassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: (_a = exec === null || exec === void 0 ? void 0 : exec.kind) !== null && _a !== void 0 ? _a : myst_common_1.SourceFileKind.Notebook }))] }));
+});

package/dist/cjs/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/cjs/output.js

@@ -10,6 +10,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const safe_1 = require("./safe");
 const jupyter_1 = require("./jupyter");
 const providers_1 = require("./providers");
+const react_1 = require("react");
 exports.DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 exports.DIRECT_MIME_TYPES = new Set([
     nbtx_1.KnownCellOutputMimeTypes.TextPlain,
@@ -32,21 +33,21 @@ function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
 }
 exports.allOutputsAreSafe = allOutputsAreSafe;
 function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
-    const exec = (0, providers_1.useNotebookCellExecution)(nodeKey);
+    const ready = (0, providers_1.useReadyToExecute)();
     const outputs = data;
-    const allSafe = allOutputsAreSafe(outputs, exports.DIRECT_OUTPUT_TYPES, exports.DIRECT_MIME_TYPES);
+    const allSafe = (0, react_1.useMemo)(() => allOutputsAreSafe(outputs, exports.DIRECT_OUTPUT_TYPES, exports.DIRECT_MIME_TYPES), [outputs]);
     let component;
-    if (allSafe && !(exec === null || exec === void 0 ? void 0 : exec.ready)) {
+    if (allSafe && !ready) {
         component = (0, jsx_runtime_1.jsx)(safe_1.SafeOutputs, { keyStub: nodeKey, outputs: outputs });
     }
     else {
         component = (0, jsx_runtime_1.jsx)(jupyter_1.JupyterOutputs, { id: nodeKey, outputs: outputs });
     }
-    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: (0, classnames_1.default)('max-w-full overflow-auto m-0 group not-prose relative', {
+    return ((0, jsx_runtime_1.jsx)("figure", { id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: (0, classnames_1.default)('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 }));
 }
 function Output(node) {
     // Note, NodeRenderer's can't have hooks in it directly!

package/dist/cjs/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/cjs/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"}

package/dist/cjs/providers.js

@@ -32,58 +32,42 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNotebookCellExecution = exports.useNotebookExecution = exports.useMDASTNotebook = exports.useCellRef = exports.useCellRefRegistry = exports.useHasNotebookProvider = exports.NotebookProvider = exports.notebookFromMdast = exports.ConfiguredThebeServerProvider = void 0;
+exports.useNotebookCellExecution = exports.useReadyToExecute = exports.useNotebookExecution = exports.useMDASTNotebook = exports.useHasNotebookProvider = exports.NotebookProvider = exports.notebookFromMdast = exports.ConfiguredThebeServerProvider = exports.useComputeOptions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const myst_common_1 = require("myst-common");
 const react_1 = __importStar(require("react"));
 const thebe_react_1 = require("thebe-react");
 const providers_1 = require("@myst-theme/providers");
-function getThebeOptions() {
-    var _a, _b, _c;
-    const { thebe, binderUrl } = (0, providers_1.useComputeOptions)();
-    const { mathjaxUrl, mathjaxConfig, binder, server, kernelName, sessionName, disableSessionSaving, local, } = (_a = thebe) !== null && _a !== void 0 ? _a : {};
-    const output = { mathjaxUrl, mathjaxConfig };
-    if (binder) {
-        const useBinder = binder === true ? {} : binder;
-        output.binderOptions = {
-            binderUrl: (_b = useBinder.url) !== null && _b !== void 0 ? _b : binderUrl,
-            ref: useBinder.ref,
-            repo: useBinder.repo,
-            repoProvider: useBinder.provider,
+const utils_1 = require("./utils");
+function useComputeOptions() {
+    const config = (0, providers_1.useSiteManifest)();
+    const makeOptions = () => {
+        var _a;
+        if (!config)
+            return { canCompute: false };
+        // TODO there may be multiple projects?
+        // useProjectManifest?
+        const mainProject = (_a = config === null || config === void 0 ? void 0 : config.projects) === null || _a === void 0 ? void 0 : _a[0];
+        const thebeFrontmatter = mainProject === null || mainProject === void 0 ? void 0 : mainProject.thebe;
+        const githubBadgeUrl = mainProject === null || mainProject === void 0 ? void 0 : mainProject.github;
+        const binderBadgeUrl = mainProject === null || mainProject === void 0 ? void 0 : mainProject.binder;
+        const thebeOptions = (0, utils_1.thebeFrontmatterToOptions)(thebeFrontmatter, githubBadgeUrl, binderBadgeUrl);
+        return {
+            canCompute: thebeFrontmatter !== undefined && thebeFrontmatter !== false,
+            thebe: thebeOptions,
+            githubBadgeUrl,
+            binderBadgeUrl,
         };
-    }
-    const useServer = (local !== null && local !== void 0 ? local : server);
-    if (server) {
-        const splitUrl = (_c = useServer.url) === null || _c === void 0 ? void 0 : _c.split('://');
-        const wsUrl = (splitUrl === null || splitUrl === void 0 ? void 0 : splitUrl.length) === 2 ? `ws://${splitUrl[1]}` : undefined;
-        output.serverSettings = {
-            baseUrl: useServer.url,
-            token: useServer.token,
-            wsUrl,
-            appendToken: true,
-        };
-    }
-    output.kernelOptions = {
-        kernelName: kernelName,
-        name: kernelName,
-        path: sessionName,
     };
-    if (!disableSessionSaving) {
-        output.savedSessionOptions = {
-            enabled: true,
-            maxAge: 38300,
-            storagePrefix: 'thebe',
-        };
-    }
-    return output;
+    return react_1.default.useMemo(makeOptions, [config]);
 }
+exports.useComputeOptions = useComputeOptions;
 function ConfiguredThebeServerProvider({ children }) {
-    const thebe = getThebeOptions();
-    return ((0, jsx_runtime_1.jsx)(thebe_react_1.ThebeServerProvider, Object.assign({ connect: false, options: thebe }, { children: children })));
+    const { thebe } = useComputeOptions();
+    return ((0, jsx_runtime_1.jsx)(thebe_react_1.ThebeServerProvider, { connect: false, options: thebe, useBinder: thebe === null || thebe === void 0 ? void 0 : thebe.useBinder, useJupyterLite: thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite, children: children }));
 }
 exports.ConfiguredThebeServerProvider = ConfiguredThebeServerProvider;
-function notebookFromMdast(core, config, mdast, idkMap) {
-    const rendermime = undefined; // share rendermime beyond notebook scope?
+function notebookFromMdast(core, config, mdast, idkMap, rendermime) {
     const notebook = new core.ThebeNotebook(mdast.key, config, rendermime);
     // no metadata included in mdast yet
     //Object.assign(notebook.metadata, ipynb.metadata);
@@ -115,18 +99,17 @@ function NotebookProvider({ siteConfig, page, children, }) {
     // so at some point this gets the whole site config and can
     // be use to lookup notebooks and recover ThebeNotebooks that
     // can be used to execute notebook pages or blocks in articles
-    const { core } = (0, thebe_react_1.useThebeCore)();
+    const { core } = (0, thebe_react_1.useThebeLoader)();
     const { config } = (0, thebe_react_1.useThebeConfig)();
+    const rendermime = (0, thebe_react_1.useRenderMimeRegistry)();
     const { ready, attached, executing, executed, errors, executeAll, executeSome, clear, session, notebook, setNotebook, } = (0, thebe_react_1.useNotebookBase)();
-    const registry = (0, react_1.useRef)({});
     const idkMap = (0, react_1.useRef)({});
     (0, react_1.useEffect)(() => {
         if (!core || !config)
             return;
-        registry.current = {};
         idkMap.current = {};
         if (page.kind === myst_common_1.SourceFileKind.Notebook) {
-            const nb = notebookFromMdast(core, config, page.mdast, idkMap.current);
+            const nb = notebookFromMdast(core, config, page.mdast, idkMap.current, rendermime);
             setNotebook(nb);
         }
         else {
@@ -134,20 +117,7 @@ function NotebookProvider({ siteConfig, page, children, }) {
             setNotebook(undefined);
         }
     }, [core, config, page]);
-    function register(id) {
-        return (el) => {
-            if (el != null && registry.current[idkMap.current[id]] !== el) {
-                if (!el.isConnected) {
-                    console.debug(`skipping ref for cell ${id} as host is not connected`);
-                }
-                else {
-                    console.debug(`new ref for cell ${id} registered`);
-                    registry.current[idkMap.current[id]] = el;
-                }
-            }
-        };
-    }
-    return ((0, jsx_runtime_1.jsx)(NotebookContext.Provider, Object.assign({ value: {
+    return ((0, jsx_runtime_1.jsx)(NotebookContext.Provider, { value: {
             kind: page.kind,
             ready,
             attached,
@@ -157,12 +127,10 @@ function NotebookProvider({ siteConfig, page, children, }) {
             executeAll,
             executeSome,
             notebook,
-            registry: registry.current,
             idkMap: idkMap.current,
-            register,
             restart: () => { var _a; return (_a = session === null || session === void 0 ? void 0 : session.restart()) !== null && _a !== void 0 ? _a : Promise.resolve(); },
             clear,
-        } }, { children: children })));
+        }, children: children }));
 }
 exports.NotebookProvider = NotebookProvider;
 function useHasNotebookProvider() {
@@ -170,24 +138,6 @@ function useHasNotebookProvider() {
     return notebookState !== undefined;
 }
 exports.useHasNotebookProvider = useHasNotebookProvider;
-function useCellRefRegistry() {
-    const notebookState = (0, react_1.useContext)(NotebookContext);
-    if (notebookState === undefined)
-        return undefined;
-    return { register: notebookState.register };
-}
-exports.useCellRefRegistry = useCellRefRegistry;
-function useCellRef(id) {
-    var _a;
-    const notebookState = (0, react_1.useContext)(NotebookContext);
-    if (notebookState === undefined)
-        return undefined;
-    const { registry, idkMap } = notebookState;
-    const entry = Object.entries(notebookState.registry).find(([cellId]) => cellId === idkMap[id]);
-    console.debug('useCellRef', { id, registry, idkMap, entry });
-    return { el: (_a = entry === null || entry === void 0 ? void 0 : entry[1]) !== null && _a !== void 0 ? _a : null };
-}
-exports.useCellRef = useCellRef;
 function useMDASTNotebook() {
     const notebookState = (0, react_1.useContext)(NotebookContext);
     return notebookState;
@@ -201,6 +151,12 @@ function useNotebookExecution() {
     return { ready, attached, executing, executed, errors, execute: executeAll, notebook, clear };
 }
 exports.useNotebookExecution = useNotebookExecution;
+function useReadyToExecute() {
+    var _a;
+    const notebookState = (0, react_1.useContext)(NotebookContext);
+    return (_a = notebookState === null || notebookState === void 0 ? void 0 : notebookState.ready) !== null && _a !== void 0 ? _a : false;
+}
+exports.useReadyToExecute = useReadyToExecute;
 function useNotebookCellExecution(id) {
     // setup a cell only executing state
     const [executing, setExecuting] = (0, react_1.useState)(false);
@@ -218,15 +174,17 @@ function useNotebookCellExecution(id) {
         });
     }
     const cell = notebook === null || notebook === void 0 ? void 0 : notebook.getCellById(cellId);
-    return {
-        kind,
-        ready,
-        cell,
-        executing,
-        notebookIsExecuting,
-        execute,
-        clear: () => cell === null || cell === void 0 ? void 0 : cell.clear(),
-        notebook,
-    };
+    return notebook
+        ? {
+            kind,
+            ready,
+            cell,
+            executing,
+            notebookIsExecuting,
+            execute,
+            clear: () => cell === null || cell === void 0 ? void 0 : cell.clear(),
+            notebook,
+        }
+        : undefined;
 }
 exports.useNotebookCellExecution = useNotebookCellExecution;

package/dist/cjs/safe.js

@@ -61,7 +61,7 @@ function SafeOutput({ output }) {
             if (image)
                 return (0, jsx_runtime_1.jsx)(OutputImage, { image: image, text: text });
             if (text)
-                return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "whitespace-pre-wrap font-mono text-sm" }, { children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: text.content }) })));
+                return ((0, jsx_runtime_1.jsx)("div", { className: "whitespace-pre-wrap font-mono text-sm", children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: text.content }) }));
             return null;
         }
         default:

package/dist/cjs/stream.js

@@ -8,6 +8,6 @@ const ansi_to_react_1 = __importDefault(require("ansi-to-react"));
 const nbtx_1 = require("nbtx");
 const components_1 = require("./components");
 function Stream({ output }) {
-    return ((0, jsx_runtime_1.jsx)(components_1.MaybeLongContent, { content: (0, nbtx_1.ensureString)(output.text), path: output.path, render: (content) => ((0, jsx_runtime_1.jsx)("pre", Object.assign({ className: "text-sm font-thin font-system" }, { children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: content !== null && content !== void 0 ? content : '' }) }))) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.MaybeLongContent, { content: (0, nbtx_1.ensureString)(output.text), path: output.path, render: (content) => ((0, jsx_runtime_1.jsx)("pre", { className: "text-sm font-thin font-system", children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: content !== null && content !== void 0 ? content : '' }) })) }));
 }
 exports.default = Stream;

package/dist/cjs/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Thebe } from 'myst-frontmatter';
+import type { CoreOptions } from 'thebe-core';
+export type ExtendedCoreOptions = CoreOptions & {
+    useBinder?: boolean;
+    useJupyterLite?: boolean;
+};
+export declare function thebeFrontmatterToOptions(fm: boolean | Thebe | undefined, githubBadgeUrl: string | undefined, binderBadgeUrl: string | undefined): ExtendedCoreOptions | undefined;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EAIN,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,YAAY,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqDF,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,EAC/B,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,cAAc,EAAE,MAAM,GAAG,SAAS,GACjC,mBAAmB,GAAG,SAAS,CA+IjC"}