@datalayer/jupyter-lexical 0.0.1

package/lib/hooks/useModal.js

@@ -0,0 +1,39 @@
+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 { useCallback, useMemo, useState } from 'react';
+import Modal from '../ui/Modal';
+export const useModal = () => {
+    const [modalContent, setModalContent] = useState(null);
+    const onClose = useCallback(() => {
+        setModalContent(null);
+    }, []);
+    const modal = useMemo(() => {
+        if (modalContent === null) {
+            return null;
+        }
+        const { title, content, closeOnClickOutside } = modalContent;
+        return (_jsx(Modal, { onClose: onClose, title: title, closeOnClickOutside: closeOnClickOutside, children: content }));
+    }, [modalContent, onClose]);
+    const showModal = useCallback((title, 
+    // eslint-disable-next-line no-shadow
+    getContent, closeOnClickOutside = false) => {
+        setModalContent({
+            closeOnClickOutside,
+            content: getContent(onClose),
+            title,
+        });
+    }, [onClose]);
+    return [modal, showModal];
+};
+export default useModal;
+//# sourceMappingURL=useModal.js.map

package/lib/hooks/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../src/hooks/useModal.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;GAKG;AAEH,OAAO,EAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAGtB,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAI7C,IAAI,CAAC,CAAC;IACT,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,YAAY,KAAK,IAAI,EAAE;YACzB,OAAO,IAAI,CAAC;SACb;QACD,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,mBAAmB,EAAC,GAAG,YAAY,CAAC;QAC3D,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,YACvC,OAAO,GACF,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5B,MAAM,SAAS,GAAG,WAAW,CAC3B,CACE,KAAa;IACb,qCAAqC;IACrC,UAAgD,EAChD,mBAAmB,GAAG,KAAK,EAC3B,EAAE;QACF,eAAe,CAAC;YACd,mBAAmB;YACnB,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;YAC5B,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5B,CAAC,CAAA;AAED,eAAe,QAAQ,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,40 @@
+export * from "./components/JupyterOutputComponent";
+export * from "./convert/LexicalToNbFormat";
+export * from "./convert/NbFormatToLexical";
+export * from "./hooks/useModal";
+export * from "./nodes/JupyterCodeHighlighter";
+export * from "./nodes/JupyterCodeHighlightNode";
+export * from "./nodes/JupyterCodeNode";
+export * from "./nodes/EquationNode";
+export * from "./nodes/ImageNode";
+export * from "./nodes/JupyterOutputNode";
+export * from "./nodes/YouTubeNode";
+export * from "./plugins/AutoEmbedPlugin";
+export * from "./plugins/AutoLinkPlugin";
+export * from "./plugins/CodeActionMenuPlugin";
+export * from "./plugins/ComponentPickerMenuPlugin";
+export * from "./plugins/EquationsPlugin";
+export * from "./plugins/HorizontalRulePlugin";
+export * from "./plugins/ImagesPlugin";
+export * from "./plugins/JupyterPlugin";
+export * from "./plugins/ListMaxIndentLevelPlugin";
+export * from "./plugins/MardownPlugin";
+export * from "./plugins/NbformatContentPlugin";
+export * from "./plugins/TableOfContentsPlugin";
+export * from "./plugins/YouTubePlugin";
+export * from "./ui/Button";
+export * from "./ui/ContentEditable";
+export * from "./ui/DropDown";
+export * from "./ui/EquationEditor";
+export * from "./ui/FileInput";
+export * from "./ui/ImageResizer";
+export * from "./ui/KatexEquationAlterer";
+export * from "./ui/KatexEquationAlterer";
+export * from "./ui/KatexRenderer";
+export * from "./ui/Modal";
+export * from "./ui/Placeholder";
+export * from "./ui/TextInput";
+export * from "./utils/selection";
+export * from "./utils/join";
+export * from "./utils/canUseDOM";
+export * from "./utils/useLayoutEffect";

package/lib/index.js

