diff --git a/docs/components/Example.tsx b/docs/components/Example.tsx index a074edc0a9..f4e21530cd 100644 --- a/docs/components/Example.tsx +++ b/docs/components/Example.tsx @@ -42,11 +42,13 @@ function ExampleDemoBar(props: { exampleData: ExampleData }) { icon={} url={`https://github.com/TypeCellOS/BlockNote/tree/main/${props.exampleData.pathFromRoot}`} /> - } - url={`https://www.stackblitz.com/github/TypeCellOS/BlockNote/tree/main/${props.exampleData.pathFromRoot}`} - /> + {props.exampleData.showStackBlitzLink && ( + } + url={`https://www.stackblitz.com/github/TypeCellOS/BlockNote/tree/main/${props.exampleData.pathFromRoot}`} + /> + )} ); } diff --git a/docs/content/docs/getting-started/shadcn.mdx b/docs/content/docs/getting-started/shadcn.mdx index 07039e67ef..256c61c112 100644 --- a/docs/content/docs/getting-started/shadcn.mdx +++ b/docs/content/docs/getting-started/shadcn.mdx @@ -31,14 +31,6 @@ To ensure Tailwind generates the necessary CSS for all utility classes used by B @source "../node_modules/@blocknote/shadcn"; ``` -{/* TODO: Figure out why `@source` directive isn't working in StackBlitz sandbox. */} -{/* https://stackblitz.com/edit/github-xdutga97?file=src%2FApp.tsx */} - - - Because the ShadCN version of BlockNote requires being in a Tailwind app, - viewing the demo below on StackBlitz will have missing styles. - - ## Usage with Tailwind Only diff --git a/examples/01-basic/01-minimal/package.json b/examples/01-basic/01-minimal/package.json index 7deed32f95..03fb710aeb 100644 --- a/examples/01-basic/01-minimal/package.json +++ b/examples/01-basic/01-minimal/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-minimal", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/02-block-objects/package.json b/examples/01-basic/02-block-objects/package.json index 190dfa5f0f..f6693f6800 100644 --- a/examples/01-basic/02-block-objects/package.json +++ b/examples/01-basic/02-block-objects/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-block-objects", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/03-multi-column/package.json b/examples/01-basic/03-multi-column/package.json index 5d6c869e02..905c2e14b0 100644 --- a/examples/01-basic/03-multi-column/package.json +++ b/examples/01-basic/03-multi-column/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-multi-column", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/04-default-blocks/package.json b/examples/01-basic/04-default-blocks/package.json index 1c38eec327..13ca727eea 100644 --- a/examples/01-basic/04-default-blocks/package.json +++ b/examples/01-basic/04-default-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-default-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/05-removing-default-blocks/package.json b/examples/01-basic/05-removing-default-blocks/package.json index 8acf5314e1..2f60e4509b 100644 --- a/examples/01-basic/05-removing-default-blocks/package.json +++ b/examples/01-basic/05-removing-default-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-removing-default-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/06-block-manipulation/package.json b/examples/01-basic/06-block-manipulation/package.json index 2b7acf5d39..504960b09e 100644 --- a/examples/01-basic/06-block-manipulation/package.json +++ b/examples/01-basic/06-block-manipulation/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-block-manipulation", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/07-selection-blocks/package.json b/examples/01-basic/07-selection-blocks/package.json index 7bc269ca14..2a35fc68bf 100644 --- a/examples/01-basic/07-selection-blocks/package.json +++ b/examples/01-basic/07-selection-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-selection-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/08-ariakit/package.json b/examples/01-basic/08-ariakit/package.json index e35ac65d96..bc3de55765 100644 --- a/examples/01-basic/08-ariakit/package.json +++ b/examples/01-basic/08-ariakit/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-ariakit", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/09-shadcn/.bnexample.json b/examples/01-basic/09-shadcn/.bnexample.json index 6d4a02dd52..baf1eb6306 100644 --- a/examples/01-basic/09-shadcn/.bnexample.json +++ b/examples/01-basic/09-shadcn/.bnexample.json @@ -2,5 +2,7 @@ "playground": true, "docs": true, "author": "matthewlipski", - "tags": ["Basic"] + "tags": ["Basic"], + "tailwind": true, + "stackBlitz": false } diff --git a/examples/01-basic/09-shadcn/README.md b/examples/01-basic/09-shadcn/README.md index 9955d6d54a..e3030d4929 100644 --- a/examples/01-basic/09-shadcn/README.md +++ b/examples/01-basic/09-shadcn/README.md @@ -2,11 +2,6 @@ This example shows how you can use BlockNote with ShadCN (instead of Mantine). - -Because the ShadCN version of BlockNote requires being in a Tailwind app, -viewing the demo below on StackBlitz will have missing styles. - - **Relevant Docs:** - [Getting Started with ShadCN](/docs/getting-started/shadcn) diff --git a/examples/01-basic/09-shadcn/main.tsx b/examples/01-basic/09-shadcn/main.tsx index 677c7f7eed..a4000743b6 100644 --- a/examples/01-basic/09-shadcn/main.tsx +++ b/examples/01-basic/09-shadcn/main.tsx @@ -2,6 +2,7 @@ import React from "react"; import { createRoot } from "react-dom/client"; import App from "./src/App.jsx"; +import "./tailwind.css"; const root = createRoot(document.getElementById("root")!); root.render( diff --git a/examples/01-basic/09-shadcn/package.json b/examples/01-basic/09-shadcn/package.json index 99fc5808ce..67d3f7469b 100644 --- a/examples/01-basic/09-shadcn/package.json +++ b/examples/01-basic/09-shadcn/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-shadcn", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { @@ -16,9 +17,12 @@ "@blocknote/mantine": "latest", "@blocknote/shadcn": "latest", "react": "^19.1.0", - "react-dom": "^19.1.0" + "react-dom": "^19.1.0", + "tailwindcss": "^4.1.12", + "tw-animate-css": "^1.3.7" }, "devDependencies": { + "@tailwindcss/vite": "^4.1.12", "@types/react": "^19.1.0", "@types/react-dom": "^19.1.0", "@vitejs/plugin-react": "^4.3.1", diff --git a/examples/01-basic/09-shadcn/tailwind.css b/examples/01-basic/09-shadcn/tailwind.css new file mode 100644 index 0000000000..eb17734f35 --- /dev/null +++ b/examples/01-basic/09-shadcn/tailwind.css @@ -0,0 +1,121 @@ +@import "tailwindcss"; +@import "tw-animate-css"; + +/* Code below needed for ShadCN examples, check docs for more info. */ +@source "./node_modules/@blocknote/shadcn"; + +@custom-variant dark (&:is(.dark *)); + +:root { + --radius: 0.625rem; + --background: oklch(1 0 0); + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: oklch(0.205 0 0); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); + --chart-1: oklch(0.646 0.222 41.116); + --chart-2: oklch(0.6 0.118 184.704); + --chart-3: oklch(0.398 0.07 227.392); + --chart-4: oklch(0.828 0.189 84.429); + --chart-5: oklch(0.769 0.188 70.08); + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.145 0 0); + --sidebar-primary: oklch(0.205 0 0); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.97 0 0); + --sidebar-accent-foreground: oklch(0.205 0 0); + --sidebar-border: oklch(0.922 0 0); + --sidebar-ring: oklch(0.708 0 0); +} + +.dark { + --background: oklch(0.145 0 0); + --foreground: oklch(0.985 0 0); + --card: oklch(0.205 0 0); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.205 0 0); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.922 0 0); + --primary-foreground: oklch(0.205 0 0); + --secondary: oklch(0.269 0 0); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.269 0 0); + --muted-foreground: oklch(0.708 0 0); + --accent: oklch(0.269 0 0); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.556 0 0); + --chart-1: oklch(0.488 0.243 264.376); + --chart-2: oklch(0.696 0.17 162.48); + --chart-3: oklch(0.769 0.188 70.08); + --chart-4: oklch(0.627 0.265 303.9); + --chart-5: oklch(0.645 0.246 16.439); + --sidebar: oklch(0.205 0 0); + --sidebar-foreground: oklch(0.985 0 0); + --sidebar-primary: oklch(0.488 0.243 264.376); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.269 0 0); + --sidebar-accent-foreground: oklch(0.985 0 0); + --sidebar-border: oklch(1 0 0 / 10%); + --sidebar-ring: oklch(0.556 0 0); +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --color-card: var(--card); + --color-card-foreground: var(--card-foreground); + --color-popover: var(--popover); + --color-popover-foreground: var(--popover-foreground); + --color-primary: var(--primary); + --color-primary-foreground: var(--primary-foreground); + --color-secondary: var(--secondary); + --color-secondary-foreground: var(--secondary-foreground); + --color-muted: var(--muted); + --color-muted-foreground: var(--muted-foreground); + --color-accent: var(--accent); + --color-accent-foreground: var(--accent-foreground); + --color-destructive: var(--destructive); + --color-destructive-foreground: var(--destructive-foreground); + --color-border: var(--border); + --color-input: var(--input); + --color-ring: var(--ring); + --color-chart-1: var(--chart-1); + --color-chart-2: var(--chart-2); + --color-chart-3: var(--chart-3); + --color-chart-4: var(--chart-4); + --color-chart-5: var(--chart-5); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); + --color-sidebar: var(--sidebar); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-ring: var(--sidebar-ring); +} + +@layer base { + .bn-shadcn * { + @apply border-border outline-ring/50; + } +} diff --git a/examples/01-basic/09-shadcn/vite.config.ts b/examples/01-basic/09-shadcn/vite.config.ts index f62ab20bc2..3de2df11ea 100644 --- a/examples/01-basic/09-shadcn/vite.config.ts +++ b/examples/01-basic/09-shadcn/vite.config.ts @@ -3,10 +3,11 @@ import react from "@vitejs/plugin-react"; import * as fs from "fs"; import * as path from "path"; import { defineConfig } from "vite"; +import tailwindcss from "@tailwindcss/vite"; // import eslintPlugin from "vite-plugin-eslint"; // https://vitejs.dev/config/ export default defineConfig((conf) => ({ - plugins: [react()], + plugins: [react(), tailwindcss()], optimizeDeps: {}, build: { sourcemap: true, diff --git a/examples/01-basic/10-localization/package.json b/examples/01-basic/10-localization/package.json index 6b8d407ff1..60feb7c234 100644 --- a/examples/01-basic/10-localization/package.json +++ b/examples/01-basic/10-localization/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-localization", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/11-custom-placeholder/package.json b/examples/01-basic/11-custom-placeholder/package.json index 1597c529b0..9391154b61 100644 --- a/examples/01-basic/11-custom-placeholder/package.json +++ b/examples/01-basic/11-custom-placeholder/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-custom-placeholder", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/12-multi-editor/package.json b/examples/01-basic/12-multi-editor/package.json index fe4d4a94b0..34e335ebb2 100644 --- a/examples/01-basic/12-multi-editor/package.json +++ b/examples/01-basic/12-multi-editor/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-multi-editor", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/13-custom-paste-handler/package.json b/examples/01-basic/13-custom-paste-handler/package.json index e8b267a136..340abf2f04 100644 --- a/examples/01-basic/13-custom-paste-handler/package.json +++ b/examples/01-basic/13-custom-paste-handler/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-custom-paste-handler", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/01-basic/testing/package.json b/examples/01-basic/testing/package.json index 619c59c9a0..f142eb9c6a 100644 --- a/examples/01-basic/testing/package.json +++ b/examples/01-basic/testing/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-basic-testing", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/02-backend/01-file-uploading/package.json b/examples/02-backend/01-file-uploading/package.json index c0fd89ee5f..4935e32759 100644 --- a/examples/02-backend/01-file-uploading/package.json +++ b/examples/02-backend/01-file-uploading/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-backend-file-uploading", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/02-backend/02-saving-loading/package.json b/examples/02-backend/02-saving-loading/package.json index b41faa6136..296352dc0a 100644 --- a/examples/02-backend/02-saving-loading/package.json +++ b/examples/02-backend/02-saving-loading/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-backend-saving-loading", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/02-backend/03-s3/package.json b/examples/02-backend/03-s3/package.json index 151ad4e635..cf5abe2f65 100644 --- a/examples/02-backend/03-s3/package.json +++ b/examples/02-backend/03-s3/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-backend-s3", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/02-backend/04-rendering-static-documents/package.json b/examples/02-backend/04-rendering-static-documents/package.json index 2a9c8e2914..4ff7971971 100644 --- a/examples/02-backend/04-rendering-static-documents/package.json +++ b/examples/02-backend/04-rendering-static-documents/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-backend-rendering-static-documents", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/01-ui-elements-remove/package.json b/examples/03-ui-components/01-ui-elements-remove/package.json index b2f82ce7d2..ed41a6511d 100644 --- a/examples/03-ui-components/01-ui-elements-remove/package.json +++ b/examples/03-ui-components/01-ui-elements-remove/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-ui-elements-remove", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/02-formatting-toolbar-buttons/package.json b/examples/03-ui-components/02-formatting-toolbar-buttons/package.json index 9203a771ab..b9f699a566 100644 --- a/examples/03-ui-components/02-formatting-toolbar-buttons/package.json +++ b/examples/03-ui-components/02-formatting-toolbar-buttons/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-formatting-toolbar-buttons", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/03-formatting-toolbar-block-type-items/package.json b/examples/03-ui-components/03-formatting-toolbar-block-type-items/package.json index 7d28e02765..650cefcbe6 100644 --- a/examples/03-ui-components/03-formatting-toolbar-block-type-items/package.json +++ b/examples/03-ui-components/03-formatting-toolbar-block-type-items/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-formatting-toolbar-block-type-items", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/04-side-menu-buttons/package.json b/examples/03-ui-components/04-side-menu-buttons/package.json index 1017655d8c..c85dbe5669 100644 --- a/examples/03-ui-components/04-side-menu-buttons/package.json +++ b/examples/03-ui-components/04-side-menu-buttons/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-side-menu-buttons", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/05-side-menu-drag-handle-items/package.json b/examples/03-ui-components/05-side-menu-drag-handle-items/package.json index eeda717699..a7f102bdcb 100644 --- a/examples/03-ui-components/05-side-menu-drag-handle-items/package.json +++ b/examples/03-ui-components/05-side-menu-drag-handle-items/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-side-menu-drag-handle-items", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/06-suggestion-menus-slash-menu-items/package.json b/examples/03-ui-components/06-suggestion-menus-slash-menu-items/package.json index 3f2fe6ffd5..2274277cb9 100644 --- a/examples/03-ui-components/06-suggestion-menus-slash-menu-items/package.json +++ b/examples/03-ui-components/06-suggestion-menus-slash-menu-items/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-suggestion-menus-slash-menu-items", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/07-suggestion-menus-slash-menu-component/package.json b/examples/03-ui-components/07-suggestion-menus-slash-menu-component/package.json index 4468af8cfc..23286835fa 100644 --- a/examples/03-ui-components/07-suggestion-menus-slash-menu-component/package.json +++ b/examples/03-ui-components/07-suggestion-menus-slash-menu-component/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-suggestion-menus-slash-menu-component", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/package.json b/examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/package.json index 54610c2116..d7e17244e5 100644 --- a/examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/package.json +++ b/examples/03-ui-components/08-suggestion-menus-emoji-picker-columns/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-suggestion-menus-emoji-picker-columns", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/package.json b/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/package.json index d3a5b5c57e..7aca7b596d 100644 --- a/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/package.json +++ b/examples/03-ui-components/09-suggestion-menus-emoji-picker-component/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-suggestion-menus-emoji-picker-component", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/10-suggestion-menus-grid-mentions/package.json b/examples/03-ui-components/10-suggestion-menus-grid-mentions/package.json index 37ca9b7c39..c33f2a3548 100644 --- a/examples/03-ui-components/10-suggestion-menus-grid-mentions/package.json +++ b/examples/03-ui-components/10-suggestion-menus-grid-mentions/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-suggestion-menus-grid-mentions", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/11-uppy-file-panel/package.json b/examples/03-ui-components/11-uppy-file-panel/package.json index b0072460d4..9d48703c58 100644 --- a/examples/03-ui-components/11-uppy-file-panel/package.json +++ b/examples/03-ui-components/11-uppy-file-panel/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-uppy-file-panel", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/12-static-formatting-toolbar/package.json b/examples/03-ui-components/12-static-formatting-toolbar/package.json index 3bab72ec96..65909658a7 100644 --- a/examples/03-ui-components/12-static-formatting-toolbar/package.json +++ b/examples/03-ui-components/12-static-formatting-toolbar/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-static-formatting-toolbar", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/13-custom-ui/package.json b/examples/03-ui-components/13-custom-ui/package.json index d56175b1c0..bcaef8ef0a 100644 --- a/examples/03-ui-components/13-custom-ui/package.json +++ b/examples/03-ui-components/13-custom-ui/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-custom-ui", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/14-experimental-mobile-formatting-toolbar/package.json b/examples/03-ui-components/14-experimental-mobile-formatting-toolbar/package.json index d13d092b21..c814f35a5d 100644 --- a/examples/03-ui-components/14-experimental-mobile-formatting-toolbar/package.json +++ b/examples/03-ui-components/14-experimental-mobile-formatting-toolbar/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-experimental-mobile-formatting-toolbar", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/15-advanced-tables/package.json b/examples/03-ui-components/15-advanced-tables/package.json index 49410e262e..db46c52ae4 100644 --- a/examples/03-ui-components/15-advanced-tables/package.json +++ b/examples/03-ui-components/15-advanced-tables/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-advanced-tables", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/16-link-toolbar-buttons/package.json b/examples/03-ui-components/16-link-toolbar-buttons/package.json index 782f0e26ce..e9c65c9a8c 100644 --- a/examples/03-ui-components/16-link-toolbar-buttons/package.json +++ b/examples/03-ui-components/16-link-toolbar-buttons/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-link-toolbar-buttons", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/03-ui-components/17-advanced-tables-2/package.json b/examples/03-ui-components/17-advanced-tables-2/package.json index 7da6d78b42..981963e8e6 100644 --- a/examples/03-ui-components/17-advanced-tables-2/package.json +++ b/examples/03-ui-components/17-advanced-tables-2/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ui-components-advanced-tables-2", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/01-theming-dom-attributes/package.json b/examples/04-theming/01-theming-dom-attributes/package.json index b035946c31..d759e94d13 100644 --- a/examples/04-theming/01-theming-dom-attributes/package.json +++ b/examples/04-theming/01-theming-dom-attributes/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-theming-dom-attributes", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/02-changing-font/package.json b/examples/04-theming/02-changing-font/package.json index 583a27712c..9fd87d2209 100644 --- a/examples/04-theming/02-changing-font/package.json +++ b/examples/04-theming/02-changing-font/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-changing-font", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/03-theming-css/package.json b/examples/04-theming/03-theming-css/package.json index 17dbf4bff1..2f5b274dd4 100644 --- a/examples/04-theming/03-theming-css/package.json +++ b/examples/04-theming/03-theming-css/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-theming-css", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/04-theming-css-variables/package.json b/examples/04-theming/04-theming-css-variables/package.json index 2e21a63c5b..e712d4b355 100644 --- a/examples/04-theming/04-theming-css-variables/package.json +++ b/examples/04-theming/04-theming-css-variables/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-theming-css-variables", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/05-theming-css-variables-code/package.json b/examples/04-theming/05-theming-css-variables-code/package.json index 73d536133f..1491dcb664 100644 --- a/examples/04-theming/05-theming-css-variables-code/package.json +++ b/examples/04-theming/05-theming-css-variables-code/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-theming-css-variables-code", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/06-code-block/package.json b/examples/04-theming/06-code-block/package.json index 14705d908b..964d4b33e7 100644 --- a/examples/04-theming/06-code-block/package.json +++ b/examples/04-theming/06-code-block/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-code-block", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/04-theming/07-custom-code-block/package.json b/examples/04-theming/07-custom-code-block/package.json index b30a6be2c2..2130ccbc88 100644 --- a/examples/04-theming/07-custom-code-block/package.json +++ b/examples/04-theming/07-custom-code-block/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-theming-custom-code-block", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/01-converting-blocks-to-html/package.json b/examples/05-interoperability/01-converting-blocks-to-html/package.json index 260d37ef62..b6d102ce71 100644 --- a/examples/05-interoperability/01-converting-blocks-to-html/package.json +++ b/examples/05-interoperability/01-converting-blocks-to-html/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-html", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/02-converting-blocks-from-html/package.json b/examples/05-interoperability/02-converting-blocks-from-html/package.json index 338f75ac87..ffe9d1ad14 100644 --- a/examples/05-interoperability/02-converting-blocks-from-html/package.json +++ b/examples/05-interoperability/02-converting-blocks-from-html/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-from-html", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/03-converting-blocks-to-md/package.json b/examples/05-interoperability/03-converting-blocks-to-md/package.json index 8699101265..9270665235 100644 --- a/examples/05-interoperability/03-converting-blocks-to-md/package.json +++ b/examples/05-interoperability/03-converting-blocks-to-md/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-md", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/04-converting-blocks-from-md/package.json b/examples/05-interoperability/04-converting-blocks-from-md/package.json index 2cf68a9283..68015ceae3 100644 --- a/examples/05-interoperability/04-converting-blocks-from-md/package.json +++ b/examples/05-interoperability/04-converting-blocks-from-md/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-from-md", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/05-converting-blocks-to-pdf/package.json b/examples/05-interoperability/05-converting-blocks-to-pdf/package.json index 4b5c4247db..1a52f45ad0 100644 --- a/examples/05-interoperability/05-converting-blocks-to-pdf/package.json +++ b/examples/05-interoperability/05-converting-blocks-to-pdf/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-pdf", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/06-converting-blocks-to-docx/package.json b/examples/05-interoperability/06-converting-blocks-to-docx/package.json index 4c9833faaf..ce9a5f6de7 100644 --- a/examples/05-interoperability/06-converting-blocks-to-docx/package.json +++ b/examples/05-interoperability/06-converting-blocks-to-docx/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-docx", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/07-converting-blocks-to-odt/package.json b/examples/05-interoperability/07-converting-blocks-to-odt/package.json index 23a528cdf0..71c96caa6b 100644 --- a/examples/05-interoperability/07-converting-blocks-to-odt/package.json +++ b/examples/05-interoperability/07-converting-blocks-to-odt/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-odt", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/05-interoperability/08-converting-blocks-to-react-email/package.json b/examples/05-interoperability/08-converting-blocks-to-react-email/package.json index d1d34a8967..145c4542d9 100644 --- a/examples/05-interoperability/08-converting-blocks-to-react-email/package.json +++ b/examples/05-interoperability/08-converting-blocks-to-react-email/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-interoperability-converting-blocks-to-react-email", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/01-alert-block/package.json b/examples/06-custom-schema/01-alert-block/package.json index 436274fd5c..66d96b2583 100644 --- a/examples/06-custom-schema/01-alert-block/package.json +++ b/examples/06-custom-schema/01-alert-block/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-alert-block", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/02-suggestion-menus-mentions/package.json b/examples/06-custom-schema/02-suggestion-menus-mentions/package.json index 8a17eb94b9..85ff0efd64 100644 --- a/examples/06-custom-schema/02-suggestion-menus-mentions/package.json +++ b/examples/06-custom-schema/02-suggestion-menus-mentions/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-suggestion-menus-mentions", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/03-font-style/package.json b/examples/06-custom-schema/03-font-style/package.json index 683a41f9a9..e9ec4cd798 100644 --- a/examples/06-custom-schema/03-font-style/package.json +++ b/examples/06-custom-schema/03-font-style/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-font-style", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/04-pdf-file-block/package.json b/examples/06-custom-schema/04-pdf-file-block/package.json index efa4f81848..37f39eb4fd 100644 --- a/examples/06-custom-schema/04-pdf-file-block/package.json +++ b/examples/06-custom-schema/04-pdf-file-block/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-pdf-file-block", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/05-alert-block-full-ux/package.json b/examples/06-custom-schema/05-alert-block-full-ux/package.json index fffb43e270..c4ea6e11e4 100644 --- a/examples/06-custom-schema/05-alert-block-full-ux/package.json +++ b/examples/06-custom-schema/05-alert-block-full-ux/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-alert-block-full-ux", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/06-toggleable-blocks/package.json b/examples/06-custom-schema/06-toggleable-blocks/package.json index 4f3c6190cb..3983739cf3 100644 --- a/examples/06-custom-schema/06-toggleable-blocks/package.json +++ b/examples/06-custom-schema/06-toggleable-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-toggleable-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/draggable-inline-content/package.json b/examples/06-custom-schema/draggable-inline-content/package.json index b177176f26..a5105f7a5b 100644 --- a/examples/06-custom-schema/draggable-inline-content/package.json +++ b/examples/06-custom-schema/draggable-inline-content/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-draggable-inline-content", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/react-custom-blocks/package.json b/examples/06-custom-schema/react-custom-blocks/package.json index f0239ae522..c3ddce6601 100644 --- a/examples/06-custom-schema/react-custom-blocks/package.json +++ b/examples/06-custom-schema/react-custom-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-react-custom-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/react-custom-inline-content/package.json b/examples/06-custom-schema/react-custom-inline-content/package.json index f6755db92b..4e5377578f 100644 --- a/examples/06-custom-schema/react-custom-inline-content/package.json +++ b/examples/06-custom-schema/react-custom-inline-content/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-react-custom-inline-content", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/06-custom-schema/react-custom-styles/package.json b/examples/06-custom-schema/react-custom-styles/package.json index 19c55b2889..88fae434dc 100644 --- a/examples/06-custom-schema/react-custom-styles/package.json +++ b/examples/06-custom-schema/react-custom-styles/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-custom-schema-react-custom-styles", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/01-partykit/package.json b/examples/07-collaboration/01-partykit/package.json index 7d00babd5a..b502c2c934 100644 --- a/examples/07-collaboration/01-partykit/package.json +++ b/examples/07-collaboration/01-partykit/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-partykit", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/02-liveblocks/package.json b/examples/07-collaboration/02-liveblocks/package.json index da300e190c..a6bf4154d5 100644 --- a/examples/07-collaboration/02-liveblocks/package.json +++ b/examples/07-collaboration/02-liveblocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-liveblocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/03-y-sweet/package.json b/examples/07-collaboration/03-y-sweet/package.json index 762d98eafd..e182eed373 100644 --- a/examples/07-collaboration/03-y-sweet/package.json +++ b/examples/07-collaboration/03-y-sweet/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-y-sweet", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/04-electric-sql/package.json b/examples/07-collaboration/04-electric-sql/package.json index cbd8e42e4b..745d4ec210 100644 --- a/examples/07-collaboration/04-electric-sql/package.json +++ b/examples/07-collaboration/04-electric-sql/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-electric-sql", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/05-comments/package.json b/examples/07-collaboration/05-comments/package.json index cd75f51cfa..c84ba9003c 100644 --- a/examples/07-collaboration/05-comments/package.json +++ b/examples/07-collaboration/05-comments/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-comments", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/06-comments-with-sidebar/package.json b/examples/07-collaboration/06-comments-with-sidebar/package.json index 93c8a33fc5..19ae3c0e43 100644 --- a/examples/07-collaboration/06-comments-with-sidebar/package.json +++ b/examples/07-collaboration/06-comments-with-sidebar/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-comments-with-sidebar", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/07-ghost-writer/package.json b/examples/07-collaboration/07-ghost-writer/package.json index c9688ece4a..b1193abbaf 100644 --- a/examples/07-collaboration/07-ghost-writer/package.json +++ b/examples/07-collaboration/07-ghost-writer/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-ghost-writer", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/07-collaboration/08-forking/package.json b/examples/07-collaboration/08-forking/package.json index 87abd20c5d..d23b0311ce 100644 --- a/examples/07-collaboration/08-forking/package.json +++ b/examples/07-collaboration/08-forking/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-collaboration-forking", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/08-extensions/01-tiptap-arrow-conversion/package.json b/examples/08-extensions/01-tiptap-arrow-conversion/package.json index 2124bfdf4a..e3b8b35a39 100644 --- a/examples/08-extensions/01-tiptap-arrow-conversion/package.json +++ b/examples/08-extensions/01-tiptap-arrow-conversion/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-extensions-tiptap-arrow-conversion", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/09-ai/01-minimal/package.json b/examples/09-ai/01-minimal/package.json index 78957c9886..2e725d8d67 100644 --- a/examples/09-ai/01-minimal/package.json +++ b/examples/09-ai/01-minimal/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ai-minimal", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/09-ai/02-playground/package.json b/examples/09-ai/02-playground/package.json index 3e8f2880cb..ec9ceb56d2 100644 --- a/examples/09-ai/02-playground/package.json +++ b/examples/09-ai/02-playground/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ai-playground", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/09-ai/03-custom-ai-menu-items/package.json b/examples/09-ai/03-custom-ai-menu-items/package.json index 681aa35934..f2eedbc590 100644 --- a/examples/09-ai/03-custom-ai-menu-items/package.json +++ b/examples/09-ai/03-custom-ai-menu-items/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ai-custom-ai-menu-items", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/09-ai/04-with-collaboration/package.json b/examples/09-ai/04-with-collaboration/package.json index a5dee74797..c4777a898b 100644 --- a/examples/09-ai/04-with-collaboration/package.json +++ b/examples/09-ai/04-with-collaboration/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-ai-with-collaboration", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/vanilla-js/react-vanilla-custom-blocks/package.json b/examples/vanilla-js/react-vanilla-custom-blocks/package.json index c30b7b3e95..0079e695d3 100644 --- a/examples/vanilla-js/react-vanilla-custom-blocks/package.json +++ b/examples/vanilla-js/react-vanilla-custom-blocks/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-vanilla-js-react-vanilla-custom-blocks", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/vanilla-js/react-vanilla-custom-inline-content/package.json b/examples/vanilla-js/react-vanilla-custom-inline-content/package.json index 50e73b6ace..cc9b4fc552 100644 --- a/examples/vanilla-js/react-vanilla-custom-inline-content/package.json +++ b/examples/vanilla-js/react-vanilla-custom-inline-content/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-vanilla-js-react-vanilla-custom-inline-content", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/examples/vanilla-js/react-vanilla-custom-styles/package.json b/examples/vanilla-js/react-vanilla-custom-styles/package.json index f5c96c68a7..7a3c06bfa4 100644 --- a/examples/vanilla-js/react-vanilla-custom-styles/package.json +++ b/examples/vanilla-js/react-vanilla-custom-styles/package.json @@ -1,6 +1,7 @@ { "name": "@blocknote/example-vanilla-js-react-vanilla-custom-styles", "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + "type": "module", "private": true, "version": "0.12.4", "scripts": { diff --git a/packages/dev-scripts/examples/gen.ts b/packages/dev-scripts/examples/gen.ts index e0e600cdc9..eb1b29fcec 100644 --- a/packages/dev-scripts/examples/gen.ts +++ b/packages/dev-scripts/examples/gen.ts @@ -28,6 +28,12 @@ const dir = path.parse(fileURLToPath(import.meta.url)).dir; async function writeTemplate(project: Project, templateFile: string) { const template = await import(pathToFileURL(templateFile).toString()); + if ( + project.config.tailwind !== true && + templateFile.endsWith("tailwind.css.template.tsx") + ) { + return; + } const ret = await template.default(project); const targetFilePath = path.join( diff --git a/packages/dev-scripts/examples/genDocs.ts b/packages/dev-scripts/examples/genDocs.ts index 4749e80ad6..f40a84dc22 100644 --- a/packages/dev-scripts/examples/genDocs.ts +++ b/packages/dev-scripts/examples/genDocs.ts @@ -113,6 +113,8 @@ async function generateExampleGroupsData(projects: Project[]) { title: project.title, author: project.config.author, isPro: project.config.pro || false, + inTailwindApp: project.config.tailwind || false, + showStackBlitzLink: project.config.stackBlitz ?? true, pathFromRoot: project.pathFromRoot, files: Object.fromEntries( getProjectFiles(project).map((file) => [ @@ -134,6 +136,8 @@ export type ExampleGroupsData = { title: string; author: string; isPro: boolean; + inTailwindApp: boolean; + showStackBlitzLink: boolean; pathFromRoot: string; files: Record; }[]; diff --git a/packages/dev-scripts/examples/template-react/main.tsx.template.tsx b/packages/dev-scripts/examples/template-react/main.tsx.template.tsx index f9be8923e1..fc5f978187 100644 --- a/packages/dev-scripts/examples/template-react/main.tsx.template.tsx +++ b/packages/dev-scripts/examples/template-react/main.tsx.template.tsx @@ -6,7 +6,12 @@ const template = ( import React from "react"; import { createRoot } from "react-dom/client"; import App from "./src/App.jsx"; - +${ + project.config.tailwind + ? `import "./tailwind.css"; +` + : "" +} const root = createRoot(document.getElementById("root")!); root.render( diff --git a/packages/dev-scripts/examples/template-react/package.json.template.tsx b/packages/dev-scripts/examples/template-react/package.json.template.tsx index e1a3f4b578..42ed392635 100644 --- a/packages/dev-scripts/examples/template-react/package.json.template.tsx +++ b/packages/dev-scripts/examples/template-react/package.json.template.tsx @@ -3,6 +3,7 @@ import type { Project } from "../util"; const template = (project: Project) => ({ name: "@blocknote/example-" + project.fullSlug.replace("/", "-"), description: "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY", + type: "module", private: true, version: "0.12.4", scripts: { @@ -19,9 +20,20 @@ const template = (project: Project) => ({ "@blocknote/shadcn": "latest", react: "^19.1.0", "react-dom": "^19.1.0", + ...(project.config.tailwind + ? { + tailwindcss: "^4.1.12", + "tw-animate-css": "^1.3.7", + } + : {}), ...(project.config?.dependencies || {}), }, devDependencies: { + ...(project.config.tailwind + ? { + "@tailwindcss/vite": "^4.1.12", + } + : {}), "@types/react": "^19.1.0", "@types/react-dom": "^19.1.0", "@vitejs/plugin-react": "^4.3.1", diff --git a/packages/dev-scripts/examples/template-react/tailwind.css.template.tsx b/packages/dev-scripts/examples/template-react/tailwind.css.template.tsx new file mode 100644 index 0000000000..87c13ec4ce --- /dev/null +++ b/packages/dev-scripts/examples/template-react/tailwind.css.template.tsx @@ -0,0 +1,126 @@ +import type { Project } from "../util"; + +const template = (project: Project) => `@import "tailwindcss"; +@import "tw-animate-css"; + +/* Code below needed for ShadCN examples, check docs for more info. */ +@source "./node_modules/@blocknote/shadcn"; + +@custom-variant dark (&:is(.dark *)); + +:root { + --radius: 0.625rem; + --background: oklch(1 0 0); + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: oklch(0.205 0 0); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); + --chart-1: oklch(0.646 0.222 41.116); + --chart-2: oklch(0.6 0.118 184.704); + --chart-3: oklch(0.398 0.07 227.392); + --chart-4: oklch(0.828 0.189 84.429); + --chart-5: oklch(0.769 0.188 70.08); + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.145 0 0); + --sidebar-primary: oklch(0.205 0 0); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.97 0 0); + --sidebar-accent-foreground: oklch(0.205 0 0); + --sidebar-border: oklch(0.922 0 0); + --sidebar-ring: oklch(0.708 0 0); +} + +.dark { + --background: oklch(0.145 0 0); + --foreground: oklch(0.985 0 0); + --card: oklch(0.205 0 0); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.205 0 0); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.922 0 0); + --primary-foreground: oklch(0.205 0 0); + --secondary: oklch(0.269 0 0); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.269 0 0); + --muted-foreground: oklch(0.708 0 0); + --accent: oklch(0.269 0 0); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.556 0 0); + --chart-1: oklch(0.488 0.243 264.376); + --chart-2: oklch(0.696 0.17 162.48); + --chart-3: oklch(0.769 0.188 70.08); + --chart-4: oklch(0.627 0.265 303.9); + --chart-5: oklch(0.645 0.246 16.439); + --sidebar: oklch(0.205 0 0); + --sidebar-foreground: oklch(0.985 0 0); + --sidebar-primary: oklch(0.488 0.243 264.376); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.269 0 0); + --sidebar-accent-foreground: oklch(0.985 0 0); + --sidebar-border: oklch(1 0 0 / 10%); + --sidebar-ring: oklch(0.556 0 0); +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --color-card: var(--card); + --color-card-foreground: var(--card-foreground); + --color-popover: var(--popover); + --color-popover-foreground: var(--popover-foreground); + --color-primary: var(--primary); + --color-primary-foreground: var(--primary-foreground); + --color-secondary: var(--secondary); + --color-secondary-foreground: var(--secondary-foreground); + --color-muted: var(--muted); + --color-muted-foreground: var(--muted-foreground); + --color-accent: var(--accent); + --color-accent-foreground: var(--accent-foreground); + --color-destructive: var(--destructive); + --color-destructive-foreground: var(--destructive-foreground); + --color-border: var(--border); + --color-input: var(--input); + --color-ring: var(--ring); + --color-chart-1: var(--chart-1); + --color-chart-2: var(--chart-2); + --color-chart-3: var(--chart-3); + --color-chart-4: var(--chart-4); + --color-chart-5: var(--chart-5); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); + --color-sidebar: var(--sidebar); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-ring: var(--sidebar-ring); +} + +@layer base { + .bn-shadcn * { + @apply border-border outline-ring/50; + } +} +`; + +export default template; diff --git a/packages/dev-scripts/examples/template-react/vite.config.ts.template.tsx b/packages/dev-scripts/examples/template-react/vite.config.ts.template.tsx index 809fa7159c..19a5c99aab 100644 --- a/packages/dev-scripts/examples/template-react/vite.config.ts.template.tsx +++ b/packages/dev-scripts/examples/template-react/vite.config.ts.template.tsx @@ -7,11 +7,16 @@ const template = ( import react from "@vitejs/plugin-react"; import * as fs from "fs"; import * as path from "path"; -import { defineConfig } from "vite"; +import { defineConfig } from "vite";${ + project.config.tailwind + ? ` +import tailwindcss from "@tailwindcss/vite";` + : "" +} // import eslintPlugin from "vite-plugin-eslint"; // https://vitejs.dev/config/ export default defineConfig((conf) => ({ - plugins: [react()], + plugins: [react()${project.config.tailwind ? ", tailwindcss()" : ""}], optimizeDeps: {}, build: { sourcemap: true, diff --git a/packages/dev-scripts/examples/util.ts b/packages/dev-scripts/examples/util.ts index bf026156f6..8d046dc18e 100644 --- a/packages/dev-scripts/examples/util.ts +++ b/packages/dev-scripts/examples/util.ts @@ -43,6 +43,8 @@ export type Project = { shortTitle?: string; author: string; pro?: boolean; + tailwind?: boolean; + stackBlitz?: boolean; }; readme: string; }; diff --git a/playground/src/examples.gen.tsx b/playground/src/examples.gen.tsx index 371554ddb4..53b9bbd0e7 100644 --- a/playground/src/examples.gen.tsx +++ b/playground/src/examples.gen.tsx @@ -179,14 +179,16 @@ "author": "matthewlipski", "tags": [ "Basic" - ] + ], + "tailwind": true, + "stackBlitz": false }, "title": "Use with ShadCN", "group": { "pathFromRoot": "examples/01-basic", "slug": "basic" }, - "readme": "This example shows how you can use BlockNote with ShadCN (instead of Mantine).\n\n\nBecause the ShadCN version of BlockNote requires being in a Tailwind app,\nviewing the demo below on StackBlitz will have missing styles.\n\n\n**Relevant Docs:**\n\n- [Getting Started with ShadCN](/docs/getting-started/shadcn)" + "readme": "This example shows how you can use BlockNote with ShadCN (instead of Mantine).\n\n**Relevant Docs:**\n\n- [Getting Started with ShadCN](/docs/getting-started/shadcn)" }, { "projectSlug": "localization", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 26e6dd56a9..2c981ca447 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -726,7 +726,16 @@ importers: react-dom: specifier: ^19.1.0 version: 19.1.0(react@19.1.0) + tailwindcss: + specifier: ^4.1.12 + version: 4.1.12 + tw-animate-css: + specifier: ^1.3.7 + version: 1.3.7 devDependencies: + '@tailwindcss/vite': + specifier: ^4.1.12 + version: 4.1.12(vite@5.4.15(@types/node@22.15.2)(lightningcss@1.30.1)(terser@5.44.0)) '@types/react': specifier: ^19.1.0 version: 19.1.8 @@ -20251,6 +20260,13 @@ snapshots: postcss: 8.5.6 tailwindcss: 4.1.12 + '@tailwindcss/vite@4.1.12(vite@5.4.15(@types/node@22.15.2)(lightningcss@1.30.1)(terser@5.44.0))': + dependencies: + '@tailwindcss/node': 4.1.12 + '@tailwindcss/oxide': 4.1.12 + tailwindcss: 4.1.12 + vite: 5.4.15(@types/node@22.15.2)(lightningcss@1.30.1)(terser@5.44.0) + '@tailwindcss/vite@4.1.12(vite@6.3.5(@types/node@22.15.2)(jiti@2.5.1)(lightningcss@1.30.1)(terser@5.44.0)(tsx@4.19.3)(yaml@2.7.0))': dependencies: '@tailwindcss/node': 4.1.12