feat: migrate to tsgo, fix lint warnings, and fix vp build caching

.github/workflows/build.yml

@@ -31,12 +31,12 @@ jobs:
       - name: Install Dependencies
         run: vp install
 
-      - name: Lint packages
-        run: vp lint
-
       - name: Build packages
         run: vp run -r build
 
+      - name: Lint packages
+        run: vp lint
+
       - name: Run unit tests
         run: vp run -r test
 

.github/workflows/fresh-install-tests.yml

@@ -51,8 +51,6 @@ jobs:
         # ranges. This simulates what a user gets when running
         # `npm install @blocknote/react` in a fresh project.
         # DevDependencies are left at their lockfile versions.
-        # NB: this uses pnpm directly because vp doesn't expose a `--prod`-only
-        # update flow; setup-vp installs pnpm on PATH so this still works.
         run: |
           FILTERS=$(node -e "
             const fs = require('fs');
@@ -65,7 +63,7 @@ jobs:
             });
           ")
           echo "Updating prod deps for: $FILTERS"
-          eval pnpm update --prod $FILTERS
+          eval vp update --prod $FILTERS
 
       - id: dedupe_deps
         name: Dedupe transitive dependencies
@@ -78,7 +76,7 @@ jobs:
         # Dedupe only rewrites the lockfile — it does NOT modify package.json,
         # so the examples' "@blocknote/*": "latest" specs (which is what
         # CodeSandbox users see) stay intact.
-        run: pnpm dedupe
+        run: vp dedupe
 
       - id: build_packages
         name: Build packages

docs/app/(home)/error.tsx

