@myst-theme/jupyter 0.3.1 → 0.3.3

package/dist/cjs/ConnectionStatusTray.d.ts

@@ -0,0 +1,2 @@
+export declare function ConnectionStatusTray(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConnectionStatusTray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStatusTray.d.ts","sourceRoot":"","sources":["../../src/ConnectionStatusTray.tsx"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,mDAmFnC"}

package/dist/cjs/ConnectionStatusTray.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectionStatusTray = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const thebe_react_1 = require("thebe-react");
+const providers_1 = require("./providers");
+function ConnectionStatusTray() {
+    const { thebe } = (0, providers_1.useComputeOptions)();
+    const { connecting, ready: serverReady, error: serverError, events } = (0, thebe_react_1.useThebeServer)();
+    const { starting, ready: sessionReady, error: sessionError } = (0, thebe_react_1.useThebeSession)();
+    const [show, setShow] = (0, react_1.useState)(false);
+    const [unsub, setUnsub] = (0, react_1.useState)();
+    const [status, setStatus] = (0, react_1.useState)('[client] Connecting...');
+    const error = serverError || sessionError;
+    const ready = serverReady && sessionReady;
+    const busy = connecting || starting;
+    const handleStatus = (event, data) => {
+        setStatus(`[${data.subject}]: ${data.message}`);
+    };
+    (0, react_1.useEffect)(() => {
+        if (!events)
+            return;
+        events.on('status', handleStatus);
+    }, [events]);
+    (0, react_1.useEffect)(() => {
+        if (!thebe)
+            return;
+        if ((thebe === null || thebe === void 0 ? void 0 : thebe.useBinder) || (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite)) {
+            if (busy || error) {
+                setShow(true);
+            }
+            else if (ready) {
+                setTimeout(() => {
+                    setShow(false);
+                    unsub === null || unsub === void 0 ? void 0 : unsub();
+                    setUnsub(undefined);
+                }, (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite) ? 3000 : 500);
+            }
+        }
+    }, [thebe, busy, ready, error]);
+    const host = (thebe === null || thebe === void 0 ? void 0 : thebe.useBinder) ? 'Binder' : (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite) ? 'JupyterLite' : 'Local Server';
+    if (show && error) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-2 font-semibold text-center", children: ["\u26D4\uFE0F Error connecting to ", host, " \u26D4\uFE0F"] }), (0, jsx_runtime_1.jsx)("div", { className: "my-1 max-h-[15rem] mono overflow-hidden text-ellipsis", children: error }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)("div", { className: "text-xs cursor-pointer hover:underline", role: "button", onClick: () => setShow(false), children: "dismiss" }) })] }));
+    }
+    if (show && (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite)) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-1 font-semibold text-center", children: ["\u26A1\uFE0F Connecting to ", host, " \u26A1\uFE0F"] }), !ready && (0, jsx_runtime_1.jsx)("div", { className: "max-h-[5rem] mono overflow-hidden text-ellipsis", children: status }), ready && ((0, jsx_runtime_1.jsx)("div", { className: "max-h-[15rem] mono overflow-hidden text-ellipsis", children: "The in-browser JupyterLite server is ready, press run anytime." }))] }));
+    }
+    if (show) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-1 font-semibold text-center", children: ["\u26A1\uFE0F Connecting to ", host, " \u26A1\uFE0F"] }), (0, jsx_runtime_1.jsx)("div", { className: "max-h-[15rem] mono overflow-hidden text-ellipsis", children: status })] }));
+    }
+    return null;
+}
+exports.ConnectionStatusTray = ConnectionStatusTray;

package/dist/cjs/index.d.ts

@@ -4,5 +4,6 @@ declare const OUTPUT_RENDERERS: {
 };
 export * from './BinderBadge';
 export * from './providers';
+export * from './ConnectionStatusTray';
 export default OUTPUT_RENDERERS;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/cjs/index.js

@@ -20,4 +20,5 @@ const OUTPUT_RENDERERS = {
 };
 __exportStar(require("./BinderBadge"), exports);
 __exportStar(require("./providers"), exports);
+__exportStar(require("./ConnectionStatusTray"), exports);
 exports.default = OUTPUT_RENDERERS;

package/dist/cjs/providers.js

