@datalayer/jupyter-lexical 0.0.1

package/lib/plugins/EquationsPlugin.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import 'katex/dist/katex.css';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $wrapNodeInElement } from '@lexical/utils';
+import { $createParagraphNode, $insertNodes, $isRootOrShadowRoot, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
+import { useCallback, useEffect } from 'react';
+import { $createEquationNode, EquationNode } from '../nodes/EquationNode';
+import KatexEquationAlterer from '../ui/KatexEquationAlterer';
+export const INSERT_EQUATION_COMMAND = createCommand('INSERT_EQUATION_COMMAND');
+export function InsertEquationDialog({ activeEditor, onClose, }) {
+    const onEquationConfirm = useCallback((equation, inline) => {
+        activeEditor.dispatchCommand(INSERT_EQUATION_COMMAND, { equation, inline });
+        onClose();
+    }, [activeEditor, onClose]);
+    return _jsx(KatexEquationAlterer, { onConfirm: onEquationConfirm });
+}
+export const EquationsPlugin = () => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([EquationNode])) {
+            throw new Error('EquationsPlugins: EquationsNode not registered on editor');
+        }
+        return editor.registerCommand(INSERT_EQUATION_COMMAND, (payload) => {
+            const { equation, inline } = payload;
+            const equationNode = $createEquationNode(equation, inline);
+            $insertNodes([equationNode]);
+            if ($isRootOrShadowRoot(equationNode.getParentOrThrow())) {
+                $wrapNodeInElement(equationNode, $createParagraphNode).selectEnd();
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+};
+export default EquationsPlugin;
+//# sourceMappingURL=EquationsPlugin.js.map

package/lib/plugins/EquationsPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationsPlugin.js","sourceRoot":"","sources":["../../src/plugins/EquationsPlugin.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,aAAa,GAGd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AACxE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAO9D,MAAM,CAAC,MAAM,uBAAuB,GAClC,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAE3C,MAAM,UAAU,oBAAoB,CAAC,EACnC,YAAY,EACZ,OAAO,GAIR;IACC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,QAAgB,EAAE,MAAe,EAAE,EAAE;QACpC,YAAY,CAAC,eAAe,CAAC,uBAAuB,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAC,CAAC;QAC1E,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,OAAO,KAAC,oBAAoB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAAC;AAChE,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAuB,EAAE;IACtD,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,EAAE;YACpC,MAAM,IAAI,KAAK,CACb,0DAA0D,CAC3D,CAAC;SACH;QAED,OAAO,MAAM,CAAC,eAAe,CAC3B,uBAAuB,EACvB,CAAC,OAAO,EAAE,EAAE;YACV,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC;YACnC,MAAM,YAAY,GAAG,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAE3D,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;YAC7B,IAAI,mBAAmB,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,EAAE;gBACxD,kBAAkB,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC,SAAS,EAAE,CAAC;aACpE;YAED,OAAO,IAAI,CAAC;QACd,CAAC,EACD,uBAAuB,CACxB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,eAAe,eAAe,CAAC"}

package/lib/plugins/HorizontalRulePlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const HorizontalRulePlugin: () => null;
+export default HorizontalRulePlugin;

package/lib/plugins/HorizontalRulePlugin.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $createHorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND, } from '@lexical/react/LexicalHorizontalRuleNode';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, } from 'lexical';
+import { useEffect } from 'react';
+export const HorizontalRulePlugin = () => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(INSERT_HORIZONTAL_RULE_COMMAND, (type) => {
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection)) {
+                return false;
+            }
+            const focusNode = selection.focus.getNode();
+            if (focusNode !== null) {
+                const horizontalRuleNode = $createHorizontalRuleNode();
+                selection.insertParagraph();
+                selection.focus
+                    .getNode()
+                    .getTopLevelElementOrThrow()
+                    .insertBefore(horizontalRuleNode);
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+};
+export default HorizontalRulePlugin;
+//# sourceMappingURL=HorizontalRulePlugin.js.map

