diff --git a/docs/components/example/ExampleBlock.tsx b/docs/components/example/ExampleBlock.tsx index c37c9fd7c..ef2312ba8 100644 --- a/docs/components/example/ExampleBlock.tsx +++ b/docs/components/example/ExampleBlock.tsx @@ -1,13 +1,16 @@ import dynamic from "next/dynamic"; -import { AiFillCodeSandboxCircle, AiFillGithub } from "react-icons/ai"; +import { AiFillGithub } from "react-icons/ai"; +import { SiStackblitz } from "react-icons/si"; import { examples } from "./generated/exampleComponents.gen"; import "./styles.css"; -const baseGitHubURL = - "https://github.com/TypeCellOS/BlockNote/tree/main/examples/"; -const baseCodeSandboxURL = - "https://githubbox.com/TypeCellOS/BlockNote/tree/main/examples/"; +const baseGitHubURL = "https://github.com/TypeCellOS/BlockNote/tree/main/"; +// const baseCodeSandboxURL = +// "https://githubbox.com/TypeCellOS/BlockNote/tree/main/"; + +const baseStackBlitzURL = + "https://www.stackblitz.com/github/TypeCellOS/BlockNote/tree/main/"; const ThemedExample = dynamic(() => import("./ThemedExample"), { ssr: false, @@ -15,6 +18,7 @@ const ThemedExample = dynamic(() => import("./ThemedExample"), { export function ExampleBlock(props: { name: keyof typeof examples; + path: string; children: any; }) { // const example = examplesFlattened.find((e) => e.slug === props.name); @@ -25,24 +29,26 @@ export function ExampleBlock(props: { return (
- - + href={`${baseStackBlitzURL}${props.path}/`} + target="_blank"> + +
StackBlitz
+
-
+
{props.children} diff --git a/docs/components/example/styles.css b/docs/components/example/styles.css index db4a1d2e5..4e751eec8 100644 --- a/docs/components/example/styles.css +++ b/docs/components/example/styles.css @@ -1,27 +1,28 @@ :focus-visible { - box-shadow: unset !important; + box-shadow: unset !important; } .demo .nextra-code-block pre { - background-color: transparent !important; - margin: 0 !important; - padding: 0 !important; + background-color: transparent !important; + margin: 0 !important; + padding: 0 !important; } .demo .nextra-code-block code > span { - padding: 0 !important; + padding: 0 !important; } -.demo .bn-container, .demo .bn-editor { - height: 100%; +.demo .bn-container, +.demo .bn-editor { + height: 100%; } .demo .bn-editor { - overflow: auto; - padding-block: 1rem; + overflow: auto; + padding-block: 1rem; } -.demo a { - color: revert; - text-decoration: revert; -} \ No newline at end of file +.demo-contents a { + color: revert; + text-decoration: revert; +} diff --git a/docs/pages/examples/index.mdx b/docs/pages/examples/index.mdx index d47fcfbb0..6226f5392 100644 --- a/docs/pages/examples/index.mdx +++ b/docs/pages/examples/index.mdx @@ -4,6 +4,6 @@ import { ExampleList } from "../../components/example/ExampleList"; Browse through the examples below to see how to use and customize BlockNote. -Want to contribute? Copy the [basic example on CodeSandbox](https://codesandbox.io/s/github/TypeCellOS/BlockNote/tree/main/examples/basic/minimal) and submit a PR. +Want to contribute? Copy the [basic example on StackBlitz](https://stackblitz.com/github/TypeCellOS/BlockNote/tree/main/examples/01-basic/01-minimal/) and submit a PR. diff --git a/examples/01-basic/01-minimal/tsconfig.json b/examples/01-basic/01-minimal/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/01-minimal/tsconfig.json +++ b/examples/01-basic/01-minimal/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/02-block-objects/tsconfig.json b/examples/01-basic/02-block-objects/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/02-block-objects/tsconfig.json +++ b/examples/01-basic/02-block-objects/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/03-all-blocks/tsconfig.json b/examples/01-basic/03-all-blocks/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/03-all-blocks/tsconfig.json +++ b/examples/01-basic/03-all-blocks/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/04-selection-blocks/tsconfig.json b/examples/01-basic/04-selection-blocks/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/04-selection-blocks/tsconfig.json +++ b/examples/01-basic/04-selection-blocks/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/05-block-manipulation/tsconfig.json b/examples/01-basic/05-block-manipulation/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/05-block-manipulation/tsconfig.json +++ b/examples/01-basic/05-block-manipulation/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/06-file-uploading/tsconfig.json b/examples/01-basic/06-file-uploading/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/06-file-uploading/tsconfig.json +++ b/examples/01-basic/06-file-uploading/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/07-saving-loading/tsconfig.json b/examples/01-basic/07-saving-loading/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/07-saving-loading/tsconfig.json +++ b/examples/01-basic/07-saving-loading/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/01-basic/testing/tsconfig.json b/examples/01-basic/testing/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/01-basic/testing/tsconfig.json +++ b/examples/01-basic/testing/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/01-ui-elements-remove/tsconfig.json b/examples/02-ui-components/01-ui-elements-remove/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/01-ui-elements-remove/tsconfig.json +++ b/examples/02-ui-components/01-ui-elements-remove/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/02-formatting-toolbar-buttons/tsconfig.json b/examples/02-ui-components/02-formatting-toolbar-buttons/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/02-formatting-toolbar-buttons/tsconfig.json +++ b/examples/02-ui-components/02-formatting-toolbar-buttons/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/03-formatting-toolbar-block-type-items/tsconfig.json b/examples/02-ui-components/03-formatting-toolbar-block-type-items/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/03-formatting-toolbar-block-type-items/tsconfig.json +++ b/examples/02-ui-components/03-formatting-toolbar-block-type-items/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/04-side-menu-buttons/tsconfig.json b/examples/02-ui-components/04-side-menu-buttons/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/04-side-menu-buttons/tsconfig.json +++ b/examples/02-ui-components/04-side-menu-buttons/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/05-side-menu-drag-handle-items/tsconfig.json b/examples/02-ui-components/05-side-menu-drag-handle-items/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/05-side-menu-drag-handle-items/tsconfig.json +++ b/examples/02-ui-components/05-side-menu-drag-handle-items/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/06-suggestion-menus-slash-menu-items/tsconfig.json b/examples/02-ui-components/06-suggestion-menus-slash-menu-items/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/06-suggestion-menus-slash-menu-items/tsconfig.json +++ b/examples/02-ui-components/06-suggestion-menus-slash-menu-items/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/07-suggestion-menus-slash-menu-component/tsconfig.json b/examples/02-ui-components/07-suggestion-menus-slash-menu-component/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/07-suggestion-menus-slash-menu-component/tsconfig.json +++ b/examples/02-ui-components/07-suggestion-menus-slash-menu-component/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/08-custom-ui/tsconfig.json b/examples/02-ui-components/08-custom-ui/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/08-custom-ui/tsconfig.json +++ b/examples/02-ui-components/08-custom-ui/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/02-ui-components/hyperlink-toolbar-buttons/tsconfig.json b/examples/02-ui-components/hyperlink-toolbar-buttons/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/02-ui-components/hyperlink-toolbar-buttons/tsconfig.json +++ b/examples/02-ui-components/hyperlink-toolbar-buttons/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/03-theming/01-theming-dom-attributes/tsconfig.json b/examples/03-theming/01-theming-dom-attributes/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/03-theming/01-theming-dom-attributes/tsconfig.json +++ b/examples/03-theming/01-theming-dom-attributes/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/03-theming/02-changing-font/tsconfig.json b/examples/03-theming/02-changing-font/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/03-theming/02-changing-font/tsconfig.json +++ b/examples/03-theming/02-changing-font/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/03-theming/03-theming-css/tsconfig.json b/examples/03-theming/03-theming-css/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/03-theming/03-theming-css/tsconfig.json +++ b/examples/03-theming/03-theming-css/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/03-theming/04-theming-css-variables/tsconfig.json b/examples/03-theming/04-theming-css-variables/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/03-theming/04-theming-css-variables/tsconfig.json +++ b/examples/03-theming/04-theming-css-variables/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/03-theming/05-theming-css-variables-code/tsconfig.json b/examples/03-theming/05-theming-css-variables-code/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/03-theming/05-theming-css-variables-code/tsconfig.json +++ b/examples/03-theming/05-theming-css-variables-code/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/04-interoperability/01-converting-blocks-to-html/tsconfig.json b/examples/04-interoperability/01-converting-blocks-to-html/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/04-interoperability/01-converting-blocks-to-html/tsconfig.json +++ b/examples/04-interoperability/01-converting-blocks-to-html/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/04-interoperability/02-converting-blocks-from-html/tsconfig.json b/examples/04-interoperability/02-converting-blocks-from-html/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/04-interoperability/02-converting-blocks-from-html/tsconfig.json +++ b/examples/04-interoperability/02-converting-blocks-from-html/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/04-interoperability/03-converting-blocks-to-md/tsconfig.json b/examples/04-interoperability/03-converting-blocks-to-md/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/04-interoperability/03-converting-blocks-to-md/tsconfig.json +++ b/examples/04-interoperability/03-converting-blocks-to-md/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/04-interoperability/04-converting-blocks-from-md/tsconfig.json b/examples/04-interoperability/04-converting-blocks-from-md/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/04-interoperability/04-converting-blocks-from-md/tsconfig.json +++ b/examples/04-interoperability/04-converting-blocks-from-md/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/01-alert-block/tsconfig.json b/examples/05-custom-schema/01-alert-block/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/01-alert-block/tsconfig.json +++ b/examples/05-custom-schema/01-alert-block/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/02-suggestion-menus-mentions/tsconfig.json b/examples/05-custom-schema/02-suggestion-menus-mentions/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/02-suggestion-menus-mentions/tsconfig.json +++ b/examples/05-custom-schema/02-suggestion-menus-mentions/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/03-font-style/tsconfig.json b/examples/05-custom-schema/03-font-style/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/03-font-style/tsconfig.json +++ b/examples/05-custom-schema/03-font-style/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/react-custom-blocks/tsconfig.json b/examples/05-custom-schema/react-custom-blocks/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/react-custom-blocks/tsconfig.json +++ b/examples/05-custom-schema/react-custom-blocks/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/react-custom-inline-content/tsconfig.json b/examples/05-custom-schema/react-custom-inline-content/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/react-custom-inline-content/tsconfig.json +++ b/examples/05-custom-schema/react-custom-inline-content/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/05-custom-schema/react-custom-styles/tsconfig.json b/examples/05-custom-schema/react-custom-styles/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/05-custom-schema/react-custom-styles/tsconfig.json +++ b/examples/05-custom-schema/react-custom-styles/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/06-collaboration/01-partykit/tsconfig.json b/examples/06-collaboration/01-partykit/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/06-collaboration/01-partykit/tsconfig.json +++ b/examples/06-collaboration/01-partykit/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/06-collaboration/02-liveblocks/tsconfig.json b/examples/06-collaboration/02-liveblocks/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/06-collaboration/02-liveblocks/tsconfig.json +++ b/examples/06-collaboration/02-liveblocks/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/vanilla-js/react-vanilla-custom-blocks/tsconfig.json b/examples/vanilla-js/react-vanilla-custom-blocks/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/vanilla-js/react-vanilla-custom-blocks/tsconfig.json +++ b/examples/vanilla-js/react-vanilla-custom-blocks/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/vanilla-js/react-vanilla-custom-inline-content/tsconfig.json b/examples/vanilla-js/react-vanilla-custom-inline-content/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/vanilla-js/react-vanilla-custom-inline-content/tsconfig.json +++ b/examples/vanilla-js/react-vanilla-custom-inline-content/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/examples/vanilla-js/react-vanilla-custom-styles/tsconfig.json b/examples/vanilla-js/react-vanilla-custom-styles/tsconfig.json index bb6637c45..1bd8ab3c5 100644 --- a/examples/vanilla-js/react-vanilla-custom-styles/tsconfig.json +++ b/examples/vanilla-js/react-vanilla-custom-styles/tsconfig.json @@ -25,7 +25,7 @@ "include": [ "." ], - "references": [ + "__ADD_FOR_LOCAL_DEV_references": [ { "path": "../../../packages/core/" }, diff --git a/packages/dev-scripts/examples/genDocs.ts b/packages/dev-scripts/examples/genDocs.ts index 3c372e483..3673cf68e 100644 --- a/packages/dev-scripts/examples/genDocs.ts +++ b/packages/dev-scripts/examples/genDocs.ts @@ -25,7 +25,7 @@ const templateExampleBlock = ( ) => `import { ExampleBlock } from "@/components/example/ExampleBlock"; import { Tabs } from "nextra/components"; - + fileName.slice(1)) )}}> diff --git a/packages/dev-scripts/examples/template-react/tsconfig.json.template.tsx b/packages/dev-scripts/examples/template-react/tsconfig.json.template.tsx index 8f877e875..c63175391 100644 --- a/packages/dev-scripts/examples/template-react/tsconfig.json.template.tsx +++ b/packages/dev-scripts/examples/template-react/tsconfig.json.template.tsx @@ -21,7 +21,7 @@ const template = (project: Project) => ({ composite: true, }, include: ["."], - references: [ + __ADD_FOR_LOCAL_DEV_references: [ { path: "../../../packages/core/", },