@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+// Components.
+// export * from "./components/InsertEquationDialog";
+// export * from "./components/InsertImageDialog";
+export * from "./components/JupyterOutputComponent";
+// Convert.
+export * from "./convert/LexicalToNbFormat";
+export * from "./convert/NbFormatToLexical";
+// Hooks.
+export * from "./hooks/useModal";
+// Nodes.
+export * from "./nodes/JupyterCodeHighlighter";
+export * from "./nodes/JupyterCodeHighlightNode";
+export * from "./nodes/JupyterCodeNode";
+export * from "./nodes/EquationNode";
+export * from "./nodes/ImageNode";
+export * from "./nodes/JupyterOutputNode";
+export * from "./nodes/YouTubeNode";
+// Plugins.
+export * from "./plugins/AutoEmbedPlugin";
+export * from "./plugins/AutoLinkPlugin";
+export * from "./plugins/CodeActionMenuPlugin";
+export * from "./plugins/ComponentPickerMenuPlugin";
+export * from "./plugins/EquationsPlugin";
+export * from "./plugins/HorizontalRulePlugin";
+export * from "./plugins/ImagesPlugin";
+export * from "./plugins/JupyterPlugin";
+export * from "./plugins/ListMaxIndentLevelPlugin";
+export * from "./plugins/MardownPlugin";
+export * from "./plugins/NbformatContentPlugin";
+export * from "./plugins/TableOfContentsPlugin";
+export * from "./plugins/YouTubePlugin";
+// UI.
+export * from "./ui/Button";
+export * from "./ui/ContentEditable";
+export * from "./ui/DropDown";
+export * from "./ui/EquationEditor";
+export * from "./ui/FileInput";
+export * from "./ui/ImageResizer";
+export * from "./ui/KatexEquationAlterer";
+export * from "./ui/KatexEquationAlterer";
+export * from "./ui/KatexRenderer";
+export * from "./ui/Modal";
+export * from "./ui/Placeholder";
+export * from "./ui/TextInput";
+// Utils.
+export * from "./utils/selection";
+export * from "./utils/join";
+export * from "./utils/canUseDOM";
+export * from "./utils/useLayoutEffect";
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc;AACd,qDAAqD;AACrD,kDAAkD;AAClD,cAAc,qCAAqC,CAAC;AACpD,WAAW;AACX,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,SAAS;AACT,cAAc,kBAAkB,CAAC;AACjC,SAAS;AACT,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,WAAW;AACX,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,MAAM;AACN,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,SAAS;AACT,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/lib/jupyter/index.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+//# sourceMappingURL=index.js.map

package/lib/jupyter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/jupyter/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/lib/jupyter/lab/Example.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/jupyter/lab/Example.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { createRoot } from 'react-dom/client';
+import MockComponent from './component/MockComponent';
+const root = createRoot(document.getElementById('root'));
+root.render(_jsx(MockComponent, {}));
+//# sourceMappingURL=Example.js.map

package/lib/jupyter/lab/Example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sourceRoot":"","sources":["../../../src/jupyter/lab/Example.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,MAAM,IAAI,GAAG,UAAU,CACrB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAgB,CAC/C,CAAC;AAEF,IAAI,CAAC,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC"}

package/lib/jupyter/lab/__tests__/datalayer.spec.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+describe('@datalayer/jupyter-lexical', () => {
+    it('should be tested', () => {
+        expect(1 + 1).toEqual(2);
+    });
+});
+//# sourceMappingURL=datalayer.spec.js.map

package/lib/jupyter/lab/__tests__/datalayer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datalayer.spec.js","sourceRoot":"","sources":["../../../../src/jupyter/lab/__tests__/datalayer.spec.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/jupyter/lab/component/MockComponent.d.ts

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

