fix: lexical (#385)

* fix: lexical

* lint

* lint

* fix: build

* rename: room to document

* fix: vite example

* bump: jupyter-react 1.0.7

Author: echarles

attic/cra/package.json

@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^1.0.0",
-    "@datalayer/jupyter-react": "^1.0.1",
-    "@datalayer/primer-addons": "^1.0.0",
+    "@datalayer/jupyter-react": "^1.0.7",
+    "@datalayer/primer-addons": "^1.0.3",
     "jupyterlab-plotly": "^5.17.0",
     "plotly.js": "^2.26.2",
     "react": "18.3.1",

attic/esbuild/package.json

@@ -25,7 +25,7 @@
     "@testing-library/user-event": "^12.1.10",
     "@uiw/react-md-editor": "^2.1.1",
     "assert": "^2.0.0",
-    "axios": "^0.30.0",
+    "axios": "^0.33.1",
     "bulmaswatch": "^0.8.1",
     "constants-browserify": "^1.0.0",
     "esbuild-wasm": "^0.8.27",

attic/prosemirror/package.json

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

attic/slate/package.json

@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^1.0.0",
-    "@datalayer/jupyter-react": "^1.0.1",
-    "@datalayer/primer-addons": "^1.0.0",
+    "@datalayer/jupyter-react": "^1.0.7",
+    "@datalayer/primer-addons": "^1.0.3",
     "@emotion/css": "^11.1.3",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",

docs/docs/integrations/cra/index.mdx

@@ -60,7 +60,7 @@ Add Jupyter React in `package.json`.
 
 ```json
   "dependencies": {
-    "@datalayer/jupyter-react": "^1.0.0",
+    "@datalayer/jupyter-react": "^1.0.7",
   },
 ```
 

examples/lexical/package.json

@@ -28,8 +28,8 @@
     "kill": "./../../dev/sh/kill.sh || true"
   },
   "dependencies": {
-    "@datalayer/jupyter-lexical": "^1.0.0",
-    "@datalayer/primer-addons": "^1.0.0",
+    "@datalayer/jupyter-lexical": "^1.0.2",
+    "@datalayer/primer-addons": "^1.0.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-json-tree": "^0.17.0"

examples/lexical/src/AppNbformat.tsx

@@ -9,7 +9,7 @@ import { $getRoot } from "lexical";
 import styled from "styled-components";
 import { lexicalToNbformat,useLexical, LexicalProvider, Editor } from "@datalayer/jupyter-lexical";
 import { useNotebookStore, Jupyter, Notebook, CellSidebar, CellSidebarExtension } from "@datalayer/jupyter-react";
-import { Box, TabNav, Button } from "@primer/react";
+import { Box, Button, UnderlineNav } from "@primer/react";
 import { ThreeBarsIcon } from "@primer/octicons-react"
 import { JSONTree } from "react-json-tree";
 import { INotebookContent } from "@jupyterlab/nbformat";
@@ -65,17 +65,17 @@ const Tabs = () => {
   }
   return (
     <Box className="center">
-      <TabNav>
-        <TabNav.Link href="" selected={tab === 'editor'} onClick={e => goToTab(e, 'editor', notebook?.model)}>
+      <UnderlineNav aria-label="Underline navigation">
+        <UnderlineNav.Item href="" aria-current={tab === 'editor' ? 'page' : undefined} onClick={(e: any) => goToTab(e, 'editor', notebook?.model)}>
           Editor
-        </TabNav.Link>
-        <TabNav.Link href="" selected={tab === 'notebook'} onClick={e => goToTab(e, 'notebook', notebook?.model)}>
+        </UnderlineNav.Item>
+        <UnderlineNav.Item href="" aria-current={tab === 'notebook' ? 'page' : undefined} onClick={(e: any) => goToTab(e, 'notebook', notebook?.model)}>
           Notebook
-        </TabNav.Link>
-        <TabNav.Link href="" selected={tab === 'nbformat'} onClick={e => goToTab(e, 'nbformat', notebook?.model)}>
+        </UnderlineNav.Item>
+        <UnderlineNav.Item href="" aria-current={tab === 'nbformat' ? 'page' : undefined} onClick={(e: any) => goToTab(e, 'nbformat', notebook?.model)}>
           NbFormat
-        </TabNav.Link>
-      </TabNav>
+        </UnderlineNav.Item>
+      </UnderlineNav>
       { tab === 'editor' &&
         <Box>
           <Editor notebook={notebookContent} />
@@ -131,11 +131,11 @@ export function AppNbformat() {
       </Jupyter>
       <div className="other App">
         <br/>
-        <a href="https://datalayer.io" target="_blank">
+        <a href="https://datalayer.ai" target="_blank">
           <ThreeBarsIcon/>
         </a>
         <h2>
-          copyright © <a href="https://datalayer.io" target="_blank">2022-2024 Datalayer, Inc.</a>
+          Copyright © <a href="https://datalayer.ai" target="_blank">2022 Datalayer, Inc.</a>
         </h2>
         <ul>
           <li>

examples/lexical/vite.config.js

@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^1.0.0",
-    "@datalayer/jupyter-react": "^1.0.1",
-    "@datalayer/primer-addons": "^1.0.0",
+    "@datalayer/jupyter-react": "^1.0.7",
+    "@datalayer/primer-addons": "^1.0.3",
     "next": "^15.4.1",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",

examples/next-js/package.json

@@ -13,9 +13,6 @@
     </script>
     <!-- Needed for ipywidgets -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
-    <script type="module">
-      globalThis.__webpack_public_path__ = "";
-    </script>
   </head>
   <body>
     <div id="root"></div>