@myst-theme/jupyter 0.0.2 → 0.1.22

package/dist/cjs/components.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MaybeLongContent: ({ content, path, render, }: {
     content?: string | undefined;
     path?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}

package/dist/cjs/error.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedErrorOutput } from 'nbtx';
 export default function Error({ output }: {
     output: MinifiedErrorOutput;

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

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}

package/dist/cjs/hooks.d.ts

@@ -1,21 +1,4 @@
 import type { MinifiedOutput } from 'nbtx';
-/**
- * Truncation vs Summarization
- *
- * In Curvespace, we're decided to change our data structure for outputs to align it as
- * closely as possible with Jupyters nbformat.IOutput[] type, but in a way that still allows
- * us to truncate output content and push that to storage.
- *
- * This will be used only in the CLI and Curvespace initially but should be ported back to
- * the rest of the code base. This will mean
- *
- * - changing the DB schema
- * - migration
- * - changing API response
- * - changing the frontend
- * - changing the extension
- *
- */
 interface LongContent {
     content_type?: string;
     content: string;

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}

package/dist/cjs/jupyter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare const NativeJupyterOutputs: ({ id, outputs, }: {
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAS3C,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBAoE1B,CAAC"}
+{"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"}

package/dist/cjs/jupyter.js

@@ -25,54 +25,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NativeJupyterOutputs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const hooks_1 = __importStar(require("./hooks"));
-const nanoid_1 = require("nanoid");
-const react_redux_1 = require("react-redux");
-const connect_1 = require("@curvenote/connect");
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("./hooks");
 const nbtx_1 = require("nbtx");
-const outline_1 = require("@heroicons/react/24/outline");
 const convertImages_1 = require("./convertImages");
-const selectors_1 = require("./selectors");
-const PERCENT_OF_WINDOW = 0.9;
+const thebe_provider_1 = require("./thebe-provider");
+function OutputRenderer({ id, data, core }) {
+    const [cell] = (0, react_1.useState)(new core.PassiveCellRenderer(id));
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        cell.render(data);
+    }, [data, cell]);
+    (0, react_1.useEffect)(() => {
+        if (!ref.current)
+            return;
+        cell.attachToDOM(ref.current);
+    }, [ref]);
+    return (0, jsx_runtime_1.jsx)("div", { ref: ref });
+}
+const MemoOutputRenderer = react_1.default.memo(OutputRenderer);
 const NativeJupyterOutputs = ({ id, outputs, }) => {
-    var _a;
-    const windowSize = (0, hooks_1.default)();
+    const { core } = (0, thebe_provider_1.useThebeCore)();
     const { data, error } = (0, hooks_1.useFetchAnyTruncatedContent)(outputs);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [frameHeight, setFrameHeight] = (0, react_1.useState)(0);
-    const [clamped, setClamped] = (0, react_1.useState)(false);
-    const uid = (0, react_1.useMemo)(nanoid_1.nanoid, []);
-    const { height } = (_a = (0, react_redux_1.useSelector)((state) => (0, selectors_1.selectIFrameHeight)(state, uid))) !== null && _a !== void 0 ? _a : {};
-    const rendererReady = (0, react_redux_1.useSelector)((state) => (0, selectors_1.selectIFrameReady)(state, uid));
-    const iframeRef = (0, react_1.useRef)(null);
+    const [loaded, setLoaded] = (0, react_1.useState)(false);
+    const [fullOutputs, setFullOutputs] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
-        if (iframeRef.current == null || !rendererReady || !data)
+        if (!data || loaded)
             return;
+        setLoaded(true);
         (0, convertImages_1.fetchAndEncodeOutputImages)(data).then((out) => {
             const compactOutputs = (0, nbtx_1.convertToIOutputs)(out, {});
-            connect_1.host.commsDispatch(iframeRef.current, connect_1.actions.connectHostSendContent(uid, compactOutputs));
+            setFullOutputs(compactOutputs);
         });
-    }, [id, iframeRef.current, rendererReady]);
-    (0, react_1.useEffect)(() => {
-        if (height == null)
-            return;
-        if (height > PERCENT_OF_WINDOW * windowSize.height) {
-            setFrameHeight(PERCENT_OF_WINDOW * windowSize.height);
-            setClamped(true);
-        }
-        else {
-            setFrameHeight(height + 25);
-            setClamped(false);
-        }
-        setLoading(false);
-    }, [height]);
+    }, [id, data]);
     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: [loading && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), (0, jsx_runtime_1.jsx)("iframe", { ref: iframeRef, id: uid, name: uid, title: uid, src: "https://next.curvenote.run", width: '100%', height: frameHeight, sandbox: "allow-scripts" }), clamped && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "cursor-pointer p-1 pb-2 hover:bg-gray-50 dark:hover:bg-gray-700 text-center text-gray-500 hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-50", title: "Expand", onClick: () => {
-                    setFrameHeight(height !== null && height !== void 0 ? height : 0);
-                    setClamped(false);
-                } }, { children: (0, jsx_runtime_1.jsx)(outline_1.ChevronDoubleDownIcon, { className: "w-5 h-5 inline" }) })))] }));
+    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 })] }));
 };
 exports.NativeJupyterOutputs = NativeJupyterOutputs;