package/lib/jupyter/lab/component/MockComponent.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState } from 'react';
+import { ThemeProvider, BaseStyles, Box } from '@primer/react';
+import { CpuIcon } from '@primer/octicons-react';
+import { UnderlineNav } from '@primer/react/drafts';
+import MockTab1 from './MockTab1';
+const MockComponent = () => {
+    const [tab, setTab] = useState(1);
+    return (_jsx(_Fragment, { children: _jsx(ThemeProvider, { children: _jsx(BaseStyles, { children: _jsxs(Box, { style: { maxWidth: 700 }, children: [_jsx(Box, { mb: 3, children: _jsx(UnderlineNav, { children: _jsx(UnderlineNav.Item, { "aria-current": "page", icon: CpuIcon, onSelect: e => { e.preventDefault(); setTab(1); }, children: "Kernels" }) }) }), _jsx(Box, { children: (tab === 1) && _jsx(MockTab1, {}) })] }) }) }) }));
+};
+export default MockComponent;
+//# sourceMappingURL=MockComponent.js.map

package/lib/jupyter/lab/component/MockComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockComponent.js","sourceRoot":"","sources":["../../../../src/jupyter/lab/component/MockComponent.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,aAAa,GAAG,GAAgB,EAAE;IACtC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClC,OAAO,CACL,4BACE,KAAC,aAAa,cACZ,KAAC,UAAU,cACT,MAAC,GAAG,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAC,aACzB,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,YAAY,cACX,KAAC,YAAY,CAAC,IAAI,oBAAc,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,wBAEjF,GACP,GACX,EACN,KAAC,GAAG,cACD,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,KAAC,QAAQ,KAAE,GACvB,IACF,GACK,GACC,GACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/jupyter/lab/component/MockTab1.d.ts

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

package/lib/jupyter/lab/component/MockTab1.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { ActionList, Avatar, ActionMenu, ProgressBar, Box, } from '@primer/react';
+import { LinkIcon, AlertIcon } from '@primer/octicons-react';
+import { DaskIcon, PyTorchIcon, TensorFlowIcon } from "@datalayer/icons-react";
+const MockTab1 = () => {
+    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { children: "Kernels" }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: event => console.log('New file'), children: "New kernel" }), _jsx(ActionList.Item, { children: "Copy kernel" }), _jsx(ActionList.Item, { children: "Edit kernel" }), _jsx(ActionList.Divider, {}), _jsx(ActionList.Item, { variant: "danger", children: "Delete kernel" })] }) })] }), _jsxs(ActionList, { children: [_jsxs(ActionList.Item, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(DaskIcon, {}) }), "Dask kernel"] }), _jsxs(ActionList.Item, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PyTorchIcon, {}) }), "PyTorch Kernel"] }), _jsxs(ActionList.Item, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(TensorFlowIcon, {}) }), "Tensorflow Kernel"] }), _jsx(Box, { borderColor: "border.default", borderBottomWidth: 1, borderBottomStyle: "solid", pb: 3 }), _jsxs(ActionList.Item, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(LinkIcon, {}) }), "Starting..."] }), _jsx(ProgressBar, { progress: 80 }), _jsx(Box, { borderColor: "border.default", borderBottomWidth: 1, borderBottomStyle: "solid", pb: 3 }), _jsxs(ActionList.Item, { children: [_jsx(ActionList.LeadingVisual, { children: _jsx(Avatar, { src: "https://github.com/mona.png" }) }), "Me"] }), _jsxs(ActionList.Item, { variant: "danger", children: [_jsx(ActionList.LeadingVisual, { children: _jsx(AlertIcon, {}) }), "4 vulnerabilities"] })] })] }));
+};
+export default MockTab1;
+//# sourceMappingURL=MockTab1.js.map

