fix: cra example (#253)

datalayer · Jun 28, 2024 · d77442e · d77442e
1 parent 1bb3620
commit d77442e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 24 deletions.
diff --git a/examples/cra/src/examples/cell/CellComponents.tsx b/examples/cra/src/examples/cell/CellComponents.tsx
@@ -4,7 +4,7 @@
  * MIT License
  */
 
-import { selectCell, Cell } from "@datalayer/jupyter-react";
+import { useCellStore, Cell } from "@datalayer/jupyter-react";
 import CellToolbar from './CellToolbar';
 
 const SOURCE_EXAMPLE = `"""
@@ -36,12 +36,12 @@ ax2.set_ylabel('Undamped')
 plt.show()`;
 
 const CellPreview = () => {
-  const cell = selectCell();
+  const cellStore = useCellStore();
   return (
     <>
-      <div>source: {cell.source}</div>
+      <div>source: {cellStore.source}</div>
       <br/>
-      <div>kernel available: {String(cell.kernelAvailable)}</div>
+      <div>kernel available: {String(cellStore.kernelAvailable)}</div>
       <br/>
     </>
   )

diff --git a/examples/cra/src/examples/labapp/JupyterLabHeadlessApp.tsx b/examples/cra/src/examples/labapp/JupyterLabHeadlessApp.tsx
@@ -71,12 +71,12 @@ export const JupyterLabHeadlessAppExample = () => {
           </div>
         }
         <JupyterLabApp
-          extensions={[
+          plugins={[
             lightThemeExtension,
             ipywidgetsExtension,
             plotlyExtension,
           ]}
-          mimeExtensions={[
+          mimeRenderers={[
             mimePlotlyExtension,
           ]}
           headless={true}

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -261,24 +261,7 @@
     "extension": "./lib/jupyter/lab/index.js",
     "outputDir": "jupyter_react/labextension",
     "schemaDir": "schema",
-    "webpackConfig": "./webpack.lab-config.js",
-    "sharedPackages": {
-      "@jupyter/web-components": {
-        "bundled": true,
-        "singleton": true
-      },
-      "@jupyter-notebook/tree": {
-        "singleton": true
-      },
-      "@microsoft/fast-element": {
-        "bundled": true,
-        "singleton": true
-      },
-      "@microsoft/fast-foundation": {
-        "bundled": true,
-        "singleton": true
-      }
-    }
+    "webpackConfig": "./webpack.lab-config.js"
   },
   "jupyter-releaser": {
     "hooks": {