@myst-theme/jupyter 0.3.3 → 0.3.5

package/dist/esm/execute/provider.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SourceFileKind } from 'myst-common';
+import React, { useEffect, useReducer, useRef } from 'react';
+import { selectAll } from 'unist-util-select';
+import { reducer } from './reducer';
+import { selectAreAllDependenciesReady, selectDependenciesToFetch, selectScopeNotebooksToBuild, selectSessionsToStart, } from './selectors';
+import { MdastFetcher, NotebookBuilder, ServerMonitor, SessionStarter } from './leaf';
+export const ExecuteScopeContext = React.createContext(undefined);
+function useScopeNavigate({ contents: { slug, kind, mdast, dependencies }, state, dispatch, }) {
+    useEffect(() => {
+        if (state.pages[slug]) {
+            console.debug(`Jupyter: ExecuteScopeProvider - ${slug} is already in scope`);
+            return;
+        }
+        const computables = selectAll('container > embed', mdast).map((node) => {
+            const { key, label, source } = node;
+            const output = selectAll('output', node);
+            if (output.length === 0)
+                console.error(`embed must have exactly one output ${key}`);
+            if (output.length > 1)
+                console.warn(`embed has more than one output block ${key}}`);
+            return { embedKey: key, outputKey: output[0].key, label, source };
+        });
+        dispatch({
+            type: 'NAVIGATE',
+            payload: {
+                kind: kind,
+                slug: slug,
+                mdast: mdast,
+                dependencies: dependencies !== null && dependencies !== void 0 ? dependencies : [],
+                computables,
+            },
+        });
+    }, [slug]);
+}
+function useExecutionScopeFetcher({ slug, state, dispatch, }) {
+    useEffect(() => {
+        if (!state.builds[slug])
+            return;
+        // TODO could be moved to the leaf
+        if (state.builds[slug].status === 'pending') {
+            dispatch({ type: 'BUILD_STATUS', payload: { slug, status: 'fetching' } });
+        }
+        // TODO could be moved to the leaf
+        if (state.builds[slug].status === 'fetching') {
+            if (selectAreAllDependenciesReady(state, slug)) {
+                dispatch({ type: 'BUILD_STATUS', payload: { slug, status: 'build-notebooks' } });
+            }
+        }
+    }, [state.builds, state.mdast]);
+}
+/**
+ *  The ExecuteScopeProvider is responsible for maintaining the state of the
+ *  execution scope. It is also responsible for fetching the json for dependencies
+ *  and adding them to the sources tree.
+ */
+export function ExecuteScopeProvider({ children, contents, }) {
+    var _a;
+    // compute incoming for first render
+    const computables = selectAll('container > embed', contents.mdast).map((node) => {
+        const { key, label, source } = node;
+        const output = selectAll('output', node);
+        if (output.length === 0)
+            console.error(`embed must have exactly one output ${key}`);
+        if (output.length > 1)
+            console.warn(`embed has mpre than one output block ${key}}`);
+        return { embedKey: key, outputKey: output[0].key, label, source };
+    });
+    const initialState = {
+        mdast: {
+            [contents.slug]: { root: contents.mdast },
+        },
+        pages: {
+            [contents.slug]: {
+                computable: computables.length > 0 || contents.kind === SourceFileKind.Notebook,
+                kind: contents.kind,
+                slug: contents.slug,
+                dependencies: (_a = contents.dependencies) !== null && _a !== void 0 ? _a : [],
+                computables,
+                ready: false,
+                scopes: {},
+            },
+        },
+        builds: {},
+    };
+    const [state, dispatch] = useReducer(reducer, initialState);
+    const idkmap = useRef({});
+    useScopeNavigate({ contents, state: state, dispatch });
+    // TODO phase this out as it is based on the current slug only!
+    useExecutionScopeFetcher({ slug: contents.slug, state: state, dispatch });
+    const fetchTargets = selectDependenciesToFetch(state);
+    const notebookBuildTargets = selectScopeNotebooksToBuild(state);
+    const sessionStartTargets = selectSessionsToStart(state);
+    const memo = React.useMemo(() => ({ slug: contents.slug, state, dispatch, idkmap: idkmap.current }), [state, contents.slug]);
+    if (typeof window !== 'undefined') {
+        window.executeScope = memo;
+    }
+    return (_jsxs(ExecuteScopeContext.Provider, { value: memo, children: [_jsxs("div", { className: "hidden", children: [fetchTargets.length > 0 && (_jsx("div", { className: "p-1 pl-4", children: fetchTargets.map(({ slug, url }) => (_jsx(MdastFetcher, { slug: slug, url: url, dispatch: dispatch }, `fetch-${slug}`))) })), notebookBuildTargets.length > 0 && (_jsx("div", { className: "p-1 pl-4", children: notebookBuildTargets.map(({ pageSlug, notebookSlug }) => (_jsx(NotebookBuilder, { pageSlug: pageSlug, notebookSlug: notebookSlug, idkmap: idkmap.current, state: state, dispatch: dispatch }, `build-${pageSlug}-${notebookSlug}`))) })), sessionStartTargets.length > 0 && (_jsx("div", { className: "p-1 pl-4", children: sessionStartTargets.map(({ pageSlug, notebookSlug }) => (_jsx(SessionStarter, { pageSlug: pageSlug, notebookSlug: notebookSlug, state: state, dispatch: dispatch }, `session-${pageSlug}-${notebookSlug}`))) }))] }), _jsx(ServerMonitor, { state: state, dispatch: dispatch }), children] }));
+}