package/lib/jupyter/lab/component/MockTab1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockTab1.js","sourceRoot":"","sources":["../../../../src/jupyter/lab/component/MockTab1.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EACL,UAAU,EACV,MAAM,EACN,UAAU,EACV,WAAW,EACX,GAAG,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE/E,MAAM,QAAQ,GAAG,GAAgB,EAAE;IACjC,OAAO,CACL,8BACE,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,MAAM,0BAA4B,EAC9C,KAAC,UAAU,CAAC,OAAO,cACjB,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,2BAEzC,EAClB,KAAC,UAAU,CAAC,IAAI,8BAA8B,EAC9C,KAAC,UAAU,CAAC,IAAI,8BAA8B,EAC9C,KAAC,UAAU,CAAC,OAAO,KAAG,EACtB,KAAC,UAAU,CAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,8BAAgC,IACtD,GACM,IACV,EACb,MAAC,UAAU,eACT,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,KAAG,GACa,mBAEX,EAClB,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,WAAW,KAAG,GACU,sBAEX,EAClB,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,KAAG,GACO,yBAEX,EAClB,KAAC,GAAG,IAAC,WAAW,EAAC,gBAAgB,EAAC,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAG,EAC1F,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,KAAG,GACa,mBAEX,EAClB,KAAC,WAAW,IAAC,QAAQ,EAAE,EAAE,GAAI,EAC7B,KAAC,GAAG,IAAC,WAAW,EAAC,gBAAgB,EAAC,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,GAAG,EAC1F,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,MAAM,IAAC,GAAG,EAAC,6BAA6B,GAAG,GACnB,UAEX,EAClB,MAAC,UAAU,CAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,aAC/B,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,SAAS,KAAG,GACY,yBAEX,IACP,IACZ,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/jupyter/lab/handler.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Call the API extension
+ *
+ * @param endPoint API REST end point for the extension
+ * @param init Initial values for the request
+ * @returns The response body interpreted as JSON
+ */
+export declare function requestAPI<T>(endPoint?: string, init?: RequestInit): Promise<T>;

package/lib/jupyter/lab/handler.js

@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { URLExt } from '@jupyterlab/coreutils';
+import { ServerConnection } from '@jupyterlab/services';
+/**
+ * Call the API extension
+ *
+ * @param endPoint API REST end point for the extension
+ * @param init Initial values for the request
+ * @returns The response body interpreted as JSON
+ */
+export async function requestAPI(endPoint = '', init = {}) {
+    // Make request to Jupyter API
+    const settings = ServerConnection.makeSettings();
+    const requestUrl = URLExt.join(settings.baseUrl, 'jupyter_lexical', // API Namespace
+    endPoint);
+    let response;
+    try {
+        response = await ServerConnection.makeRequest(requestUrl, init, settings);
+    }
+    catch (error) {
+        throw new ServerConnection.NetworkError(error);
+    }
+    let data = await response.text();
+    if (data.length > 0) {
+        try {
+            data = JSON.parse(data);
+        }
+        catch (error) {
+            console.log('Not a JSON response body.', response);
+        }
+    }
+    if (!response.ok) {
+        throw new ServerConnection.ResponseError(response, data.message || data);
+    }
+    return data;
+}
+//# sourceMappingURL=handler.js.map

package/lib/jupyter/lab/handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../src/jupyter/lab/handler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,QAAQ,GAAG,EAAE,EACb,OAAoB,EAAE;IAEtB,8BAA8B;IAC9B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,YAAY,EAAE,CAAC;IACjD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAC5B,QAAQ,CAAC,OAAO,EAChB,iBAAiB,EAAE,gBAAgB;IACnC,QAAQ,CACT,CAAC;IACF,IAAI,QAAkB,CAAC;IACvB,IAAI;QACF,QAAQ,GAAG,MAAM,gBAAgB,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC3E;IAAC,OAAO,KAAU,EAAE;QACnB,MAAM,IAAI,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAChD;IACD,IAAI,IAAI,GAAQ,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IACtC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,IAAI;YACF,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SACzB;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC;SACpD;KACF;IACD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;QAChB,MAAM,IAAI,gBAAgB,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;KAC1E;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/jupyter/lab/index.d.ts

@@ -0,0 +1,7 @@
+import { JupyterFrontEndPlugin } from '@jupyterlab/application';
+import '../../../style/index.css';
+/**
+ * Initialization data for the @datalayer/jupyter-lexical extension.
+ */
+declare const plugin: JupyterFrontEndPlugin<void>;
+export default plugin;

