fix: build

Author: echarles

packages/lexical/src/components/JupyterOutputComponent.tsx

@@ -27,7 +27,7 @@ export const JupyterOutputComponent = (props: Props) => {
       adapter={outputAdapter}
       showEditor={false}
       autoRun={autoRun}
-      sourceId={outputNodeUuid}
+      id={outputNodeUuid}
       executeTrigger={executeTrigger}
       lumino={false}
       />

packages/lexical/src/examples/App2.tsx

@@ -90,7 +90,7 @@ const Tabs = () => {
         <StyledNotebook>
           <Box mb={3}>
             <Notebook
-              uid={NOTEBOOK_UID}
+              id={NOTEBOOK_UID}
               nbformat={notebookContent}
               CellSidebar={CellSidebar}
               />

packages/lexical/src/nodes/JupyterOutputNode.tsx

@@ -8,7 +8,7 @@ import { LexicalEditor, EditorConfig, DecoratorNode, LexicalNode, NodeKey, Sprea
 import { UUID } from '@lumino/coreutils';
 import { IOutput } from '@jupyterlab/nbformat';
 import { OUTPUT_UUID_TO_CODE_UUID, CODE_UUID_TO_OUTPUT_KEY, CODE_UUID_TO_OUTPUT_UUID, OUTPUT_UUID_TO_OUTPUT_KEY } from "../plugins/JupyterPlugin";
-import { OutputAdapter } from "@datalayer/jupyter-react";
+import { OutputAdapter, newUuid } from "@datalayer/jupyter-react";
 import JupyterOutputComponent from "../components/JupyterOutputComponent";
 
 export type SerializedJupyterOutputNode = Spread<
@@ -52,7 +52,7 @@ export class JupyterOutputNode extends DecoratorNode<JSX.Element> {
 
   /** @override */
   static importJSON(serializedNode: SerializedJupyterOutputNode): JupyterOutputNode {
-    return $createJupyterOutputNode(serializedNode.source, new OutputAdapter(undefined, []), serializedNode.outputs, false, serializedNode.codeNodeUuid, serializedNode.outputNodeUuid);
+    return $createJupyterOutputNode(serializedNode.source, new OutputAdapter(newUuid(), undefined, []), serializedNode.outputs, false, serializedNode.codeNodeUuid, serializedNode.outputNodeUuid);
   }
 
   /** @override */

packages/lexical/src/plugins/JupyterPlugin.tsx

@@ -10,7 +10,7 @@ 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 { OutputAdapter, newUuid } from '@datalayer/jupyter-react';
 import { UUID } from '@lumino/coreutils';
 import { IOutput } from '@jupyterlab/nbformat';
 import { $createJupyterCodeNode, JupyterCodeNode, $isJupyterCodeNode } from "../nodes/JupyterCodeNode";
@@ -77,7 +77,7 @@ export const JupyterPlugin = () => {
                 return true;
               }
             }
-            const jupyterOutputNode = $createJupyterOutputNode(code, new OutputAdapter(undefined, []), [], true, codeNodeUuid, UUID.uuid4());
+            const jupyterOutputNode = $createJupyterOutputNode(code, new OutputAdapter(newUuid(), undefined, []), [], true, codeNodeUuid, UUID.uuid4());
             $insertNodeToNearestRoot(jupyterOutputNode);
             const nodeSelection = $createNodeSelection();
             nodeSelection.add(parentNode.__key);
@@ -163,7 +163,7 @@ export const JupyterPlugin = () => {
         } else {
           selection.insertNodes([jupyterCodeNode]);
         }
-        const outputAdapter = new OutputAdapter(undefined, outputs);
+        const outputAdapter = new OutputAdapter(newUuid(), undefined, outputs);
         const jupyterOutputNode = $createJupyterOutputNode(code, outputAdapter, outputs || [], false, jupyterCodeNode.getCodeNodeUuid(), UUID.uuid4()) ;
         outputAdapter.outputArea.model.changed.connect((outputModel, args) => {
           editor.update(() => {