@myst-theme/jupyter 0.1.35 → 0.1.37

package/dist/cjs/BinderBadge.d.ts

@@ -0,0 +1,4 @@
+export declare function BinderBadge({ binder }: {
+    binder?: string;
+}): JSX.Element | null;
+//# sourceMappingURL=BinderBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BinderBadge.d.ts","sourceRoot":"","sources":["../../src/BinderBadge.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,sBAe1D"}

package/dist/cjs/BinderBadge.js

@@ -0,0 +1,13 @@
+"use strict";
+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" }))] }))] })));
+}
+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, {}) })) })));
+}
+exports.BinderBadge = BinderBadge;

package/dist/cjs/ClientOnly.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export default function ClientOnly({ children }: {
+export declare function ClientOnly({ children }: {
     children: ReactNode;
 }): JSX.Element | null;
 //# sourceMappingURL=ClientOnly.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../src/ClientOnly.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAMvE"}
+{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../src/ClientOnly.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAM/D"}

package/dist/cjs/ClientOnly.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientOnly = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 function ClientOnly({ children }) {
@@ -9,4 +10,4 @@ function ClientOnly({ children }) {
     }, []);
     return mounted ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;
 }
-exports.default = ClientOnly;
+exports.ClientOnly = ClientOnly;

package/dist/cjs/index.d.ts

@@ -2,5 +2,7 @@ import { Output } from './output';
 declare const OUTPUT_RENDERERS: {
     output: typeof Output;
 };
+export * from './BinderBadge';
+export * from './providers';
 export default OUTPUT_RENDERERS;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAe,gBAAgB,CAAC"}

package/dist/cjs/index.js

@@ -1,7 +1,23 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const output_1 = require("./output");
 const OUTPUT_RENDERERS = {
     output: output_1.Output,
 };
+__exportStar(require("./BinderBadge"), exports);
+__exportStar(require("./providers"), exports);
 exports.default = OUTPUT_RENDERERS;

package/dist/cjs/jupyter.d.ts

@@ -1,5 +1,5 @@
 import type { MinifiedOutput } from 'nbtx';
-export declare const NativeJupyterOutputs: ({ id, outputs, }: {
+export declare const JupyterOutputs: ({ id, outputs }: {
     id: string;
     outputs: MinifiedOutput[];
 }) => JSX.Element;

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;AAqB3C,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBA0B1B,CAAC"}
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAmD3C,eAAO,MAAM,cAAc;QAA2B,MAAM;aAAW,cAAc,EAAE;iBAgDtF,CAAC"}

package/dist/cjs/jupyter.js

@@ -23,32 +23,58 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NativeJupyterOutputs = void 0;
+exports.JupyterOutputs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const hooks_1 = require("./hooks");
 const nbtx_1 = require("nbtx");
 const convertImages_1 = require("./convertImages");
-const thebe_provider_1 = require("./thebe-provider");
-function OutputRenderer({ id, data, core }) {
-    const [cell] = (0, react_1.useState)(new core.PassiveCellRenderer(id));
+const thebe_react_1 = require("thebe-react");
+const providers_1 = require("./providers");
+const myst_common_1 = require("myst-common");
+function ActiveOutputRenderer({ id, data }) {
+    const ref = (0, providers_1.useCellRef)(id);
+    const exec = (0, providers_1.useNotebookCellExecution)(id);
+    (0, react_1.useEffect)(() => {
+        if (!(ref === null || ref === void 0 ? void 0 : ref.el) || !(exec === null || exec === void 0 ? void 0 : exec.cell))
+            return;
+        console.debug(`Attaching cell ${exec.cell.id} to DOM at:`, {
+            el: ref.el,
+            connected: ref.el.isConnected,
+            data,
+        });
+        exec.cell.attachToDOM(ref.el);
+        exec.cell.render(data);
+    }, [ref === null || ref === void 0 ? void 0 : ref.el, exec === null || exec === void 0 ? void 0 : exec.cell]);
+    return null;
+}
+function PassiveOutputRenderer({ id, data, core, kind, }) {
+    const [cell] = (0, react_1.useState)(new core.PassiveCellRenderer(id, undefined, undefined));
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        cell.render(data);
+        cell.render(data, kind === myst_common_1.SourceFileKind.Article);
     }, [data, cell]);
     (0, react_1.useEffect)(() => {
         if (!ref.current)
             return;
-        cell.attachToDOM(ref.current);
+        cell.attachToDOM(ref.current, true);
     }, [ref]);
-    return (0, jsx_runtime_1.jsx)("div", { ref: ref });
+    return (0, jsx_runtime_1.jsx)("div", { ref: ref, "data-thebe-passive-ref": "true" });
 }
-const MemoOutputRenderer = react_1.default.memo(OutputRenderer);
-const NativeJupyterOutputs = ({ id, outputs, }) => {
-    const { core } = (0, thebe_provider_1.useThebeCore)();
+const MemoPassiveOutputRenderer = react_1.default.memo(PassiveOutputRenderer);
+const JupyterOutputs = ({ id, outputs }) => {
+    var _a;
+    const { core, load } = (0, thebe_react_1.useThebeCore)();
     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)
+            return;
+        load();
+    }, [core, load]);
     (0, react_1.useEffect)(() => {
         if (!data || loaded)
             return;
@@ -61,6 +87,9 @@ const NativeJupyterOutputs = ({ id, outputs, }) => {
     if (error) {
         return (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-red-500" }, { children: ["Error rendering output: ", error.message] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [!fullOutputs && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && core && (0, jsx_runtime_1.jsx)(MemoOutputRenderer, { id: id, core: core, data: fullOutputs })] }));
+    if (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 })] })));
+    }
+    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.NativeJupyterOutputs = NativeJupyterOutputs;
+exports.JupyterOutputs = JupyterOutputs;

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;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;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,eA+BvC"}
+{"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;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,eA2BvC"}

