local dev issues

[danstarns]

Hey all, it's great to see Arrows live again.

When cloning the repo down, I noticed a lot of old libraries and some scripts and dependencies were conflicting.

For reference, locally, I followed the following steps:

1. npm install
2. npm run build
3. npx nx serve arrows-app

These instructions are stated in the Devlop.md file and the root package.json. On completion, I get an error:

[plugin:vite:import-analysis] Failed to resolve import "recompose" from "src/App.jsx". Does the file exist?
/Users/danielstarns/code/neo4j-labs/arrows.app/apps/arrows-app/src/App.jsx:7:24
6  |  import withKeybindings, { ignoreTarget } from "./interactions/Keybindings";
7  |  import { windowResized } from "./actions/applicationLayout";
8  |  import { compose } from "recompose";
   |                           ^
9  |  import HeaderContainer from "./containers/HeaderContainer";
10 |  import InspectorChooser from "./containers/InspectorChooser";

Anyway, this is because of how old some of the dependencies are, and they are all conflicting and not downloading correctly. The way I fixed this particular issue with recompose is by forcing an install in the app:

cd ./apps/arrows-app && npm install --force

Now, after forcing the dependency upgrades, I can re run the dev server, resulting in an error in the console:

neo4jStorage.js:6 Uncaught ReferenceError: require is not defined
    at neo4jStorage.js:6:15

This issue is coming from importing the neo4j browser drivers via require, search for this in the source:

const neo4j = require("neo4j-driver/lib/browser/neo4j-web.min.js").v1

We can fix this issue by using the common-js vite plugin:

• https://stackoverflow.com/a/78531730