Add support for Yjs docs as values #998

Author: Polleps

Cargo.lock

@@ -13,7 +13,7 @@
     "@tomic/lib": "workspace:*",
     "chalk": "^5.3.0",
     "prettier": "3.0.3",
-    "typescript": "^5.6.3"
+    "typescript": "^5.9.3"
   },
   "description": "Generate types from Atomic Data ontologies",
   "license": "MIT",

browser/cli/package.json

@@ -13,5 +13,6 @@ export const DatatypeToTSTypeMap = {
   [Datatype.MARKDOWN]: 'string',
   [Datatype.URI]: 'string',
   [Datatype.JSON]: 'JSONValue',
+  [Datatype.YDOC]: 'never',
   [Datatype.UNKNOWN]: 'JSONValue',
 };

browser/cli/src/DatatypeToTSTypeMap.ts

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "@types/node": "^20.17.0",
-    "typescript": "^5.6.3"
+    "typescript": "^5.9.3"
   },
   "description": "Generate templates using Atomic Data",
   "license": "MIT",

browser/create-template/package.json

@@ -17,26 +17,32 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/react": "^1.1.1",
     "@emotion/is-prop-valid": "^1.3.1",
+    "@floating-ui/dom": "^1.7.4",
     "@modelcontextprotocol/sdk": "^1.13.3",
     "@oddbird/css-anchor-positioning": "^0.6.1",
     "@openrouter/ai-sdk-provider": "^1.2.0",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-tabs": "^1.1.1",
     "@tanstack/react-router": "^1.95.1",
-    "@tiptap/extension-file-handler": "^2.25.0",
-    "@tiptap/extension-image": "^2.11.7",
-    "@tiptap/extension-link": "^2.11.7",
-    "@tiptap/extension-mention": "^2.11.7",
-    "@tiptap/extension-placeholder": "^2.11.7",
-    "@tiptap/extension-typography": "^2.11.7",
-    "@tiptap/pm": "^2.11.7",
-    "@tiptap/react": "^2.11.7",
-    "@tiptap/starter-kit": "^2.11.7",
-    "@tiptap/suggestion": "^2.11.7",
+    "@tiptap/extension-collaboration": "^3.6.5",
+    "@tiptap/extension-collaboration-caret": "^3.6.5",
+    "@tiptap/extension-file-handler": "^3.6.5",
+    "@tiptap/extension-image": "^3.6.5",
+    "@tiptap/extension-link": "^3.6.5",
+    "@tiptap/extension-mention": "^3.6.5",
+    "@tiptap/extension-placeholder": "^3.6.5",
+    "@tiptap/extension-typography": "^3.6.5",
+    "@tiptap/pm": "^3.6.5",
+    "@tiptap/react": "^3.6.5",
+    "@tiptap/starter-kit": "^3.6.5",
+    "@tiptap/suggestion": "^3.6.5",
+    "@tiptap/y-tiptap": "^3.0.0",
     "@tomic/react": "workspace:*",
     "@uiw/codemirror-theme-github": "^4.24.1",
     "@uiw/react-codemirror": "^4.24.1",
+    "@wuchale/jsx": "^0.7.4",
+    "@wuchale/vite-plugin": "^0.14.6",
     "ai": "^5.0.29",
     "clsx": "^2.1.1",
     "downshift": "^9.0.9",
@@ -45,9 +51,9 @@
     "polished": "^4.3.1",
     "prismjs": "^1.29.0",
     "quick-score": "^0.2.0",
-    "react": "^19.0.0",
+    "react": "^19.2.0",
     "react-colorful": "^5.6.1",
-    "react-dom": "^19.0.0",
+    "react-dom": "^19.2.0",
     "react-dropzone": "^11.7.1",
     "react-hot-toast": "^2.4.1",
     "react-hotkeys-hook": "^3.4.7",
@@ -62,11 +68,10 @@
     "remark-gfm": "^4.0.0",
     "styled-components": "^6.1.19",
     "stylis": "4.3.0",
-    "tippy.js": "^6.3.7",
     "tiptap-markdown": "^0.8.10",
     "wuchale": "^0.16.5",
-    "@wuchale/jsx": "^0.7.4",
-    "@wuchale/vite-plugin": "^0.14.6",
+    "y-protocols": "^1.0.6",
+    "yjs": "^13.6.27",
     "zod": "^4.1.5"
   },
   "devDependencies": {
@@ -82,7 +87,7 @@
     "gh-pages": "^5.0.0",
     "lint-staged": "^10.5.4",
     "types-wm": "^1.1.0",
-    "typescript": "^5.6.3",
+    "typescript": "^5.9.3",
     "vite": "^5.4.10",
     "vite-plugin-prismjs": "^0.0.11",
     "vite-plugin-pwa": "^0.20.5",

browser/data-browser/package.json

@@ -1,4 +1,4 @@
-import { StoreContext, Store } from '@tomic/react';
+import { StoreContext, Store, enableYjs } from '@tomic/react';
 
 import { isDev } from './config';
 import { registerHandlers } from './handlers';
@@ -33,6 +33,8 @@ const store = new Store({
   serverUrl,
 });
 
+await enableYjs();
+
 store.parseMetaTags();
 
 declare global {

browser/data-browser/src/App.tsx

@@ -35,15 +35,15 @@ import { MessageContextItem } from './MessageContextItem';
 import { useProcessMessages } from './useProcessMessages';
 import { NoKeyOverlay } from './NoKeyOverlay';
 import { useOpenRouterModels } from './useOpenRouterModels';
-import type { MentionItem } from '@chunks/MarkdownEditor/AIChatInput/types';
+import type { MentionItem } from '@chunks/RTE/AIChatInput/types';
 import { useChat } from '@ai-sdk/react';
 import { useClientOnlyTransport } from './ClientOnlyTransport';
 import { useGenerativeData } from './useGenerativeData';
 import { FollowUpPrompt } from './FollowUpPrompt';
 import { useAISettings } from '@components/AI/AISettingsContext';
 
 const AIChatInput = React.lazy(
-  () => import('@chunks/MarkdownEditor/AIChatInput/AsyncAIChatInput'),
+  () => import('@chunks/RTE/AIChatInput/AsyncAIChatInput'),
 );
 
 interface RealAIChatProps {

browser/data-browser/src/chunks/AI/RealAIChat.tsx

@@ -179,7 +179,9 @@ const AsyncAIChatInput: React.FC<
     [serversWithResources, searchResourcesOfServer, disabled],
   );
 
-  const handleChange = (value: string) => {
+  const handleChange = () => {
+    // @ts-expect-error - markdown is a valid storage
+    const value = editor.storage.markdown.getMarkdown();
     setMarkdown(value);
     markdownRef.current = value;
     onChange(value);