@myst-theme/jupyter 0.0.1

package/dist/esm/components.js

@@ -0,0 +1,36 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useLongContent } from './hooks';
+export const MaybeLongContent = ({ content, path, render, }) => {
+    const { error, data } = useLongContent(content, path);
+    if (error) {
+        return _jsxs("div", Object.assign({ className: "text-red-500" }, { children: ["Error loading content: ", error.message] }));
+    }
+    if (!data) {
+        return _jsx("div", { children: "Fetching long content...." });
+    }
+    return _jsx("div", { children: render(data.content) });
+};
+export const DangerousHTML = (_a) => {
+    var { content } = _a, rest = __rest(_a, ["content"]);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (!content || !ref.current)
+            return;
+        const el = document.createRange().createContextualFragment(content);
+        ref.current.innerHTML = '';
+        ref.current.appendChild(el);
+    }, [content, ref]);
+    return _jsx("div", Object.assign({}, rest, { ref: ref }));
+};

package/dist/esm/error.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { MinifiedErrorOutput } from '@curvenote/nbtx';
+export default function Error({ output }: {
+    output: MinifiedErrorOutput;
+}): JSX.Element;
+//# sourceMappingURL=error.d.ts.map

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

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

package/dist/esm/error.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Ansi from 'ansi-to-react';
+import { ensureString } from '@curvenote/blocks';
+import { MaybeLongContent } from './components';
+export default function Error({ output }) {
+    return (_jsx(MaybeLongContent, { content: ensureString(output.traceback), path: output.path, render: (content) => {
+            return (_jsx("pre", Object.assign({ className: "text-sm font-thin font-system jupyter-error" }, { children: _jsx(Ansi, { children: content !== null && content !== void 0 ? content : '' }) })));
+        } }));
+}

package/dist/esm/hooks.d.ts