package/lib/plugins/HorizontalRulePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRulePlugin.js","sourceRoot":"","sources":["../../src/plugins/HorizontalRulePlugin.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EACL,yBAAyB,EACzB,8BAA8B,GAC/B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAS,EAAE;IAC7C,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,eAAe,CAC3B,8BAA8B,EAC9B,CAAC,IAAI,EAAE,EAAE;YACP,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;YAClC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;gBACjC,OAAO,KAAK,CAAC;aACd;YACD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YAC5C,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,MAAM,kBAAkB,GAAG,yBAAyB,EAAE,CAAC;gBACvD,SAAS,CAAC,eAAe,EAAE,CAAC;gBAC5B,SAAS,CAAC,KAAK;qBACZ,OAAO,EAAE;qBACT,yBAAyB,EAAE;qBAC3B,YAAY,CAAC,kBAAkB,CAAC,CAAC;aACrC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,EACD,uBAAuB,CACxB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAC"}

package/lib/plugins/ImagesPlugin.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { LexicalCommand, LexicalEditor } from 'lexical';
+import { ImagePayload } from '../nodes/ImageNode';
+export type InsertImagePayload = Readonly<ImagePayload>;
+export declare const INSERT_IMAGE_COMMAND: LexicalCommand<InsertImagePayload>;
+export declare function InsertImageUriDialogBody({ onClick, }: {
+    onClick: (payload: InsertImagePayload) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InsertImageUploadedDialogBody({ onClick, }: {
+    onClick: (payload: InsertImagePayload) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InsertImageDialog({ activeEditor, onClose, }: {
+    activeEditor: LexicalEditor;
+    onClose: () => void;
+}): JSX.Element;
+export declare const ImagesPlugin: ({ captionsEnabled, }: {
+    captionsEnabled?: boolean | undefined;
+}) => JSX.Element | null;
+declare global {
+    interface DragEvent {
+        rangeOffset?: number;
+        rangeParent?: Node;
+    }
+}
+export default ImagesPlugin;

package/lib/plugins/ImagesPlugin.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $wrapNodeInElement, mergeRegister } from '@lexical/utils';
+import { $createParagraphNode, $createRangeSelection, $getSelection, $insertNodes, $isNodeSelection, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, createCommand, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, } from 'lexical';
+import { useEffect, useRef, useState } from 'react';
+import { CAN_USE_DOM } from './../utils/canUseDOM';
+import yellowFlowerImage from '../images/yellow-flower-small.jpg';
+import { $createImageNode, $isImageNode, ImageNode, } from '../nodes/ImageNode';
+import Button from '../ui/Button';
+import { DialogActions, DialogButtonsList } from '../ui/Dialog';
+import FileInput from '../ui/FileInput';
+import TextInput from '../ui/TextInput';
+const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+export const INSERT_IMAGE_COMMAND = createCommand('INSERT_IMAGE_COMMAND');
+export function InsertImageUriDialogBody({ onClick, }) {
+    const [src, setSrc] = useState('');
+    const [altText, setAltText] = useState('');
+    const isDisabled = src === '';
+    return (_jsxs(_Fragment, { children: [_jsx(TextInput, { label: "Image URL", placeholder: "i.e. https://source.unsplash.com/random", onChange: setSrc, value: src, "data-test-id": "image-modal-url-input" }), _jsx(TextInput, { label: "Alt Text", placeholder: "Random unsplash image", onChange: setAltText, value: altText, "data-test-id": "image-modal-alt-text-input" }), _jsx(DialogActions, { children: _jsx(Button, { "data-test-id": "image-modal-confirm-btn", disabled: isDisabled, onClick: () => onClick({ altText, src }), children: "Confirm" }) })] }));
+}
+export function InsertImageUploadedDialogBody({ onClick, }) {
+    const [src, setSrc] = useState('');
+    const [altText, setAltText] = useState('');
+    const isDisabled = src === '';
+    const loadImage = (files) => {
+        const reader = new FileReader();
+        reader.onload = function () {
+            if (typeof reader.result === 'string') {
+                setSrc(reader.result);
+            }
+            return '';
+        };
+        if (files !== null) {
+            reader.readAsDataURL(files[0]);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(FileInput, { label: "Image Upload", onChange: loadImage, accept: "image/*", "data-test-id": "image-modal-file-upload" }), _jsx(TextInput, { label: "Alt Text", placeholder: "Descriptive alternative text", onChange: setAltText, value: altText, "data-test-id": "image-modal-alt-text-input" }), _jsx(DialogActions, { children: _jsx(Button, { "data-test-id": "image-modal-file-upload-btn", disabled: isDisabled, onClick: () => onClick({ altText, src }), children: "Confirm" }) })] }));
+}
+export function InsertImageDialog({ activeEditor, onClose, }) {
+    const [mode, setMode] = useState(null);
+    const hasModifier = useRef(false);
+    useEffect(() => {
+        hasModifier.current = false;
+        const handler = (e) => {
+            hasModifier.current = e.altKey;
+        };
+        document.addEventListener('keydown', handler);
+        return () => {
+            document.removeEventListener('keydown', handler);
+        };
+    }, [activeEditor]);
+    const onClick = (payload) => {
+        activeEditor.dispatchCommand(INSERT_IMAGE_COMMAND, payload);
+        onClose();
+    };
+    return (_jsxs(_Fragment, { children: [!mode && (_jsxs(DialogButtonsList, { children: [_jsx(Button, { "data-test-id": "image-modal-option-sample", onClick: () => onClick(hasModifier.current
+                            ? {
+                                altText: 'Daylight fir trees forest glacier green high ice landscape',
+                                src: yellowFlowerImage,
+                            }
+                            : {
+                                altText: 'Yellow flower in tilt shift lens',
+                                src: yellowFlowerImage,
+                            }), children: "Sample" }), _jsx(Button, { "data-test-id": "image-modal-option-url", onClick: () => setMode('url'), children: "URL" }), _jsx(Button, { "data-test-id": "image-modal-option-file", onClick: () => setMode('file'), children: "File" })] })), mode === 'url' && _jsx(InsertImageUriDialogBody, { onClick: onClick }), mode === 'file' && _jsx(InsertImageUploadedDialogBody, { onClick: onClick })] }));
+}
+export const ImagesPlugin = ({ captionsEnabled, }) => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([ImageNode])) {
+            throw new Error('ImagesPlugin: ImageNode not registered on editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_IMAGE_COMMAND, (payload) => {
+            const imageNode = $createImageNode(payload);
+            $insertNodes([imageNode]);
+            if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+                $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, (event) => {
+            return onDragStart(event);
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, (event) => {
+            return onDragover(event);
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, (event) => {
+            return onDrop(event, editor);
+        }, COMMAND_PRIORITY_HIGH));
+    }, [captionsEnabled, editor]);
+    return null;
+};
+const TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+const img = document.createElement('img');
+img.src = TRANSPARENT_IMAGE;
+function onDragStart(event) {
+    const node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    const dataTransfer = event.dataTransfer;
+    if (!dataTransfer) {
+        return false;
+    }
+    dataTransfer.setData('text/plain', '_');
+    dataTransfer.setDragImage(img, 0, 0);
+    dataTransfer.setData('application/x-lexical-drag', JSON.stringify({
+        data: {
+            altText: node.__altText,
+            caption: node.__caption,
+            height: node.__height,
+            key: node.getKey(),
+            maxWidth: node.__maxWidth,
+            showCaption: node.__showCaption,
+            src: node.__src,
+            width: node.__width,
+        },
+        type: 'image',
+    }));
+    return true;
+}
+function onDragover(event) {
+    const node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    if (!canDropImage(event)) {
+        event.preventDefault();
+    }
+    return true;
+}
+function onDrop(event, editor) {
+    const node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    const data = getDragImageData(event);
+    if (!data) {
+        return false;
+    }
+    event.preventDefault();
+    if (canDropImage(event)) {
+        const range = getDragSelection(event);
+        node.remove();
+        const rangeSelection = $createRangeSelection();
+        if (range !== null && range !== undefined) {
+            rangeSelection.applyDOMRange(range);
+        }
+        $setSelection(rangeSelection);
+        editor.dispatchCommand(INSERT_IMAGE_COMMAND, data);
+    }
+    return true;
+}
+function getImageNodeInSelection() {
+    const selection = $getSelection();
+    if (!$isNodeSelection(selection)) {
+        return null;
+    }
+    const nodes = selection.getNodes();
+    const node = nodes[0];
+    return $isImageNode(node) ? node : null;
+}
+function getDragImageData(event) {
+    const dragData = event.dataTransfer?.getData('application/x-lexical-drag');
+    if (!dragData) {
+        return null;
+    }
+    const { type, data } = JSON.parse(dragData);
+    if (type !== 'image') {
+        return null;
+    }
+    return data;
+}
+function canDropImage(event) {
+    const target = event.target;
+    return !!(target &&
+        target instanceof HTMLElement &&
+        !target.closest('code, span.editor-image') &&
+        target.parentElement &&
+        target.parentElement.closest('div.ContentEditable__root'));
+}
+function getDragSelection(event) {
+    let range;
+    const target = event.target;
+    const targetWindow = target == null
+        ? null
+        : target.nodeType === 9
+            ? target.defaultView
+            : target.ownerDocument.defaultView;
+    const domSelection = getDOMSelection(targetWindow);
+    if (document.caretRangeFromPoint) {
+        range = document.caretRangeFromPoint(event.clientX, event.clientY);
+    }
+    else if (event.rangeParent && domSelection !== null) {
+        domSelection.collapse(event.rangeParent, event.rangeOffset || 0);
+        range = domSelection.getRangeAt(0);
+    }
+    else {
+        throw Error(`Cannot get the selection when dragging`);
+    }
+    return range;
+}
+export default ImagesPlugin;
+//# sourceMappingURL=ImagesPlugin.js.map

