Revert "release: v0.12 - new website and major refactor"

.github/workflows/build.yml

@@ -11,14 +11,14 @@ jobs:
     name: Build
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v3
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v3
         with:
-          node-version: "20.x"
+          node-version: "18.x"
 
       - name: Cache node modules
-        uses: actions/cache@v4
+        uses: actions/cache@v3
         env:
           cache-name: cache-node-modules
         with:
@@ -32,7 +32,7 @@ jobs:
 
       - name: cache playwright
         id: playwright-cache
-        uses: actions/cache@v4
+        uses: actions/cache@v3
         with:
           path: ~/.cache/ms-playwright
           key: pw-new-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
@@ -70,7 +70,7 @@ jobs:
         working-directory: ./tests
         run: npx playwright test
 
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v3
         if: always()
         with:
           name: playwright-report
@@ -80,5 +80,5 @@ jobs:
       - name: Upload webpack stats artifact (editor)
         uses: relative-ci/agent-upload-artifact-action@v1
         with:
-          webpackStatsFile: ./playground/dist/webpack-stats.json
+          webpackStatsFile: ./examples/editor/dist/webpack-stats.json
           artifactName: relative-ci-artifacts-editor

.nvmrc

@@ -1 +1 @@
-v20.11.0
+v18.16.0

README.md

@@ -1,45 +1,49 @@
 <p align="center">
   <a href="https://www.blocknotejs.org">
-    <img alt="TypeCell" src="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/TypeCellOS/BlockNote/raw/main/docs/public/img/logos/banner.svg?raw=true" width="300" />
+    <img alt="TypeCell" src="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/TypeCellOS/BlockNote/raw/main/packages/website/docs/public/img/logos/banner.svg?raw=true" width="300" />
   </a>
 </p>
 
 <p align="center">
 Welcome to BlockNote! The open source Block-Based
-React rich text editor. Easily add a modern text editing experience to your app.
+rich text editor. Easily add a modern text editing experience to your app.
 </p>
 
 <p align="center">
-<a href="https://discord.gg/Qc2QTTH5dF"><img alt="Discord" src="https://img.shields.io/badge/Chat on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"/></a> 
+<a href="https://discord.gg/Qc2QTTH5dF"><img alt="Discord" src="https://img.shields.io/badge/Chat on discord%20-%237289DA.svg?&style=for-the-badge&logo=discord&logoColor=white"/></a> <a href="https://matrix.to/#/#typecell-space:matrix.org"><img alt="Matrix" src="https://img.shields.io/badge/Chat on matrix%20-%23000.svg?&style=for-the-badge&logo=matrix&logoColor=white"/></a>
 </p>
 
 <p align="center">
   <a href="https://www.blocknotejs.org">
     Homepage
   </a> - <a href="https://www.blocknotejs.org/docs/introduction">
-    Documentation
+    Introduction
   </a> - <a href="https://www.blocknotejs.org/docs/quickstart">
-    Quickstart
-  </a>- <a href="https://www.blocknotejs.org/docs/examples">
-    Examples
+    Documentation
   </a>
 </p>
 
 # Live demo
 
-See our homepage @ [https://www.blocknotejs.org](https://www.blocknotejs.org/) or browse the [examples](https://www.blocknotejs.org/examples).
+Play with the editor @ [https://playground.blocknotejs.org/](https://playground.blocknotejs.org/).
+
+(Source in [examples](/examples))
 
 # Example code (React)
 
 [![npm version](https://badge.fury.io/js/%40blocknote%2Freact.svg)](https://badge.fury.io/js/%40blocknote%2Freact)
 
 ```typescript
-import { BlockNoteView, useCreateBlockNote } from "@blocknote/react";
-import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView, useBlockNote } from "@blocknote/react";
 import "@blocknote/react/style.css";
 
 function App() {
-  const editor = useCreateBlockNote();
+  const editor = useBlockNote({
+    onEditorContentChange: (editor) => {
+      // Log the document to console on every update
+      console.log(editor.getJSON());
+    },
+  });
 
   return <BlockNoteView editor={editor} />;
 }