@myst-theme/jupyter 0.3.3 → 0.3.4

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

@@ -3,7 +3,10 @@ declare const OUTPUT_RENDERERS: {
     output: typeof Output;
 };
 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,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,gBAAgB;;CAErB,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

@@ -3,6 +3,9 @@ const OUTPUT_RENDERERS = {
     output: Output,
 };
 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;AA6D3C,eAAO,MAAM,cAAc;QACD,MAAM;aAAW,cAAc,EAAE;8CAkD1D,CAAC"}

package/dist/esm/jupyter.js

@@ -3,30 +3,32 @@ 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 }) {
+    const exec = useCellExecution(id);
     const ref = useRef(null);
     useEffect(() => {
         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}`);
+            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;
         }
-        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:`, {
+        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: initialData,
         });
         exec.cell.attachToDOM(ref.current);
-        exec.cell.render(data);
+        if (exec.cell.executionCount == null) {
+            exec.cell.initOutputs(initialData);
+        }
+        else {
+            exec.cell.refresh();
+        }
     }, [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" });
 }
@@ -42,12 +44,12 @@ function PassiveOutputRenderer({ id, data, core, kind, }) {
     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 = useNotebookCellExecution(id);
+    const exec = useCellExecution(id);
     useEffect(() => {
         if (core)
             return;
@@ -66,7 +68,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: "Loading..." }), fullOutputs && _jsx(ActiveOutputRenderer, { id: id, initialData: fullOutputs }, 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.d.ts

@@ -1,4 +1,4 @@
-import type { GenericNode } from 'myst-common';
+import { type GenericNode } from 'myst-common';
 import type { MinifiedOutput } from 'nbtx';
 export declare const DIRECT_OUTPUT_TYPES: Set<string>;
 export declare const DIRECT_MIME_TYPES: Set<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;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"}
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,MAAM,CAAC;AAY/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;AAwDD,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,2CAYvC"}

package/dist/esm/output.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SourceFileKind } from 'myst-common';
 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';
+import { ArticleResetNotebook, ArticleRunNotebook, ArticleStatusBadge, } from './controls/ArticleCellControls';
 export const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 export const DIRECT_MIME_TYPES = new Set([
     KnownCellOutputMimeTypes.TextPlain,
@@ -26,7 +28,7 @@ export function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
     }, true);
 }
 function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
-    const ready = useReadyToExecute();
+    const { kind, ready } = useCellExecution(nodeKey);
     const outputs = data;
     const allSafe = useMemo(() => allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES), [outputs]);
     let component;
@@ -36,11 +38,12 @@ function JupyterOutput({ nodeKey, nodeType, identifier, data, align, }) {
     else {
         component = _jsx(JupyterOutputs, { id: nodeKey, outputs: outputs });
     }
-    return (_jsx("figure", { id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: classNames('max-w-full overflow-visible m-0 group not-prose relative', {
+    const showControls = kind === SourceFileKind.Article;
+    return (_jsxs("figure", { id: identifier || undefined, "data-mdast-node-type": nodeType, "data-mdast-node-id": nodeKey, className: classNames('max-w-full overflow-visible m-0 group not-prose relative', {
             'text-left': !align || align === 'left',
             'text-center': align === 'center',
             'text-right': align === 'right',
-        }), children: component }));
+        }), children: [showControls && (_jsx("div", { className: "sticky top-[60px]", children: _jsxs("div", { className: "absolute -top-[28px] md:top-[30px] right-0 md:-right-[28px]", children: [_jsx(ArticleStatusBadge, { id: nodeKey }), _jsx(ArticleRunNotebook, { id: nodeKey }), _jsx(ArticleResetNotebook, { id: nodeKey })] }) })), component] }));
 }
 export function Output(node) {
     // Note, NodeRenderer's can't have hooks in it directly!

package/dist/esm/providers.d.ts

@@ -1,8 +1,5 @@
-import type { GenericParent } from 'myst-common';
-import { SourceFileKind } from 'myst-common';
+import type { SourceFileKind } from 'myst-common';
 import React from 'react';
-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;
@@ -23,48 +20,4 @@ export type PartialPage = {
     slug: string;
     mdast: Root;
 };
-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;
-    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;
-    idkMap: IdKeyMap;
-    restart: () => Promise<void>;
-    clear: () => void;
-}
-export declare function NotebookProvider({ siteConfig, page, children, }: React.PropsWithChildren<{
-    siteConfig: boolean;
-    page: PartialPage;
-}>): import("react/jsx-runtime").JSX.Element;
-export declare function useHasNotebookProvider(): boolean;
-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 useReadyToExecute(): boolean;
-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;
-export {};
 //# sourceMappingURL=providers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EACV,MAAM,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"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/providers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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"}