get editor running somewhat

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "web/src/cascade"]
+	path = web/src/cascade
+	url = https://github.com/zalo/CascadeStudio.git

.vscode/settings.json

@@ -7,5 +7,13 @@
   },
   "[prisma]": {
     "editor.formatOnSave": true
-  }
+  },
+  "eslint.workingDirectories": [
+    "./api",
+    "./web/src/components",
+    "./web/src/layouts",
+    "./web/src/pages",
+    "./web/src/index.js",
+    "./web/src/Routes.js",
+  ]
 }

package.json

@@ -10,7 +10,15 @@
     "@redwoodjs/core": "^0.19.2"
   },
   "eslintConfig": {
-    "extends": "@redwoodjs/eslint-config"
+    "extends": "@redwoodjs/eslint-config",
+    "workingDirectories": [
+      "./api",
+      "./web/src/components",
+      "./web/src/layouts",
+      "./web/src/pages",
+      "./web/src/index.js",
+      "./web/src/Routes.js"
+    ]
   },
   "engines": {
     "node": ">=12",

web/src/pages/HomePage/HomePage.js

@@ -1,11 +1,15 @@
 import BlogLayout from 'src/layouts/BlogLayout'
 import BlogPostsCell from 'src/components/BlogPostsCell'
+import { initialize} from 'src/cascade/js/MainPage/CascadeMain'
 
 const HomePage = () => {
   return (
 
     <BlogLayout>
       <BlogPostsCell/>
+      <div>
+        <button onClick={() => new initialize()}>init</button>
+      </div>
     </BlogLayout>
   )
 }