package/lib/plugins/ImagesPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagesPlugin.js","sourceRoot":"","sources":["../../src/plugins/ImagesPlugin.tsx"],"names":[],"mappings":"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"}

package/lib/plugins/JupyterPlugin.css

@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+.jp-OutputArea {
+  outline: none;
+/*  box-shadow: '0 0 0 3px #B4D5FF'; */
+/*  outline: 1px solid #B4D5FF; */
+/*  border-radius: 3px; */
+/*  padding: 2px; */
+}

package/lib/plugins/JupyterPlugin.d.ts

@@ -0,0 +1,16 @@
+import { IOutput } from '@jupyterlab/nbformat';
+import "./JupyterPlugin.css";
+export declare const CODE_UUID_TO_OUTPUT_KEY: Map<string, string | undefined>;
+export declare const CODE_UUID_TO_CODE_KEY: Map<string, string | undefined>;
+export declare const CODE_UUID_TO_OUTPUT_UUID: Map<string, string | undefined>;
+export declare const OUTPUT_UUID_TO_CODE_UUID: Map<string, string | undefined>;
+export declare const OUTPUT_UUID_TO_OUTPUT_KEY: Map<string, string | undefined>;
+export declare const DEFAULT_INITIAL_OUTPUTS: IOutput[];
+export type JupyterOutputProps = {
+    code: string;
+    outputs?: IOutput[];
+    loading?: string;
+};
+export declare const INSERT_JUPYTER_CELL_COMMAND: import("lexical").LexicalCommand<JupyterOutputProps>;
+export declare const JupyterPlugin: () => null;
+export default JupyterPlugin;