package/dist/esm/execute/reducer.d.ts

@@ -0,0 +1,4 @@
+import type { ExecuteScopeAction } from './actions';
+import type { ExecuteScopeState } from './types';
+export declare function reducer(state: ExecuteScopeState, action: ExecuteScopeAction): ExecuteScopeState;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/esm/execute/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/execute/reducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AASpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,GAAG,iBAAiB,CAuL/F"}

package/dist/esm/execute/reducer.js

@@ -0,0 +1,132 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { SourceFileKind } from 'myst-common';
+import { isAddMdastPayload, isAddNotebookPayload, isAddSessionPayload, isBuildStatusPayload, isNavigatePayload, isSlugPayload, } from './actions';
+export function reducer(state, action) {
+    switch (action.type) {
+        case 'NAVIGATE': {
+            if (!isNavigatePayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid NAVIGATE payload');
+            }
+            const { kind, slug, mdast, dependencies, computables } = action.payload;
+            if (state.pages[slug])
+                return state;
+            return Object.assign(Object.assign({}, state), { mdast: Object.assign(Object.assign({}, state.mdast), { [slug]: { root: mdast } }), pages: Object.assign(Object.assign({}, state.pages), { [slug]: {
+                        kind,
+                        slug,
+                        dependencies,
+                        computables,
+                        computable: computables.length > 0 || kind === SourceFileKind.Notebook,
+                        ready: false,
+                        scopes: {},
+                    } }) });
+        }
+        case 'ADD_MDAST': {
+            if (!isAddMdastPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid ADD_MDAST payload');
+            }
+            const { slug, mdast } = action.payload;
+            if (state.mdast[slug])
+                return state;
+            return Object.assign(Object.assign({}, state), { mdast: Object.assign(Object.assign({}, state.mdast), { [slug]: { root: mdast } }) });
+        }
+        case 'REQUEST_BUILD': {
+            if (!isSlugPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid REQUEST_BUILD payload');
+            }
+            const { slug } = action.payload;
+            if (!!state.builds[slug] && state.builds[slug].status === 'pending')
+                return state;
+            return Object.assign(Object.assign({}, state), { builds: Object.assign(Object.assign({}, state.builds), { [slug]: {
+                        status: 'pending',
+                    } }) });
+        }
+        case 'BUILD_STATUS': {
+            if (!isBuildStatusPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid BUILD_STATUS payload');
+            }
+            const { slug } = action.payload;
+            if (!state.builds[slug]) {
+                console.error(state, action.payload);
+                throw new Error('Trying to set build status when there is no build state');
+            }
+            if (state.builds[slug].status === action.payload.status)
+                return state;
+            return Object.assign(Object.assign({}, state), { builds: Object.assign(Object.assign({}, state.builds), { [slug]: Object.assign(Object.assign({}, state.builds[slug]), { status: action.payload.status }) }) });
+        }
+        case 'CLEAR_BUILD': {
+            if (!isSlugPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid CLEAR_BUILD payload');
+            }
+            const { slug } = action.payload;
+            if (!state.builds[slug])
+                return state;
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const _a = state.builds, _b = slug, _ = _a[_b], builds = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            return Object.assign(Object.assign({}, state), { builds });
+        }
+        case 'SET_RENDERING_READY': {
+            if (!isSlugPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid SET_READY payload');
+            }
+            const { slug } = action.payload;
+            if (state.pages[slug].ready)
+                return state;
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            const _c = state.builds, _d = slug, _ = _c[_d], builds = __rest(_c, [typeof _d === "symbol" ? _d : _d + ""]);
+            const newState = Object.assign(Object.assign({}, state), { builds, pages: Object.assign(Object.assign({}, state.pages), { [slug]: Object.assign(Object.assign({}, state.pages[slug]), { ready: true }) }) });
+            return newState;
+        }
+        case 'ADD_NOTEBOOK': {
+            if (!isAddNotebookPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid ADD_NOTEBOOK payload');
+            }
+            const { pageSlug, notebookSlug, notebook, rendermime } = action.payload;
+            if (!state.pages[pageSlug]) {
+                console.error(state, action.payload);
+                throw new Error('Trying to add notebook when there is no rendering state');
+            }
+            if (state.pages[pageSlug].scopes[notebookSlug]) {
+                console.warn('Trying to add notebook scope when rendering already has one', action.payload);
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { pages: Object.assign(Object.assign({}, state.pages), { [pageSlug]: Object.assign(Object.assign({}, state.pages[pageSlug]), { scopes: Object.assign(Object.assign({}, state.pages[pageSlug].scopes), { [notebookSlug]: {
+                                notebook,
+                                rendermime,
+                            } }) }) }) });
+        }
+        case 'ADD_SESSION': {
+            if (!isAddSessionPayload(action.payload)) {
+                console.error(action.payload);
+                throw new Error('invalid ADD_SESSION payload');
+            }
+            const { pageSlug, notebookSlug, session } = action.payload;
+            if (!state.pages[pageSlug]) {
+                console.error(state, action.payload);
+                throw new Error('Trying to add session when there is no rendering state');
+            }
+            if (state.pages[pageSlug].scopes[notebookSlug].session) {
+                console.warn('Trying to add session scope when rendering already has one', action.payload);
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { pages: Object.assign(Object.assign({}, state.pages), { [pageSlug]: Object.assign(Object.assign({}, state.pages[pageSlug]), { scopes: Object.assign(Object.assign({}, state.pages[pageSlug].scopes), { [notebookSlug]: Object.assign(Object.assign({}, state.pages[pageSlug].scopes[notebookSlug]), { session }) }) }) }) });
+        }
+    }
+    return state;
+}