package/lib/jupyter/lab/index.js

@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { ISettingRegistry } from '@jupyterlab/settingregistry';
+import { MainAreaWidget, ICommandPalette } from '@jupyterlab/apputils';
+import { ILauncher } from '@jupyterlab/launcher';
+import { reactIcon } from '@jupyterlab/ui-components';
+import { requestAPI } from './handler';
+import { DatalayerWidget } from './widget';
+import '../../../style/index.css';
+/**
+ * The command IDs used by the plugin.
+ */
+var CommandIDs;
+(function (CommandIDs) {
+    CommandIDs.create = 'create-jupyter-lexical-widget';
+})(CommandIDs || (CommandIDs = {}));
+/**
+ * Initialization data for the @datalayer/jupyter-lexical extension.
+ */
+const plugin = {
+    id: '@datalayer/jupyter-lexical:plugin',
+    autoStart: true,
+    requires: [ICommandPalette],
+    optional: [ISettingRegistry, ILauncher],
+    activate: (app, palette, settingRegistry, launcher) => {
+        const { commands } = app;
+        const command = CommandIDs.create;
+        commands.addCommand(command, {
+            caption: 'Show Jupyter Lexical',
+            label: 'Jupyter Lexical',
+            icon: (args) => reactIcon,
+            execute: () => {
+                const content = new DatalayerWidget();
+                const widget = new MainAreaWidget({ content });
+                widget.title.label = 'Jupyter Lexical';
+                widget.title.icon = reactIcon;
+                app.shell.add(widget, 'main');
+            }
+        });
+        const category = 'Jupyter Lexical';
+        palette.addItem({ command, category, args: { origin: 'from palette' } });
+        if (launcher) {
+            launcher.add({
+                command,
+                category: 'Datalayer',
+                rank: 4,
+            });
+        }
+        console.log('JupyterLab plugin @datalayer/jupyter-lexical:plugin is activated.');
+        if (settingRegistry) {
+            settingRegistry
+                .load(plugin.id)
+                .then(settings => {
+                console.log('@datalayer/jupyter-lexical settings loaded:', settings.composite);
+            })
+                .catch(reason => {
+                console.error('Failed to load settings for @datalayer/jupyter-lexical.', reason);
+            });
+        }
+        requestAPI('get_example')
+            .then(data => {
+            console.log(data);
+        })
+            .catch(reason => {
+            console.error(`Error while accessing the jupyter server extension.\n${reason}`);
+        });
+    }
+};
+export default plugin;
+//# sourceMappingURL=index.js.map

package/lib/jupyter/lab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jupyter/lab/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,0BAA0B,CAAC;AAElC;;GAEG;AACH,IAAU,UAAU,CAEnB;AAFD,WAAU,UAAU;IACL,iBAAM,GAAG,+BAA+B,CAAC;AACxD,CAAC,EAFS,UAAU,KAAV,UAAU,QAEnB;AAED;;GAEG;AACH,MAAM,MAAM,GAAgC;IAC1C,EAAE,EAAE,mCAAmC;IACvC,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,QAAQ,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC;IACvC,QAAQ,EAAE,CACR,GAAoB,EACpB,OAAwB,EACxB,eAAwC,EACxC,QAAmB,EACnB,EAAE;QACF,MAAM,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;QACzB,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC;QAClC,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE;YAC3B,OAAO,EAAE,sBAAsB;YAC/B,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,SAAS;YAC9B,OAAO,EAAE,GAAG,EAAE;gBACZ,MAAM,OAAO,GAAG,IAAI,eAAe,EAAE,CAAC;gBACtC,MAAM,MAAM,GAAG,IAAI,cAAc,CAAkB,EAAE,OAAO,EAAE,CAAC,CAAC;gBAChE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,iBAAiB,CAAC;gBACvC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;gBAC9B,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,iBAAiB,CAAC;QACnC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;QACzE,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,GAAG,CAAC;gBACX,OAAO;gBACP,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE,CAAC;aACR,CAAC,CAAC;SACJ;QACD,OAAO,CAAC,GAAG,CAAC,mEAAmE,CAAC,CAAC;QACjF,IAAI,eAAe,EAAE;YACnB,eAAe;iBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;iBACf,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACf,OAAO,CAAC,GAAG,CAAC,6CAA6C,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;YACjF,CAAC,CAAC;iBACD,KAAK,CAAC,MAAM,CAAC,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,yDAAyD,EAAE,MAAM,CAAC,CAAC;YACnF,CAAC,CAAC,CAAC;SACN;QACD,UAAU,CAAM,aAAa,CAAC;aAC3B,IAAI,CAAC,IAAI,CAAC,EAAE;YACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;aACD,KAAK,CAAC,MAAM,CAAC,EAAE;YACd,OAAO,CAAC,KAAK,CACX,wDAAwD,MAAM,EAAE,CACjE,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/jupyter/lab/widget.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ReactWidget } from '@jupyterlab/apputils';
+export declare class DatalayerWidget extends ReactWidget {
+    constructor();
+    render(): JSX.Element;
+}

