docstar-editor 0.1.1

package/README.md

@@ -0,0 +1,108 @@
+# docstar-editor
+
+A minimal, block-based Markdown editor for React, built on [BlockNote](https://www.blocknotejs.org). Works standalone with zero setup, and opts into real-time collaboration + server-side sync when you connect it to a Hocuspocus-compatible server.
+
+## Install
+
+```bash
+npm i docstar-editor
+```
+
+Import the base styles once in your app:
+
+```ts
+import "docstar-editor/styles.css";
+```
+
+**Note for bundled apps**: `@blocknote/core` resolves a `prosemirror-view` version that's missing an export it needs. Add this to your own `package.json` to pin a working version for this package's dependency subtree:
+
+```json
+"overrides": {
+  "docstar-editor": {
+    "prosemirror-view": "1.33.9"
+  }
+}
+```
+
+(npm workspaces/pnpm/yarn have their own equivalent — `overrides`/`resolutions` — under the same idea: scope the pin to `docstar-editor`'s own dependency tree, not your whole app.)
+
+## Standalone usage
+
+No login, no server required:
+
+```tsx
+import { DocstarEditor } from "docstar-editor";
+
+export function Page() {
+  return (
+    <DocstarEditor
+      defaultMarkdown="# Hello\n\nStart writing..."
+      onChange={(markdown) => console.log(markdown)}
+    />
+  );
+}
+```
+
+## Real-time collaboration
+
+Connect the editor to your own Hocuspocus-compatible server (see [`doc-rtc`](../doc-rtc) for a reference implementation) for live multi-user sync with persistence:
+
+```tsx
+import { DocstarEditor } from "docstar-editor";
+
+export function Page() {
+  return (
+    <DocstarEditor
+      collab={{
+        wsUrl: "wss://your-server.example.com",
+        token: authToken,
+        workspaceId: "workspace-abc",
+        documentId: "doc-123",
+        user: { name: "Swayam", color: "#5b8def" },
+      }}
+    />
+  );
+}
+```
+
+When `collab` is provided, the editor connects over WebSocket, syncs edits live via Yjs, and shows collaborator cursors/presence automatically. Omit `workspaceId`/`token` to connect to a server that identifies documents directly by `documentId` instead (see `wsParams` in `CollabConfig`).
+
+## Local development / demo site
+
+See [`website/`](./website) — a small standalone demo app (landing page + Playground/Import) that imports the editor directly from source, no build/pack step needed. It's local-only/single-user by design; it doesn't demonstrate the `collab` prop.
+
+```bash
+cd website
+npm install
+npm run dev
+```
+
+The site auto-deploys to GitHub Pages on every push to `main` that touches `website/` or `src/` (see `.github/workflows/deploy-website.yml`). One-time setup: in the repo's **Settings → Pages**, set **Source** to **GitHub Actions**.
+
+## Publishing to npm
+
+```bash
+# 1. Build and sanity-check what will be published
+npm run build
+npm pack --dry-run
+
+# 2. Log in (one-time per machine; opens a browser to authenticate)
+npm login
+
+# 3. Bump the version (pick one)
+npm version patch   # 0.1.0 -> 0.1.1, bug fixes
+npm version minor   # 0.1.0 -> 0.2.0, new features
+npm version major   # 0.1.0 -> 1.0.0, breaking changes
+
+# 4. Publish
+npm publish
+
+# 5. Push the version bump commit + tag that `npm version` created
+git push && git push --tags
+```
+
+`npm version` refuses to run with uncommitted changes — commit your work first. `npm publish` is public and irreversible (a given version can never be re-published, only deprecated), so double-check `npm pack --dry-run`'s file list before running it.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,77 @@
+import * as react from 'react';
+import { Block } from '@blocknote/core';
+import * as Y from 'yjs';
+import { HocuspocusProvider } from '@hocuspocus/provider';
+
+interface CollabUser {
+    name: string;
+    color: string;
+}
+interface CollabConfig {
+    /** WebSocket URL of the Hocuspocus-compatible collaboration server, e.g. "wss://editor.docstar.io" */
+    wsUrl: string;
+    /**
+     * Identifies the document. With `workspaceId` set, this is scoped under it
+     * (`${workspaceId}:${documentId}`) and hits `${wsUrl}/workspace/${workspaceId}`.
+     * Without `workspaceId`, this is used verbatim as the Hocuspocus documentName
+     * against `wsUrl` as-is — for connecting to an existing/legacy server that
+     * doesn't use the workspace-scoped routing (e.g. `documentName` already
+     * equals a raw page id).
+     */
+    documentId: string;
+    /** Auth token issued for the workspace/session, sent to the server's onAuthenticate hook. Only meaningful with `workspaceId`. */
+    token?: string;
+    /** The workspace this document belongs to. Omit to connect directly to `wsUrl` with `documentId` as the raw documentName. */
+    workspaceId?: string;
+    /** Extra query params appended to `wsUrl` as-is (e.g. `{ orgId, userId }` for a legacy server). Ignored when `workspaceId` is set. */
+    wsParams?: Record<string, string>;
+    /** Local user's presence info shown to collaborators. */
+    user: CollabUser;
+}
+interface DocstarEditorProps {
+    /** Initial content as markdown. Ignored once `collab` is set and a document already exists on the server. */
+    defaultMarkdown?: string;
+    /** Fires on every content change with the current markdown and raw blocks. */
+    onChange?: (markdown: string, blocks: Block[]) => void;
+    /** Enables real-time collaboration + server-side sync when provided. Omit for local, single-user mode. */
+    collab?: CollabConfig;
+    /** Optional extra class name for the editor container. */
+    className?: string;
+    /** Disables editing. */
+    editable?: boolean;
+    /** Visual theme. Defaults to "light". */
+    theme?: "light" | "dark";
+    /** Makes the editor's own background transparent, so it blends into whatever container it's placed in instead of showing its own distinct panel color. */
+    transparent?: boolean;
+}
+interface DocstarEditorHandle {
+    /** Serializes the current document to Markdown. */
+    getMarkdown: () => Promise<string>;
+    /** Replaces the current document with the parsed content of a Markdown string. */
+    setMarkdown: (markdown: string) => Promise<void>;
+    /** Moves focus into the editor. */
+    focus: () => void;
+}
+
+declare const DocstarEditor: react.ForwardRefExoticComponent<DocstarEditorProps & react.RefAttributes<DocstarEditorHandle>>;
+
+interface CollabConnection {
+    doc: Y.Doc;
+    provider: HocuspocusProvider;
+}
+/**
+ * Opens a Yjs doc synced over a Hocuspocus-compatible WebSocket connection.
+ *
+ * With `workspaceId` set, `workspaceId`/`documentId` are composed into the
+ * Hocuspocus documentName so persistence stays scoped per workspace, hitting
+ * `${wsUrl}/workspace/${workspaceId}`, and `token` is forwarded for the
+ * server's onAuthenticate hook to verify.
+ *
+ * Without `workspaceId`, `documentId` is used verbatim as the documentName
+ * against `wsUrl` as-is (optionally with `wsParams` appended as query
+ * params) — for connecting to a server that doesn't use workspace-scoped
+ * routing.
+ */
+declare function connectProvider(config: CollabConfig): CollabConnection;
+
+export { type CollabConfig, type CollabConnection, type CollabUser, DocstarEditor, type DocstarEditorHandle, type DocstarEditorProps, connectProvider };

package/dist/index.js

@@ -0,0 +1,168 @@
+// src/DocstarEditor.tsx
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from "react";
+import { useCreateBlockNote } from "@blocknote/react";
+import { BlockNoteView, lightDefaultTheme, darkDefaultTheme } from "@blocknote/mantine";
+import "@blocknote/core/fonts/inter.css";
+import "@blocknote/mantine/style.css";
+
+// src/collab/connectProvider.ts
+import * as Y from "yjs";
+import { HocuspocusProvider } from "@hocuspocus/provider";
+function connectProvider(config) {
+  const doc = new Y.Doc();
+  const wsUrl = toWebSocketUrl(config.wsUrl);
+  const url = config.workspaceId ? `${wsUrl.replace(/\/$/, "")}/workspace/${config.workspaceId}` : appendParams(wsUrl, config.wsParams);
+  const provider = new HocuspocusProvider({
+    url,
+    name: config.workspaceId ? `${config.workspaceId}:${config.documentId}` : config.documentId,
+    // HocuspocusProvider only sends its Auth message when `token` is truthy
+    // (see its `isAuthenticationRequired` getter), and the Hocuspocus server
+    // core unconditionally queues every other incoming message until that
+    // Auth message arrives — regardless of whether an onAuthenticate hook is
+    // even configured server-side. Without a token at all (the no-workspace
+    // path, which has no auth server-side either), the client never sends
+    // that message and the connection hangs forever with no event ever
+    // firing. A placeholder value keeps the handshake moving; the server
+    // only actually validates it when `workspaceId` requires auth.
+    token: config.token || "no-auth-required",
+    document: doc
+  });
+  provider.setAwarenessField("user", config.user);
+  return { doc, provider };
+}
+function appendParams(url, params) {
+  if (!params || Object.keys(params).length === 0) return url;
+  const separator = url.includes("?") ? "&" : "?";
+  return `${url}${separator}${new URLSearchParams(params).toString()}`;
+}
+function toWebSocketUrl(url) {
+  if (/^https:\/\//i.test(url)) return url.replace(/^https:\/\//i, "wss://");
+  if (/^http:\/\//i.test(url)) return url.replace(/^http:\/\//i, "ws://");
+  return url;
+}
+
+// src/DocstarEditor.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var transparentLightTheme = {
+  ...lightDefaultTheme,
+  colors: { ...lightDefaultTheme.colors, editor: { ...lightDefaultTheme.colors.editor, background: "transparent" } }
+};
+var transparentDarkTheme = {
+  ...darkDefaultTheme,
+  colors: { ...darkDefaultTheme.colors, editor: { ...darkDefaultTheme.colors.editor, background: "transparent" } }
+};
+var DocstarEditor = forwardRef(
+  function DocstarEditor2({
+    defaultMarkdown,
+    onChange,
+    collab,
+    className,
+    editable = true,
+    theme = "light",
+    transparent = false
+  }, ref) {
+    const [connection, setConnection] = useState(null);
+    const [status, setStatus] = useState("connecting");
+    const [error, setError] = useState(null);
+    useEffect(() => {
+      if (!collab) return;
+      setStatus("connecting");
+      setError(null);
+      const conn = connectProvider(collab);
+      setConnection(conn);
+      const onSynced = () => setStatus("synced");
+      const onAuthenticationFailed = ({ reason }) => {
+        setStatus("error");
+        setError(`Authentication failed: ${reason}`);
+      };
+      const onClose = ({ event }) => {
+        setStatus((current) => {
+          if (current === "synced") return current;
+          setError(`Connection closed (${event.code}) ${event.reason}`.trim());
+          return "error";
+        });
+      };
+      conn.provider.on("synced", onSynced);
+      conn.provider.on("authenticationFailed", onAuthenticationFailed);
+      conn.provider.on("close", onClose);
+      const timeout = setTimeout(() => {
+        setStatus((current) => {
+          if (current !== "connecting") return current;
+          setError("Timed out waiting for the server to respond.");
+          return "error";
+        });
+      }, 15e3);
+      return () => {
+        clearTimeout(timeout);
+        conn.provider.off("synced", onSynced);
+        conn.provider.off("authenticationFailed", onAuthenticationFailed);
+        conn.provider.off("close", onClose);
+        conn.provider.destroy();
+        conn.doc.destroy();
+      };
+    }, [collab?.wsUrl, collab?.documentId, collab?.token]);
+    const editor = useCreateBlockNote(
+      collab ? {
+        collaboration: connection ? {
+          provider: connection.provider,
+          fragment: connection.doc.getXmlFragment("default"),
+          user: collab.user
+        } : void 0
+      } : { initialContent: void 0 },
+      [connection]
+    );
+    const initialMarkdownLoaded = useMemo(() => ({ current: false }), [editor]);
+    useEffect(() => {
+      if (collab) return;
+      if (initialMarkdownLoaded.current) return;
+      if (!defaultMarkdown) return;
+      initialMarkdownLoaded.current = true;
+      editor.tryParseMarkdownToBlocks(defaultMarkdown).then((blocks) => {
+        editor.replaceBlocks(editor.document, blocks);
+      });
+    }, [collab, defaultMarkdown, editor, initialMarkdownLoaded]);
+    useImperativeHandle(
+      ref,
+      () => ({
+        getMarkdown: () => editor.blocksToMarkdownLossy(editor.document),
+        setMarkdown: async (markdown) => {
+          const blocks = await editor.tryParseMarkdownToBlocks(markdown);
+          editor.replaceBlocks(editor.document, blocks);
+        },
+        focus: () => editor.focus()
+      }),
+      [editor]
+    );
+    if (collab && status === "connecting") {
+      return /* @__PURE__ */ jsx("div", { className, "data-docstar-status": "connecting", children: "Connecting\u2026" });
+    }
+    if (collab && status === "error") {
+      return /* @__PURE__ */ jsxs("div", { className, "data-docstar-status": "error", children: [
+        "Couldn't connect to the collaboration server",
+        error ? `: ${error}` : ".",
+        " ",
+        "Changes won't be saved until this reconnects."
+      ] });
+    }
+    const resolvedTheme = transparent ? theme === "dark" ? transparentDarkTheme : transparentLightTheme : theme;
+    return /* @__PURE__ */ jsx(
+      BlockNoteView,
+      {
+        editor,
+        editable,
+        className,
+        theme: resolvedTheme,
+        onChange: onChange ? () => {
+          editor.blocksToMarkdownLossy(editor.document).then((markdown) => {
+            onChange(markdown, editor.document);
+          });
+        } : void 0
+      }
+    );
+  }
+);
+export {
+  DocstarEditor,
+  connectProvider
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DocstarEditor.tsx","../src/collab/connectProvider.ts"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from \"react\";\nimport { useCreateBlockNote } from \"@blocknote/react\";\nimport { BlockNoteView, lightDefaultTheme, darkDefaultTheme } from \"@blocknote/mantine\";\nimport \"@blocknote/core/fonts/inter.css\";\nimport \"@blocknote/mantine/style.css\";\nimport { connectProvider, type CollabConnection } from \"./collab/connectProvider\";\nimport type { DocstarEditorHandle, DocstarEditorProps } from \"./types\";\n\nconst transparentLightTheme = {\n  ...lightDefaultTheme,\n  colors: { ...lightDefaultTheme.colors, editor: { ...lightDefaultTheme.colors.editor, background: \"transparent\" } },\n};\nconst transparentDarkTheme = {\n  ...darkDefaultTheme,\n  colors: { ...darkDefaultTheme.colors, editor: { ...darkDefaultTheme.colors.editor, background: \"transparent\" } },\n};\n\ntype CollabStatus = \"connecting\" | \"synced\" | \"error\";\n\nexport const DocstarEditor = forwardRef<DocstarEditorHandle, DocstarEditorProps>(\n  function DocstarEditor(\n    {\n      defaultMarkdown,\n      onChange,\n      collab,\n      className,\n      editable = true,\n      theme = \"light\",\n      transparent = false,\n    },\n    ref\n  ) {\n    const [connection, setConnection] = useState<CollabConnection | null>(null);\n    const [status, setStatus] = useState<CollabStatus>(\"connecting\");\n    const [error, setError] = useState<string | null>(null);\n\n    useEffect(() => {\n      if (!collab) return;\n      setStatus(\"connecting\");\n      setError(null);\n      const conn = connectProvider(collab);\n      setConnection(conn);\n\n      const onSynced = () => setStatus(\"synced\");\n      const onAuthenticationFailed = ({ reason }: { reason: string }) => {\n        setStatus(\"error\");\n        setError(`Authentication failed: ${reason}`);\n      };\n      const onClose = ({ event }: { event: { code: number; reason: string } }) => {\n        setStatus((current) => {\n          if (current === \"synced\") return current;\n          setError(`Connection closed (${event.code}) ${event.reason}`.trim());\n          return \"error\";\n        });\n      };\n\n      conn.provider.on(\"synced\", onSynced);\n      conn.provider.on(\"authenticationFailed\", onAuthenticationFailed);\n      conn.provider.on(\"close\", onClose);\n\n      // Safety net: if the underlying transport fails in a way that never\n      // fires synced/authenticationFailed/close (e.g. an invalid WS URL\n      // throwing inside the provider's connect logic), don't hang on\n      // \"Connecting…\" forever.\n      const timeout = setTimeout(() => {\n        setStatus((current) => {\n          if (current !== \"connecting\") return current;\n          setError(\"Timed out waiting for the server to respond.\");\n          return \"error\";\n        });\n      }, 15000);\n\n      return () => {\n        clearTimeout(timeout);\n        conn.provider.off(\"synced\", onSynced);\n        conn.provider.off(\"authenticationFailed\", onAuthenticationFailed);\n        conn.provider.off(\"close\", onClose);\n        conn.provider.destroy();\n        conn.doc.destroy();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [collab?.wsUrl, collab?.documentId, collab?.token]);\n\n    const editor = useCreateBlockNote(\n      collab\n        ? {\n            collaboration: connection\n              ? {\n                  provider: connection.provider,\n                  fragment: connection.doc.getXmlFragment(\"default\"),\n                  user: collab.user,\n                }\n              : undefined,\n          }\n        : { initialContent: undefined },\n      [connection]\n    );\n\n    const initialMarkdownLoaded = useMemo(() => ({ current: false }), [editor]);\n\n    useEffect(() => {\n      if (collab) return; // collab documents load their content from the server\n      if (initialMarkdownLoaded.current) return;\n      if (!defaultMarkdown) return;\n      initialMarkdownLoaded.current = true;\n      editor.tryParseMarkdownToBlocks(defaultMarkdown).then((blocks) => {\n        editor.replaceBlocks(editor.document, blocks);\n      });\n    }, [collab, defaultMarkdown, editor, initialMarkdownLoaded]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        getMarkdown: () => editor.blocksToMarkdownLossy(editor.document),\n        setMarkdown: async (markdown: string) => {\n          const blocks = await editor.tryParseMarkdownToBlocks(markdown);\n          editor.replaceBlocks(editor.document, blocks);\n        },\n        focus: () => editor.focus(),\n      }),\n      [editor]\n    );\n\n    if (collab && status === \"connecting\") {\n      return (\n        <div className={className} data-docstar-status=\"connecting\">\n          Connecting…\n        </div>\n      );\n    }\n\n    if (collab && status === \"error\") {\n      return (\n        <div className={className} data-docstar-status=\"error\">\n          Couldn't connect to the collaboration server{error ? `: ${error}` : \".\"}\n          {\" \"}Changes won't be saved until this reconnects.\n        </div>\n      );\n    }\n\n    const resolvedTheme = transparent\n      ? theme === \"dark\"\n        ? transparentDarkTheme\n        : transparentLightTheme\n      : theme;\n\n    return (\n      <BlockNoteView\n        editor={editor}\n        editable={editable}\n        className={className}\n        theme={resolvedTheme}\n        onChange={\n          onChange\n            ? () => {\n                editor.blocksToMarkdownLossy(editor.document).then((markdown) => {\n                  onChange(markdown, editor.document);\n                });\n              }\n            : undefined\n        }\n      />\n    );\n  }\n);\n","import * as Y from \"yjs\";\nimport { HocuspocusProvider } from \"@hocuspocus/provider\";\nimport type { CollabConfig } from \"../types\";\n\nexport interface CollabConnection {\n  doc: Y.Doc;\n  provider: HocuspocusProvider;\n}\n\n/**\n * Opens a Yjs doc synced over a Hocuspocus-compatible WebSocket connection.\n *\n * With `workspaceId` set, `workspaceId`/`documentId` are composed into the\n * Hocuspocus documentName so persistence stays scoped per workspace, hitting\n * `${wsUrl}/workspace/${workspaceId}`, and `token` is forwarded for the\n * server's onAuthenticate hook to verify.\n *\n * Without `workspaceId`, `documentId` is used verbatim as the documentName\n * against `wsUrl` as-is (optionally with `wsParams` appended as query\n * params) — for connecting to a server that doesn't use workspace-scoped\n * routing.\n */\nexport function connectProvider(config: CollabConfig): CollabConnection {\n  const doc = new Y.Doc();\n\n  const wsUrl = toWebSocketUrl(config.wsUrl);\n  const url = config.workspaceId\n    ? `${wsUrl.replace(/\\/$/, \"\")}/workspace/${config.workspaceId}`\n    : appendParams(wsUrl, config.wsParams);\n\n  const provider = new HocuspocusProvider({\n    url,\n    name: config.workspaceId ? `${config.workspaceId}:${config.documentId}` : config.documentId,\n    // HocuspocusProvider only sends its Auth message when `token` is truthy\n    // (see its `isAuthenticationRequired` getter), and the Hocuspocus server\n    // core unconditionally queues every other incoming message until that\n    // Auth message arrives — regardless of whether an onAuthenticate hook is\n    // even configured server-side. Without a token at all (the no-workspace\n    // path, which has no auth server-side either), the client never sends\n    // that message and the connection hangs forever with no event ever\n    // firing. A placeholder value keeps the handshake moving; the server\n    // only actually validates it when `workspaceId` requires auth.\n    token: config.token || \"no-auth-required\",\n    document: doc,\n  });\n\n  provider.setAwarenessField(\"user\", config.user);\n\n  return { doc, provider };\n}\n\nfunction appendParams(url: string, params?: Record<string, string>): string {\n  if (!params || Object.keys(params).length === 0) return url;\n  const separator = url.includes(\"?\") ? \"&\" : \"?\";\n  return `${url}${separator}${new URLSearchParams(params).toString()}`;\n}\n\n/**\n * `new WebSocket()` requires a `ws:`/`wss:` scheme and throws a SyntaxError\n * for anything else (e.g. `http:`/`https:`), which HocuspocusProvider doesn't\n * guard against — that throw happens silently inside its connect logic, so\n * the UI is left stuck with no `close`/`synced`/`authenticationFailed` event\n * ever firing. Normalize here so a plain http(s) base URL (as apps commonly\n * configure for their API host) just works.\n */\nfunction toWebSocketUrl(url: string): string {\n  if (/^https:\\/\\//i.test(url)) return url.replace(/^https:\\/\\//i, \"wss://\");\n  if (/^http:\\/\\//i.test(url)) return url.replace(/^http:\\/\\//i, \"ws://\");\n  return url;\n}\n"],"mappings":"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","names":["DocstarEditor"]}

package/dist/styles.css

@@ -0,0 +1,5 @@
+.docstar-editor {
+  border: 1px solid #e2e2e2;
+  border-radius: 8px;
+  padding: 8px;
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "docstar-editor",
+  "version": "0.1.1",
+  "description": "A minimal block/markdown editor for React with optional real-time collaboration.",
+  "license": "MIT",
+  "author": "",
+  "keywords": [
+    "editor",
+    "markdown",
+    "blocknote",
+    "react",
+    "collaboration",
+    "yjs"
+  ],
+  "homepage": "https://swayammaheshwari.github.io/docstar-editor/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/swayammaheshwari/docstar-editor.git"
+  },
+  "bugs": {
+    "url": "https://github.com/swayammaheshwari/docstar-editor/issues"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@blocknote/core": "^0.22.0",
+    "@blocknote/mantine": "^0.22.0",
+    "@blocknote/react": "^0.22.0",
+    "@hocuspocus/provider": "^2.15.0",
+    "yjs": "^13.6.18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0"
+  },
+  "overrides": {
+    "prosemirror-view": "1.33.9"
+  }
+}