package/lib/plugins/JupyterPlugin.js

@@ -0,0 +1,169 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useEffect } from "react";
+import { $getSelection, $isRangeSelection, createCommand, COMMAND_PRIORITY_EDITOR, INSERT_LINE_BREAK_COMMAND, COMMAND_PRIORITY_HIGH, $isLineBreakNode, $isElementNode, $insertNodes, $createParagraphNode } from "lexical";
+import { $getNodeByKey, $createNodeSelection, $setSelection } from "lexical";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $setBlocksType } from "@lexical/selection";
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { OutputAdapter } from '@datalayer/jupyter-react';
+import { UUID } from '@lumino/coreutils';
+import { $createJupyterCodeNode } from "../nodes/JupyterCodeNode";
+import { $isJupyterCodeNode } from "../nodes/JupyterCodeNode";
+import { registerCodeHighlighting } from "../nodes/JupyterCodeHighlighter";
+import { JupyterOutputNode, $createJupyterOutputNode } from "../nodes/JupyterOutputNode";
+import { JupyterCodeNode } from "../nodes/JupyterCodeNode";
+import "./JupyterPlugin.css";
+export const CODE_UUID_TO_OUTPUT_KEY = new Map();
+export const CODE_UUID_TO_CODE_KEY = new Map();
+export const CODE_UUID_TO_OUTPUT_UUID = new Map();
+export const OUTPUT_UUID_TO_CODE_UUID = new Map();
+export const OUTPUT_UUID_TO_OUTPUT_KEY = new Map();
+export const DEFAULT_INITIAL_OUTPUTS = [
+    {
+        "output_type": "execute_result",
+        "data": {
+            "text/html": [
+                "<p>Type code in the cell and Shift+Enter to execute.</p>"
+            ]
+        },
+        "execution_count": 0,
+        "metadata": {},
+    }
+];
+export const INSERT_JUPYTER_CELL_COMMAND = createCommand();
+export const JupyterPlugin = () => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return registerCodeHighlighting(editor);
+    }, [editor]);
+    useEffect(() => {
+        if (!editor.hasNodes([JupyterOutputNode])) {
+            throw new Error("JupyterPlugin: JupyterOutputNode not registered on editor");
+        }
+    }, [editor]);
+    useEffect(() => {
+        return editor.registerCommand(INSERT_LINE_BREAK_COMMAND, (event) => {
+            const selection = $getSelection();
+            const node = selection?.getNodes()[0];
+            if (node?.__parent) {
+                const parentNode = $getNodeByKey(node?.__parent);
+                if ($isJupyterCodeNode(parentNode)) {
+                    const code = parentNode.getTextContent();
+                    const codeNodeUuid = parentNode.getCodeNodeUuid();
+                    const jupyterOutputNodeKey = CODE_UUID_TO_OUTPUT_KEY.get(codeNodeUuid);
+                    if (jupyterOutputNodeKey) {
+                        const jupyterOutputNode = $getNodeByKey(jupyterOutputNodeKey);
+                        if (jupyterOutputNode) {
+                            jupyterOutputNode.executeCode(code);
+                            return true;
+                        }
+                    }
+                    const jupyterOutputNode = $createJupyterOutputNode(code, new OutputAdapter(undefined, []), [], true, codeNodeUuid, UUID.uuid4());
+                    $insertNodeToNearestRoot(jupyterOutputNode);
+                    const nodeSelection = $createNodeSelection();
+                    nodeSelection.add(parentNode.__key);
+                    $setSelection(nodeSelection);
+                    return true;
+                }
+            }
+            return false;
+        }, COMMAND_PRIORITY_HIGH);
+    }, [editor]);
+    useEffect(() => {
+        return editor.registerMutationListener(JupyterCodeNode, (mutatedNodes) => {
+            for (let [nodeKey, mutation] of mutatedNodes) {
+                if (mutation === "destroyed") {
+                    editor.update(() => {
+                        //              let codeNodeUuid: string | undefined;
+                        let outputNodeUuid;
+                        // TODO Do not use forEach...
+                        CODE_UUID_TO_CODE_KEY.forEach((codeKey, codeUuid) => {
+                            if (codeKey === nodeKey) {
+                                //                  codeNodeUuid = codeUuid;
+                                outputNodeUuid = CODE_UUID_TO_OUTPUT_UUID.get(codeUuid);
+                            }
+                        });
+                        if (outputNodeUuid) {
+                            const outputNodeKey = OUTPUT_UUID_TO_OUTPUT_KEY.get(outputNodeUuid);
+                            if (outputNodeKey) {
+                                const outputNode = $getNodeByKey(outputNodeKey);
+                                if (outputNode) {
+                                    outputNode.markDirty();
+                                    outputNode.removeForce();
+                                }
+                            }
+                            //                CODE_UUID_TO_OUTPUT_UUID.delete(codeNodeUuid);
+                            //                CODE_UUID_TO_OUTPUT_KEY.delete(codeNodeUuid);
+                            //                CODE_UUID_TO_CODE_KEY.delete(codeNodeUuid);
+                        }
+                        if (outputNodeUuid) {
+                            //                OUTPUT_UUID_TO_CODE_UUID.delete(outputNodeUuid);
+                        }
+                    });
+                }
+            }
+        });
+    }, [editor]);
+    useEffect(() => {
+        return editor.registerCommand(INSERT_JUPYTER_CELL_COMMAND, (props) => {
+            const { code, outputs, loading } = props;
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                selection.removeText();
+                const jupyterCodeNode = $createJupyterCodeNode("python");
+                /*
+                if (selection.isCollapsed()) {
+                  const paragraphNode = $createParagraphNode();
+                  const textNode = $createTextNode(code || "");
+                  paragraphNode.append(textNode);
+                  selection.insertNodes([paragraphNode]);
+                  $wrapNodes(selection, () => codeNode);
+                } else {
+                  const textContent = selection.getTextContent();
+                  selection.insertNodes([codeNode]);
+                  selection.insertRawText(textContent);
+                }
+                */
+                if (selection.isCollapsed()) {
+                    const anchorNode = selection.anchor.getNode();
+                    if (anchorNode && $isElementNode(anchorNode)) {
+                        const nodes = anchorNode.getChildren();
+                        nodes.map((node) => {
+                            if ($isLineBreakNode(node)) {
+                                node.remove();
+                            }
+                        });
+                    }
+                    selection.insertRawText(code);
+                    $setBlocksType(selection, () => jupyterCodeNode);
+                }
+                else {
+                    selection.insertNodes([jupyterCodeNode]);
+                }
+                const outputAdapter = new OutputAdapter(undefined, outputs);
+                const jupyterOutputNode = $createJupyterOutputNode(code, outputAdapter, outputs || [], false, jupyterCodeNode.getCodeNodeUuid(), UUID.uuid4());
+                outputAdapter.outputArea.model.changed.connect((outputModel, args) => {
+                    editor.update(() => {
+                        jupyterOutputNode.setOutputs(outputModel.toJSON());
+                    });
+                });
+                const tmpParagraph = $createParagraphNode();
+                $insertNodes([tmpParagraph]);
+                $insertNodeToNearestRoot(jupyterOutputNode);
+                tmpParagraph.remove();
+                if (!loading) {
+                    jupyterCodeNode.selectEnd();
+                    //          selection.insertRawText(code);
+                }
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+};
+export default JupyterPlugin;
+//# sourceMappingURL=JupyterPlugin.js.map

package/lib/plugins/JupyterPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JupyterPlugin.js","sourceRoot":"","sources":["../../src/plugins/JupyterPlugin.tsx"],"names":[],"mappings":"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"}

package/lib/plugins/ListMaxIndentLevelPlugin.d.ts

@@ -0,0 +1,4 @@
+export declare const ListMaxIndentLevelPlugin: ({ maxDepth }: {
+    maxDepth: number;
+}) => null;
+export default ListMaxIndentLevelPlugin;

package/lib/plugins/ListMaxIndentLevelPlugin.js

@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useEffect } from "react";
+import { $getSelection, $isElementNode, $isRangeSelection, INDENT_CONTENT_COMMAND, COMMAND_PRIORITY_HIGH } from "lexical";
+import { $getListDepth, $isListItemNode, $isListNode } from "@lexical/list";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+function getElementNodesInSelection(selection) {
+    const nodesInSelection = selection.getNodes();
+    if (nodesInSelection.length === 0) {
+        return new Set([
+            selection.anchor.getNode().getParentOrThrow(),
+            selection.focus.getNode().getParentOrThrow()
+        ]);
+    }
+    return new Set(nodesInSelection.map((n) => ($isElementNode(n) ? n : n.getParentOrThrow())));
+}
+function isIndentPermitted(maxDepth) {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+        return false;
+    }
+    const elementNodesInSelection = getElementNodesInSelection(selection);
+    let totalDepth = 0;
+    for (const elementNode of elementNodesInSelection) {
+        if ($isListNode(elementNode)) {
+            totalDepth = Math.max($getListDepth(elementNode) + 1, totalDepth);
+        }
+        else if ($isListItemNode(elementNode)) {
+            const parent = elementNode.getParent();
+            if (!$isListNode(parent)) {
+                throw new Error("ListMaxIndentLevelPlugin: A ListItemNode must have a ListNode for a parent.");
+            }
+            totalDepth = Math.max($getListDepth(parent) + 1, totalDepth);
+        }
+    }
+    return totalDepth <= maxDepth;
+}
+export const ListMaxIndentLevelPlugin = ({ maxDepth }) => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(INDENT_CONTENT_COMMAND, () => !isIndentPermitted(maxDepth ?? 7), COMMAND_PRIORITY_HIGH);
+    }, [editor, maxDepth]);
+    return null;
+};
+export default ListMaxIndentLevelPlugin;
+//# sourceMappingURL=ListMaxIndentLevelPlugin.js.map