package/dist/cjs/output.js

@@ -9,8 +9,7 @@ const nbtx_1 = require("nbtx");
 const classnames_1 = __importDefault(require("classnames"));
 const safe_1 = require("./safe");
 const jupyter_1 = require("./jupyter");
-const ClientOnly_1 = __importDefault(require("./ClientOnly"));
-const thebe_provider_1 = require("./thebe-provider");
+const providers_1 = require("./providers");
 exports.DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 exports.DIRECT_MIME_TYPES = new Set([
     nbtx_1.KnownCellOutputMimeTypes.TextPlain,
@@ -33,17 +32,17 @@ function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
 }
 exports.allOutputsAreSafe = allOutputsAreSafe;
 function Output(node) {
+    const exec = (0, providers_1.useNotebookCellExecution)(node.key);
     const outputs = node.data;
     const allSafe = allOutputsAreSafe(outputs, exports.DIRECT_OUTPUT_TYPES, exports.DIRECT_MIME_TYPES);
     let component;
-    if (allSafe) {
+    if (allSafe && !(exec === null || exec === void 0 ? void 0 : exec.ready)) {
         component = (0, jsx_runtime_1.jsx)(safe_1.SafeOutputs, { keyStub: node.key, outputs: outputs });
     }
     else {
-        // Hide the iframe if rendering on the server
-        component = ((0, jsx_runtime_1.jsx)(ClientOnly_1.default, { children: (0, jsx_runtime_1.jsx)(thebe_provider_1.ThebeCoreProvider, { children: (0, jsx_runtime_1.jsx)(jupyter_1.NativeJupyterOutputs, { id: node.key, outputs: outputs }) }) }));
+        component = (0, jsx_runtime_1.jsx)(jupyter_1.JupyterOutputs, { id: node.key, outputs: outputs });
     }
-    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.identifier || undefined, className: (0, classnames_1.default)('max-w-full overflow-auto m-0 group not-prose relative', {
+    return ((0, jsx_runtime_1.jsx)("figure", Object.assign({ id: node.identifier || undefined, "data-mdast-node-type": node.type, "data-mdast-node-id": node.key, className: (0, classnames_1.default)('max-w-full overflow-auto m-0 group not-prose relative', {
             'text-left': !node.align || node.align === 'left',
             'text-center': node.align === 'center',
             'text-right': node.align === 'right',

package/dist/cjs/providers.d.ts

@@ -0,0 +1,67 @@
+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 { IThebeNotebookError, NotebookExecuteOptions } from 'thebe-react';
+import type { Root } from 'mdast';
+export declare function ConfiguredThebeServerProvider({ children }: React.PropsWithChildren): JSX.Element;
+export type PartialPage = {
+    kind: SourceFileKind;
+    file: string;
+    sha256: string;
+    slug: string;
+    mdast: Root;
+};
+export declare function notebookFromMdast(core: ThebeCore, config: Config, mdast: GenericParent, idkMap: Record<string, string>): ThebeNotebook;
+type CellRefRegistry = Record<string, HTMLDivElement>;
+type IdKeyMap = Record<string, string>;
+interface NotebookContextType {
+    kind: SourceFileKind;
+    ready: boolean;
+    attached: boolean;
+    executing: boolean;
+    executed: boolean;
+    errors: IThebeNotebookError[] | null;
+    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;
+}
+export declare function NotebookProvider({ siteConfig, page, children, }: React.PropsWithChildren<{
+    siteConfig: boolean;
+    page: PartialPage;
+}>): 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;
+    attached: boolean;
+    executing: boolean;
+    executed: boolean;
+    errors: IThebeNotebookError[] | null;
+    execute: (options?: NotebookExecuteOptions | undefined) => Promise<(IThebeCellExecuteReturn | null)[]>;
+    notebook: ThebeNotebook | undefined;
+    clear: () => void;
+} | undefined;
+export declare function useNotebookCellExecution(id: string): {
+    kind: SourceFileKind;
+    ready: boolean;
+    cell: IThebeCell | undefined;
+    executing: boolean;
+    notebookIsExecuting: boolean;
+    execute: (options?: NotebookExecuteOptions) => Promise<(IThebeCellExecuteReturn | null)[]>;
+    clear: () => void | undefined;
+    notebook: ThebeNotebook | undefined;
+} | undefined;
+export {};
+//# sourceMappingURL=providers.d.ts.map

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

@@ -0,0 +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,eAOlF;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,eAwErE;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"}

package/dist/cjs/providers.js

@@ -0,0 +1,232 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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;
+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 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;
+}
+function ConfiguredThebeServerProvider({ children }) {
+    const thebe = getThebeOptions();
+    return ((0, jsx_runtime_1.jsx)(thebe_react_1.ThebeServerProvider, Object.assign({ connect: false, options: thebe }, { children: children })));
+}
+exports.ConfiguredThebeServerProvider = ConfiguredThebeServerProvider;
+function notebookFromMdast(core, config, mdast, idkMap) {
+    const rendermime = undefined; // share rendermime beyond notebook scope?
+    const notebook = new core.ThebeNotebook(mdast.key, config, rendermime);
+    // no metadata included in mdast yet
+    //Object.assign(notebook.metadata, ipynb.metadata);
+    notebook.cells = mdast.children.map((block) => {
+        var _a, _b, _c;
+        if (block.type !== 'block')
+            console.warn(`Unexpected block type ${block.type}`);
+        if (block.children.length == 2 && block.children[0].type === 'code') {
+            const [codeCell, output] = block.children;
+            // use the block.key to identify the cell but maintain a mapping
+            // to allow code or output keys to look up cells and refs
+            idkMap[block.key] = block.key;
+            idkMap[codeCell.key] = block.key;
+            idkMap[output.key] = block.key;
+            return new core.ThebeCell(block.key, notebook.id, (_a = codeCell.value) !== null && _a !== void 0 ? _a : '', config, (_b = block.data) !== null && _b !== void 0 ? _b : {}, notebook.rendermime);
+        }
+        else {
+            // assume content - concatenate it
+            // TODO inject cell metadata
+            const cell = new core.ThebeNonExecutableCell(block.key, notebook.id, block.children.reduce((acc, child) => { var _a; return acc + '\n' + ((_a = child.value) !== null && _a !== void 0 ? _a : ''); }, ''), (_c = block.data) !== null && _c !== void 0 ? _c : {}, notebook.rendermime);
+            return cell;
+        }
+    });
+    return notebook;
+}
+exports.notebookFromMdast = notebookFromMdast;
+const NotebookContext = react_1.default.createContext(undefined);
+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 { config } = (0, thebe_react_1.useThebeConfig)();
+    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);
+            setNotebook(nb);
+        }
+        else {
+            // TODO will need do article relative notebook loading as appropriate once that is supported
+            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: {
+            kind: page.kind,
+            ready,
+            attached,
+            executing,
+            executed,
+            errors,
+            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 })));
+}
+exports.NotebookProvider = NotebookProvider;
+function useHasNotebookProvider() {
+    const notebookState = (0, react_1.useContext)(NotebookContext);
+    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;
+}
+exports.useMDASTNotebook = useMDASTNotebook;
+function useNotebookExecution() {
+    const notebookState = (0, react_1.useContext)(NotebookContext);
+    if (!notebookState)
+        return undefined;
+    const { ready, attached, executing, executed, errors, executeAll, notebook, clear } = notebookState;
+    return { ready, attached, executing, executed, errors, execute: executeAll, notebook, clear };
+}
+exports.useNotebookExecution = useNotebookExecution;
+function useNotebookCellExecution(id) {
+    // setup a cell only executing state
+    const [executing, setExecuting] = (0, react_1.useState)(false);
+    const notebookState = (0, react_1.useContext)(NotebookContext);
+    if (!notebookState)
+        return undefined;
+    const { kind, ready, notebook, executing: notebookIsExecuting, executeSome, idkMap, } = notebookState;
+    const cellId = idkMap[id];
+    function execute(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            setExecuting(true);
+            const execReturn = yield executeSome((cell) => cell.id === cellId, options);
+            setExecuting(false);
+            return execReturn;
+        });
+    }
+    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,
+    };
+}
+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", { children: (0, jsx_runtime_1.jsx)(ansi_to_react_1.default, { children: text.content }) }));
+                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 null;
         }
         default:

