feat: support upgrade AI Max

Author: qinluhe

cypress.config.ts

@@ -1,7 +1,4 @@
 import { defineConfig } from 'cypress';
-import registerCodeCoverageTasks from '@cypress/code-coverage/task';
-
-import { addMatchImageSnapshotPlugin } from 'cypress-image-snapshot/plugin';
 
 export default defineConfig({
   env: {
@@ -16,8 +13,6 @@ export default defineConfig({
       bundler: 'vite',
     },
     setupNodeEvents(on, config) {
-      registerCodeCoverageTasks(on, config);
-      addMatchImageSnapshotPlugin(on, config);
       return config;
     },
     supportFile: 'cypress/support/component.ts',

package.json

@@ -18,8 +18,8 @@
     "coverage": "pnpm run test:unit && pnpm run test:components"
   },
   "dependencies": {
-    "@appflowyinc/ai-chat": "0.0.18",
-    "@appflowyinc/editor": "^0.1.6",
+    "@appflowyinc/ai-chat": "0.1.24",
+    "@appflowyinc/editor": "^0.1.10",
     "@atlaskit/primitives": "^5.5.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",

pnpm-lock.yaml

@@ -2983,6 +2983,21 @@
     "priceIn": "Price in ",
     "free": "Free",
     "pro": "Pro",
+    "getAIMax": "Get AI Max",
+    "upgradeAIMax": "Upgrade to AI Max",
+    "unlock": "Unlock",
+    "AIMax": {
+      "label": "AI Max",
+      "removeTitle": "Remove AI Max",
+      "removeDescription": "Are you sure you want to remove AI Max? You will lose access to the features and benefits of AI Max immediately.",
+      "description": "Access the most advanced AI models including GPT-4o, GPT-o3-mini, DeepSeek R1, and Claude 3.5 Sonnet",
+      "pricing": "per member per month\nbilled annually",
+      "points": {
+        "first": "Unlimited AI responses",
+        "second": "Unlimited file uploads",
+        "third": "50 AI images per month"
+      }
+    },
     "freeDescription": "For individuals up to 2 members to organize everything",
     "proDescription": "For small teams to manage projects and team knowledge",
     "proDuration": {
@@ -3000,15 +3015,17 @@
       "three": "5 GB storage",
       "four": "Intelligent search",
       "five": "10 AI responses",
-      "six": "Mobile app",
-      "seven": "Real-time collaboration"
+      "six": "2 AI images",
+      "seven": "Mobile app",
+      "eight": "Real-time collaboration"
     },
     "proPoints": {
       "first": "Unlimited storage",
       "second": "Up to 10 workspace members",
       "three": "Unlimited AI responses",
-      "four": "Unlimited file uploads",
-      "five": "Custom namespace"
+      "four": "10 AI images per month",
+      "five": "Unlimited file uploads",
+      "six": "Custom namespace"
     },
     "cancelPlan": {
       "title": "Sorry to see you go",

src/@types/translations/en.json

@@ -53,11 +53,12 @@ export const CustomEditor = {
     }).join('\n');
   },
 
-  getSelectionContent(editor: YjsEditor) {
-    const range = editor.selection;
+  getSelectionContent(editor: YjsEditor, range?: Range) {
+    const at = range || editor.selection;
 
-    if(!range) return '';
-    return editor.string(range);
+    if(!at) return '';
+
+    return editor.string(at);
   },
   // Get the text content of a block node, including the text content of its children and formula nodes
   getBlockTextContent(node: Node, depth: number = Infinity): string {

src/application/slate-yjs/command/index.ts

@@ -17,17 +17,17 @@ export function translateYEvents(editor: YjsEditor, events: Array<YEvent>) {
 
   events.forEach((event) => {
     console.log(event.path);
-    if (isEqual(event.path, ['document', 'blocks'])) {
+    if(isEqual(event.path, ['document', 'blocks'])) {
       applyBlocksYEvent(editor, event as BlockMapEvent);
     }
 
-    if (isEqual((event.path), ['document', 'blocks', event.path[2]])) {
+    if(isEqual((event.path), ['document', 'blocks', event.path[2]])) {
       const blockId = event.path[2] as string;
 
       applyUpdateBlockYEvent(editor, blockId, event as YMapEvent<unknown>);
     }
 
-    if (isEqual(event.path, ['document', 'meta', 'text_map', event.path[3]])) {
+    if(isEqual(event.path, ['document', 'meta', 'text_map', event.path[3]])) {
       const textId = event.path[3] as string;
 
       applyTextYEvent(editor, textId, event as YTextEvent);
@@ -42,7 +42,7 @@ function applyUpdateBlockYEvent(editor: YjsEditor, blockId: string, event: YMapE
   const newData = dataStringTOJson(block.get(YjsEditorKey.block_data));
   const entry = findSlateEntryByBlockId(editor, blockId);
 
-  if (!entry) {
+  if(!entry) {
     console.error('Block node not found', blockId);
     return [];
   }
@@ -75,7 +75,7 @@ function applyTextYEvent(editor: YjsEditor, textId: string, event: YTextEvent) {
   });
 
   console.log('=== Applying text Yjs event ===', entry);
-  if (!entry) {
+  if(!entry) {
     console.error('Text node not found', textId);
     return [];
   }
@@ -107,14 +107,14 @@ function applyBlocksYEvent(editor: YjsEditor, event: BlockMapEvent) {
   keysChanged.forEach((key: string) => {
     const value = keys.get(key);
 
-    if (!value) return;
+    if(!value) return;
 
-    if (value.action === 'add') {
+    if(value.action === 'add') {
       handleNewBlock(editor, key, keyPath);
 
-    } else if (value.action === 'delete') {
+    } else if(value.action === 'delete') {
       handleDeleteNode(editor, key);
-    } else if (value.action === 'update') {
+    } else if(value.action === 'update') {
       console.log('=== Applying block update Yjs event ===', key);
     }
   });
@@ -127,7 +127,7 @@ function handleNewBlock(editor: YjsEditor, key: string, keyPath: Record<string,
   const pageId = getPageId(editor.sharedRoot);
   const parent = getBlock(parentId, editor.sharedRoot);
 
-  if (!parent) {
+  if(!parent) {
     console.error('Parent block not found', parentId, block.toJSON());
     return;
   }
@@ -139,11 +139,11 @@ function handleNewBlock(editor: YjsEditor, key: string, keyPath: Record<string,
   const yText = getText(textId, editor.sharedRoot);
   let textNode: Element | undefined;
 
-  if (yText) {
+  if(yText) {
     const delta = yText?.toDelta();
     const slateDelta = delta.flatMap(deltaInsertToSlateNode);
 
-    if (slateDelta.length === 0) {
+    if(slateDelta.length === 0) {
       slateDelta.push({
         text: '',
       });
@@ -158,15 +158,15 @@ function handleNewBlock(editor: YjsEditor, key: string, keyPath: Record<string,
 
   let path = [index];
 
-  if (parentId !== pageId) {
+  if(parentId !== pageId) {
     const [parentEntry] = editor.nodes({
       match: (n) => !Editor.isEditor(n) && Element.isElement(n) && n.blockId === parentId,
       mode: 'all',
       at: [],
     });
 
-    if (!parentEntry) {
-      if (keyPath[parentId]) {
+    if(!parentEntry) {
+      if(keyPath[parentId]) {
         path = [...keyPath[parentId], index + 1];
       } else {
         console.error('Parent block not found', parentId);
@@ -198,7 +198,7 @@ function handleDeleteNode(editor: YjsEditor, key: string) {
     match: (n) => !Editor.isEditor(n) && Element.isElement(n) && n.blockId === key,
   });
 
-  if (!entry) {
+  if(!entry) {
     console.error('Block not found');
     return [];
   }