feat: initial react support

.gitignore

@@ -1,2 +1,3 @@
 /node_modules/
 /coverage/
+.turbo/

package.json

@@ -1,10 +1,12 @@
 {
   "name": "plainidx",
   "version": "1.0.0",
+  "packageManager": "pnpm@9.15.0",
   "description": "",
   "main": "index.js",
   "type": "module",
   "scripts": {
+    "build": "turbo build",
     "test": "vitest --coverage",
     "lint": "eslint packages/*/src",
     "build:dev": "tsc --build --watch"
@@ -20,6 +22,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "prettier": "^3.4.2",
+    "turbo": "^2.3.3",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.0",
     "vitest": "^2.1.8"

packages/configs/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@plainidx/configs",
+  "version": "1.0.0",
+  "files": [
+    "tsconfig.json"
+  ]
+}

packages/fs-memory/package.json

@@ -10,6 +10,7 @@
     "build": "tsc --build"
   },
   "dependencies": {
+    "@plainidx/configs": "workspace:*",
     "@plainidx/plainidx": "workspace:*"
   },
   "devDependencies": {

packages/fs-memory/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/fs-system/package.json

@@ -10,6 +10,7 @@
     "build": "tsc --build"
   },
   "dependencies": {
+    "@plainidx/configs": "workspace:*",
     "@plainidx/plainidx": "workspace:*",
     "glob": "^11.0.0"
   },

packages/fs-system/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/plainidx/package.json