package/lib/plugins/ListMaxIndentLevelPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMaxIndentLevelPlugin.js","sourceRoot":"","sources":["../../src/plugins/ListMaxIndentLevelPlugin.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,qBAAqB,EAAkB,MAAM,SAAS,CAAC;AAC1I,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF,SAAS,0BAA0B,CAAC,SAAyB;IAC3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9C,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;QACjC,OAAO,IAAI,GAAG,CAAC;YACb,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE;YAC7C,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE;SAC7C,CAAC,CAAC;KACJ;IACD,OAAO,IAAI,GAAG,CACZ,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAC5E,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAgB;IACzC,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;IAClC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC;KACd;IACD,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IACtE,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,KAAK,MAAM,WAAW,IAAI,uBAAuB,EAAE;QACjD,IAAI,WAAW,CAAC,WAAW,CAAC,EAAE;YAC5B,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;SACnE;aAAM,IAAI,eAAe,CAAC,WAAW,CAAC,EAAE;YACvC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,CAAC;YACvC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;gBACxB,MAAM,IAAI,KAAK,CACb,6EAA6E,CAC9E,CAAC;aACH;YACD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;SAC9D;KACF;IACD,OAAO,UAAU,IAAI,QAAQ,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC7E,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,eAAe,CAC3B,sBAAsB,EACtB,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC,QAAQ,IAAI,CAAC,CAAC,EACvC,qBAAqB,CACtB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,eAAe,wBAAwB,CAAC"}

package/lib/plugins/MardownPlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const MarkdownPlugin: () => JSX.Element;
+export default MarkdownPlugin;