refactor!: Decouple react flow and core logic

.github/CODEOWNERS

@@ -1,2 +1,3 @@
+@Jaryt
 @KyleTryon
-@CircleCI-Public/cpeng
+@CircleCI-Public/cpeng

.nvmrc

@@ -1 +1 @@
-v16.15.1
+v18.12.0

package.json

@@ -14,6 +14,7 @@
     "@circleci/circleci-config-parser": "^0.10.0-alpha.3",
     "@circleci/circleci-config-sdk": "^0.10.1",
     "@monaco-editor/react": "^4.4.5",
+    "@vitejs/plugin-react": "^2.2.0",
     "algoliasearch": "^4.13.1",
     "easy-peasy": "^5.0.3",
     "formik": "^2.2.9",
@@ -22,17 +23,14 @@
     "react-aria": "3.19.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-dom": "^18.2.0",
-    "react-flow-renderer": "9.6.7",
     "react-instantsearch-hooks-web": "^6.29.0",
     "react-redux": "^7.2.6",
+    "reactflow": "^11.2.0",
     "start-server-and-test": "^1.14.0",
     "uuid": "^8.3.2"
   },
   "devDependencies": {
     "@reduxjs/toolkit": "^1.6.2",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
     "@types/algoliasearch": "^4.0.0",
     "@types/jest": "^27.0.2",
     "@types/node": "^16.11.35",
@@ -41,14 +39,12 @@
     "@types/react-dom": "^18.0.6",
     "@types/react-tabs": "^2.3.3",
     "@types/uuid": "^8.3.1",
-    "@vitejs/plugin-react": "^2.1.0",
     "autoprefixer": "^10.4.12",
     "cypress": "^10.11.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "postcss": "^8.4.16",
     "tailwindcss": "^3.1.8",
     "typescript": "^4.6.4",
-    "vite": "^3.1.0",
-    "vite-plugin-environment": "^1.1.2"
+    "vite": "^3.1.0"
   }
 }

src/App.tsx

@@ -1,16 +1,16 @@
 import algoliasearch from 'algoliasearch';
 import { createStore, StoreProvider } from 'easy-peasy';
 import { useRef } from 'react';
-import Toast from './components/atoms/Toast';
-import ToolTip from './components/atoms/Tooltip';
-import ConfirmationModal from './components/containers/ConfirmationModal';
-import KBarList from './components/containers/KBarList';
-import EditorPane from './components/panes/EditorPane';
-import NavigationPane from './components/panes/NavigationPane';
-import WorkflowsPane from './components/panes/WorkflowsPane';
+import Toast from './core/components/atoms/Toast';
+import ToolTip from './core/components/atoms/Tooltip';
+import ConfirmationModal from './core/components/containers/ConfirmationModal';
+import KBarList from './core/components/containers/KBarList';
+import EditorPane from './core/components/panes/EditorPane';
+import NavigationPane from './core/components/panes/NavigationPane';
+import WorkflowsPane from './core/components/panes/WorkflowsPane';
 import './index.css';
-import useWindowDimensions, { useStoreState } from './state/Hooks';
-import Store from './state/Store';
+import useWindowDimensions, { useStoreState } from './core/state/Hooks';
+import Store from './core/state/Store';
 export const store = createStore(Store);
 export const inspectorWidth = 400;