package/lib/jupyter/lab/widget.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { ReactWidget } from '@jupyterlab/apputils';
+import MockComponent from './component/MockComponent';
+export class DatalayerWidget extends ReactWidget {
+    constructor() {
+        super();
+        this.addClass('dla-Container');
+    }
+    render() {
+        return _jsx(MockComponent, {});
+    }
+}
+//# sourceMappingURL=widget.js.map

package/lib/jupyter/lab/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../../src/jupyter/lab/widget.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAC9C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC;IAED,MAAM;QACJ,OAAO,KAAC,aAAa,KAAE,CAAC;IAC1B,CAAC;CACF"}

package/lib/nodes/EquationNode.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+/**
+ * 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 type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { DecoratorNode } from 'lexical';
+export type SerializedEquationNode = Spread<{
+    type: 'equation';
+    equation: string;
+    inline: boolean;
+}, SerializedLexicalNode>;
+export declare class EquationNode extends DecoratorNode<JSX.Element> {
+    __equation: string;
+    __inline: boolean;
+    static getType(): string;
+    static clone(node: EquationNode): EquationNode;
+    constructor(equation: string, inline?: boolean, key?: NodeKey);
+    static importJSON(serializedNode: SerializedEquationNode): EquationNode;
+    exportJSON(): SerializedEquationNode;
+    createDOM(_config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: EquationNode): boolean;
+    getEquation(): string;
+    setEquation(equation: string): void;
+    decorate(): JSX.Element;
+}
+export declare function $createEquationNode(equation?: string, inline?: boolean): EquationNode;
+export declare function $isEquationNode(node: LexicalNode | null | undefined): node is EquationNode;
+export default EquationNode;

package/lib/nodes/EquationNode.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { $getNodeByKey, $getSelection, $isNodeSelection, COMMAND_PRIORITY_HIGH, DecoratorNode, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import EquationEditor from '../ui/EquationEditor';
+import KatexRenderer from '../ui/KatexRenderer';
+function EquationComponent({ equation, inline, nodeKey, }) {
+    const [editor] = useLexicalComposerContext();
+    const [equationValue, setEquationValue] = useState(equation);
+    const [showEquationEditor, setShowEquationEditor] = useState(false);
+    const inputRef = useRef(null);
+    const onHide = useCallback((restoreSelection) => {
+        setShowEquationEditor(false);
+        editor.update(() => {
+            const node = $getNodeByKey(nodeKey);
+            if ($isEquationNode(node)) {
+                node.setEquation(equationValue);
+                if (restoreSelection) {
+                    node.selectNext(0, 0);
+                }
+            }
+        });
+    }, [editor, equationValue, nodeKey]);
+    useEffect(() => {
+        if (!showEquationEditor && equationValue !== equation) {
+            setEquationValue(equation);
+        }
+    }, [showEquationEditor, equation, equationValue]);
+    useEffect(() => {
+        if (showEquationEditor) {
+            return mergeRegister(editor.registerCommand(SELECTION_CHANGE_COMMAND, (payload) => {
+                const activeElement = document.activeElement;
+                const inputElem = inputRef.current;
+                if (inputElem !== activeElement) {
+                    onHide();
+                }
+                return false;
+            }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ESCAPE_COMMAND, (payload) => {
+                const activeElement = document.activeElement;
+                const inputElem = inputRef.current;
+                if (inputElem === activeElement) {
+                    onHide(true);
+                    return true;
+                }
+                return false;
+            }, COMMAND_PRIORITY_HIGH));
+        }
+        else {
+            return editor.registerUpdateListener(({ editorState }) => {
+                const isSelected = editorState.read(() => {
+                    const selection = $getSelection();
+                    return ($isNodeSelection(selection) &&
+                        selection.has(nodeKey) &&
+                        selection.getNodes().length === 1);
+                });
+                if (isSelected) {
+                    setShowEquationEditor(true);
+                }
+            });
+        }
+    }, [editor, nodeKey, onHide, showEquationEditor]);
+    return (_jsx(_Fragment, { children: showEquationEditor ? (_jsx(EquationEditor, { equation: equationValue, setEquation: setEquationValue, inline: inline, inputRef: inputRef })) : (_jsx(KatexRenderer, { equation: equationValue, inline: inline, onClick: () => {
+                setShowEquationEditor(true);
+            } })) }));
+}
+export class EquationNode extends DecoratorNode {
+    __equation;
+    __inline;
+    static getType() {
+        return 'equation';
+    }
+    static clone(node) {
+        return new EquationNode(node.__equation, node.__inline, node.__key);
+    }
+    constructor(equation, inline, key) {
+        super(key);
+        this.__equation = equation;
+        this.__inline = inline ?? false;
+    }
+    static importJSON(serializedNode) {
+        const node = $createEquationNode(serializedNode.equation, serializedNode.inline);
+        return node;
+    }
+    exportJSON() {
+        return {
+            equation: this.getEquation(),
+            inline: this.__inline,
+            type: 'equation',
+            version: 1,
+        };
+    }
+    createDOM(_config) {
+        return document.createElement(this.__inline ? 'span' : 'div');
+    }
+    updateDOM(prevNode) {
+        // If the inline property changes, replace the element
+        return this.__inline !== prevNode.__inline;
+    }
+    getEquation() {
+        return this.__equation;
+    }
+    setEquation(equation) {
+        const writable = this.getWritable();
+        writable.__equation = equation;
+    }
+    decorate() {
+        return (_jsx(EquationComponent, { equation: this.__equation, inline: this.__inline, nodeKey: this.__key }));
+    }
+}
+export function $createEquationNode(equation = '', inline = false) {
+    return new EquationNode(equation, inline);
+}
+export function $isEquationNode(node) {
+    return node instanceof EquationNode;
+}
+export default EquationNode;
+//# sourceMappingURL=EquationNode.js.map

package/lib/nodes/EquationNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationNode.js","sourceRoot":"","sources":["../../src/nodes/EquationNode.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,EACb,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAQhD,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,OAAO,GACgB;IACvB,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,gBAA0B,EAAE,EAAE;QAC7B,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;YACjB,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;YACpC,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;gBACzB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;gBAChC,IAAI,gBAAgB,EAAE;oBACpB,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;iBACvB;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CACjC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,kBAAkB,IAAI,aAAa,KAAK,QAAQ,EAAE;YACrD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,EAAE;YACtB,OAAO,aAAa,CAClB,MAAM,CAAC,eAAe,CACpB,wBAAwB,EACxB,CAAC,OAAO,EAAE,EAAE;gBACV,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;gBAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;gBACnC,IAAI,SAAS,KAAK,aAAa,EAAE;oBAC/B,MAAM,EAAE,CAAC;iBACV;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,EACD,qBAAqB,CACtB,EACD,MAAM,CAAC,eAAe,CACpB,kBAAkB,EAClB,CAAC,OAAO,EAAE,EAAE;gBACV,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;gBAC7C,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;gBACnC,IAAI,SAAS,KAAK,aAAa,EAAE;oBAC/B,MAAM,CAAC,IAAI,CAAC,CAAC;oBACb,OAAO,IAAI,CAAC;iBACb;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,EACD,qBAAqB,CACtB,CACF,CAAC;SACH;aAAM;YACL,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAC,WAAW,EAAC,EAAE,EAAE;gBACrD,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;oBACvC,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;oBAClC,OAAO,CACL,gBAAgB,CAAC,SAAS,CAAC;wBAC3B,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;wBACtB,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAClC,CAAC;gBACJ,CAAC,CAAC,CAAC;gBACH,IAAI,UAAU,EAAE;oBACd,qBAAqB,CAAC,IAAI,CAAC,CAAC;iBAC7B;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAElD,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,cAAc,IACb,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;gBACZ,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC,GACD,CACH,GACA,CACJ,CAAC;AACJ,CAAC;AAWD,MAAM,OAAO,YAAa,SAAQ,aAA0B;IAC1D,UAAU,CAAS;IACnB,QAAQ,CAAU;IAElB,MAAM,CAAC,OAAO;QACZ,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAkB;QAC7B,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAED,YAAY,QAAgB,EAAE,MAAgB,EAAE,GAAa;QAC3D,KAAK,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,MAAM,IAAI,KAAK,CAAC;IAClC,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,cAAsC;QACtD,MAAM,IAAI,GAAG,mBAAmB,CAC9B,cAAc,CAAC,QAAQ,EACvB,cAAc,CAAC,MAAM,CACtB,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,UAAU;QACR,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE;YAC5B,MAAM,EAAE,IAAI,CAAC,QAAQ;YACrB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,CAAC;SACX,CAAC;IACJ,CAAC;IAED,SAAS,CAAC,OAAqB;QAC7B,OAAO,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,SAAS,CAAC,QAAsB;QAC9B,sDAAsD;QACtD,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;IAC7C,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,WAAW,CAAC,QAAgB;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,QAAQ,CAAC,UAAU,GAAG,QAAQ,CAAC;IACjC,CAAC;IAED,QAAQ;QACN,OAAO,CACL,KAAC,iBAAiB,IAChB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,MAAM,EAAE,IAAI,CAAC,QAAQ,EACrB,OAAO,EAAE,IAAI,CAAC,KAAK,GACnB,CACH,CAAC;IACJ,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CACjC,QAAQ,GAAG,EAAE,EACb,MAAM,GAAG,KAAK;IAEd,OAAO,IAAI,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,IAAoC;IAEpC,OAAO,IAAI,YAAY,YAAY,CAAC;AACtC,CAAC;AAED,eAAe,YAAY,CAAC"}

package/lib/nodes/ImageNode.css

@@ -0,0 +1,50 @@
+/*
+ * 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.
+ *
+ *
+ */
+
+ .ImageNode__contentEditable {
+  min-height: 20px;
+  border: 0px;
+  resize: none;
+  cursor: text;
+  caret-color: rgb(5, 5, 5);
+  display: block;
+  position: relative;
+  tab-size: 1;
+  outline: 0px;
+  padding: 10px;
+  user-select: text;
+  font-size: 12px;
+  width: calc(100% - 20px);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.ImageNode__placeholder {
+  font-size: 12px;
+  color: #888;
+  overflow: hidden;
+  position: absolute;
+  text-overflow: ellipsis;
+  top: 10px;
+  left: 10px;
+  user-select: none;
+  white-space: nowrap;
+  display: inline-block;
+  pointer-events: none;
+}
+
+.image-control-wrapper--resizing {
+  touch-action: none;
+}