@@ -0,0 +1,67 @@
+import type { MinifiedOutput } from '@curvenote/nbtx/dist/minify/types';
+/**
+ * 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;
+}
+export declare function useLongContent(content?: string, url?: string): {
+    data?: LongContent;
+    error?: Error;
+};
+export declare function useFetchAnyTruncatedContent(outputs: MinifiedOutput[]): {
+    data: ({
+        data: {};
+        path?: string | undefined;
+        traceback: string & string[];
+        output_type: "error";
+        ename: string;
+        evalue: string;
+    } | {
+        data: {};
+        path?: string | undefined;
+        output_type: "stream";
+        name: import("@jupyterlab/nbformat").StreamType;
+        text: import("@jupyterlab/nbformat").MultilineString;
+    } | {
+        data: {};
+        output_type: import("@curvenote/nbtx/dist/minify/types").MimeOutputType;
+        execution_count?: import("@jupyterlab/nbformat").ExecutionCount | undefined;
+        metadata: import("@lumino/coreutils").PartialJSONObject;
+    } | {
+        [x: string]: import("@lumino/coreutils").PartialJSONValue | undefined;
+        path?: string | undefined;
+        traceback: string & string[];
+        output_type: "error";
+        ename: string;
+        evalue: string;
+    } | {
+        [x: string]: import("@lumino/coreutils").PartialJSONValue | undefined;
+        path?: string | undefined;
+        output_type: "stream";
+        name: import("@jupyterlab/nbformat").StreamType;
+        text: import("@jupyterlab/nbformat").MultilineString;
+    })[] | undefined;
+    error: any;
+};
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,mCAAmC,CAAC;AAI3C;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BpE;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}

package/dist/esm/hooks.js

@@ -0,0 +1,76 @@
+import useSWRImmutable from 'swr/immutable';
+import { walkPaths } from '@curvenote/nbtx/dist/minify/utils';
+import { useState, useLayoutEffect } from 'react';
+const fetcher = (...args) => fetch(...args).then((res) => {
+    if (res.status === 200)
+        return res.json();
+    throw new Error(`Content returned with status ${res.status}.`);
+});
+export function useLongContent(content, url) {
+    if (typeof document === 'undefined') {
+        // This is ONLY called on the server
+        return url ? {} : { data: { content: content !== null && content !== void 0 ? content : '' } };
+    }
+    const { data, error } = useSWRImmutable(url || null, fetcher);
+    if (!url)
+        return { data: { content: content !== null && content !== void 0 ? content : '' } };
+    return { data, error };
+}
+const arrayFetcher = (...urls) => {
+    return Promise.all(urls.map((url) => fetcher(url)));
+};
+function shallowCloneOutputs(outputs) {
+    return outputs.map((output) => {
+        if ('data' in output && output.data) {
+            const data = output.data;
+            return Object.assign(Object.assign({}, output), { data: Object.entries(data).reduce((acc, [mimetype, payload]) => {
+                    return Object.assign(Object.assign({}, acc), { [mimetype]: Object.assign({}, payload) });
+                }, {}) });
+        }
+        return Object.assign({}, output);
+    });
+}
+export function useFetchAnyTruncatedContent(outputs) {
+    const itemsWithPaths = [];
+    const updated = shallowCloneOutputs(outputs);
+    walkPaths(updated, (path, obj) => {
+        // images have paths, but we don't need to fetch them
+        if ('content_type' in obj && obj.content_type.startsWith('image/'))
+            return;
+        obj.path = path;
+        itemsWithPaths.push(obj);
+    });
+    const { data, error } = useSWRImmutable(itemsWithPaths.map(({ path }) => path), arrayFetcher);
+    data === null || data === void 0 ? void 0 : data.forEach(({ content }, idx) => {
+        const obj = itemsWithPaths[idx];
+        if ('text' in obj)
+            obj.text = content; // stream
+        if ('traceback' in obj)
+            obj.traceback = content; // error
+        if ('content' in obj)
+            obj.content = content; // mimeoutput
+        obj.path = undefined;
+    });
+    return {
+        data: itemsWithPaths.length === 0 || data ? updated : undefined,
+        error,
+    };
+}
+function getWindowSize() {
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+export default function useWindowSize() {
+    const [windowSize, setWindowSize] = useState(getWindowSize());
+    useLayoutEffect(() => {
+        function handleResize() {
+            setWindowSize(getWindowSize());
+        }
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return windowSize;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,6 @@
+import { Output } from './output';
+declare const OUTPUT_RENDERERS: {
+    output: typeof Output;
+};
+export default OUTPUT_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import { Output } from './output';
+const OUTPUT_RENDERERS = {
+    output: Output,
+};
+export default OUTPUT_RENDERERS;

package/dist/esm/jupyter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { MinifiedOutput } from '@curvenote/nbtx';
+export declare const NativeJupyterOutputs: ({ id, outputs, }: {
+    id: string;
+    outputs: MinifiedOutput[];
+}) => JSX.Element;
+//# sourceMappingURL=jupyter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQtD,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBAmE1B,CAAC"}

package/dist/esm/jupyter.js

@@ -0,0 +1,48 @@
+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 { convertToIOutputs, fetchAndEncodeOutputImages } from '@curvenote/nbtx';
+import { ChevronDoubleDownIcon } from '@heroicons/react/24/outline';
+import { selectIFrameHeight, selectIFrameReady } from './selectors';
+const PERCENT_OF_WINDOW = 0.9;
+export const NativeJupyterOutputs = ({ id, outputs, }) => {
+    const windowSize = useWindowSize();
+    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 = useSelector((state) => selectIFrameHeight(state, uid));
+    const rendererReady = useSelector((state) => selectIFrameReady(state, uid));
+    const iframeRef = useRef(null);
+    useEffect(() => {
+        if (iframeRef.current == null || !rendererReady || !data)
+            return;
+        fetchAndEncodeOutputImages(convertToIOutputs(data)).then((out) => {
+            host.commsDispatch(iframeRef.current, actions.connectHostSendContent(uid, out));
+        });
+    }, [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]);
+    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" }) })))] }));
+};

package/dist/esm/output.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GenericNode } from 'mystjs';
+import type { MinifiedOutput } from '@curvenote/nbtx/dist/minify/types';
+export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;
+export declare function anyErrors(outputs: MinifiedOutput[]): boolean;
+export declare function Output(node: GenericNode): JSX.Element;
+//# sourceMappingURL=output.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAgB5F,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AAWD,wBAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,WAElD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,eA8BvC"}

package/dist/esm/output.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { KnownCellOutputMimeTypes } from '@curvenote/blocks';
+import classNames from 'classnames';
+import { SafeOutputs } from './safe';
+import { NativeJupyterOutputs as JupyterOutputs } from './jupyter';
+import { OutputBlock } from './outputBlock';
+const DIRECT_OUTPUT_TYPES = new Set(['stream', 'error']);
+const DIRECT_MIME_TYPES = new Set([
+    KnownCellOutputMimeTypes.TextPlain,
+    KnownCellOutputMimeTypes.ImagePng,
+    KnownCellOutputMimeTypes.ImageGif,
+    KnownCellOutputMimeTypes.ImageJpeg,
+    KnownCellOutputMimeTypes.ImageBmp,
+]);
+export function allOutputsAreSafe(outputs, directOutputTypes, directMimeTypes) {
+    return outputs.reduce((flag, output) => {
+        if (directOutputTypes.has(output.output_type))
+            return true;
+        const data = output.data;
+        const mimetypes = data ? Object.keys(data) : [];
+        const safe = 'data' in output &&
+            Boolean(output.data) &&
+            mimetypes.every((mimetype) => directMimeTypes.has(mimetype));
+        return flag && safe;
+    }, true);
+}
+function listMimetypes(outputs, directOutputTypes) {
+    return outputs.map((output) => {
+        if (directOutputTypes.has(output.output_type))
+            return [output.output_type];
+        const data = output.data;
+        const mimetypes = data ? Object.keys(data) : [];
+        return [output.output_type, mimetypes];
+    });
+}
+export function anyErrors(outputs) {
+    return outputs.reduce((flag, output) => flag || output.output_type === 'error', false);
+}
+export function Output(node) {
+    const outputs = node.data;
+    const allSafe = allOutputsAreSafe(outputs, DIRECT_OUTPUT_TYPES, DIRECT_MIME_TYPES);
+    const hasError = anyErrors(outputs);
+    let component;
+    if (allSafe) {
+        component = _jsx(SafeOutputs, { keyStub: node.key, outputs: outputs });
+    }
+    else {
+        // Hide the iframe if rendering on the server
+        component =
+            typeof document === 'undefined' ? null : _jsx(JupyterOutputs, { id: node.key, outputs: outputs });
+    }
+    return (_jsx("figure", Object.assign({ suppressHydrationWarning: !allSafe, id: node.identifier || undefined, className: classNames('max-w-full overflow-auto m-0', {
+            'text-left': !node.align || node.align === 'left',
+            'text-center': node.align === 'center',
+            'text-right': node.align === 'right',
+        }) }, { children: _jsx(OutputBlock, Object.assign({ allSafe: allSafe, hasError: hasError }, { children: component })) }), node.key));
+}

package/dist/esm/outputBlock.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    children?: React.ReactNode;
+    allSafe?: boolean;
+    hasError?: boolean;
+    className?: string;
+};
+export declare function OutputBlock(props: Props): JSX.Element;
+export {};
+//# sourceMappingURL=outputBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outputBlock.d.ts","sourceRoot":"","sources":["../../src/outputBlock.tsx"],"names":[],"mappings":";AAEA,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,eAWvC"}

package/dist/esm/outputBlock.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export function OutputBlock(props) {
+    const { children, allSafe, className } = props;
+    return (_jsx("div", Object.assign({ suppressHydrationWarning: !allSafe, className: classNames('relative group not-prose overflow-auto mb-4 pl-0.5', className) }, { children: children })));
+}

package/dist/esm/safe.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { MinifiedOutput } from '@curvenote/nbtx/dist/minify/types';
+export declare function SafeOutputs({ keyStub, outputs }: {
+    keyStub: string;
+    outputs: MinifiedOutput[];
+}): JSX.Element;
+//# sourceMappingURL=safe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"safe.d.ts","sourceRoot":"","sources":["../../src/safe.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,mCAAmC,CAAC;AAwE3C,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/safe.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { KnownCellOutputMimeTypes } from '@curvenote/blocks/dist/blocks/types/jupyter';
+import Stream from './stream';
+import Error from './error';
+import Ansi from 'ansi-to-react';
+/**
+ * https://jupyterbook.org/content/code-outputs.html#render-priority
+ *
+ * nb_render_priority:
+      html:
+      - "application/vnd.jupyter.widget-view+json"
+      - "application/javascript"
+      - "text/html"
+      - "image/svg+xml"
+      - "image/png"
+      - "image/jpeg"
+      - "text/markdown"
+      - "text/latex"
+      - "text/plain"
+ */
+const RENDER_PRIORITY = [
+    KnownCellOutputMimeTypes.ImagePng,
+    KnownCellOutputMimeTypes.ImageJpeg,
+    KnownCellOutputMimeTypes.ImageGif,
+    KnownCellOutputMimeTypes.ImageBmp,
+];
+function findSafeMimeOutputs(output) {
+    const data = output.data;
+    const image = RENDER_PRIORITY.reduce((acc, mimetype) => {
+        if (acc)
+            return acc;
+        if (data && data[mimetype])
+            return data[mimetype];
+        return undefined;
+    }, undefined);
+    const text = data && data['text/plain'];
+    return { image, text };
+}
+function OutputImage({ image, text }) {
+    var _a;
+    return _jsx("img", { src: image === null || image === void 0 ? void 0 : image.path, alt: (_a = text === null || text === void 0 ? void 0 : text.content) !== null && _a !== void 0 ? _a : 'Image produced in Jupyter' });
+}
+function SafeOutput({ output }) {
+    switch (output.output_type) {
+        case 'stream':
+            return _jsx(Stream, { output: output });
+        case 'error':
+            return _jsx(Error, { output: output });
+        case 'display_data':
+        case 'execute_result':
+        case 'update_display_data': {
+            const { image, text } = findSafeMimeOutputs(output);
+            if (!image && !text)
+                return null;
+            if (image)
+                return _jsx(OutputImage, { image: image, text: text });
+            if (text)
+                return (_jsx("div", { children: _jsx(Ansi, { children: text.content }) }));
+            return null;
+        }
+        default:
+            console.warn(`Unknown output_type ${output['output_type']}`);
+            return null;
+    }
+}
+export function SafeOutputs({ keyStub, outputs }) {
+    // TODO better key - add keys during content creation?
+    const components = outputs.map((output, idx) => (_jsx(SafeOutput, { output: output }, `${keyStub}-${idx}`)));
+    return _jsx(_Fragment, { children: components });
+}

