Integrate Lexical editor into Details Pane

.github/PULL_REQUEST_TEMPLATE.md

@@ -10,3 +10,25 @@ BEFORE YOU SUBMIT make sure you've done the following:
 More details on contributing can be found in CONTRIBUTING.md in the root of this repository. Thank you for your time and interest in the Neo4j Browser! 
 -->
 
+Changelog
+---------
+
+### Added
+
+### Changed
+
+### Deprecated
+
+### Removed
+
+### Fixed
+
+### Security
+
+Checklist
+---------
+
+* [ ] Test
+* [ ] Self-review
+* [ ] Documentation
+* [ ] (neo4j-arc) Manually bump version

.github/workflows/release-arc.yml

@@ -11,19 +11,14 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-    environment: Publish
     steps:
       - uses: actions/checkout@v2
         with:
-          repository: neo4j/neo4j-browser
-      # Setup .npmrc file to publish to npm
+          repository: QubitPi/neo4j-browser
       - uses: actions/setup-node@v2
         with:
           registry-url: 'https://registry.npmjs.org'
-          # Defaults to the user or organization that owns the workflow file
-          scope: '@neo4j-devtools'
       - run: npm -g install yarn
-      # - run: yarn test
       - run: yarn install --frozen-lockfile
       - run: yarn build
       - uses: JS-DevTools/npm-publish@v1

.github/workflows/release-doc.yml

@@ -0,0 +1,35 @@
+# Copyright 2023 Jiaqi Liu
+# Licensed under the terms of the GNU General Public License. Please see LICENSE file distributed with this work for terms.
+---
+name: Release
+
+"on":
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  release-documentation:
+    name: Deploy Documentation to GitHub Pages
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      packages: write
+    defaults:
+      run:
+        working-directory: docs
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - run: npm install
+      - run: npm run build
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./docs/build/site
+          user_name: QubitPi
+          user_email: [email protected]

README.md

@@ -1,4 +1,7 @@
-# Neo4j Browser
+# Neo4j Browser <sup>![Node Version Badge is Missing][node version badge] ![Ts Version Badge is Missing][ts version badge]</sup>
+
+[![npm registry][npm registry]](https://www.npmjs.com/package/neo4j-devtools-arc)
+![Translation Badge is Missing][translation badge]
 
 Neo4j Browser is the general purpose graphical user interface for Neo4j. Query, visualize, administer and monitor the database with modern and easy-to-use tools.
 
@@ -22,10 +25,21 @@ Contributions welcome! More information in our [CONTRIBUTING.md](CONTRIBUTING.md
 
 Browser has a subproject of re-usable components bundled together and exposed as `neo4j-arc`. Rather than set up mono-repo tooling the we've set up eslint to isolate `neo4j-arc` and given it a seperate build step. Code in browser can only to import code from `neo4j-arc` through `neo4j-arc` aliases (as if it was a seperate project) and `neo4j-arc` is not allowed to import any code from outside it's own folder.
 
-## Development
+## Development <sup>![Ts Version Badge is Missing][ts version badge]</sup>
+
+> There are 2 parts within this project
+> 
+> 1. [browser](./src/browser)
+> 2. re-usable graphing library, i.e. [neo4j-arc](./src/neo4j-arc)
+>
+> Each mantains a separate TS version. **Browser's TS version has to align with neo4j-arc's by setting a fixed version
+> at latter's lower bound**. For example, if neo4j-arc's typescript version is `"typescript": "^4.6.2"`, then the
+> browser's has be to the exact version of `"typescript": "4.6.2"`
+
+Running Neo4j Browser locally requires Node.js 16 and for dependencies we use yarn (`npm install -g yarn`). To install 
+dependencies and then start the development server at `http://localhost:8080`:
 
-Running Neo4j Browser locally requires Node.js (^12.4.0) and for dependencies we use yarn (`npm install -g yarn`).
-To install dependencies and then start the development server at `http://localhost:8080`:
+> To switch node version with a version manager, please try [nvm](https://qubitpi.github.io/hashicorp-aws/blog/nvm)
 
 ```shell
 yarn install
@@ -42,7 +56,7 @@ yarn start-prod
 
 Neo4j Browser has both unit and end to end tests running automatically on every pull request. To run the tests locally:
 
-`yarn test-unit` runs a linter and then our unit tests.
+`yarn jest` runs our unit tests.
 
 `yarn test-e2e` runs our Cypress end to end tests in the easiest, slowest way. Running them with this command requires docker installed and that nothing else runs on ports 7687 and 8080.
 
@@ -51,7 +65,14 @@ Neo4j Browser has both unit and end to end tests running automatically on every
 `yarn e2e-open` to open the Cypress test runner (requires a **fresh** installation of Neo4j to run against, expects neo4j 3.5 by default). See details below on how to configure database version.
 
 `yarn e2e-local-open` to run against an existing server (with a password already set). We use `newpassword` as the default password here, make sure to pass your password:
-`yarn e2e-local-open --env browser-password=<your-password-here>`
+
+```
+yarn e2e-local-open --env browser-password=<your-password-here>
+```
+
+The name `browser-password` is a bit misleading. It's actually the password for connecting to Neo4j we just mentioned via bolt portocol, i.e. the "password" input in the image below:
+
+![browser password screenshot](./.github/browser-password.png)
 
 To avoid opening the Cypress test runner and just run the tests in the terminal, remove the "-open" suffix from the previous two commands (so `yarn e2e` and `yarn e2e-local` respectively).
 
@@ -77,3 +98,10 @@ CYPRESS_BASE_URL=<url to reach the browser to test> (default http://localhost:80
 ```
 
 Example: `CYPRESS_E2E_TEST_ENV="local" CYPRESS_BASE_URL=http://localhost:30000 cypress open --env server=4.2`
+
+[node version badge]: https://img.shields.io/badge/NODE-≥16%20<18.0.0-339933?logo=Node.js&logoColor=white&labelColor=66cc33&style=for-the-badge
+[npm registry]: https://img.shields.io/npm/v/neo4j-devtools-arc?logo=npm&style=for-the-badge
+
+[ts version badge]: https://img.shields.io/badge/TypeScript-≥4.6.2-3178C6?style=for-the-badge&logo=typescript&logoColor=white&labelColor=358EF1
+
+[translation badge]: https://img.shields.io/badge/Languages%20Supported-en,zh--cn-brightgreen?style=for-the-badge&logo=googletranslate&logoColor=white&labelColor=4285F4

docs/modules/ROOT/content-nav.adoc

@@ -25,5 +25,13 @@
 ** xref:operations/rest-requests.adoc[]
 ** xref:operations/browser-rbac-count.adoc[]
 ** xref:operations/product-analytics.adoc[]
+** xref:operations/on-canvas-operations.adoc[]
 
 * xref:reference-commands.adoc[Command reference]
+
+* xref:neo4j-arc/index.adoc[Neo4J Arc]
+** xref:neo4j-arc/i18n.adoc[]
+** xref:neo4j-arc/themes.adoc[]
+** xref:neo4j-arc/internals.adoc[]
+** xref:neo4j-arc/graph-modelling.adoc[]
+** xref:neo4j-arc/graph-interactions.adoc[]