Upgrade vite (#35)

* upgrade vite and packages

* force bootstrap

* update build

* fix build

* fix build

* fix backward

* fix lint

* upgrade pw

* remove google fonts

* add comment

* fix font screenshots

* fix cache key

* fix snaps

Author: YousefED

.github/workflows/build.yml

@@ -33,8 +33,15 @@ jobs:
             ${{ runner.os }}-build-
             ${{ runner.os }}-
 
+      - name: cache playwright
+        id: playwright-cache
+        uses: actions/cache@v2
+        with:
+          path: ~/.cache/ms-playwright
+          key: pw-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
       - name: Install Dependencies
-        run: npm run install-lerna
+        run: npm install
 
       - name: Bootstrap packages
         run: npm run bootstrap

.vscode/extensions.json

@@ -1,9 +1,5 @@
 {
   // See http://go.microsoft.com/fwlink/?LinkId=827846
   // for the documentation about the extensions.json format
-  "recommendations": [
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint",
-    "orta.vscode-jest"
-  ]
+  "recommendations": ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"]
 }

README.md

@@ -18,7 +18,7 @@ We use [Lerna](https://lerna.js.org/) to manage the monorepo with separate packa
 To run the project, open the command line in the project's root directory and enter the following commands:
 
     # Install all required npm modules for lerna, and bootstrap lerna packages
-    npm run install-lerna
+    npm install
     npm run bootstrap
 
     # Start the editor project

examples/editor/package-lock.json

@@ -18,10 +18,10 @@
     "@types/react-dom": "^17.0.12",
     "@vitejs/plugin-react": "^1.0.7",
     "typescript": "^4.5.4",
-    "vite": "^2.8.0",
+    "vite": "^3.0.5",
     "eslint-config-react-app": "^7.0.0",
     "eslint": "^8.10.0",
-    "vite-plugin-eslint": "^1.3.0"
+    "vite-plugin-eslint": "^1.7.0"
   },
   "eslintConfig": {
     "extends": [
@@ -31,13 +31,5 @@
     "rules": {
       "curly": 1
     }
-  },
-  "workspaces": {
-    "nohoist": [
-      "**"
-    ],
-    "packages": [
-      "."
-    ]
   }
 }

examples/editor/package.json

@@ -1,8 +1,8 @@
 // import logo from './logo.svg'
-import styles from "./App.module.css";
 import { EditorContent, useEditor } from "@blocknote/core";
+import "@blocknote/core/style.css";
 import { Editor } from "@tiptap/core";
-// import "@blocknote/core/style.css";
+import styles from "./App.module.css";
 
 type WindowWithProseMirror = Window &
   typeof globalThis & { ProseMirror: Editor };

examples/editor/src/App.tsx

@@ -1,7 +1,10 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import "./index.css";
 import App from "./App";
+import "./index.css";
+
+window.React = React;
+window.ReactDOM = ReactDOM;
 
 ReactDOM.render(
   <React.StrictMode>

examples/editor/src/main.tsx

@@ -4,7 +4,7 @@
     "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": false,
-    "skipLibCheck": false,
+    "skipLibCheck": true,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
     "strict": true,
@@ -14,10 +14,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx",
-    "paths": {
-      "@blocknote/core": ["../../packages/core/src"]
-    }
+    "jsx": "react-jsx"
+    // "paths": {
+    //   "@blocknote/core": ["../../packages/core/src"]
+    // }
   },
   "include": ["src"],
   "references": [

examples/editor/tsconfig.json

@@ -1,20 +1,24 @@
-import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import * as path from "path";
-import eslintPlugin from "vite-plugin-eslint";
-
+import { defineConfig } from "vite";
+// import eslintPlugin from "vite-plugin-eslint";
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react(), eslintPlugin()],
+export default defineConfig((conf) => ({
+  plugins: [react()],
   optimizeDeps: {
     // link: ['vite-react-ts-components'],
   },
   resolve: {
-    alias: {
-      // '@blocknote/core': '/@linked/vite-react-ts-components/index.ts',
-      "@blocknote/core": path.resolve(
-        require.resolve("../../packages/core/src/index.ts")
-      ),
-    },
+    alias:
+      conf.command === "build"
+        ? {}
+        : {
+            // Comment out the line below to load a built version of blocknote
+            // or, keep as is to load live from sources with live reload working
+            "@blocknote/core": path.resolve(
+              __dirname,
+              "../../packages/core/src/"
+            ),
+          },
   },
-});
+}));

examples/editor/vite.config.ts

@@ -1,4 +1,6 @@
 {
-  "packages": ["packages/*", "examples/*"],
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "useNx": false,
+  "useWorkspaces": true,
   "version": "0.0.0"
 }