package/dist/esm/execute/selectors.d.ts

@@ -0,0 +1,22 @@
+import type { BuildStatus, ExecuteScopeState } from './types';
+export declare function selectIsComputable(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectAreExecutionScopesReady(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectAreExecutionScopesBuilding(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectExecutionScopeStatus(state: ExecuteScopeState, slug: string): BuildStatus | "ready";
+export declare function selectDependenciesToFetch(state: ExecuteScopeState): {
+    slug: string;
+    url: string;
+}[];
+export declare const selectScopeNotebooksToBuild: (state: ExecuteScopeState) => {
+    pageSlug: string;
+    notebookSlug: string;
+}[];
+export declare const selectSessionsToStart: (state: ExecuteScopeState) => {
+    pageSlug: string;
+    notebookSlug: string;
+}[];
+export declare function selectAreAllDependenciesReady(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectAreAllNotebookScopesBuilt(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectAreAllSessionsStarted(state: ExecuteScopeState, slug: string): boolean;
+export declare function selectNotebookCellIds(state: ExecuteScopeState, pageSlug: string, notebookSlug: string): string[];
+//# sourceMappingURL=selectors.d.ts.map

package/dist/esm/execute/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/execute/selectors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAExE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEnF;AAED,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEtF;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,yBAEhF;AAQD,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,iBAAiB;UAKpD,MAAM;SACP,MAAM;IAclB;AAsBD,eAAO,MAAM,2BAA2B,UAlBvB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAkBS,CAAC;AACzF,eAAO,MAAM,qBAAqB,UAnBjB,iBAAiB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAmBC,CAAC;AAEjF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAEnF;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAGrF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,WAIjF;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,YAGrB"}

package/dist/esm/execute/selectors.js

@@ -0,0 +1,77 @@
+import { SourceFileKind } from 'myst-common';
+export function selectIsComputable(state, slug) {
+    var _a, _b;
+    return (_b = (_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.computable) !== null && _b !== void 0 ? _b : false;
+}
+export function selectAreExecutionScopesReady(state, slug) {
+    var _a;
+    return (_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.ready;
+}
+export function selectAreExecutionScopesBuilding(state, slug) {
+    var _a;
+    return !((_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.ready) && !!state.builds[slug];
+}
+export function selectExecutionScopeStatus(state, slug) {
+    var _a, _b, _c;
+    return ((_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.ready) ? 'ready' : (_c = (_b = state.builds[slug]) === null || _b === void 0 ? void 0 : _b.status) !== null && _c !== void 0 ? _c : 'unknown';
+}
+//
+// The following teo functions are ripe for generaizing but also it would be good to
+// see if we can memoize them, potentially with reselect.
+//
+// TODO Memoize?
+export function selectDependenciesToFetch(state) {
+    return Object.entries(state.builds)
+        .filter(([, { status }]) => status === 'fetching')
+        .reduce((targets, [slug]) => [
+        ...targets,
+        ...state.pages[slug].dependencies
+            .filter((d) => { var _a; return !state.mdast[(_a = d.slug) !== null && _a !== void 0 ? _a : d.url]; })
+            .map((d) => {
+            var _a;
+            return ({
+                slug: (_a = d.slug) !== null && _a !== void 0 ? _a : d.url,
+                url: d.url,
+            });
+        }),
+    ], []);
+}
+// // TODO Memoize?
+function makeSelectScopeEventStatus(statusName) {
+    return (state) => {
+        return Object.entries(state.builds)
+            .filter(([, { status }]) => status === statusName)
+            .reduce((all, [slug]) => {
+            const targets = [];
+            if (state.pages[slug].kind === SourceFileKind.Notebook)
+                targets.push({ pageSlug: slug, notebookSlug: slug });
+            targets.push(...state.pages[slug].dependencies.map((d) => {
+                var _a;
+                return ({
+                    pageSlug: slug,
+                    notebookSlug: (_a = d.slug) !== null && _a !== void 0 ? _a : d.url,
+                });
+            }));
+            return [...all, ...targets];
+        }, []);
+    };
+}
+export const selectScopeNotebooksToBuild = makeSelectScopeEventStatus('build-notebooks');
+export const selectSessionsToStart = makeSelectScopeEventStatus('start-session');
+export function selectAreAllDependenciesReady(state, slug) {
+    var _a;
+    return (_a = state.pages[slug]) === null || _a === void 0 ? void 0 : _a.dependencies.every((dep) => { var _a; return !!state.mdast[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]; });
+}
+export function selectAreAllNotebookScopesBuilt(state, slug) {
+    const rendering = state.pages[slug];
+    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a; return !!rendering.scopes[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]; });
+}
+export function selectAreAllSessionsStarted(state, slug) {
+    const rendering = state.pages[slug];
+    // TODO is this working??
+    return rendering === null || rendering === void 0 ? void 0 : rendering.dependencies.every((dep) => { var _a, _b; return !!((_b = rendering.scopes[(_a = dep.slug) !== null && _a !== void 0 ? _a : dep.url]) === null || _b === void 0 ? void 0 : _b.session); });
+}
+export function selectNotebookCellIds(state, pageSlug, notebookSlug) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = state.pages[pageSlug]) === null || _a === void 0 ? void 0 : _a.scopes[notebookSlug]) === null || _b === void 0 ? void 0 : _b.notebook) === null || _c === void 0 ? void 0 : _c.cells.map(({ id }) => id)) !== null && _d !== void 0 ? _d : [];
+}

package/dist/esm/execute/types.d.ts

@@ -0,0 +1,49 @@
+import type { Root } from 'mdast';
+import type { SourceFileKind, Dependency } from 'myst-common';
+import type { IRenderMimeRegistry, ThebeNotebook, ThebeSession } from 'thebe-core';
+export type BuildStatus = 'pending' | 'fetching' | 'build-notebooks' | 'wait-for-server' | 'start-session' | 'error';
+export type IdOrKey = string;
+export type CellId = string;
+export type IdKeyMapTarget = {
+    pageSlug: string;
+    notebookSlug: string;
+    cellId: CellId;
+};
+export type IdKeyMap = Record<IdOrKey, IdKeyMapTarget>;
+export interface ExecuteScopeState {
+    mdast: {
+        [slug: string]: {
+            root: Root;
+        };
+    };
+    pages: {
+        [pageSlug: string]: {
+            slug: string;
+            kind: SourceFileKind;
+            computable: boolean;
+            dependencies: Dependency[];
+            computables: Computable[];
+            ready: boolean;
+            scopes: {
+                [notebookSlug: string]: ExecutionScope;
+            };
+        };
+    };
+    builds: {
+        [pageSlug: string]: {
+            status: BuildStatus;
+        };
+    };
+}
+export interface ExecutionScope {
+    rendermime: IRenderMimeRegistry;
+    notebook: ThebeNotebook;
+    session?: ThebeSession;
+}
+export interface Computable {
+    embedKey: string;
+    outputKey: string;
+    label: string;
+    source: Dependency;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/execute/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/execute/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnF,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,OAAO,CAAC;AAEZ,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAC7B,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,cAAc,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QACL,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,IAAI,EAAE,IAAI,CAAC;SACZ,CAAC;KACH,CAAC;IACF,KAAK,EAAE;QACL,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,cAAc,CAAC;YACrB,UAAU,EAAE,OAAO,CAAC;YACpB,YAAY,EAAE,UAAU,EAAE,CAAC;YAC3B,WAAW,EAAE,UAAU,EAAE,CAAC;YAC1B,KAAK,EAAE,OAAO,CAAC;YACf,MAAM,EAAE;gBACN,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc,CAAC;aACxC,CAAC;SACH,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,MAAM,EAAE,WAAW,CAAC;SACrB,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;CACpB"}

package/dist/esm/execute/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/execute/utils.d.ts

@@ -0,0 +1,23 @@
+import type { GenericParent } from 'myst-common';
+import type { Config, IRenderMimeRegistry, ThebeCore } from 'thebe-core';
+import type { IdKeyMap } from './types';
+/**
+ * Use the mdast to create a ThebeNotebook from the mdast tree of a notebook.
+ * This is intended to be used to create an independent ThebeNotebook instance
+ * for each notebook in a rendering context.
+ *
+ * NOTE: there is no need to scope the keys at this point, as the ThebeNotebook
+ * instance will be scoped to the render context. All underlying cells will be
+ * identified by keys from the mdast - so there may be duplicate ids between different
+ * notebook instances, but that is ok as they came from the same mdast which is readonly.
+ *
+ * @param core
+ * @param config
+ * @param pageSlug - slug identifying the render context used for key decoration
+ * @param mdast - the notebook mdast
+ * @param idkmap - map of scoped block keys to keys for code and output cells
+ * @param rendermime
+ * @returns
+ */
+export declare function notebookFromMdast(core: ThebeCore, config: Config, pageSlug: string, notebookSlug: string, mdast: GenericParent, idkmap: IdKeyMap, rendermime: IRenderMimeRegistry): import("thebe-core/dist/types/notebook").default;
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/execute/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/execute/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAkB,MAAM,SAAS,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,QAAQ,EAChB,UAAU,EAAE,mBAAmB,oDAoDhC"}

package/dist/esm/execute/utils.js

@@ -0,0 +1,58 @@
+/**
+ * Use the mdast to create a ThebeNotebook from the mdast tree of a notebook.
+ * This is intended to be used to create an independent ThebeNotebook instance
+ * for each notebook in a rendering context.
+ *
+ * NOTE: there is no need to scope the keys at this point, as the ThebeNotebook
+ * instance will be scoped to the render context. All underlying cells will be
+ * identified by keys from the mdast - so there may be duplicate ids between different
+ * notebook instances, but that is ok as they came from the same mdast which is readonly.
+ *
+ * @param core
+ * @param config
+ * @param pageSlug - slug identifying the render context used for key decoration
+ * @param mdast - the notebook mdast
+ * @param idkmap - map of scoped block keys to keys for code and output cells
+ * @param rendermime
+ * @returns
+ */
+export function notebookFromMdast(core, config, pageSlug, notebookSlug, mdast, idkmap, rendermime) {
+    // note the notebooks slug is used as the notebook id, this means accross pages
+    // mulitple notebooks with the same slug will be present but scoped to different pages
+    // the busyScope mecahnism relies on the notebookSlug as id
+    const notebook = new core.ThebeNotebook(notebookSlug, 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 and idenifity
+            // the cell in the correct notebook
+            const target = {
+                pageSlug,
+                notebookSlug,
+                cellId: block.key,
+            };
+            idkmap[block.key] = target;
+            idkmap[codeCell.key] = target;
+            idkmap[output.key] = target;
+            // include block labels to enable lookup by from embedded blocks
+            if (block.label)
+                idkmap[block.label] = target;
+            if (block.identifier)
+                idkmap[block.identifier] = target;
+            return new core.ThebeCell(target.cellId, 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;
+}

package/dist/esm/index.d.ts

@@ -1,9 +1,14 @@
+import { Embed } from './embed';
 import { Output } from './output';
 declare const OUTPUT_RENDERERS: {
     output: typeof Output;
+    embed: typeof Embed;
 };
 export * from './BinderBadge';
-export * from './providers';
+export * from './ErrorTray';
 export * from './ConnectionStatusTray';
+export * from './providers';
+export * from './execute';
+export * from './controls';
 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,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AAEvC,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;;CAGrB,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAE3B,eAAe,gBAAgB,CAAC"}

package/dist/esm/index.js

@@ -1,8 +1,13 @@
+import { Embed } from './embed';
 import { Output } from './output';
 const OUTPUT_RENDERERS = {
     output: Output,
+    embed: Embed,
 };
 export * from './BinderBadge';
-export * from './providers';
+export * from './ErrorTray';
 export * from './ConnectionStatusTray';
+export * from './providers';
+export * from './execute';
+export * from './controls';
 export default OUTPUT_RENDERERS;

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

@@ -1 +1 @@
-{"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"}
+{"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;AAmE3C,eAAO,MAAM,cAAc;QACD,MAAM;aAAW,cAAc,EAAE;8CAmD1D,CAAC"}

package/dist/esm/jupyter.js

@@ -3,30 +3,29 @@ import React, { useEffect, useRef, useState } from 'react';
 import { useFetchAnyTruncatedContent } from './hooks';
 import { convertToIOutputs } from 'nbtx';
 import { fetchAndEncodeOutputImages } from './convertImages';
-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 exec = useNotebookCellExecution(id);
+import { useCellExecution } from './execute';
+function ActiveOutputRenderer({ id, initialData, core, }) {
+    const exec = useCellExecution(id);
     const ref = useRef(null);
     useEffect(() => {
-        var _a;
+        var _a, _b, _c;
         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`);
+            console.debug(`Jupyter: 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;
         }
-        console.debug(`Attaching cell ${exec.cell.id} to DOM at:`, {
+        const verb = exec.cell.isAttachedToDOM ? 'reattaching' : 'attaching';
+        console.debug(`${verb} cell ${exec.cell.id} to DOM at:`, {
             el: ref.current,
             connected: ref.current.isConnected,
-            data,
+            data: (_b = core === null || core === void 0 ? void 0 : core.stripWidgets(initialData)) !== null && _b !== void 0 ? _b : initialData,
         });
         exec.cell.attachToDOM(ref.current);
-        exec.cell.render(data);
+        if (exec.cell.executionCount == null) {
+            exec.cell.initOutputs((_c = core === null || core === void 0 ? void 0 : core.stripWidgets(initialData)) !== null && _c !== void 0 ? _c : initialData);
+        }
     }, [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" });
 }
@@ -34,20 +33,20 @@ function PassiveOutputRenderer({ id, data, core, kind, }) {
     const cell = useRef(new core.PassiveCellRenderer(id, undefined, undefined));
     const ref = useRef(null);
     useEffect(() => {
+        var _a;
         if (!ref.current)
             return;
         cell.current.attachToDOM(ref.current, true);
-        cell.current.render(data, kind === SourceFileKind.Article);
+        cell.current.render((_a = core === null || core === void 0 ? void 0 : core.stripWidgets(data)) !== null && _a !== void 0 ? _a : data);
     }, [ref]);
     return _jsx("div", { ref: ref, "data-thebe-passive-ref": "true" });
 }
 export const JupyterOutputs = React.memo(({ id, outputs }) => {
-    var _a;
     const { core, load } = useThebeLoader();
     const { inCrossRef } = useXRefState();
     const { data, error } = useFetchAnyTruncatedContent(outputs);
     const [fullOutputs, setFullOutputs] = useState(null);
-    const exec = useNotebookCellExecution(id);
+    const exec = useCellExecution(id);
     useEffect(() => {
         if (core)
             return;
@@ -66,7 +65,7 @@ export const JupyterOutputs = React.memo(({ id, outputs }) => {
         return _jsxs("div", { className: "text-red-500", children: ["Error rendering output: ", error.message] });
     }
     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("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Fetching full output data..." }), core && fullOutputs && (_jsx(ActiveOutputRenderer, { id: id, initialData: fullOutputs, core: core }, id))] }));
     }
-    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 }))] }));
+    return (_jsxs("div", { children: [!fullOutputs && _jsx("div", { className: "p-2.5", children: "Loading..." }), fullOutputs && core && (_jsx(PassiveOutputRenderer, { id: id, data: fullOutputs, core: core, kind: SourceFileKind.Notebook }))] }));
 });

package/dist/esm/output.js

@@ -3,8 +3,8 @@ import { KnownCellOutputMimeTypes } from 'nbtx';
 import classNames from 'classnames';
 import { SafeOutputs } from './safe';
 import { JupyterOutputs } from './jupyter';
-import { useReadyToExecute } from './providers';
 import { useMemo } from 'react';
+import { useCellExecution } from './execute';
 export const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 export const DIRECT_MIME_TYPES = new Set([
     KnownCellOutputMimeTypes.TextPlain,
@@ -26,7 +26,7 @@ export function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
     }, true);
 }
 function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
-    const ready = useReadyToExecute();
+    const { ready } = useCellExecution(nodeKey);
     const outputs = data;
     const allSafe = useMemo(() => allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES), [outputs]);
     let component;