package/dist/cjs/output.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GenericNode } from 'myst-common';
 import type { MinifiedOutput } from 'nbtx';
 export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;

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;AAgB/D,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,eA6BvC"}
+{"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;AAiB/D,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"}

package/dist/cjs/output.js

@@ -10,6 +10,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const safe_1 = require("./safe");
 const jupyter_1 = require("./jupyter");
 const ClientOnly_1 = __importDefault(require("./ClientOnly"));
+const thebe_provider_1 = require("./thebe-provider");
 const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 const DIRECT_MIME_TYPES = new Set([
     nbtx_1.KnownCellOutputMimeTypes.TextPlain,
@@ -40,7 +41,7 @@ function Output(node) {
     }
     else {
         // Hide the iframe if rendering on the server
-        component = ((0, jsx_runtime_1.jsx)(ClientOnly_1.default, { children: (0, jsx_runtime_1.jsx)(jupyter_1.NativeJupyterOutputs, { id: node.key, outputs: outputs }) }));
+        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 }) }) }));
     }
     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', {
             'text-left': !node.align || node.align === 'left',

package/dist/cjs/safe.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare function SafeOutputs({ keyStub, outputs }: {
     keyStub: string;

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

@@ -1 +1 @@
-{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}
+{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}

package/dist/cjs/stream.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedStreamOutput } from 'nbtx';
 export default function Stream({ output }: {
     output: MinifiedStreamOutput;

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

@@ -1 +1 @@
-{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}
+{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}

package/dist/cjs/thebe-provider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ThebeCore = typeof import('thebe-core');
+export declare function ThebeCoreProvider({ children }: React.PropsWithChildren): JSX.Element;
+export declare function useThebeCore(): {
+    core?: typeof import("thebe-core") | undefined;
+};
+//# sourceMappingURL=thebe-provider.d.ts.map

package/dist/cjs/thebe-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thebe-provider.d.ts","sourceRoot":"","sources":["../../src/thebe-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,cAAc,YAAY,CAAC,CAAC;AAKpD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,eAoBtE;AAED,wBAAgB,YAAY;;EAM3B"}

package/dist/cjs/thebe-provider.js

@@ -0,0 +1,53 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThebeCore = exports.ThebeCoreProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+// Don't know how to get rid of the undefined here in the case of an async provider
+const ThebeCoreContext = react_1.default.createContext(undefined);
+function ThebeCoreProvider({ children }) {
+    const [core, setCore] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        console.debug('importing thebe-core...');
+        Promise.resolve().then(() => __importStar(require('thebe-core'))).then((thebeCore) => {
+            console.debug('thebe-core loaded');
+            setCore(thebeCore);
+        })
+            .catch(({ reason }) => {
+            console.error(`thebe-core load failed ${reason}`);
+        });
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(ThebeCoreContext.Provider, Object.assign({ value: { core } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) })));
+}
+exports.ThebeCoreProvider = ThebeCoreProvider;
+function useThebeCore() {
+    const context = react_1.default.useContext(ThebeCoreContext);
+    if (context === undefined) {
+        throw new Error('useThebeCore must be used inside a ThebeCoreProvider');
+    }
+    return context;
+}
+exports.useThebeCore = useThebeCore;

package/dist/esm/components.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MaybeLongContent: ({ content, path, render, }: {
     content?: string | undefined;
     path?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}

package/dist/esm/error.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedErrorOutput } from 'nbtx';
 export default function Error({ output }: {
     output: MinifiedErrorOutput;

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

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}

package/dist/esm/hooks.d.ts

@@ -1,21 +1,4 @@
 import type { MinifiedOutput } from 'nbtx';
-/**
- * Truncation vs Summarization
- *
- * In Curvespace, we're decided to change our data structure for outputs to align it as
- * closely as possible with Jupyters nbformat.IOutput[] type, but in a way that still allows
- * us to truncate output content and push that to storage.
- *
- * This will be used only in the CLI and Curvespace initially but should be ported back to
- * the rest of the code base. This will mean
- *
- * - changing the DB schema
- * - migration
- * - changing API response
- * - changing the frontend
- * - changing the extension
- *
- */
 interface LongContent {
     content_type?: string;
     content: string;

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}

package/dist/esm/jupyter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare const NativeJupyterOutputs: ({ id, outputs, }: {
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAS3C,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBAoE1B,CAAC"}
+{"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"}

package/dist/esm/jupyter.js

@@ -1,51 +1,39 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import useWindowSize, { useFetchAnyTruncatedContent } from './hooks';
-import { nanoid } from 'nanoid';
-import { useSelector } from 'react-redux';
-import { host, actions } from '@curvenote/connect';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from 'react';
+import { useFetchAnyTruncatedContent } from './hooks';
 import { convertToIOutputs } from 'nbtx';
-import { ChevronDoubleDownIcon } from '@heroicons/react/24/outline';
 import { fetchAndEncodeOutputImages } from './convertImages';
-import { selectIFrameHeight, selectIFrameReady } from './selectors';
-const PERCENT_OF_WINDOW = 0.9;
+import { useThebeCore } from './thebe-provider';
+function OutputRenderer({ id, data, core }) {
+    const [cell] = useState(new core.PassiveCellRenderer(id));
+    const ref = useRef(null);
+    useEffect(() => {
+        cell.render(data);
+    }, [data, cell]);
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        cell.attachToDOM(ref.current);
+    }, [ref]);
+    return _jsx("div", { ref: ref });
+}
+const MemoOutputRenderer = React.memo(OutputRenderer);
 export const NativeJupyterOutputs = ({ id, outputs, }) => {
-    var _a;
-    const windowSize = useWindowSize();
+    const { core } = useThebeCore();
     const { data, error } = useFetchAnyTruncatedContent(outputs);
-    const [loading, setLoading] = useState(true);
-    const [frameHeight, setFrameHeight] = useState(0);
-    const [clamped, setClamped] = useState(false);
-    const uid = useMemo(nanoid, []);
-    const { height } = (_a = useSelector((state) => selectIFrameHeight(state, uid))) !== null && _a !== void 0 ? _a : {};
-    const rendererReady = useSelector((state) => selectIFrameReady(state, uid));
-    const iframeRef = useRef(null);
+    const [loaded, setLoaded] = useState(false);
+    const [fullOutputs, setFullOutputs] = useState(null);
     useEffect(() => {
-        if (iframeRef.current == null || !rendererReady || !data)
+        if (!data || loaded)
             return;
+        setLoaded(true);
         fetchAndEncodeOutputImages(data).then((out) => {
             const compactOutputs = convertToIOutputs(out, {});
-            host.commsDispatch(iframeRef.current, actions.connectHostSendContent(uid, compactOutputs));
+            setFullOutputs(compactOutputs);
         });
-    }, [id, iframeRef.current, rendererReady]);
-    useEffect(() => {
-        if (height == null)
-            return;
-        if (height > PERCENT_OF_WINDOW * windowSize.height) {
-            setFrameHeight(PERCENT_OF_WINDOW * windowSize.height);
-            setClamped(true);
-        }
-        else {
-            setFrameHeight(height + 25);
-            setClamped(false);
-        }
-        setLoading(false);
-    }, [height]);
+    }, [id, data]);
     if (error) {
         return _jsxs("div", Object.assign({ className: "text-red-500" }, { children: ["Error rendering output: ", error.message] }));
     }
-    return (_jsxs("div", { children: [loading && _jsx("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), _jsx("iframe", { ref: iframeRef, id: uid, name: uid, title: uid, src: "https://next.curvenote.run", width: '100%', height: frameHeight, sandbox: "allow-scripts" }), clamped && (_jsx("div", Object.assign({ className: "cursor-pointer p-1 pb-2 hover:bg-gray-50 dark:hover:bg-gray-700 text-center text-gray-500 hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-50", title: "Expand", onClick: () => {
-                    setFrameHeight(height !== null && height !== void 0 ? height : 0);
-                    setClamped(false);
-                } }, { children: _jsx(ChevronDoubleDownIcon, { className: "w-5 h-5 inline" }) })))] }));
+    return (_jsxs("div", { children: [!fullOutputs && _jsx("div", Object.assign({ className: "p-2.5" }, { children: "Loading..." })), fullOutputs && core && _jsx(MemoOutputRenderer, { id: id, core: core, data: fullOutputs })] }));
 };