@@ -10,7 +10,9 @@
     "build": "tsc --build"
   },
   "devDependencies": {
+    "@plainidx/configs": "workspace:*",
     "@types/node": "^22.10.1",
+    "@types/react": "^19.0.1",
     "typescript": "^5.7.2"
   },
   "dependencies": {

packages/plainidx/src/editor/editor.panels.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../utils/eventemitter.js';
+
+type EditorPanel = {
+  name: string;
+  icon: string;
+  component: React.ComponentType;
+};
+
+type EditorPanelsEvents = {
+  change: () => void;
+};
+
+class EditorPanels extends EventEmitter<EditorPanelsEvents> {
+  #panels: Map<string, EditorPanel>;
+
+  constructor() {
+    super();
+    this.#panels = new Map();
+  }
+
+  public get panels() {
+    return this.#panels;
+  }
+
+  public add(id: string, panel: EditorPanel) {
+    this.#panels.set(id, panel);
+    this.emit('change');
+    return () => {
+      this.#panels.delete(id);
+      this.emit('change');
+    };
+  }
+
+  public get(id: string) {
+    return this.#panels.get(id);
+  }
+}
+
+export { EditorPanels };

packages/plainidx/src/editor/editor.renders.ts

@@ -0,0 +1,32 @@
+import { Document } from '../documents/documents.document.js';
+import { EventEmitter } from '../utils/eventemitter.js';
+
+type EditorRender = {
+  supports: (document: Document) => boolean;
+  name: string;
+  component: React.ComponentType;
+};
+
+type EditorRendersEvents = {
+  change: () => void;
+};
+
+class EditorRenders extends EventEmitter<EditorRendersEvents> {
+  #renders: EditorRender[] = [];
+
+  public add = (render: EditorRender) => {
+    this.#renders.push(render);
+    this.emit('change');
+
+    return () => {
+      this.#renders = this.#renders.filter((r) => r !== render);
+      this.emit('change');
+    };
+  };
+
+  public getByDocument = (document: Document) => {
+    return this.#renders.filter((r) => r.supports(document));
+  };
+}
+
+export { EditorRenders };

packages/plainidx/src/editor/editor.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../utils/eventemitter.js';
+import { EditorPanels } from './editor.panels.js';
+import { EditorRenders } from './editor.renders.js';
+import { EditorWorkspace } from './editor.workspace.js';
+
+type EditorEvents = Record<string, never>;
+
+class Editor extends EventEmitter<EditorEvents> {
+  #workspace: EditorWorkspace;
+  #renders: EditorRenders;
+  #panels: EditorPanels;
+
+  constructor() {
+    super();
+    this.#workspace = new EditorWorkspace();
+    this.#renders = new EditorRenders();
+    this.#panels = new EditorPanels();
+  }
+
+  public get workspace() {
+    return this.#workspace;
+  }
+
+  public get renders() {
+    return this.#renders;
+  }
+
+  public get panels() {
+    return this.#panels;
+  }
+}
+
+export { Editor };

packages/plainidx/src/editor/editor.workspace.ts

@@ -0,0 +1,26 @@
+import { Document } from '../documents/documents.document.js';
+import { EventEmitter } from '../utils/eventemitter.js';
+
+type WorkspaceEvents = {
+  change: () => void;
+};
+
+class EditorWorkspace extends EventEmitter<WorkspaceEvents> {
+  #documents: Set<Document> = new Set<Document>();
+
+  public get documents() {
+    return [...this.#documents];
+  }
+
+  public openDocument(document: Document) {
+    this.#documents.add(document);
+    this.emit('change');
+  }
+
+  public closeDocument(document: Document) {
+    this.#documents.delete(document);
+    this.emit('change');
+  }
+}
+
+export { EditorWorkspace };

packages/plainidx/src/exports.ts

@@ -8,3 +8,5 @@ export { Plugin } from './plugins/plugin/plugin.js';
 export { Databases, DatabaseMigration } from './databases/databases.js';
 export * from 'zod';
 export { type Knex as Database } from 'knex';
+export { Editor } from './editor/editor.js';
+export { EditorWorkspace } from './editor/editor.workspace.js';

packages/plainidx/src/plugins/plugin/plugin.ts

@@ -4,6 +4,7 @@ import { EventEmitter } from '../../utils/eventemitter.js';
 import { Plugins } from '../plugins.js';
 import { z, ZodSchema } from 'zod';
 import { PluginActionApi } from './plugin.api.js';
+import { Editor } from '../../editor/editor.js';
 
 type PluginOptions<TLocalConfig extends ZodSchema = ZodSchema, TSharedConfig extends ZodSchema = ZodSchema> = {
   plugins: Plugins;
@@ -64,6 +65,7 @@ abstract class Plugin<
   public onUnload?: () => Promise<void>;
   public onLoaded?: () => Promise<void>;
   public process?: (document: Document) => Promise<void>;
+  public setupUI?: (editor: Editor) => Promise<void>;
 
   /*public getPlugin = async <T extends Plugin>(plugin: new (...args: any) => T): Promise<
     T['api'] extends (...args: any[]) => infer R ? R : never

packages/plainidx/src/plugins/plugins.ts

@@ -3,6 +3,7 @@ import { Documents } from '../documents/documents.js';
 import { Databases } from '../databases/databases.js';
 import { Plugin, PluginConstructor } from './plugin/plugin.js';
 import { z, ZodSchema } from 'zod';
+import { Editor } from '../editor/editor.js';
 
 type PluginsOptions = {
   documents: Documents;
@@ -36,6 +37,12 @@ class Plugins {
     await document.save();
   };
 
+  public setupUI = (editor: Editor) => {
+    for (const plugin of this.#plugins.values()) {
+      plugin.setupUI?.(editor);
+    }
+  };
+
   public get = async <T extends Plugin>(plugin: PluginConstructor<any, any, T>): Promise<T> => {
     if (!this.#plugins.has(plugin)) {
       await this.add([plugin]);

packages/plainidx/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/platform-react/.gitignore

@@ -0,0 +1,2 @@
+/node_modules/
+/dist/

packages/platform-react/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@plainidx/react",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "dist/exports.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --build"
+  },
+  "devDependencies": {
+    "@plainidx/configs": "workspace:*",
+    "@types/node": "^22.10.1",
+    "@types/react": "^19.0.1",
+    "typescript": "^5.7.2"
+  },
+  "dependencies": {
+    "@plainidx/plainidx": "workspace:*"
+  }
+}

packages/platform-react/src/document/document.context.ts

@@ -0,0 +1,10 @@
+import { Document } from '@plainidx/plainidx';
+import React from 'react';
+
+type DocumentContextType = {
+  document: Document;
+};
+
+const DocumentContext = React.createContext<DocumentContextType | undefined>(undefined);
+
+export { DocumentContext };

packages/platform-react/src/document/document.hooks.ts

@@ -0,0 +1,57 @@
+import { useCallback, useContext, useEffect, useState } from 'react';
+import { DocumentContext } from './document.context.js';
+import { usePlainDB } from '../plaindb/plaindb.hooks.js';
+
+const useDocument = () => {
+  const context = useContext(DocumentContext);
+  if (!context) {
+    throw new Error('useDocument must be used within a DocumentProvider');
+  }
+
+  return context.document;
+};
+
+const useDocumentRenders = () => {
+  const { editor } = usePlainDB();
+  const document = useDocument();
+
+  const [current, setCurrent] = useState(editor.renders.getByDocument(document));
+
+  useEffect(() => {
+    const listen = () => {
+      setCurrent(editor.renders.getByDocument(document));
+    };
+    editor.renders.on('change', listen);
+    return () => {
+      editor.renders.off('change', listen);
+    };
+  }, [editor.renders, document, setCurrent]);
+
+  return current;
+};
+
+const useDocumentValue = () => {
+  const document = useDocument();
+  const [current, setCurrent] = useState(document.data);
+
+  const setValue = useCallback(
+    (newValue: Buffer) => {
+      document.data = newValue;
+    },
+    [document],
+  );
+
+  useEffect(() => {
+    const listen = () => {
+      setCurrent(document.data);
+    };
+    document.on('change', listen);
+    return () => {
+      document.off('change', listen);
+    };
+  }, [document, setCurrent]);
+
+  return [current, setValue] as const;
+};
+
+export { useDocument, useDocumentValue, useDocumentRenders };

packages/platform-react/src/document/document.provider.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Document } from '@plainidx/plainidx';
+import { DocumentContext } from './document.context.js';
+
+type DocumentProviderProps = {
+  document: Document;
+  children: React.ReactNode;
+};
+
+const DocumentProvider = ({ document, children }: DocumentProviderProps) => {
+  return <DocumentContext.Provider value={{ document }}>{children}</DocumentContext.Provider>;
+};
+
+export { DocumentProvider };

packages/platform-react/src/panels/panels.hooks.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { usePlainDB } from '../plaindb/plaindb.hooks.js';
+
+const usePanel = (id: string) => {
+  const { editor } = usePlainDB();
+  const [panel, setPanel] = useState(editor.panels.get(id));
+
+  useEffect(() => {
+    const update = () => {
+      setPanel(editor.panels.get(id));
+    };
+    editor.panels.on('change', update);
+    return () => {
+      editor.panels.off('change', update);
+    };
+  }, [editor, id]);
+
+  return panel;
+};
+
+export { usePanel };

packages/platform-react/src/panels/panels.panel.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { usePanel } from './panels.hooks.js';
+
+type PanelProps = {
+  id: string;
+};
+
+const Panel = ({ id }: PanelProps) => {
+  const panel = usePanel(id);
+
+  if (!panel) {
+    return null;
+  }
+
+  const Component = panel.component;
+  return <Component />;
+};
+
+export { Panel };

packages/platform-react/src/plaindb/plaindb.context.ts

@@ -0,0 +1,11 @@
+import { Editor, PlainDB } from '@plainidx/plainidx';
+import React from 'react';
+
+type PlainDBContextType = {
+  db: PlainDB;
+  editor: Editor;
+};
+
+const PlainDBContext = React.createContext<PlainDBContextType | undefined>(undefined);
+
+export { PlainDBContext };

packages/platform-react/src/plaindb/plaindb.hooks.ts

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { PlainDBContext } from './plaindb.context.js';
+
+const usePlainDB = () => {
+  const context = useContext(PlainDBContext);
+  if (context === undefined) {
+    throw new Error('usePlainDB must be used within a PlainDBProvider');
+  }
+  return context;
+};
+
+export { usePlainDB };

packages/platform-react/src/plaindb/plaindb.provider.tsx

@@ -0,0 +1,19 @@
+import React, { useMemo } from 'react';
+import { Editor, PlainDB } from '@plainidx/plainidx';
+import { PlainDBContext } from './plaindb.context.js';
+
+type PlainDBProviderProps = {
+  children: React.ReactNode;
+  db: PlainDB;
+};
+
+const PlainDBProvider = ({ children, db }: PlainDBProviderProps) => {
+  const editor = useMemo(() => {
+    const next = new Editor();
+    db.plugins.setupUI(editor);
+    return next;
+  }, [db]);
+  return <PlainDBContext.Provider value={{ db, editor }}>{children}</PlainDBContext.Provider>;
+};
+
+export { PlainDBProvider };

packages/platform-react/src/workspace/workspace.hooks.ts

@@ -0,0 +1,35 @@
+import { useCallback, useEffect, useState } from 'react';
+import { usePlainDB } from '../plaindb/plaindb.hooks.js';
+
+const useOpenDocument = () => {
+  const { editor, db } = usePlainDB();
+  const open = useCallback(
+    async (location: string) => {
+      const document = await db.documents.get(location);
+      editor.workspace.openDocument(document);
+    },
+    [editor, db],
+  );
+
+  return open;
+};
+
+const useDocuments = () => {
+  const { editor } = usePlainDB();
+  const [documents, setDocuments] = useState(editor.workspace.documents);
+
+  useEffect(() => {
+    const update = () => {
+      setDocuments(editor.workspace.documents);
+    };
+
+    editor.workspace.on('change', update);
+    return () => {
+      editor.workspace.off('change', update);
+    };
+  });
+
+  return documents;
+};
+
+export { useOpenDocument, useDocuments };

packages/platform-react/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@plainidx/configs/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "jsx": "react"
+  },
+  "include": [
+    "src"
+  ]
+}

packages/plugin-core/package.json

@@ -10,6 +10,7 @@
     "build": "tsc --build"
   },
   "dependencies": {
+    "@plainidx/configs": "workspace:*",
     "@plainidx/plainidx": "workspace:*"
   },
   "devDependencies": {

packages/plugin-core/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/plugin-markdown/package.json

@@ -26,6 +26,7 @@
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
+    "@plainidx/configs": "workspace:*",
     "@types/lodash": "^4.17.13",
     "@types/mdast": "^4.0.4",
     "@types/node": "^22.10.1",

packages/plugin-markdown/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/tests/package.json

@@ -13,6 +13,7 @@
     "vitest": "^2.1.8"
   },
   "devDependencies": {
+    "@plainidx/configs": "workspace:*",
     "@pnpm/find-workspace-packages": "^6.0.9",
     "@types/node": "^22.10.1",
     "typescript": "^5.7.2"

packages/tests/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

packages/tests/vitest.config.ts

@@ -12,10 +12,7 @@ if (!root) {
 const packages = await findWorkspacePackages(root);
 
 const alias = Object.fromEntries(
-  packages.map(({ dir, manifest }) => [
-    manifest.name!,
-    resolve(dir, 'src', 'exports.ts'),
-  ]),
+  packages.map(({ dir, manifest }) => [manifest.name || '_unknown', resolve(dir, 'src', 'exports.ts')]),
 );
 
 export default defineConfig({

packages/tools-cli/package.json

@@ -21,6 +21,7 @@
     "sqlite3": "^5.1.7"
   },
   "devDependencies": {
+    "@plainidx/configs": "workspace:*",
     "@types/node": "^22.10.1",
     "typescript": "^5.7.2"
   }

packages/tools-cli/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "@plainidx/configs/tsconfig.json",
   "compilerOptions": {
     "outDir": "dist"
   },

pnpm-lock.yaml

@@ -29,6 +29,9 @@ importers:
       prettier:
         specifier: ^3.4.2
         version: 3.4.2
+      turbo:
+        specifier: ^2.3.3
+        version: 2.3.3
       typescript:
         specifier: ^5.7.2
         version: 5.7.2
@@ -39,8 +42,13 @@ importers:
         specifier: ^2.1.8
         version: 2.1.8(@types/node@22.10.1)
 
+  packages/configs: {}
+
   packages/fs-memory:
     dependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@plainidx/plainidx':
         specifier: workspace:*
         version: link:../plainidx
@@ -54,6 +62,9 @@ importers:
 
   packages/fs-system:
     dependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@plainidx/plainidx':
         specifier: workspace:*
         version: link:../plainidx
@@ -80,15 +91,43 @@ importers:
         specifier: ^3.24.0
         version: 3.24.0
     devDependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@types/node':
         specifier: ^22.10.1
         version: 22.10.1
+      '@types/react':
+        specifier: ^19.0.1
+        version: 19.0.1
+      typescript:
+        specifier: ^5.7.2
+        version: 5.7.2
+
+  packages/platform-react:
+    dependencies:
+      '@plainidx/plainidx':
+        specifier: workspace:*
+        version: link:../plainidx
+    devDependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
+      '@types/node':
+        specifier: ^22.10.1
+        version: 22.10.1
+      '@types/react':
+        specifier: ^19.0.1
+        version: 19.0.1
       typescript:
         specifier: ^5.7.2
         version: 5.7.2
 
   packages/plugin-core:
     dependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@plainidx/plainidx':
         specifier: workspace:*
         version: link:../plainidx
@@ -145,6 +184,9 @@ importers:
         specifier: ^5.0.0
         version: 5.0.0
     devDependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@types/lodash':
         specifier: ^4.17.13
         version: 4.17.13
@@ -182,6 +224,9 @@ importers:
         specifier: ^2.1.8
         version: 2.1.8(@types/node@22.10.1)
     devDependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@pnpm/find-workspace-packages':
         specifier: ^6.0.9
         version: 6.0.9(@pnpm/logger@5.2.0)
@@ -210,6 +255,9 @@ importers:
         specifier: ^5.1.7
         version: 5.1.7
     devDependencies:
+      '@plainidx/configs':
+        specifier: workspace:*
+        version: link:../configs
       '@types/node':
         specifier: ^22.10.1
         version: 22.10.1
@@ -779,6 +827,9 @@ packages:
   '@types/node@22.10.1':
     resolution: {integrity: sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==}
 
+  '@types/react@19.0.1':
+    resolution: {integrity: sha512-YW6614BDhqbpR5KtUYzTA+zlA7nayzJRA9ljz9CQoxthR0sDisYZLuvSMsil36t4EH/uAt8T52Xb4sVw17G+SQ==}
+
   '@types/ssri@7.1.5':
     resolution: {integrity: sha512-odD/56S3B51liILSk5aXJlnYt99S6Rt9EFDDqGtJM26rKHApHcwyU/UoYHrzKkdkHMAIquGWCuHtQTbes+FRQw==}
 
@@ -1116,6 +1167,9 @@ packages:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
     engines: {node: '>=8'}
 
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
   data-uri-to-buffer@2.0.2:
     resolution: {integrity: sha512-ND9qDTLc6diwj+Xe5cdAgVTbLVdXbtxTJRXRhli8Mowuaan+0EJOtdqJ0QCHNSSPyoXGx9HX2/VMnKeC34AChA==}
 
@@ -2473,6 +2527,40 @@ packages:
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
+  turbo-darwin-64@2.3.3:
+    resolution: {integrity: sha512-bxX82xe6du/3rPmm4aCC5RdEilIN99VUld4HkFQuw+mvFg6darNBuQxyWSHZTtc25XgYjQrjsV05888w1grpaA==}
+    cpu: [x64]
+    os: [darwin]
+
+  turbo-darwin-arm64@2.3.3:
+    resolution: {integrity: sha512-DYbQwa3NsAuWkCUYVzfOUBbSUBVQzH5HWUFy2Kgi3fGjIWVZOFk86ss+xsWu//rlEAfYwEmopigsPYSmW4X15A==}
+    cpu: [arm64]
+    os: [darwin]
+
+  turbo-linux-64@2.3.3:
+    resolution: {integrity: sha512-eHj9OIB0dFaP6BxB88jSuaCLsOQSYWBgmhy2ErCu6D2GG6xW3b6e2UWHl/1Ho9FsTg4uVgo4DB9wGsKa5erjUA==}
+    cpu: [x64]
+    os: [linux]
+
+  turbo-linux-arm64@2.3.3:
+    resolution: {integrity: sha512-NmDE/NjZoDj1UWBhMtOPmqFLEBKhzGS61KObfrDEbXvU3lekwHeoPvAMfcovzswzch+kN2DrtbNIlz+/rp8OCg==}
+    cpu: [arm64]
+    os: [linux]
+
+  turbo-windows-64@2.3.3:
+    resolution: {integrity: sha512-O2+BS4QqjK3dOERscXqv7N2GXNcqHr9hXumkMxDj/oGx9oCatIwnnwx34UmzodloSnJpgSqjl8iRWiY65SmYoQ==}
+    cpu: [x64]
+    os: [win32]
+
+  turbo-windows-arm64@2.3.3:
+    resolution: {integrity: sha512-dW4ZK1r6XLPNYLIKjC4o87HxYidtRRcBeo/hZ9Wng2XM/MqqYkAyzJXJGgRMsc0MMEN9z4+ZIfnSNBrA0b08ag==}
+    cpu: [arm64]
+    os: [win32]
+
+  turbo@2.3.3:
+    resolution: {integrity: sha512-DUHWQAcC8BTiUZDRzAYGvpSpGLiaOQPfYXlCieQbwUvmml/LRGIe3raKdrOPOoiX0DYlzxs2nH6BoWJoZrj8hA==}
+    hasBin: true
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -3237,6 +3325,10 @@ snapshots:
     dependencies:
       undici-types: 6.20.0
 
+  '@types/react@19.0.1':
+    dependencies:
+      csstype: 3.1.3
+
   '@types/ssri@7.1.5':
     dependencies:
       '@types/node': 22.10.1
@@ -3634,6 +3726,8 @@ snapshots:
 
   crypto-random-string@2.0.0: {}
 
+  csstype@3.1.3: {}
+
   data-uri-to-buffer@2.0.2: {}
 
   debug@4.3.4:
@@ -5282,6 +5376,33 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  turbo-darwin-64@2.3.3:
+    optional: true
+
+  turbo-darwin-arm64@2.3.3:
+    optional: true
+
+  turbo-linux-64@2.3.3:
+    optional: true
+
+  turbo-linux-arm64@2.3.3:
+    optional: true
+
+  turbo-windows-64@2.3.3:
+    optional: true
+
+  turbo-windows-arm64@2.3.3:
+    optional: true
+
+  turbo@2.3.3:
+    optionalDependencies:
+      turbo-darwin-64: 2.3.3
+      turbo-darwin-arm64: 2.3.3
+      turbo-linux-64: 2.3.3
+      turbo-linux-arm64: 2.3.3
+      turbo-windows-64: 2.3.3
+      turbo-windows-arm64: 2.3.3
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1

tsconfig.json

@@ -18,6 +18,9 @@
     },
     {
       "path": "./packages/plugin-markdown"
+    },
+    {
+      "path": "./packages/platform-react"
     }
   ]
 }

turbo.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "tasks": {
+    "build": {
+      "dependsOn": [
+        "^build"
+      ],
+      "outputs": [
+        "dist/**"
+      ],
+      "inputs": [
+        "src/**/*.tsx",
+        "src/**/*.ts",
+        "./tsconfig.json",
+        "../../pnpm-lock.yaml"
+      ]
+    },
+    "test": {
+      "cache": false
+    },
+    "clean": {},
+    "dev": {
+      "dependsOn": [
+        "^build"
+      ],
+      "cache": false,
+      "persistent": true
+    }
+  }
+}