package/dist/esm/selectors.d.ts

@@ -0,0 +1,10 @@
+import type { HostState } from '@curvenote/connect';
+export interface State {
+    app: HostState;
+}
+export declare const selectIFrameHeight: (state: State, id: string) => number | null;
+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

@@ -0,0 +1 @@
+{"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,kBACX,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

@@ -0,0 +1,4 @@
+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/esm/stream.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { MinifiedStreamOutput } from '@curvenote/nbtx';
+export default function Stream({ output }: {
+    output: MinifiedStreamOutput;
+}): JSX.Element;
+//# sourceMappingURL=stream.d.ts.map

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

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

package/dist/esm/stream.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Ansi from 'ansi-to-react';
+import { ensureString } from '@curvenote/blocks';
+import { MaybeLongContent } from './components';
+export default function Stream({ output }) {
+    return (_jsx(MaybeLongContent, { content: ensureString(output.text), path: output.path, render: (content) => (_jsx("pre", Object.assign({ className: "text-sm font-thin font-system" }, { children: _jsx(Ansi, { children: content !== null && content !== void 0 ? content : '' }) }))) }));
+}

package/dist/types/components.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const MaybeLongContent: ({ content, path, render, }: {
+    content?: string | undefined;
+    path?: string | undefined;
+    render: (content: string) => JSX.Element;
+}) => JSX.Element;
+export declare const DangerousHTML: ({ content, ...rest }: {
+    content: string;
+}) => JSX.Element;
+//# sourceMappingURL=components.d.ts.map

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

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

package/dist/types/error.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { MinifiedErrorOutput } from '@curvenote/nbtx';
+export default function Error({ output }: {
+    output: MinifiedErrorOutput;
+}): JSX.Element;
+//# sourceMappingURL=error.d.ts.map

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

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

package/dist/types/hooks.d.ts

@@ -0,0 +1,67 @@
+import type { MinifiedOutput } from '@curvenote/nbtx/dist/minify/types';
+/**
+ * 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;
+}
+export declare function useLongContent(content?: string, url?: string): {
+    data?: LongContent;
+    error?: Error;
+};
+export declare function useFetchAnyTruncatedContent(outputs: MinifiedOutput[]): {
+    data: ({
+        data: {};
+        path?: string | undefined;
+        traceback: string & string[];
+        output_type: "error";
+        ename: string;
+        evalue: string;
+    } | {
+        data: {};
+        path?: string | undefined;
+        output_type: "stream";
+        name: import("@jupyterlab/nbformat").StreamType;
+        text: import("@jupyterlab/nbformat").MultilineString;
+    } | {
+        data: {};
+        output_type: import("@curvenote/nbtx/dist/minify/types").MimeOutputType;
+        execution_count?: import("@jupyterlab/nbformat").ExecutionCount | undefined;
+        metadata: import("@lumino/coreutils").PartialJSONObject;
+    } | {
+        [x: string]: import("@lumino/coreutils").PartialJSONValue | undefined;
+        path?: string | undefined;
+        traceback: string & string[];
+        output_type: "error";
+        ename: string;
+        evalue: string;
+    } | {
+        [x: string]: import("@lumino/coreutils").PartialJSONValue | undefined;
+        path?: string | undefined;
+        output_type: "stream";
+        name: import("@jupyterlab/nbformat").StreamType;
+        text: import("@jupyterlab/nbformat").MultilineString;
+    })[] | undefined;
+    error: any;
+};
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+};
+export {};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,mCAAmC,CAAC;AAI3C;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAQD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BpE;AAUD,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAapC"}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import { Output } from './output';
+declare const OUTPUT_RENDERERS: {
+    output: typeof Output;
+};
+export default OUTPUT_RENDERERS;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/jupyter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { MinifiedOutput } from '@curvenote/nbtx';
+export declare const NativeJupyterOutputs: ({ id, outputs, }: {
+    id: string;
+    outputs: MinifiedOutput[];
+}) => JSX.Element;
+//# sourceMappingURL=jupyter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jupyter.d.ts","sourceRoot":"","sources":["../../src/jupyter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQtD,eAAO,MAAM,oBAAoB;QAI3B,MAAM;aACD,cAAc,EAAE;iBAmE1B,CAAC"}

package/dist/types/output.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GenericNode } from 'mystjs';
+import type { MinifiedOutput } from '@curvenote/nbtx/dist/minify/types';
+export declare function allOutputsAreSafe(outputs: MinifiedOutput[], directOutputTypes: Set<string>, directMimeTypes: Set<string>): boolean;
+export declare function anyErrors(outputs: MinifiedOutput[]): boolean;
+export declare function Output(node: GenericNode): JSX.Element;
+//# sourceMappingURL=output.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../src/output.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,EAAsB,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAgB5F,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EAAE,EACzB,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,EAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,WAY7B;AAWD,wBAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,WAElD;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,WAAW,eA8BvC"}