package/dist/esm/BinderBadge.d.ts

@@ -0,0 +1,4 @@
+export declare function BinderBadge({ binder }: {
+    binder?: string;
+}): JSX.Element | null;
+//# sourceMappingURL=BinderBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BinderBadge.d.ts","sourceRoot":"","sources":["../../src/BinderBadge.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,sBAe1D"}

package/dist/esm/BinderBadge.js

@@ -0,0 +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" }))] }))] })));
+}
+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, {}) })) })));
+}

package/dist/esm/ClientOnly.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export default function ClientOnly({ children }: {
+export declare function ClientOnly({ children }: {
     children: ReactNode;
 }): JSX.Element | null;
 //# sourceMappingURL=ClientOnly.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../src/ClientOnly.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAMvE"}
+{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../src/ClientOnly.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAM/D"}

package/dist/esm/ClientOnly.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-export default function ClientOnly({ children }) {
+export function ClientOnly({ children }) {
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);

package/dist/esm/index.d.ts

@@ -2,5 +2,7 @@ import { Output } from './output';
 declare const OUTPUT_RENDERERS: {
     output: typeof Output;
 };
+export * from './BinderBadge';
+export * from './providers';
 export default OUTPUT_RENDERERS;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAe,gBAAgB,CAAC"}

package/dist/esm/index.js

@@ -2,4 +2,6 @@ import { Output } from './output';
 const OUTPUT_RENDERERS = {
     output: Output,
 };
+export * from './BinderBadge';
+export * from './providers';
 export default OUTPUT_RENDERERS;

package/dist/esm/jupyter.d.ts

@@ -1,5 +1,5 @@
 import type { MinifiedOutput } from 'nbtx';
-export declare const NativeJupyterOutputs: ({ id, outputs, }: {
+export declare const JupyterOutputs: ({ id, outputs }: {
     id: string;
     outputs: MinifiedOutput[];
 }) => JSX.Element;

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;AAqB3C,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBA0B1B,CAAC"}
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAmD3C,eAAO,MAAM,cAAc;QAA2B,MAAM;aAAW,cAAc,EAAE;iBAgDtF,CAAC"}