package/dist/esm/output.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GenericNode } from 'myst-common';
 import type { MinifiedOutput } from 'nbtx';
 export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;

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;AAgB/D,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,eA6BvC"}
+{"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;AAiB/D,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"}

package/dist/esm/output.js

@@ -4,6 +4,7 @@ import classNames from 'classnames';
 import { SafeOutputs } from './safe';
 import { NativeJupyterOutputs as JupyterOutputs } from './jupyter';
 import ClientOnly from './ClientOnly';
+import { ThebeCoreProvider } from './thebe-provider';
 const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
 const DIRECT_MIME_TYPES = new Set([
     KnownCellOutputMimeTypes.TextPlain,
@@ -33,7 +34,7 @@ export function Output(node) {
     }
     else {
         // Hide the iframe if rendering on the server
-        component = (_jsx(ClientOnly, { children: _jsx(JupyterOutputs, { id: node.key, outputs: outputs }) }));
+        component = (_jsx(ClientOnly, { children: _jsx(ThebeCoreProvider, { children: _jsx(JupyterOutputs, { id: node.key, outputs: outputs }) }) }));
     }
     return (_jsx("figure", Object.assign({ id: node.identifier || undefined, className: classNames('max-w-full overflow-auto m-0 group not-prose relative', {
             'text-left': !node.align || node.align === 'left',

package/dist/esm/safe.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare function SafeOutputs({ keyStub, outputs }: {
     keyStub: string;

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

@@ -1 +1 @@
-{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}
+{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}

package/dist/esm/stream.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedStreamOutput } from 'nbtx';
 export default function Stream({ output }: {
     output: MinifiedStreamOutput;

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

@@ -1 +1 @@
-{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}
+{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}

package/dist/esm/thebe-provider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ThebeCore = typeof import('thebe-core');
+export declare function ThebeCoreProvider({ children }: React.PropsWithChildren): JSX.Element;
+export declare function useThebeCore(): {
+    core?: typeof import("thebe-core") | undefined;
+};
+//# sourceMappingURL=thebe-provider.d.ts.map

package/dist/esm/thebe-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thebe-provider.d.ts","sourceRoot":"","sources":["../../src/thebe-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,cAAc,YAAY,CAAC,CAAC;AAKpD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,eAoBtE;AAED,wBAAgB,YAAY;;EAM3B"}

package/dist/esm/thebe-provider.js

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+// Don't know how to get rid of the undefined here in the case of an async provider
+const ThebeCoreContext = React.createContext(undefined);
+export function ThebeCoreProvider({ children }) {
+    const [core, setCore] = useState();
+    useEffect(() => {
+        console.debug('importing thebe-core...');
+        import('thebe-core')
+            .then((thebeCore) => {
+            console.debug('thebe-core loaded');
+            setCore(thebeCore);
+        })
+            .catch(({ reason }) => {
+            console.error(`thebe-core load failed ${reason}`);
+        });
+    }, []);
+    return (_jsx(ThebeCoreContext.Provider, Object.assign({ value: { core } }, { children: _jsx(_Fragment, { children: children }) })));
+}
+export function useThebeCore() {
+    const context = React.useContext(ThebeCoreContext);
+    if (context === undefined) {
+        throw new Error('useThebeCore must be used inside a ThebeCoreProvider');
+    }
+    return context;
+}

package/dist/types/components.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const MaybeLongContent: ({ content, path, render, }: {
     content?: string | undefined;
     path?: string | undefined;

package/dist/types/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;sBAOT,MAAM,KAAK,WAAW;iBAUzC,CAAC;AAEF,eAAO,MAAM,aAAa;aAAqC,MAAM;iBAWpE,CAAC"}

package/dist/types/error.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedErrorOutput } from 'nbtx';
 export default function Error({ output }: {
     output: MinifiedErrorOutput;

package/dist/types/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,eAcxE"}

package/dist/types/hooks.d.ts

@@ -1,21 +1,4 @@
 import type { MinifiedOutput } from 'nbtx';
-/**
- * Truncation vs Summarization
- *
- * In Curvespace, we're decided to change our data structure for outputs to align it as
- * closely as possible with Jupyters nbformat.IOutput[] type, but in a way that still allows
- * us to truncate output content and push that to storage.
- *
- * This will be used only in the CLI and Curvespace initially but should be ported back to
- * the rest of the code base. This will mean
- *
- * - changing the DB schema
- * - migration
- * - changing API response
- * - changing the frontend
- * - changing the extension
- *
- */
 interface LongContent {
     content_type?: string;
     content: string;

package/dist/types/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,MAAM,CAAC;AAId,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AA0BD,wBAAgB,cAAc,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,GACX;IAAE,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAQvC;AAuBD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG;IACtE,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;CACxB,CAqCA;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}

package/dist/types/jupyter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare const NativeJupyterOutputs: ({ id, outputs, }: {
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAS3C,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBAoE1B,CAAC"}
+{"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"}

package/dist/types/output.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GenericNode } from 'myst-common';
 import type { MinifiedOutput } from 'nbtx';
 export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;

package/dist/types/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;AAgB/D,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,eA6BvC"}
+{"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;AAiB/D,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"}

package/dist/types/safe.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedOutput } from 'nbtx';
 export declare function SafeOutputs({ keyStub, outputs }: {
     keyStub: string;

package/dist/types/safe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}
+{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA2C,cAAc,EAAE,MAAM,MAAM,CAAC;AAwEpF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,eAM/F"}

package/dist/types/stream.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MinifiedStreamOutput } from 'nbtx';
 export default function Stream({ output }: {
     output: MinifiedStreamOutput;

package/dist/types/stream.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}
+{"version":3,"file":"stream.d.ts","sourceRoot":"","sources":["../../src/stream.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,eAY1E"}

package/dist/types/thebe-provider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type ThebeCore = typeof import('thebe-core');
+export declare function ThebeCoreProvider({ children }: React.PropsWithChildren): JSX.Element;
+export declare function useThebeCore(): {
+    core?: typeof import("thebe-core") | undefined;
+};
+//# sourceMappingURL=thebe-provider.d.ts.map

package/dist/types/thebe-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thebe-provider.d.ts","sourceRoot":"","sources":["../../src/thebe-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,cAAc,YAAY,CAAC,CAAC;AAKpD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,eAoBtE;AAED,wBAAgB,YAAY;;EAM3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/jupyter",
-  "version": "0.0.2",
+  "version": "0.1.22",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -19,22 +19,22 @@
     "build": "npm-run-all -l clean -p build:cjs build:esm build:types"
   },
   "dependencies": {
-    "@curvenote/connect": "^0.0.7",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.13",
-    "@myst-theme/providers": "^0.1.20",
+    "@myst-theme/providers": "^0.1.22",
     "@popperjs/core": "^2.11.6",
     "ansi-to-react": "^6.1.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
     "myst-common": "^0.0.12",
-    "myst-config": "^0.0.6",
+    "myst-config": "^0.0.7",
     "myst-spec": "^0.0.4",
     "nanoid": "^4.0.0",
     "nbtx": "^0.2.3",
     "react-popper": "^2.3.0",
     "react-syntax-highlighter": "^15.5.0",
     "swr": "^1.3.0",
+    "thebe-core": "^0.1.1",
     "unist-util-select": "^4.0.1"
   },
   "peerDependencies": {

package/dist/cjs/selectors.d.ts

@@ -1,10 +0,0 @@
-import type { HostState } from '@curvenote/connect';
-export interface State {
-    app: HostState;
-}
-export declare const selectIFrameHeight: (state: State, id: string) => Pick<import("@curvenote/connect").HostStateItem, "height" | "width"> | undefined;
-export declare const selectIFrameReady: (state: State, id: string) => Boolean;
-export declare const selectIFrameSendFailed: (state: State, id: string) => false | {
-    message: string | undefined;
-};
-//# sourceMappingURL=selectors.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,MAAM,MAAM,qFACX,CAAC;AAEjD,eAAO,MAAM,iBAAiB,UAAW,KAAK,MAAM,MAAM,YACT,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAAW,KAAK,MAAM,MAAM;;CACb,CAAC"}

package/dist/cjs/selectors.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectIFrameSendFailed = exports.selectIFrameReady = exports.selectIFrameHeight = void 0;
-const connect_1 = require("@curvenote/connect");
-const selectIFrameHeight = (state, id) => connect_1.host.selectors.selectIFrameSize(state.app, id);
-exports.selectIFrameHeight = selectIFrameHeight;
-const selectIFrameReady = (state, id) => connect_1.host.selectors.selectIFrameReady(state.app, id);
-exports.selectIFrameReady = selectIFrameReady;
-const selectIFrameSendFailed = (state, id) => connect_1.host.selectors.selectIFrameFailed(state.app, id);
-exports.selectIFrameSendFailed = selectIFrameSendFailed;

package/dist/esm/selectors.d.ts

@@ -1,10 +0,0 @@
-import type { HostState } from '@curvenote/connect';
-export interface State {
-    app: HostState;
-}
-export declare const selectIFrameHeight: (state: State, id: string) => Pick<import("@curvenote/connect").HostStateItem, "height" | "width"> | undefined;
-export declare const selectIFrameReady: (state: State, id: string) => Boolean;
-export declare const selectIFrameSendFailed: (state: State, id: string) => false | {
-    message: string | undefined;
-};
-//# sourceMappingURL=selectors.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,MAAM,MAAM,qFACX,CAAC;AAEjD,eAAO,MAAM,iBAAiB,UAAW,KAAK,MAAM,MAAM,YACT,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAAW,KAAK,MAAM,MAAM;;CACb,CAAC"}

package/dist/esm/selectors.js

@@ -1,4 +0,0 @@
-import { host } from '@curvenote/connect';
-export const selectIFrameHeight = (state, id) => host.selectors.selectIFrameSize(state.app, id);
-export const selectIFrameReady = (state, id) => host.selectors.selectIFrameReady(state.app, id);
-export const selectIFrameSendFailed = (state, id) => host.selectors.selectIFrameFailed(state.app, id);

package/dist/types/selectors.d.ts

@@ -1,10 +0,0 @@
-import type { HostState } from '@curvenote/connect';
-export interface State {
-    app: HostState;
-}
-export declare const selectIFrameHeight: (state: State, id: string) => Pick<import("@curvenote/connect").HostStateItem, "height" | "width"> | undefined;
-export declare const selectIFrameReady: (state: State, id: string) => Boolean;
-export declare const selectIFrameSendFailed: (state: State, id: string) => false | {
-    message: string | undefined;
-};
-//# sourceMappingURL=selectors.d.ts.map

package/dist/types/selectors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,WAAW,KAAK;IACpB,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,UAAW,KAAK,MAAM,MAAM,qFACX,CAAC;AAEjD,eAAO,MAAM,iBAAiB,UAAW,KAAK,MAAM,MAAM,YACT,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAAW,KAAK,MAAM,MAAM;;CACb,CAAC"}