@@ -70,12 +70,12 @@ exports.ConfiguredThebeServerProvider = ConfiguredThebeServerProvider;
 function notebookFromMdast(core, config, mdast, idkMap, rendermime) {
     const notebook = new core.ThebeNotebook(mdast.key, config, rendermime);
     // no metadata included in mdast yet
-    //Object.assign(notebook.metadata, ipynb.metadata);
+    // Object.assign(notebook.metadata, ipynb.metadata);
     notebook.cells = mdast.children.map((block) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (block.type !== 'block')
             console.warn(`Unexpected block type ${block.type}`);
-        if (block.children.length == 2 && block.children[0].type === 'code') {
+        if (block.children && 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
@@ -87,7 +87,7 @@ function notebookFromMdast(core, config, mdast, idkMap, 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);
+            const cell = new core.ThebeNonExecutableCell(block.key, notebook.id, (_d = (_c = block.children) === null || _c === void 0 ? void 0 : _c.reduce((acc, child) => { var _a; return acc + '\n' + ((_a = child.value) !== null && _a !== void 0 ? _a : ''); }, '')) !== null && _d !== void 0 ? _d : '', (_e = block.data) !== null && _e !== void 0 ? _e : {}, notebook.rendermime);
             return cell;
         }
     });

package/dist/cjs/safe.js

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

package/dist/esm/ConnectionStatusTray.d.ts

@@ -0,0 +1,2 @@
+export declare function ConnectionStatusTray(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConnectionStatusTray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStatusTray.d.ts","sourceRoot":"","sources":["../../src/ConnectionStatusTray.tsx"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,mDAmFnC"}

package/dist/esm/ConnectionStatusTray.js

@@ -0,0 +1,50 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useThebeServer, useThebeSession } from 'thebe-react';
+import { useComputeOptions } from './providers';
+export function ConnectionStatusTray() {
+    const { thebe } = useComputeOptions();
+    const { connecting, ready: serverReady, error: serverError, events } = useThebeServer();
+    const { starting, ready: sessionReady, error: sessionError } = useThebeSession();
+    const [show, setShow] = useState(false);
+    const [unsub, setUnsub] = useState();
+    const [status, setStatus] = useState('[client] Connecting...');
+    const error = serverError || sessionError;
+    const ready = serverReady && sessionReady;
+    const busy = connecting || starting;
+    const handleStatus = (event, data) => {
+        setStatus(`[${data.subject}]: ${data.message}`);
+    };
+    useEffect(() => {
+        if (!events)
+            return;
+        events.on('status', handleStatus);
+    }, [events]);
+    useEffect(() => {
+        if (!thebe)
+            return;
+        if ((thebe === null || thebe === void 0 ? void 0 : thebe.useBinder) || (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite)) {
+            if (busy || error) {
+                setShow(true);
+            }
+            else if (ready) {
+                setTimeout(() => {
+                    setShow(false);
+                    unsub === null || unsub === void 0 ? void 0 : unsub();
+                    setUnsub(undefined);
+                }, (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite) ? 3000 : 500);
+            }
+        }
+    }, [thebe, busy, ready, error]);
+    const host = (thebe === null || thebe === void 0 ? void 0 : thebe.useBinder) ? 'Binder' : (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite) ? 'JupyterLite' : 'Local Server';
+    if (show && error) {
+        return (_jsxs("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [_jsxs("div", { className: "mb-2 font-semibold text-center", children: ["\u26D4\uFE0F Error connecting to ", host, " \u26D4\uFE0F"] }), _jsx("div", { className: "my-1 max-h-[15rem] mono overflow-hidden text-ellipsis", children: error }), _jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "text-xs cursor-pointer hover:underline", role: "button", onClick: () => setShow(false), children: "dismiss" }) })] }));
+    }
+    if (show && (thebe === null || thebe === void 0 ? void 0 : thebe.useJupyterLite)) {
+        return (_jsxs("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [_jsxs("div", { className: "mb-1 font-semibold text-center", children: ["\u26A1\uFE0F Connecting to ", host, " \u26A1\uFE0F"] }), !ready && _jsx("div", { className: "max-h-[5rem] mono overflow-hidden text-ellipsis", children: status }), ready && (_jsx("div", { className: "max-h-[15rem] mono overflow-hidden text-ellipsis", children: "The in-browser JupyterLite server is ready, press run anytime." }))] }));
+    }
+    if (show) {
+        return (_jsxs("div", { className: "fixed p-3 text-sm text-gray-700 bg-white border rounded shadow-lg bottom-2 sm:right-2 max-w-[90%] md:max-w-[300px] min-w-0", children: [_jsxs("div", { className: "mb-1 font-semibold text-center", children: ["\u26A1\uFE0F Connecting to ", host, " \u26A1\uFE0F"] }), _jsx("div", { className: "max-h-[15rem] mono overflow-hidden text-ellipsis", children: status })] }));
+    }
+    return null;
+}

package/dist/esm/index.d.ts

@@ -4,5 +4,6 @@ declare const OUTPUT_RENDERERS: {
 };
 export * from './BinderBadge';
 export * from './providers';
+export * from './ConnectionStatusTray';
 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;AAE5B,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;AAEvC,eAAe,gBAAgB,CAAC"}

package/dist/esm/index.js

@@ -4,4 +4,5 @@ const OUTPUT_RENDERERS = {
 };
 export * from './BinderBadge';
 export * from './providers';
+export * from './ConnectionStatusTray';
 export default OUTPUT_RENDERERS;

package/dist/esm/providers.js

@@ -42,12 +42,12 @@ export function ConfiguredThebeServerProvider({ children }) {
 export function notebookFromMdast(core, config, mdast, idkMap, rendermime) {
     const notebook = new core.ThebeNotebook(mdast.key, config, rendermime);
     // no metadata included in mdast yet
-    //Object.assign(notebook.metadata, ipynb.metadata);
+    // Object.assign(notebook.metadata, ipynb.metadata);
     notebook.cells = mdast.children.map((block) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (block.type !== 'block')
             console.warn(`Unexpected block type ${block.type}`);
-        if (block.children.length == 2 && block.children[0].type === 'code') {
+        if (block.children && 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
@@ -59,7 +59,7 @@ export function notebookFromMdast(core, config, mdast, idkMap, 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);
+            const cell = new core.ThebeNonExecutableCell(block.key, notebook.id, (_d = (_c = block.children) === null || _c === void 0 ? void 0 : _c.reduce((acc, child) => { var _a; return acc + '\n' + ((_a = child.value) !== null && _a !== void 0 ? _a : ''); }, '')) !== null && _d !== void 0 ? _d : '', (_e = block.data) !== null && _e !== void 0 ? _e : {}, notebook.rendermime);
             return cell;
         }
     });

package/dist/esm/safe.js

@@ -55,7 +55,7 @@ function SafeOutput({ output }) {
             if (image)
                 return _jsx(OutputImage, { image: image, text: text });
             if (text)
-                return (_jsx("div", { className: "whitespace-pre-wrap font-mono text-sm", children: _jsx(Ansi, { children: text.content }) }));
+                return (_jsx("div", { className: "font-mono text-sm whitespace-pre-wrap", children: _jsx(Ansi, { children: text.content }) }));
             return null;
         }
         default:

package/dist/types/ConnectionStatusTray.d.ts

@@ -0,0 +1,2 @@
+export declare function ConnectionStatusTray(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ConnectionStatusTray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStatusTray.d.ts","sourceRoot":"","sources":["../../src/ConnectionStatusTray.tsx"],"names":[],"mappings":"AAKA,wBAAgB,oBAAoB,mDAmFnC"}

package/dist/types/index.d.ts

@@ -4,5 +4,6 @@ declare const OUTPUT_RENDERERS: {
 };
 export * from './BinderBadge';
 export * from './providers';
+export * from './ConnectionStatusTray';
 export default OUTPUT_RENDERERS;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/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;AAE5B,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;AAEvC,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/jupyter",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.3.1",
+    "@myst-theme/providers": "^0.3.3",
     "ansi-to-react": "^6.1.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
@@ -34,9 +34,9 @@
     "nbtx": "^0.2.3",
     "react-syntax-highlighter": "^15.5.0",
     "swr": "^2.1.5",
-    "thebe-core": "^0.2.3",
-    "thebe-lite": "^0.2.3",
-    "thebe-react": "^0.2.3",
+    "thebe-core": "^0.2.5",
+    "thebe-lite": "^0.2.5",
+    "thebe-react": "^0.2.5",
     "unist-util-select": "^4.0.3"
   },
   "peerDependencies": {