Kernel state for Cell and Output (#282)

* chore: use id instead of uid prop

* fix: build

* output: fix nbgrader

* chore: cell to use kernel executor

* chore: output and cell to use kernel executor

* chore: simplify output state

* chore: kernel state

* chore: kernel phase

* chore: lint

* fix: build

* chore: relax kernel executor constructor

* chore: output state code

* chore: add completed_with_error execution phase

* chore: disconnect signals

* Update packages/react/src/components/output/Output.tsx

Co-authored-by: Frédéric Collonval <frederic.collonval@webscit.com>

---------

Co-authored-by: Frédéric Collonval <frederic.collonval@webscit.com>

Author: echarles

attic/prosemirror/package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@codemirror/lang-python": "6.0.1",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@prosemirror-adapter/react": "0.2.4",
     "@types/orderedmap": "1.0.0",
     "codemirror": "6.0.1",

examples/cra/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^0.3.0",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@datalayer/primer-addons": "0.3.0",
     "jupyterlab-plotly": "^5.17.0",
     "plotly.js": "^2.26.2",

examples/cra/src/examples/cell/CellComponents.tsx

@@ -4,7 +4,7 @@
  * MIT License
  */
 
-import { useCellStore, Cell } from "@datalayer/jupyter-react";
+import { useCellsStore, Cell } from "@datalayer/jupyter-react";
 import CellToolbar from './CellToolbar';
 
 const SOURCE_EXAMPLE = `"""
@@ -36,7 +36,7 @@ ax2.set_ylabel('Undamped')
 plt.show()`;
 
 const CellPreview = () => {
-  const cellStore = useCellStore();
+  const cellStore = useCellsStore();
   return (
     <>
       <div>source: {cellStore.source}</div>

examples/cra/src/examples/cell/CellToolbar.tsx

@@ -7,10 +7,10 @@
 import React from 'react';
 import { Box, IconButton, Text, Tooltip } from '@primer/react';
 import { PlayIcon, ReplyIcon, ThreeBarsIcon } from '@primer/octicons-react';
-import { useCellStore } from '@datalayer/jupyter-react';
+import { useCellsStore } from '@datalayer/jupyter-react';
 
 const CellToolbar: React.FC = () => {
-  const cellStore = useCellStore();
+  const cellStore = useCellsStore();
   const outputsCount = cellStore.outputsCount;
   return (
     <>

examples/next-js/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^0.3.0",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@datalayer/primer-addons": "0.3.0",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.40.0",

examples/slate/package.json

@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^0.3.0",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@datalayer/primer-addons": "0.3.0",
     "@emotion/css": "^11.1.3",
     "@emotion/react": "^11.10.6",

packages/docusaurus-plugin/package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^0.3.0",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@datalayer/primer-addons": "0.3.0",
     "@docusaurus/core": "^2.4.0",
     "@docusaurus/types": "^2.1.0"

packages/lexical/package.json

@@ -59,7 +59,7 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^0.3.0",
-    "@datalayer/jupyter-react": "^0.12.0",
+    "@datalayer/jupyter-react": "^0.15.0",
     "@datalayer/primer-addons": "0.3.0",
     "@jupyterlab/application": "^4.0.0",
     "@jupyterlab/coreutils": "^6.0.0",

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}
               />