feat: project management & document editor features on web

frontend/appflowy_web_app/cypress.config.ts

@@ -15,13 +15,14 @@ export default defineConfig({
       framework: 'react',
       bundler: 'vite',
     },
-    setupNodeEvents (on, config) {
+    setupNodeEvents(on, config) {
       registerCodeCoverageTasks(on, config);
       addMatchImageSnapshotPlugin(on, config);
       return config;
     },
     supportFile: 'cypress/support/component.ts',
   },
+  chromeWebSecurity: false,
   retries: {
     // Configure retry attempts for `cypress run`
     // Default is 0

frontend/appflowy_web_app/cypress/support/component.ts

@@ -17,6 +17,7 @@ import 'cypress-real-events';
 
 // Import commands.js using ES2015 syntax:
 import '@cypress/code-coverage/support';
+import 'cypress-real-events/support';
 import './commands';
 import './document';
 

frontend/appflowy_web_app/cypress/support/document.ts

@@ -114,7 +114,7 @@ export class DocumentTest {
       blockText.applyDelta(child.text);
 
       this.textMap.set(blockId, blockText);
-      
+
       const blockChildren = new Y.Array<BlockId>();
 
       this.childrenMap.set(blockId, blockChildren);
@@ -137,7 +137,7 @@ export class DocumentTest {
       children.push({
         type: child.get(YjsEditorKey.block_type),
         data: JSON.parse(child.get(YjsEditorKey.block_data)),
-        text: this.textMap.get(childId).toDelta(),
+        text: this.textMap.get(childId)?.toDelta() || [],
         children: this.toJSONChildren(childId),
       });
     }

frontend/appflowy_web_app/deploy/nginx.conf

@@ -87,6 +87,16 @@ http {
             access_log off;
         }
 
+        location /.well-known/apple-app-site-association {
+            default_type application/json;
+            add_header Cache-Control "public, max-age=3600";
+        }
+
+        location /.well-known/assetlinks.json {
+            default_type application/json;
+            add_header Cache-Control "public, max-age=3600";
+        }
+
         error_page  404 /404.html;
         location = /404.html {
             root   /usr/share/nginx/html;

frontend/appflowy_web_app/package.json

@@ -24,11 +24,13 @@
     "coverage": "pnpm run test:unit && pnpm run test:components"
   },
   "dependencies": {
+    "@appflowyinc/editor": "^0.0.39",
     "@atlaskit/primitives": "^5.5.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
+    "@floating-ui/react": "^0.26.27",
     "@jest/globals": "^29.7.0",
     "@mui/icons-material": "^5.11.11",
     "@mui/material": "6.0.0-alpha.2",
@@ -44,6 +46,7 @@
     "decimal.js": "^10.4.3",
     "dexie": "^4.0.7",
     "dexie-react-hooks": "^1.1.7",
+    "dompurify": "^3.1.7",
     "emoji-mart": "^5.5.2",
     "emoji-regex": "^10.2.1",
     "escape-string-regexp": "^5.0.0",
@@ -62,6 +65,7 @@
     "katex": "^0.16.7",
     "lightgallery": "^2.7.2",
     "lodash-es": "^4.17.21",
+    "mermaid": "^11.4.1",
     "nanoid": "^4.0.0",
     "notistack": "^3.0.1",
     "numeral": "^2.0.6",
@@ -122,6 +126,7 @@
     "@tauri-apps/cli": "^1.5.11",
     "@testing-library/react": "^16.0.0",
     "@types/cypress-image-snapshot": "^3.1.9",
+    "@types/dompurify": "^3.0.5",
     "@types/google-protobuf": "^3.15.12",
     "@types/is-hotkey": "^0.1.7",
     "@types/jest": "^29.5.3",