@@ -6,7 +6,7 @@ import { useEffect } from "react";
 
 export default function Error({
   error,
-  reset,
+  reset: _reset,
 }: {
   error: Error & { digest?: string };
   reset: () => void;

docs/app/[...slug]/error.tsx

@@ -6,7 +6,7 @@ import { useEffect } from "react";
 
 export default function Error({
   error,
-  reset,
+  reset: _reset,
 }: {
   error: Error & { digest?: string };
   reset: () => void;

docs/app/demo/_components/DemoEditor.tsx

@@ -9,8 +9,8 @@ import {
 import {
   CommentsExtension,
   DefaultThreadStoreAuth,
-  YjsThreadStore,
 } from "@blocknote/core/comments";
+import { YjsThreadStore } from "@blocknote/core/yjs";
 import { filterSuggestionItems } from "@blocknote/core/extensions";
 import "@blocknote/core/fonts/inter.css";
 import * as locales from "@blocknote/core/locales";
@@ -202,7 +202,8 @@ function DemoEditorInner({
       doc,
     );
     return { doc, provider };
-  }, [roomId, activeUser]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [roomId]);
   // Thread Store
   const threadStore = useMemo(() => {
     return new YjsThreadStore(

docs/app/docs/error.tsx

@@ -6,7 +6,7 @@ import { useEffect } from "react";
 
 export default function Error({
   error,
-  reset,
+  reset: _reset,
 }: {
   error: Error & { digest?: string };
   reset: () => void;

docs/app/examples/error.tsx

@@ -6,7 +6,7 @@ import { useEffect } from "react";
 
 export default function Error({
   error,
-  reset,
+  reset: _reset,
 }: {
   error: Error & { digest?: string };
   reset: () => void;

docs/app/not-found.tsx

@@ -79,7 +79,7 @@ export default function NotFound() {
           .slice(0, 8);
 
         setSearchResults(pageResults.length > 0 ? pageResults : fallbackPages);
-      } catch (error) {
+      } catch {
         setSearchResults(fallbackPages);
       } finally {
         setIsLoading(false);

docs/components/Footer.tsx

@@ -145,7 +145,7 @@ export function FooterContent() {
   );
 }
 
-export function Footer({ menu }: { menu?: boolean }): ReactElement {
+export function Footer({ menu: _menu }: { menu?: boolean }): ReactElement {
   return (
     <footer className="relative z-30 border-t border-stone-200 bg-stone-50">
       <div

docs/emails/magic-link.tsx

@@ -92,6 +92,6 @@ const button = {
   padding: "14px 7px",
 };
 
-const anchor = {
+const _anchor = {
   textDecoration: "underline",
 };

docs/instrumentation-client.ts

@@ -8,6 +8,7 @@ Sentry.init({
   dsn: "https://31af815601e4174f4443c863953eebe7@o4508925169500160.ingest.de.sentry.io/4508925646078032",
 
   // Add optional integrations for additional features
+  // eslint-disable-next-line import/namespace
   integrations: [Sentry.replayIntegration()],
 
   // Define how likely traces are sampled. Adjust this value in production, or use tracesSampler for greater control.
@@ -31,4 +32,5 @@ Sentry.init({
   debug: false,
 });
 
+// eslint-disable-next-line import/namespace
 export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;

docs/package.json

@@ -7,7 +7,7 @@
     "dev": "next dev",
     "dev:email": "next dev",
     "prebuild:site": "vp run --filter @blocknote/dev-scripts gen",
-    "build:site": "fumadocs-mdx && next build",
+    "build:site": "fumadocs-mdx && NODE_OPTIONS='--max-old-space-size=6144' next build",
     "start": "next start",
     "types:check": "fumadocs-mdx && next typegen && tsc --noEmit",
     "postinstall": "fumadocs-mdx",

docs/tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
     "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
@@ -17,7 +16,7 @@
     "incremental": true,
     "paths": {
       "@/*": ["./*"],
-      "fumadocs-mdx:collections/*": [".source/*"]
+      "fumadocs-mdx:collections/*": ["./.source/*"]
     },
     "plugins": [
       {

docs/vercel.json

@@ -1,3 +1,4 @@
 {
-  "cleanUrls": true
+  "cleanUrls": true,
+  "buildCommand": "cd .. && corepack enable && pnpm run build && pnpm --filter @blocknote/dev-scripts run gen && cd docs && pnpm exec fumadocs-mdx && NODE_OPTIONS='--max-old-space-size=6144' pnpm exec next build"
 }

examples/01-basic/01-minimal/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/01-minimal/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/02-block-objects/src/App.tsx

@@ -30,6 +30,7 @@ export default function App() {
   });
 
   // Sets the initial document JSON
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => setBlocks(editor.document), []);
 
   // Renders the editor instance and its document JSON.

examples/01-basic/02-block-objects/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/02-block-objects/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/03-multi-column/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/03-multi-column/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/04-default-blocks/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/04-default-blocks/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/05-removing-default-blocks/src/App.tsx

@@ -7,7 +7,11 @@ import { useCreateBlockNote } from "@blocknote/react";
 export default function App() {
   // Disable the Audio and Image blocks from the built-in schema
   // This is done by picking out the blocks you want to disable
-  const { audio, image, ...remainingBlockSpecs } = defaultBlockSpecs;
+  const {
+    audio: _audio,
+    image: _image,
+    ...remainingBlockSpecs
+  } = defaultBlockSpecs;
 
   const schema = BlockNoteSchema.create({
     blockSpecs: {

examples/01-basic/05-removing-default-blocks/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/05-removing-default-blocks/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/06-block-manipulation/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/06-block-manipulation/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/07-selection-blocks/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/07-selection-blocks/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/08-ariakit/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/08-ariakit/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/09-shadcn/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/09-shadcn/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/10-localization/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/10-localization/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/11-custom-placeholder/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/11-custom-placeholder/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/12-multi-editor/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/12-multi-editor/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/13-custom-paste-handler/src/App.tsx

@@ -44,7 +44,7 @@ export default function App() {
               await navigator.clipboard.writeText(
                 "**This is markdown in the plain text format**",
               );
-            } catch (error) {
+            } catch {
               window.alert("Failed to copy plain text with markdown content");
             }
           }}
@@ -60,7 +60,7 @@ export default function App() {
                   "text/html": "<p><strong>HTML</strong></p>",
                 }),
               ]);
-            } catch (error) {
+            } catch {
               window.alert("Failed to copy HTML content");
             }
           }}
@@ -74,7 +74,7 @@ export default function App() {
               await navigator.clipboard.writeText(
                 "This is plain text in the plain text format",
               );
-            } catch (error) {
+            } catch {
               window.alert("Failed to copy plain text");
             }
           }}
@@ -96,7 +96,7 @@ export default function App() {
                   "text/markdown": "**Markdown**",
                 }),
               ]);
-            } catch (error) {
+            } catch {
               window.alert("Failed to copy multiple formats");
             }
           }}

examples/01-basic/13-custom-paste-handler/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/13-custom-paste-handler/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/14-editor-scrollable/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/14-editor-scrollable/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/15-shadowdom/src/vite-env.d.ts

@@ -1,6 +1 @@
 /// <reference types="vite-plus/client" />
-
-declare module "*?inline" {
-  const content: string;
-  export default content;
-}

examples/01-basic/15-shadowdom/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/16-read-only-editor/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/16-read-only-editor/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/17-no-trailing-block/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/17-no-trailing-block/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/testing/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/01-basic/testing/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/01-file-uploading/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/01-file-uploading/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/02-saving-loading/src/App.tsx

@@ -25,7 +25,7 @@ export default function App() {
 
   // Loads the previously stored editor contents.
   useEffect(() => {
-    loadFromStorage().then((content) => {
+    void loadFromStorage().then((content) => {
       setInitialContent(content);
     });
   }, []);
@@ -49,7 +49,7 @@ export default function App() {
     <BlockNoteView
       editor={editor}
       onChange={() => {
-        saveToStorage(editor.document);
+        void saveToStorage(editor.document);
       }}
     />
   );

examples/02-backend/02-saving-loading/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/02-saving-loading/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/03-s3/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/03-s3/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/04-rendering-static-documents/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/02-backend/04-rendering-static-documents/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/01-ui-elements-remove/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/01-ui-elements-remove/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/02-formatting-toolbar-buttons/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/02-formatting-toolbar-buttons/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/03-formatting-toolbar-block-type-items/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/03-formatting-toolbar-block-type-items/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/04-side-menu-buttons/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/04-side-menu-buttons/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/05-side-menu-drag-handle-items/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/05-side-menu-drag-handle-items/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/06-suggestion-menus-slash-menu-items/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/06-suggestion-menus-slash-menu-items/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/07-suggestion-menus-slash-menu-component/src/App.tsx

@@ -18,6 +18,7 @@ function CustomSlashMenu(
     <div className={"slash-menu"}>
       {props.items.map((item, index) => (
         <div
+          key={item.title}
           className={`slash-menu-item ${
             props.selectedIndex === index ? "selected" : ""
           }`}

examples/03-ui-components/07-suggestion-menus-slash-menu-component/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/07-suggestion-menus-slash-menu-component/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/09-suggestion-menus-emoji-picker-component/src/App.tsx

@@ -23,6 +23,7 @@ function CustomEmojiPicker(
     >
       {props.items.map((item, index) => (
         <div
+          key={item.id ?? index}
           className={`emoji-picker-item ${
             props.selectedIndex === index ? "selected" : ""
           }`}

examples/03-ui-components/09-suggestion-menus-emoji-picker-component/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/09-suggestion-menus-emoji-picker-component/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/10-suggestion-menus-grid-mentions/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />

examples/03-ui-components/10-suggestion-menus-grid-mentions/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite-plus/client" />