@datalayer/jupyter-lexical 1.0.11 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/ContentEditable.d.ts +3 -1
- package/lib/components/ContentEditable.js +2 -7
- package/lib/components/ContentEditable.js.map +1 -1
- package/lib/editor/Editor.js +1 -2
- package/lib/editor/Editor.js.map +1 -1
- package/lib/examples/AppNbformat.d.ts +2 -2
- package/lib/examples/AppNbformat.js +3 -3
- package/lib/examples/AppNbformat.js.map +1 -1
- package/lib/examples/AppSimple.d.ts +2 -2
- package/lib/examples/AppSimple.js +60 -37
- package/lib/examples/AppSimple.js.map +1 -1
- package/lib/examples/components/ManualRuntimeControl.d.ts +18 -0
- package/lib/examples/{ManualKernelControl.js → components/ManualRuntimeControl.js} +19 -19
- package/lib/examples/components/ManualRuntimeControl.js.map +1 -0
- package/lib/examples/content/Example.lexical.json +2 -2
- package/lib/examples/index.js +1 -3
- package/lib/examples/index.js.map +1 -1
- package/lib/plugins/AutoEmbedPlugin.js +17 -15
- package/lib/plugins/AutoEmbedPlugin.js.map +1 -1
- package/lib/plugins/CollapsiblePlugin/Collapsible.css +5 -5
- package/lib/plugins/CommentPlugin.d.ts +1 -2
- package/lib/plugins/CommentPlugin.js +51 -19
- package/lib/plugins/CommentPlugin.js.map +1 -1
- package/lib/plugins/ComponentPickerMenuPlugin.js +23 -21
- package/lib/plugins/ComponentPickerMenuPlugin.js.map +1 -1
- package/lib/plugins/TableActionMenuPlugin/index.js +17 -72
- package/lib/plugins/TableActionMenuPlugin/index.js.map +1 -1
- package/lib/plugins/ToolbarPlugin/index.js +26 -0
- package/lib/plugins/ToolbarPlugin/index.js.map +1 -1
- package/package.json +2 -2
- package/style/base.css +6 -1
- package/style/index.css +2 -11
- package/style/lexical/DraggableBlockPlugin.css +1 -1
- package/style/lexical/Editor.css +43 -55
- package/style/lexical/EquationEditor.css +2 -2
- package/style/lexical/ImageNode.css +2 -2
- package/style/lexical/Placeholder.css +1 -1
- package/style/lexical/Rich.css +49 -47
- package/style/lexical/TableNode.css +27 -24
- package/style/lexical/Theme.css +30 -29
- package/style/lexical/index.css +0 -19
- package/style/{tailwind.css → tailwind/custom.css} +6 -2
- package/lib/examples/ManualKernelControl.d.ts +0 -18
- package/lib/examples/ManualKernelControl.js.map +0 -1
- package/style/lexical/Button.css +0 -7
- package/style/lexical/CodeActionMenuPlugin.css +0 -7
- package/style/lexical/ColorPicker.css +0 -87
- package/style/lexical/CommentPlugin.css +0 -7
- package/style/lexical/Dialog.css +0 -7
- package/style/lexical/ExcalidrawModal.css +0 -7
- package/style/lexical/ExcalidrawNode.css +0 -137
- package/style/lexical/FloatingTextFormatToolbarPlugin.css +0 -7
- package/style/lexical/FontSize.css +0 -7
- package/style/lexical/Input.css +0 -7
- package/style/lexical/Jupyter.css +0 -9
- package/style/lexical/KatexEquationAlterer.css +0 -7
- package/style/lexical/Modal.css +0 -7
- package/style/lexical/PrettierButton.css +0 -7
- package/style/lexical/TableInsertModal.css +0 -112
- package/style/lexical/TableOfContentsPlugin.css +0 -7
- package/style/lexical/ToolbarPlugin.css +0 -7
- package/style/lexical/images/icons/pencil-fill.svg +0 -1
- package/style/modal-overrides.css +0 -261
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
export declare const LexicalContentEditable: ({ className, style, }: {
|
|
2
3
|
className?: string;
|
|
4
|
+
style?: CSSProperties;
|
|
3
5
|
}) => JSX.Element;
|
|
4
6
|
export default LexicalContentEditable;
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/*
|
|
3
|
-
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
|
-
*
|
|
5
|
-
* MIT License
|
|
6
|
-
*/
|
|
7
2
|
import { ContentEditable } from '@lexical/react/LexicalContentEditable';
|
|
8
|
-
export const LexicalContentEditable = ({ className, }) => {
|
|
9
|
-
return _jsx(ContentEditable, { className: className || 'ContentEditable__root' });
|
|
3
|
+
export const LexicalContentEditable = ({ className, style, }) => {
|
|
4
|
+
return (_jsx(ContentEditable, { className: className || 'ContentEditable__root', style: style }));
|
|
10
5
|
};
|
|
11
6
|
export default LexicalContentEditable;
|
|
12
7
|
//# sourceMappingURL=ContentEditable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentEditable.js","sourceRoot":"","sources":["../../src/components/ContentEditable.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ContentEditable.js","sourceRoot":"","sources":["../../src/components/ContentEditable.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,KAAK,GAIN,EAAe,EAAE;IAChB,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,IAAI,uBAAuB,EAC/C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
package/lib/editor/Editor.js
CHANGED
|
@@ -12,7 +12,6 @@ import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
|
|
|
12
12
|
import { ContentEditable } from '@lexical/react/LexicalContentEditable';
|
|
13
13
|
import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
|
|
14
14
|
import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
|
|
15
|
-
import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
|
|
16
15
|
import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
|
|
17
16
|
import { ListPlugin } from '@lexical/react/LexicalListPlugin';
|
|
18
17
|
import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
|
|
@@ -29,7 +28,7 @@ import { AutoLinkNode, LinkNode } from '@lexical/link';
|
|
|
29
28
|
import { CodeNode, CodeHighlightNode } from '@lexical/code';
|
|
30
29
|
import { useJupyter } from '@datalayer/jupyter-react';
|
|
31
30
|
import { CommentThreadNode, CounterNode, EquationNode, ExcalidrawNode, ImageNode, JupyterInputHighlightNode, JupyterInputNode, JupyterOutputNode, YouTubeNode, } from '../nodes/index.js';
|
|
32
|
-
import { AutoEmbedPlugin, AutoLinkPlugin, CodeActionMenuPlugin, CodeBlockHighlightPlugin, CollapsibleContainerNode, CollapsibleContentNode, CollapsiblePlugin, CollapsibleTitleNode, CommentPlugin, ComponentPickerMenuPlugin, DraggableBlockPlugin, EquationsPlugin, ExcalidrawPlugin, FloatingLinkEditorPlugin, FloatingTextFormatToolbarPlugin, ImagesPlugin, JupyterInputOutputPlugin, ListMaxIndentLevelPlugin, MarkdownPlugin, NbformatContentPlugin, TableActionMenuPlugin, TableCellResizerPlugin, TableHoverActionsV2Plugin, TableOfContentsPlugin, YouTubePlugin, } from './../index.js';
|
|
31
|
+
import { AutoEmbedPlugin, AutoLinkPlugin, CodeActionMenuPlugin, CodeBlockHighlightPlugin, CollapsibleContainerNode, CollapsibleContentNode, CollapsiblePlugin, CollapsibleTitleNode, CommentPlugin, ComponentPickerMenuPlugin, DraggableBlockPlugin, EquationsPlugin, ExcalidrawPlugin, FloatingLinkEditorPlugin, FloatingTextFormatToolbarPlugin, ImagesPlugin, JupyterInputOutputPlugin, ListMaxIndentLevelPlugin, MarkdownPlugin, NbformatContentPlugin, TableActionMenuPlugin, TableCellResizerPlugin, TableHoverActionsV2Plugin, TableOfContentsPlugin, TablePlugin, YouTubePlugin, } from './../index.js';
|
|
33
32
|
import { commentTheme } from '../themes/index.js';
|
|
34
33
|
import { useLexical } from '../context/index.js';
|
|
35
34
|
import { CommentsProvider } from '../context/CommentsContext.js';
|
package/lib/editor/Editor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../src/editor/Editor.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../src/editor/Editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function
|
|
2
|
-
export default
|
|
1
|
+
export declare function App(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default App;
|
|
@@ -67,13 +67,13 @@ const Tabs = () => {
|
|
|
67
67
|
setNbformat(INITIAL_NBFORMAT_MODEL);
|
|
68
68
|
}, children: "Reset Nbformat" })] }) })), tab === 'nbformat' && (_jsxs(Box, { children: [_jsx(JSONTree, { data: nbformat }), ";"] }))] }));
|
|
69
69
|
};
|
|
70
|
-
export function
|
|
70
|
+
export function App() {
|
|
71
71
|
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "App", children: _jsx("h1", { children: "Jupyter UI \u2764\uFE0F Lexical" }) }), _jsx(JupyterReactTheme, { children: _jsx(LexicalProvider, { children: _jsx(Tabs, {}) }) }), _jsxs("div", { className: "other App", children: [_jsxs("div", { className: "flex flex-col items-center gap-4 my-8", children: [_jsx("button", { className: "bg-blue-600 hover:bg-blue-800 text-white font-bold py-3 px-8 rounded-lg shadow-lg hover:shadow-xl transform hover:scale-105 transition duration-300 ease-in-out", onClick: () => alert('Tailwind CSS v4 is working correctly!'), children: "Tailwind v4 Button" }), _jsx("div", { className: "mt-4 text-center", children: _jsx("span", { className: "tailwind-demo-badge", children: "Tailwind v4 Custom Component" }) })] }), _jsxs("div", { className: "other App", children: [_jsx("div", { style: {
|
|
72
72
|
display: 'flex',
|
|
73
73
|
alignItems: 'center',
|
|
74
74
|
justifyContent: 'center',
|
|
75
75
|
textAlign: 'center',
|
|
76
|
-
}, children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: _jsx(ThreeBarsIcon, {}) }) }), _jsx("h2", { children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: "Datalayer, Inc." }) })
|
|
76
|
+
}, children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: _jsx(ThreeBarsIcon, {}) }) }), _jsx("h2", { children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: "Datalayer, Inc." }) })] })] })] }));
|
|
77
77
|
}
|
|
78
|
-
export default
|
|
78
|
+
export default App;
|
|
79
79
|
//# sourceMappingURL=AppNbformat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNbformat.js","sourceRoot":"","sources":["../../src/examples/AppNbformat.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE3D,OAAO,qBAAqB,MAAM,gCAAgC,CAAC;AAEnE,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAElE,MAAM,YAAY,GAAG,sBAAsB,CAAC;AAI5C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC;IAChC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC;QACnD,kBAAkB,EAAE,IAAI;KACzB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,sBAAsB,CACvB,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,IAAI,oBAAoB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,EAC1D,EAAE,CACH,CAAC;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,CACd,CAAM,EACN,KAAc,EACd,aAAyC,EACzC,EAAE;QACF,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,GAAG,KAAK,UAAU,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC7C,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;gBAC5B,WAAW,CAAC,aAAa,CAAC,MAAM,EAAsB,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC;QACD,IAAI,GAAG,KAAK,QAAQ,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;YAC7C,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE;gBAClB,MAAM,IAAI,GAAG,QAAQ,EAAE,CAAC;gBACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;gBACpC,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;gBAC7C,WAAW,CAAC,QAAQ,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,IAAI,GAAG,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;YAC/C,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;gBAC5B,WAAW,CAAC,aAAa,CAAC,MAAM,EAAsB,CAAC,CAAC;YAC1D,CAAC;QACH,CAAC;QACD,MAAM,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,aACrB,MAAC,YAAY,kBAAY,sBAAsB,aAC7C,KAAC,YAAY,CAAC,IAAI,IAChB,IAAI,EAAC,EAAE,kBACO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,uBAGjC,EACpB,KAAC,YAAY,CAAC,IAAI,IAChB,IAAI,EAAC,EAAE,kBACO,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,yBAGnC,EACpB,KAAC,YAAY,CAAC,IAAI,IAChB,IAAI,EAAC,EAAE,kBACO,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,yBAGnC,IACP,EACd,GAAG,KAAK,QAAQ,IAAI,CACnB,MAAC,GAAG,eACF,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,OAAO,CAAC,EAAE;4BAC7B,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;wBAC3C,CAAC,GACD,EACF,KAAC,MAAM,IACL,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;4BAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,MAAM,EAAE,CAAC;gCACX,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CACzC,qBAA4B,CAC7B,CAAC;gCACF,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;4BACrC,CAAC;wBACH,CAAC,mCAGM,IACL,CACP,EACA,GAAG,KAAK,UAAU,IAAI,CACrB,KAAC,cAAc,cACb,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACP,cAAc,IAAI,aAAa,IAAI,CAClC,KAAC,QAAQ,IACP,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,sBAAsB,EAChC,UAAU,EAAE,UAAU,GACtB,CACH,EACD,KAAC,MAAM,IACL,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;gCAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,WAAW,CAAC,sBAAsB,CAAC,CAAC;4BACtC,CAAC,+BAGM,IACL,GACS,CAClB,EACA,GAAG,KAAK,UAAU,IAAI,CACrB,MAAC,GAAG,eACF,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,SACxB,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"AppNbformat.js","sourceRoot":"","sources":["../../src/examples/AppNbformat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export default
|
|
1
|
+
export declare const App: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default App;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
/*
|
|
3
3
|
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
4
4
|
*
|
|
5
5
|
* MIT License
|
|
6
6
|
*/
|
|
7
7
|
import { useState, useEffect } from 'react';
|
|
8
|
-
import { Button,
|
|
9
|
-
import { Box } from '@datalayer/primer-addons';
|
|
10
|
-
import { ThreeBarsIcon } from '@primer/octicons-react';
|
|
11
|
-
import { JupyterReactTheme } from '@datalayer/jupyter-react';
|
|
8
|
+
import { Button, ToggleSwitch, Text } from '@primer/react';
|
|
9
|
+
import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
|
|
10
|
+
import { MoonIcon, SunIcon, ThreeBarsIcon } from '@primer/octicons-react';
|
|
11
|
+
import { JupyterReactTheme, useJupyterReactStore, } from '@datalayer/jupyter-react';
|
|
12
12
|
import { useLexical, Editor, LexicalProvider, nbformatToLexical } from '../index.js';
|
|
13
|
+
import { ThemeContext } from '../context/ThemeContext.js';
|
|
13
14
|
import LEXICAL_MODEL from './content/Example.lexical.json';
|
|
14
15
|
import NBFORMAT_MODEL from './content/Example.ipynb.json';
|
|
15
16
|
const LexicalEditor = () => {
|
|
@@ -33,44 +34,66 @@ const LexicalEditor = () => {
|
|
|
33
34
|
}
|
|
34
35
|
}, children: "Load Notebook Model" })] }) }));
|
|
35
36
|
};
|
|
36
|
-
|
|
37
|
+
const AppToolbar = (props) => {
|
|
38
|
+
const { hasRuntime, toggleRuntime, colorMode, setColorMode } = props;
|
|
39
|
+
const isDark = colorMode === 'night' || colorMode === 'dark';
|
|
40
|
+
return (_jsxs(Box, { sx: {
|
|
41
|
+
display: 'flex',
|
|
42
|
+
alignItems: 'center',
|
|
43
|
+
width: '100%',
|
|
44
|
+
}, children: [_jsx("h1", { style: { margin: 0, flex: 1, textAlign: 'center' }, children: "Jupyter UI \u2764\uFE0F Lexical" }), _jsxs(Box, { sx: {
|
|
45
|
+
display: 'flex',
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
gap: 3,
|
|
48
|
+
marginLeft: 'auto',
|
|
49
|
+
}, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 }, children: [_jsx(SunIcon, { size: 16 }), _jsx(ToggleSwitch, { size: "small", defaultChecked: isDark, onChange: (on) => setColorMode(on ? 'night' : 'day'), statusLabelPosition: "end", "aria-labelledby": "colormode-toggle-label" }), _jsx(MoonIcon, { size: 16 })] }), _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 }, children: [_jsx(Text, { id: "runtime-toggle-label", sx: { fontSize: 0, color: 'fg.muted' }, children: "Runtime" }), _jsx(ToggleSwitch, { size: "small", defaultChecked: hasRuntime, onChange: (on) => toggleRuntime(on), statusLabelPosition: "end", "aria-labelledby": "runtime-toggle-label" })] })] })] }));
|
|
50
|
+
};
|
|
51
|
+
export const App = () => {
|
|
37
52
|
// Get initial state from URL or localStorage
|
|
38
|
-
const
|
|
53
|
+
const getInitialRuntimeState = () => {
|
|
39
54
|
const urlParams = new URLSearchParams(window.location.search);
|
|
40
|
-
const
|
|
41
|
-
if (
|
|
42
|
-
return
|
|
55
|
+
const runtimeParam = urlParams.get('runtime');
|
|
56
|
+
if (runtimeParam !== null) {
|
|
57
|
+
return runtimeParam === 'true';
|
|
58
|
+
}
|
|
59
|
+
const stored = localStorage.getItem('hasRuntime');
|
|
60
|
+
return stored !== 'false';
|
|
61
|
+
};
|
|
62
|
+
const getInitialColorMode = () => {
|
|
63
|
+
const stored = localStorage.getItem('colorMode');
|
|
64
|
+
if (stored === 'day' || stored === 'night') {
|
|
65
|
+
return stored;
|
|
43
66
|
}
|
|
44
|
-
|
|
45
|
-
return stored === 'true';
|
|
67
|
+
return 'day';
|
|
46
68
|
};
|
|
47
|
-
const [
|
|
48
|
-
const
|
|
49
|
-
|
|
69
|
+
const [hasRuntime] = useState(getInitialRuntimeState);
|
|
70
|
+
const [colorMode, setColorMode] = useState(getInitialColorMode);
|
|
71
|
+
const { setColormode } = useJupyterReactStore();
|
|
72
|
+
// Setup Primer portals and sync JupyterReact store on color mode change
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
const primerColormode = colorMode === 'night' || colorMode === 'dark' ? 'dark' : 'light';
|
|
75
|
+
setupPrimerPortals(primerColormode);
|
|
76
|
+
setColormode(primerColormode);
|
|
77
|
+
}, [colorMode, setColormode]);
|
|
78
|
+
const toggleRuntime = (newValue) => {
|
|
79
|
+
localStorage.setItem('hasRuntime', String(newValue));
|
|
50
80
|
const url = new URL(window.location.href);
|
|
51
|
-
url.searchParams.set('
|
|
81
|
+
url.searchParams.set('runtime', String(newValue));
|
|
52
82
|
window.location.href = url.toString();
|
|
53
83
|
};
|
|
54
|
-
return (
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
},
|
|
68
|
-
}, children: "With Runtime" })] }), _jsxs("p", { style: { fontSize: '12px', color: '#666', marginTop: '8px' }, children: ["Current mode:", ' ', _jsx("strong", { children: hasKernel ? 'Runtime Connected' : 'No Runtime' })] })] }), _jsx(JupyterReactTheme, { children: _jsx(LexicalProvider, { children: _jsx(LexicalEditor, {}) }) }), _jsxs("div", { className: "other App", children: [_jsx("div", { style: {
|
|
69
|
-
display: 'flex',
|
|
70
|
-
alignItems: 'center',
|
|
71
|
-
justifyContent: 'center',
|
|
72
|
-
textAlign: 'center',
|
|
73
|
-
}, children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: _jsx(ThreeBarsIcon, {}) }) }), _jsx("h2", { children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: "Datalayer, Inc." }) }), _jsx("ul", { children: _jsx("li", { children: _jsx("a", { href: "https://github.com/datalayer/jupyter-ui", target: "_blank", rel: "noreferrer", children: "Jupyter UI" }) }) })] })] }));
|
|
84
|
+
return (_jsx(JupyterReactTheme, { colormode: colorMode === 'night' || colorMode === 'dark' ? 'dark' : 'light', children: _jsxs(ThemeContext.Provider, { value: {
|
|
85
|
+
theme: (colorMode === 'night' || colorMode === 'dark'
|
|
86
|
+
? 'dark'
|
|
87
|
+
: 'light'),
|
|
88
|
+
}, children: [_jsx("div", { className: "App", children: _jsx(AppToolbar, { hasRuntime: hasRuntime, toggleRuntime: toggleRuntime, colorMode: colorMode, setColorMode: (mode) => {
|
|
89
|
+
localStorage.setItem('colorMode', mode);
|
|
90
|
+
setColorMode(mode);
|
|
91
|
+
} }) }), _jsx(LexicalProvider, { children: _jsx(LexicalEditor, {}) }), _jsxs("div", { className: "other App", children: [_jsx("div", { style: {
|
|
92
|
+
display: 'flex',
|
|
93
|
+
alignItems: 'center',
|
|
94
|
+
justifyContent: 'center',
|
|
95
|
+
textAlign: 'center',
|
|
96
|
+
}, children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: _jsx(ThreeBarsIcon, {}) }) }), _jsx("h2", { children: _jsx("a", { href: "https://datalayer.ai", target: "_blank", rel: "noreferrer", children: "Datalayer, Inc." }) })] })] }) }));
|
|
74
97
|
};
|
|
75
|
-
export default
|
|
98
|
+
export default App;
|
|
76
99
|
//# sourceMappingURL=AppSimple.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSimple.js","sourceRoot":"","sources":["../../src/examples/AppSimple.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"AppSimple.js","sourceRoot":"","sources":["../../src/examples/AppSimple.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Example: Manual Runtime Control from External Component
|
|
3
|
+
*
|
|
4
|
+
* This example demonstrates how to programmatically control the Jupyter component's
|
|
5
|
+
* runtime state from an external component, such as a VSCode extension.
|
|
6
|
+
*
|
|
7
|
+
* Use cases:
|
|
8
|
+
* - VSCode extension detecting runtime termination
|
|
9
|
+
* - User manually disconnecting from a server
|
|
10
|
+
* - Switching between different Jupyter servers
|
|
11
|
+
* - Implementing custom runtime lifecycle management
|
|
12
|
+
*/
|
|
13
|
+
import React from 'react';
|
|
14
|
+
/**
|
|
15
|
+
* Main component demonstrating manual runtime control
|
|
16
|
+
*/
|
|
17
|
+
export declare const ManualRuntimeControlExample: React.FC;
|
|
18
|
+
export default ManualRuntimeControlExample;
|
|
@@ -5,16 +5,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
* MIT License
|
|
6
6
|
*/
|
|
7
7
|
/**
|
|
8
|
-
* Example: Manual
|
|
8
|
+
* Example: Manual Runtime Control from External Component
|
|
9
9
|
*
|
|
10
10
|
* This example demonstrates how to programmatically control the Jupyter component's
|
|
11
|
-
*
|
|
11
|
+
* runtime state from an external component, such as a VSCode extension.
|
|
12
12
|
*
|
|
13
13
|
* Use cases:
|
|
14
14
|
* - VSCode extension detecting runtime termination
|
|
15
15
|
* - User manually disconnecting from a server
|
|
16
16
|
* - Switching between different Jupyter servers
|
|
17
|
-
* - Implementing custom
|
|
17
|
+
* - Implementing custom runtime lifecycle management
|
|
18
18
|
*/
|
|
19
19
|
import { useState, useCallback, useEffect } from 'react';
|
|
20
20
|
import { JupyterReactTheme } from '@datalayer/jupyter-react';
|
|
@@ -35,7 +35,7 @@ class RuntimeMonitor {
|
|
|
35
35
|
return () => this.listeners.delete(callback);
|
|
36
36
|
}
|
|
37
37
|
/**
|
|
38
|
-
* Simulate runtime termination (e.g.,
|
|
38
|
+
* Simulate runtime termination (e.g., runtime crash, server disconnect)
|
|
39
39
|
*/
|
|
40
40
|
simulateRuntimeTermination() {
|
|
41
41
|
console.log('🔴 Runtime terminated!');
|
|
@@ -63,11 +63,11 @@ class RuntimeMonitor {
|
|
|
63
63
|
// Global runtime monitor instance (simulates VSCode extension global state)
|
|
64
64
|
const runtimeMonitor = new RuntimeMonitor();
|
|
65
65
|
/**
|
|
66
|
-
* Main component demonstrating manual
|
|
66
|
+
* Main component demonstrating manual runtime control
|
|
67
67
|
*/
|
|
68
|
-
export const
|
|
68
|
+
export const ManualRuntimeControlExample = () => {
|
|
69
69
|
const [serviceManager, setServiceManager] = useState(undefined);
|
|
70
|
-
const [
|
|
70
|
+
const [startDefaultRuntime, setStartDefaultRuntime] = useState(true);
|
|
71
71
|
const [runtimeConnected, setRuntimeConnected] = useState(true);
|
|
72
72
|
const [statusMessage, setStatusMessage] = useState('Runtime connected');
|
|
73
73
|
/**
|
|
@@ -107,7 +107,7 @@ export const ManualKernelControlExample = () => {
|
|
|
107
107
|
serviceManager.dispose();
|
|
108
108
|
}
|
|
109
109
|
setServiceManager(undefined);
|
|
110
|
-
setStatusMessage('Runtime disconnected - No
|
|
110
|
+
setStatusMessage('Runtime disconnected - No runtime available');
|
|
111
111
|
}
|
|
112
112
|
// Cleanup on unmount
|
|
113
113
|
return () => {
|
|
@@ -132,7 +132,7 @@ export const ManualKernelControlExample = () => {
|
|
|
132
132
|
*/
|
|
133
133
|
const handleDisconnect = useCallback(() => {
|
|
134
134
|
console.log('👤 User requested disconnect');
|
|
135
|
-
|
|
135
|
+
setStartDefaultRuntime(false);
|
|
136
136
|
setRuntimeConnected(false);
|
|
137
137
|
}, []);
|
|
138
138
|
/**
|
|
@@ -140,7 +140,7 @@ export const ManualKernelControlExample = () => {
|
|
|
140
140
|
*/
|
|
141
141
|
const handleConnect = useCallback(() => {
|
|
142
142
|
console.log('👤 User requested connect');
|
|
143
|
-
|
|
143
|
+
setStartDefaultRuntime(true);
|
|
144
144
|
setRuntimeConnected(true);
|
|
145
145
|
}, []);
|
|
146
146
|
/**
|
|
@@ -155,13 +155,13 @@ export const ManualKernelControlExample = () => {
|
|
|
155
155
|
const handleSimulateReconnection = useCallback(() => {
|
|
156
156
|
runtimeMonitor.simulateRuntimeReconnection();
|
|
157
157
|
}, []);
|
|
158
|
-
return (_jsxs("div", { style: { padding: '20px' }, children: [_jsx("h1", { children: "Manual
|
|
158
|
+
return (_jsxs("div", { style: { padding: '20px' }, children: [_jsx("h1", { children: "Manual Runtime Control Example" }), _jsxs("div", { style: {
|
|
159
159
|
padding: '10px',
|
|
160
160
|
marginBottom: '20px',
|
|
161
161
|
backgroundColor: runtimeConnected ? '#d4edda' : '#f8d7da',
|
|
162
162
|
border: `1px solid ${runtimeConnected ? '#c3e6cb' : '#f5c6cb'}`,
|
|
163
163
|
borderRadius: '4px',
|
|
164
|
-
}, children: [_jsx("strong", { children: "Status:" }), " ", statusMessage, _jsx("br", {}), _jsx("strong", { children: "Runtime Connected:" }), ' ', runtimeConnected ? 'Yes ✅' : 'No ❌', _jsx("br", {}), _jsx("strong", { children: "ServiceManager:" }), ' ', serviceManager ? 'Available ✅' : 'Not Available ❌', _jsx("br", {}), _jsx("strong", { children: "Start Default
|
|
164
|
+
}, children: [_jsx("strong", { children: "Status:" }), " ", statusMessage, _jsx("br", {}), _jsx("strong", { children: "Runtime Connected:" }), ' ', runtimeConnected ? 'Yes ✅' : 'No ❌', _jsx("br", {}), _jsx("strong", { children: "ServiceManager:" }), ' ', serviceManager ? 'Available ✅' : 'Not Available ❌', _jsx("br", {}), _jsx("strong", { children: "Start Default Runtime:" }), ' ', startDefaultRuntime ? 'Yes' : 'No'] }), _jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h3", { children: "Manual Control (User Actions)" }), _jsxs(ButtonGroup, { children: [_jsx(Button, { variant: runtimeConnected ? 'default' : 'primary', onClick: handleConnect, disabled: runtimeConnected, children: "Connect to Runtime" }), _jsx(Button, { variant: runtimeConnected ? 'primary' : 'default', onClick: handleDisconnect, disabled: !runtimeConnected, children: "Disconnect from Runtime" })] })] }), _jsxs("div", { style: { marginBottom: '20px' }, children: [_jsx("h3", { children: "Simulate External Events (VSCode Extension)" }), _jsx("p", { style: { fontSize: '12px', color: '#666' }, children: "These simulate events from an external system like a VSCode extension detecting runtime changes." }), _jsxs(ButtonGroup, { children: [_jsx(Button, { variant: "danger", onClick: handleSimulateTermination, disabled: !runtimeConnected, children: "\uD83D\uDD34 Simulate Runtime Termination" }), _jsx(Button, { variant: "primary", onClick: handleSimulateReconnection, disabled: runtimeConnected, children: "\uD83D\uDFE2 Simulate Runtime Reconnection" })] })] }), _jsxs("div", { style: { border: '1px solid #ccc', padding: '10px', marginTop: '20px' }, children: [_jsx("h3", { children: "Jupyter Component" }), _jsx(JupyterReactTheme
|
|
165
165
|
// serviceManager={serviceManager}
|
|
166
166
|
// startDefaultKernel={startDefaultKernel}
|
|
167
167
|
// lite={false}
|
|
@@ -178,13 +178,13 @@ class RuntimeManager {
|
|
|
178
178
|
private _onDidChangeState = new vscode.EventEmitter<boolean>();
|
|
179
179
|
public readonly onDidChangeState = this._onDidChangeState.event;
|
|
180
180
|
|
|
181
|
-
// Detect
|
|
182
|
-
public
|
|
181
|
+
// Detect runtime termination
|
|
182
|
+
public handleRuntimeTerminated(): void {
|
|
183
183
|
this._onDidChangeState.fire(false);
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
// Detect
|
|
187
|
-
public
|
|
186
|
+
// Detect runtime started
|
|
187
|
+
public handleRuntimeStarted(): void {
|
|
188
188
|
this._onDidChangeState.fire(true);
|
|
189
189
|
}
|
|
190
190
|
}
|
|
@@ -208,7 +208,7 @@ useEffect(() => {
|
|
|
208
208
|
// 4. Control Jupyter component
|
|
209
209
|
<Jupyter
|
|
210
210
|
serviceManager={hasRuntime ? serviceManager : undefined}
|
|
211
|
-
|
|
211
|
+
startDefaultRuntime={hasRuntime}
|
|
212
212
|
/>
|
|
213
213
|
` })] }), _jsxs("div", { style: {
|
|
214
214
|
marginTop: '20px',
|
|
@@ -217,5 +217,5 @@ useEffect(() => {
|
|
|
217
217
|
borderRadius: '6px',
|
|
218
218
|
}, children: [_jsx("h3", { children: "\uD83D\uDCDA Jupyter Component Props for Manual Control" }), _jsxs("table", { style: { width: '100%', fontSize: '12px' }, children: [_jsx("thead", { children: _jsxs("tr", { style: { textAlign: 'left', borderBottom: '2px solid #ddd' }, children: [_jsx("th", { style: { padding: '8px' }, children: "Prop" }), _jsx("th", { style: { padding: '8px' }, children: "Type" }), _jsx("th", { style: { padding: '8px' }, children: "Description" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { style: { borderBottom: '1px solid #ddd' }, children: [_jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "serviceManager" }) }), _jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "ServiceManager | undefined" }) }), _jsxs("td", { style: { padding: '8px' }, children: ["Pass a custom ServiceManager instance for full manual control. Set to ", _jsx("code", { children: "undefined" }), " to disable kernel connection. This is the main way to programmatically control runtime from external code (e.g., VSCode extension)."] })] }), _jsxs("tr", { style: { borderBottom: '1px solid #ddd' }, children: [_jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "startDefaultKernel" }) }), _jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "boolean" }) }), _jsxs("td", { style: { padding: '8px' }, children: ["Set to ", _jsx("code", { children: "false" }), " to prevent automatic kernel start. Set to ", _jsx("code", { children: "true" }), " to allow automatic kernel start. Use with", ' ', _jsx("code", { children: "serviceManager" }), " for full control."] })] }), _jsxs("tr", { children: [_jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "lite" }) }), _jsx("td", { style: { padding: '8px' }, children: _jsx("code", { children: "boolean" }) }), _jsxs("td", { style: { padding: '8px' }, children: ["Use JupyterLite (in-browser runtime) instead of server. Set to", ' ', _jsx("code", { children: "true" }), " for serverless mode."] })] })] })] })] })] }));
|
|
219
219
|
};
|
|
220
|
-
export default
|
|
221
|
-
//# sourceMappingURL=
|
|
220
|
+
export default ManualRuntimeControlExample;
|
|
221
|
+
//# sourceMappingURL=ManualRuntimeControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ManualRuntimeControl.js","sourceRoot":"","sources":["../../../src/examples/components/ManualRuntimeControl.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpD;;GAEG;AACH,MAAM,cAAc;IACV,SAAS,GAAwC,IAAI,GAAG,EAAE,CAAC;IAC3D,YAAY,GAAY,IAAI,CAAC;IAErC;;OAEG;IACH,aAAa,CAAC,QAAwC;QACpD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7B,8BAA8B;QAC9B,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,0BAA0B;QACxB,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,2BAA2B;QACzB,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;;OAEG;IACH,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAClE,CAAC;CACF;AAED,4EAA4E;AAC5E,MAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAa,GAAG,EAAE;IACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAElD,SAAS,CAAC,CAAC;IACb,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAS,mBAAmB,CAAC,CAAC;IAExC;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;gBACpC,IAAI,CAAC;oBACH,mCAAmC;oBACnC,MAAM,cAAc,GAAG,gBAAgB,CAAC,YAAY,CAAC;wBACnD,OAAO,EAAE,8CAA8C;wBACvD,KAAK,EAAE,iBAAiB;wBACxB,WAAW,EAAE,IAAI;qBAClB,CAAC,CAAC;oBAEH,qCAAqC;oBACrC,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC;wBAC5B,cAAc;qBACf,CAAC,CAAC;oBAEH,sCAAsC;oBACtC,MAAM,EAAE,CAAC,KAAK,CAAC;oBAEf,OAAO,CAAC,GAAG,CAAC,+BAA+B,EAAE,EAAE,CAAC,CAAC;oBACjD,iBAAiB,CAAC,EAAE,CAAC,CAAC;oBACtB,gBAAgB,CAAC,0CAA0C,CAAC,CAAC;gBAC/D,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,KAAK,CAAC,CAAC;oBAC7D,gBAAgB,CAAC,8BAA8B,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC,CAAC;YAEF,kBAAkB,EAAE,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,8CAA8C;YAC9C,IAAI,cAAc,EAAE,CAAC;gBACnB,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;gBAC9C,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,CAAC;YACD,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAC7B,gBAAgB,CAAC,6CAA6C,CAAC,CAAC;QAClE,CAAC;QAED,qBAAqB;QACrB,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;gBACjD,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,+CAA+C;IAEvE;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;YAC7D,OAAO,CAAC,GAAG,CACT,6BAA6B,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,EAAE,CAC1E,CAAC;YACF,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,kCAAkC;QAClC,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;QAC5C,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,cAAc,CAAC,0BAA0B,EAAE,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,0BAA0B,GAAG,WAAW,CAAC,GAAG,EAAE;QAClD,cAAc,CAAC,2BAA2B,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,0DAAuC,EAGvC,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,YAAY,EAAE,MAAM;oBACpB,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oBACzD,MAAM,EAAE,aAAa,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE;oBAC/D,YAAY,EAAE,KAAK;iBACpB,aAED,uCAAwB,OAAE,aAAa,EACvC,cAAM,EACN,kDAAmC,EAAC,GAAG,EACtC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACpC,cAAM,EACN,+CAAgC,EAAC,GAAG,EACnC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EACnD,cAAM,EACN,sDAAuC,EAAC,GAAG,EAC1C,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAC/B,EAGN,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,yDAAsC,EACtC,MAAC,WAAW,eACV,KAAC,MAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,gBAAgB,mCAGnB,EACT,KAAC,MAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,gBAAgB,wCAGpB,IACG,IACV,EAGN,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAClC,uEAAoD,EACpD,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,iHAGzC,EACJ,MAAC,WAAW,eACV,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,CAAC,gBAAgB,0DAGpB,EACT,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,0BAA0B,EACnC,QAAQ,EAAE,gBAAgB,2DAGnB,IACG,IACV,EAGN,eACE,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAEvE,6CAA0B,EAC1B,KAAC,iBAAiB;oBAClB,2CAA2C;oBAC3C,mDAAmD;oBACnD,wBAAwB;oBACxB,iCAAiC;kCAE/B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC5B,gBAAgB,CAAC,CAAC,CAAC,CAClB,0BACE,wFAA+D,EAC/D,6DAEE,cAAM,aACD,IACH,CACP,CAAC,CAAC,CAAC,CACF,wBACE,8FAGI,GACA,CACP,GACG,GACY,IAChB,EAGN,eACE,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;iBACpB,aAED,gEAA6C,EAC7C,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCV,GACa,IACF,EAGN,eACE,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;iBACpB,aAED,mFAAsD,EACtD,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aAC/C,0BACE,cAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAC9D,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAW,EACxC,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAW,EACxC,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,4BAAkB,IAC5C,GACC,EACR,4BACE,cAAI,KAAK,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAC3C,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,4CAA2B,GACxB,EACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,wDAAuC,GACpC,EACL,cAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,uFAEpB,uCAAsB,4IAG1B,IACF,EACL,cAAI,KAAK,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAC3C,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,gDAA+B,GAC5B,EACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,qCAAoB,GACjB,EACL,cAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,wBACpB,mCAAkB,iDACtB,kCAAiB,gDAA2C,GAAG,EAClE,4CAA2B,0BACxB,IACF,EACL,yBACE,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,kCAAiB,GACd,EACL,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAC3B,qCAAoB,GACjB,EACL,cAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,+EACoC,GAAG,EAClE,kCAAiB,6BACd,IACF,IACC,IACF,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
"format": 0,
|
|
206
206
|
"mode": "normal",
|
|
207
207
|
"style": "",
|
|
208
|
-
"text": "https://datalayer.
|
|
208
|
+
"text": "https://datalayer.ai",
|
|
209
209
|
"type": "text",
|
|
210
210
|
"version": 1
|
|
211
211
|
}
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
"rel": "noreferrer",
|
|
219
219
|
"target": "_blank",
|
|
220
220
|
"title": null,
|
|
221
|
-
"url": "https://datalayer.
|
|
221
|
+
"url": "https://datalayer.ai"
|
|
222
222
|
},
|
|
223
223
|
{
|
|
224
224
|
"detail": 0,
|
package/lib/examples/index.js
CHANGED
|
@@ -8,9 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
import './setup-prism.js';
|
|
9
9
|
import { createRoot } from 'react-dom/client';
|
|
10
10
|
import { setupPrimerPortals } from '@datalayer/primer-addons';
|
|
11
|
-
import App from './AppSimple.js';
|
|
12
|
-
// import App from './AppNbformat.js';
|
|
13
|
-
// import { ManualKernelControlExample } from './ManualKernelControl.js';
|
|
11
|
+
import { App } from './AppSimple.js';
|
|
14
12
|
import '../../style/index.css';
|
|
15
13
|
// Ensure Primer portals (Dialog, Tooltip, etc.) render correctly on document.body
|
|
16
14
|
setupPrimerPortals();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/examples/index.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,gEAAgE;AAChE,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,GAAG,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/examples/index.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,gEAAgE;AAChE,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,uBAAuB,CAAC;AAE/B,kFAAkF;AAClF,kBAAkB,EAAE,CAAC;AAErB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAE7B,IAAI,CAAC,MAAM,CAAC,KAAC,GAAG,KAAG,CAAC,CAAC"}
|
|
@@ -3,7 +3,8 @@ import { AutoEmbedOption, LexicalAutoEmbedPlugin, URL_MATCHER, } from '@lexical/
|
|
|
3
3
|
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
|
|
4
4
|
import { useMemo, useState } from 'react';
|
|
5
5
|
import * as ReactDOM from 'react-dom';
|
|
6
|
-
import { Box, Text } from '@primer/react';
|
|
6
|
+
import { Box, Text, ThemeProvider, BaseStyles } from '@primer/react';
|
|
7
|
+
import { useTheme } from '../context/ThemeContext.js';
|
|
7
8
|
import { VideoIcon } from '@primer/octicons-react';
|
|
8
9
|
import useModal from '../hooks/useModal.js';
|
|
9
10
|
import Button from '../components/Button.js';
|
|
@@ -91,6 +92,7 @@ export function AutoEmbedDialog({ embedConfig, onClose, }) {
|
|
|
91
92
|
}
|
|
92
93
|
export const AutoEmbedPlugin = () => {
|
|
93
94
|
const [modal, showModal] = useModal();
|
|
95
|
+
const { theme } = useTheme();
|
|
94
96
|
const openEmbedModal = (embedConfig) => {
|
|
95
97
|
showModal(`Embed ${embedConfig.contentName}`, onClose => (_jsx(AutoEmbedDialog, { embedConfig: embedConfig, onClose: onClose })));
|
|
96
98
|
};
|
|
@@ -105,20 +107,20 @@ export const AutoEmbedPlugin = () => {
|
|
|
105
107
|
];
|
|
106
108
|
};
|
|
107
109
|
return (_jsxs(_Fragment, { children: [modal, _jsx(LexicalAutoEmbedPlugin, { embedConfigs: EmbedConfigs, onOpenEmbedModalForConfig: openEmbedModal, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { selectedIndex, options, selectOptionAndCleanUp, setHighlightedIndex, }) => anchorElementRef.current
|
|
108
|
-
? ReactDOM.createPortal(_jsx(Box, { sx: {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
110
|
+
? ReactDOM.createPortal(_jsx(ThemeProvider, { colorMode: theme === 'dark' ? 'night' : 'day', children: _jsx(BaseStyles, { children: _jsx(Box, { sx: {
|
|
111
|
+
bg: 'canvas.overlay',
|
|
112
|
+
border: '1px solid',
|
|
113
|
+
borderColor: 'border.default',
|
|
114
|
+
borderRadius: 2,
|
|
115
|
+
boxShadow: 'shadow.large',
|
|
116
|
+
marginLeft: anchorElementRef.current.style.width,
|
|
117
|
+
width: 200,
|
|
118
|
+
}, children: _jsx(AutoEmbedMenu, { options: options, selectedItemIndex: selectedIndex, onOptionClick: (option, index) => {
|
|
119
|
+
setHighlightedIndex(index);
|
|
120
|
+
selectOptionAndCleanUp(option);
|
|
121
|
+
}, onOptionMouseEnter: (index) => {
|
|
122
|
+
setHighlightedIndex(index);
|
|
123
|
+
} }) }) }) }), anchorElementRef.current)
|
|
122
124
|
: null })] }));
|
|
123
125
|
};
|
|
124
126
|
export default AutoEmbedPlugin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoEmbedPlugin.js","sourceRoot":"","sources":["../../src/plugins/AutoEmbedPlugin.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,eAAe,EAGf,sBAAsB,EACtB,WAAW,GACZ,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"AutoEmbedPlugin.js","sourceRoot":"","sources":["../../src/plugins/AutoEmbedPlugin.tsx"],"names":[],"mappings":"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"}
|