feat(server): add time context for chat (#11933)

fix AI-84

.cargo/config.toml

@@ -5,7 +5,7 @@ rustflags = ["-C", "target-feature=+crt-static"]
 [target.'cfg(target_os = "linux")']
 rustflags = ["-C", "link-args=-Wl,--warn-unresolved-symbols"]
 [target.'cfg(target_os = "macos")']
-rustflags = ["-C", "link-args=-all_load", "-C", "link-args=-weak_framework ScreenCaptureKit"]
+rustflags = ["-C", "link-args=-Wl,-undefined,dynamic_lookup,-no_fixup_chains", "-C", "link-args=-all_load", "-C", "link-args=-weak_framework ScreenCaptureKit"]
 # https://sourceware.org/bugzilla/show_bug.cgi?id=21032
 # https://sourceware.org/bugzilla/show_bug.cgi?id=21031
 # https://github.com/rust-lang/rust/issues/134820

.devcontainer/Dockerfile

@@ -1,10 +0,0 @@
-FROM mcr.microsoft.com/devcontainers/base:bookworm
-
-USER vscode
-# Install Homebrew For Linux
-RUN /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" && \
-    eval "$(/home/linuxbrew/.linuxbrew/bin/brew shellenv)" && \
-    echo "eval \"\$($(brew --prefix)/bin/brew shellenv)\"" >> /home/vscode/.zshrc && \
-    echo "eval \"\$($(brew --prefix)/bin/brew shellenv)\"" >> /home/vscode/.bashrc && \
-    # Install Graphite
-    brew install withgraphite/tap/graphite && gt --version

.devcontainer/build.sh

@@ -1,10 +1,6 @@
 #!/bin/bash
 # This is a script used by the devcontainer to build the project
 
-#Enable yarn
-corepack enable
-corepack prepare yarn@stable --activate
-
 # install dependencies
 yarn install
 

.devcontainer/devcontainer.json

@@ -1,12 +1,16 @@
 // For format details, see https://aka.ms/devcontainer.json.
 {
-  "name": "Debian",
+  "name": "AFFiNE Dev Container",
   "dockerComposeFile": "docker-compose.yml",
   "service": "app",
   "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  "containerEnv": {
+    "COREPACK_ENABLE_DOWNLOAD_PROMPT": "0"
+  },
   "features": {
     "ghcr.io/devcontainers/features/node:1": {
-      "version": "18"
+      "version": "lts",
+      "installYarnUsingApt": false
     },
     "ghcr.io/devcontainers/features/rust:1": {}
   },
@@ -16,7 +20,7 @@
       "extensions": [
         "ms-playwright.playwright",
         "esbenp.prettier-vscode",
-        "streetsidesoftware.code-spell-checker"
+        "dbaeumer.vscode-eslint"
       ]
     }
   },

.devcontainer/docker-compose.yml

@@ -2,9 +2,7 @@ version: '3.8'
 
 services:
   app:
-    build:
-      context: .
-      dockerfile: Dockerfile
+    image: mcr.microsoft.com/devcontainers/base:bookworm
     volumes:
       - ../..:/workspaces:cached
     command: sleep infinity
@@ -24,8 +22,6 @@ services:
       POSTGRES_DB: affine
   redis:
     image: redis
-    ports:
-      - 6379:6379
 
 volumes:
   postgres-data:

.devcontainer/setup-user.sh

@@ -1,9 +1,9 @@
 set -e
 
+npm install -g @withgraphite/graphite-cli@stable
+
 if [ -v GRAPHITE_TOKEN ];then
     gt auth --token $GRAPHITE_TOKEN
 fi
 
-git fetch origin canary:canary --depth=1
-git branch canary -t origin/canary
 gt init --trunk canary

.docker/selfhost/compose.yml

@@ -44,7 +44,7 @@ services:
 
   redis:
     image: redis
-    container_name: redis
+    container_name: affine_redis
     healthcheck:
       test: ['CMD', 'redis-cli', '--raw', 'incr', 'ping']
       interval: 10s
@@ -54,7 +54,7 @@ services:
 
   postgres:
     image: postgres:16
-    container_name: postgres
+    container_name: affine_postgres
     volumes:
       - ${DB_DATA_LOCATION}:/var/lib/postgresql/data
     environment:

.docker/selfhost/config.example.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://github.com/toeverything/affine/releases/latest/download/config.schema.json",
+  "server": {
+    "name": "AFFiNE Self Hosted Server"
+  }
+}

.docker/selfhost/schema.json

@@ -3,42 +3,6 @@
   "title": "AFFiNE Application Configuration",
   "type": "object",
   "properties": {
-    "redis": {
-      "type": "object",
-      "description": "Configuration for redis module",
-      "properties": {
-        "db": {
-          "type": "number",
-          "description": "The database index of redis server to be used(Must be less than 10).\n@default 0\n@environment `REDIS_DATABASE`",
-          "default": 0
-        },
-        "host": {
-          "type": "string",
-          "description": "The host of the redis server.\n@default \"localhost\"\n@environment `REDIS_HOST`",
-          "default": "localhost"
-        },
-        "port": {
-          "type": "number",
-          "description": "The port of the redis server.\n@default 6379\n@environment `REDIS_PORT`",
-          "default": 6379
-        },
-        "username": {
-          "type": "string",
-          "description": "The username of the redis server.\n@default \"\"\n@environment `REDIS_USERNAME`",
-          "default": ""
-        },
-        "password": {
-          "type": "string",
-          "description": "The password of the redis server.\n@default \"\"\n@environment `REDIS_PASSWORD`",
-          "default": ""
-        },
-        "ioredis": {
-          "type": "object",
-          "description": "The config for the ioredis client.\n@default {}\n@link https://github.com/luin/ioredis",
-          "default": {}
-        }
-      }
-    },
     "metrics": {
       "type": "object",
       "description": "Configuration for metrics module",
@@ -50,25 +14,6 @@
         }
       }
     },
-    "graphql": {
-      "type": "object",
-      "description": "Configuration for graphql module",
-      "properties": {
-        "apolloDriverConfig": {
-          "type": "object",
-          "description": "The config for underlying nestjs GraphQL and apollo driver engine.\n@default {\"buildSchemaOptions\":{\"numberScalarMode\":\"integer\"},\"useGlobalPrefix\":true,\"playground\":true,\"introspection\":true,\"sortSchema\":true}\n@link https://docs.nestjs.com/graphql/quick-start",
-          "default": {
-            "buildSchemaOptions": {
-              "numberScalarMode": "integer"
-            },
-            "useGlobalPrefix": true,
-            "playground": true,
-            "introspection": true,
-            "sortSchema": true
-          }
-        }
-      }
-    },
     "crypto": {
       "type": "object",
       "description": "Configuration for crypto module",
@@ -86,25 +31,20 @@
       "properties": {
         "queue": {
           "type": "object",
-          "description": "The config for job queues\n@default {\"prefix\":\"affine_job\",\"defaultJobOptions\":{\"attempts\":5,\"removeOnComplete\":true,\"removeOnFail\":{\"age\":86400,\"count\":500}}}\n@link https://api.docs.bullmq.io/interfaces/v5.QueueOptions.html",
+          "description": "The config for job queues\n@default {\"attempts\":5,\"removeOnComplete\":true,\"removeOnFail\":{\"age\":86400,\"count\":500}}\n@link https://api.docs.bullmq.io/interfaces/v5.QueueOptions.html",
           "default": {
-            "prefix": "affine_job",
-            "defaultJobOptions": {
-              "attempts": 5,
-              "removeOnComplete": true,
-              "removeOnFail": {
-                "age": 86400,
-                "count": 500
-              }
+            "attempts": 5,
+            "removeOnComplete": true,
+            "removeOnFail": {
+              "age": 86400,
+              "count": 500
             }
           }
         },
         "worker": {
           "type": "object",
-          "description": "The config for job workers\n@default {\"defaultWorkerOptions\":{}}\n@link https://api.docs.bullmq.io/interfaces/v5.WorkerOptions.html",
-          "default": {
-            "defaultWorkerOptions": {}
-          }
+          "description": "The config for job workers\n@default {}\n@link https://api.docs.bullmq.io/interfaces/v5.WorkerOptions.html",
+          "default": {}
         },
         "queues.copilot": {
           "type": "object",
@@ -209,22 +149,6 @@
         }
       }
     },
-    "db": {
-      "type": "object",
-      "description": "Configuration for db module",
-      "properties": {
-        "datasourceUrl": {
-          "type": "string",
-          "description": "The datasource url for the prisma client.\n@default \"postgresql://localhost:5432/affine\"\n@environment `DATABASE_URL`",
-          "default": "postgresql://localhost:5432/affine"
-        },
-        "prisma": {
-          "type": "object",
-          "description": "The config for the prisma client.\n@default {}\n@link https://www.prisma.io/docs/reference/api-reference/prisma-client-reference",
-          "default": {}
-        }
-      }
-    },
     "auth": {
       "type": "object",
       "description": "Configuration for auth module",
@@ -276,11 +200,6 @@
       "type": "object",
       "description": "Configuration for mailer module",
       "properties": {
-        "enabled": {
-          "type": "boolean",
-          "description": "Whether enabled mail service.\n@default false",
-          "default": false
-        },
         "SMTP.host": {
           "type": "string",
           "description": "Host of the email server (e.g. smtp.gmail.com)\n@default \"\"\n@environment `MAILER_HOST`",
@@ -427,6 +346,24 @@
                     "accountId": {
                       "type": "string",
                       "description": "The account id for the cloudflare r2 storage provider."
+                    },
+                    "usePresignedURL": {
+                      "type": "object",
+                      "description": "The presigned url config for the cloudflare r2 storage provider.",
+                      "properties": {
+                        "enabled": {
+                          "type": "boolean",
+                          "description": "Whether to use presigned url for the cloudflare r2 storage provider."
+                        },
+                        "urlPrefix": {
+                          "type": "string",
+                          "description": "The presigned url prefix for the cloudflare r2 storage provider.\nsee https://developers.cloudflare.com/waf/custom-rules/use-cases/configure-token-authentication/ to configure it.\nExample value: \"https://storage.example.com\"\nExample rule: is_timed_hmac_valid_v0(\"your_secret\", http.request.uri, 10800, http.request.timestamp.sec, 6)"
+                        },
+                        "signKey": {
+                          "type": "string",
+                          "description": "The presigned key for the cloudflare r2 storage provider."
+                        }
+                      }
                     }
                   }
                 }
@@ -530,6 +467,24 @@
                     "accountId": {
                       "type": "string",
                       "description": "The account id for the cloudflare r2 storage provider."
+                    },
+                    "usePresignedURL": {
+                      "type": "object",
+                      "description": "The presigned url config for the cloudflare r2 storage provider.",
+                      "properties": {
+                        "enabled": {
+                          "type": "boolean",
+                          "description": "Whether to use presigned url for the cloudflare r2 storage provider."
+                        },
+                        "urlPrefix": {
+                          "type": "string",
+                          "description": "The presigned url prefix for the cloudflare r2 storage provider.\nsee https://developers.cloudflare.com/waf/custom-rules/use-cases/configure-token-authentication/ to configure it.\nExample value: \"https://storage.example.com\"\nExample rule: is_timed_hmac_valid_v0(\"your_secret\", http.request.uri, 10800, http.request.timestamp.sec, 6)"
+                        },
+                        "signKey": {
+                          "type": "string",
+                          "description": "The presigned key for the cloudflare r2 storage provider."
+                        }
+                      }
                     }
                   }
                 }
@@ -557,8 +512,8 @@
         },
         "externalUrl": {
           "type": "string",
-          "description": "Base url of AFFiNE server, used for generating external urls.\nDefault to be `[server.protocol]://[server.host][:server.port]` if not specified.\n    \n@default \"http://localhost:3010\"\n@environment `AFFINE_SERVER_EXTERNAL_URL`",
-          "default": "http://localhost:3010"
+          "description": "Base url of AFFiNE server, used for generating external urls.\nDefault to be `[server.protocol]://[server.host][:server.port]` if not specified.\n    \n@default \"\"\n@environment `AFFINE_SERVER_EXTERNAL_URL`",
+          "default": ""
         },
         "https": {
           "type": "boolean",
@@ -593,6 +548,17 @@
         }
       }
     },
+    "docService": {
+      "type": "object",
+      "description": "Configuration for docService module",
+      "properties": {
+        "endpoint": {
+          "type": "string",
+          "description": "The endpoint of the doc service.\n@default \"\"\n@environment `DOC_SERVICE_ENDPOINT`",
+          "default": ""
+        }
+      }
+    },
     "client": {
       "type": "object",
       "description": "Configuration for client module",
@@ -765,6 +731,24 @@
                     "accountId": {
                       "type": "string",
                       "description": "The account id for the cloudflare r2 storage provider."
+                    },
+                    "usePresignedURL": {
+                      "type": "object",
+                      "description": "The presigned url config for the cloudflare r2 storage provider.",
+                      "properties": {
+                        "enabled": {
+                          "type": "boolean",
+                          "description": "Whether to use presigned url for the cloudflare r2 storage provider."
+                        },
+                        "urlPrefix": {
+                          "type": "string",
+                          "description": "The presigned url prefix for the cloudflare r2 storage provider.\nsee https://developers.cloudflare.com/waf/custom-rules/use-cases/configure-token-authentication/ to configure it.\nExample value: \"https://storage.example.com\"\nExample rule: is_timed_hmac_valid_v0(\"your_secret\", http.request.uri, 10800, http.request.timestamp.sec, 6)"
+                        },
+                        "signKey": {
+                          "type": "string",
+                          "description": "The presigned key for the cloudflare r2 storage provider."
+                        }
+                      }
                     }
                   }
                 }
@@ -877,7 +861,7 @@
         },
         "stripe": {
           "type": "object",
-          "description": "Stripe API keys\n@default {}\n@link https://docs.stripe.com/api",
+          "description": "Stripe sdk options\n@default {}\n@link https://docs.stripe.com/api",
           "default": {}
         }
       }

.github/actions/deploy/deploy.mjs

@@ -10,6 +10,7 @@ const {
   DATABASE_USERNAME,
   DATABASE_PASSWORD,
   DATABASE_NAME,
+  GCLOUD_CONNECTION_NAME,
   CLOUD_SQL_IAM_ACCOUNT,
   APP_IAM_ACCOUNT,
   REDIS_SERVER_HOST,
@@ -71,6 +72,7 @@ const createHelmCommand = ({ isDryRun }) => {
     isProduction || isBeta || isInternal
       ? [
           `--set        cloud-sql-proxy.enabled=true`,
+          `--set-string cloud-sql-proxy.database.connectionName="${GCLOUD_CONNECTION_NAME}"`,
           `--set-string global.database.host=${DATABASE_URL}`,
           `--set-string global.database.user=${DATABASE_USERNAME}`,
           `--set-string global.database.password=${DATABASE_PASSWORD}`,

.github/helm/affine/Chart.yaml

@@ -3,4 +3,4 @@ name: affine
 description: AFFiNE cloud chart
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.21.0"

.github/helm/affine/charts/gcloud-sql-proxy/values.yaml

@@ -1,5 +1,7 @@
 replicaCount: 3
 enabled: false
+database: 
+  connectionName: ""
 
 image:
   # the tag is defined as chart appVersion.

.github/helm/affine/charts/graphql/Chart.yaml

@@ -3,7 +3,7 @@ name: graphql
 description: AFFiNE GraphQL server
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.21.0"
 dependencies:
   - name: gcloud-sql-proxy
     version: 0.0.0

.github/helm/affine/charts/sync/Chart.yaml

@@ -3,7 +3,7 @@ name: sync
 description: AFFiNE Sync Server
 type: application
 version: 0.0.0
-appVersion: "0.20.0"
+appVersion: "0.21.0"
 dependencies:
   - name: gcloud-sql-proxy
     version: 0.0.0

.github/workflows/build-test.yml

@@ -218,7 +218,43 @@ jobs:
         if: always()
         uses: actions/upload-artifact@v4
         with:
-          name: test-results-e2e-legacy-bs-${{ matrix.shard }}
+          name: test-results-e2e-bs-${{ matrix.shard }}
+          path: ./test-results
+          if-no-files-found: ignore
+
+  e2e-blocksuite-cross-browser-test:
+    name: E2E BlockSuite Cross Browser Test
+    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
+    strategy:
+      fail-fast: false
+      matrix:
+        shard: [1, 2]
+        browser: ['chromium', 'firefox', 'webkit']
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: ./.github/actions/setup-node
+        with:
+          playwright-install: true
+          playwright-platform: ${{ matrix.browser }}
+          electron-install: false
+          full-cache: true
+
+      - name: Run playground build
+        run: yarn workspace @blocksuite/playground build
+
+      - name: Run playwright tests
+        env:
+          BROWSER: ${{ matrix.browser }}
+        run: yarn workspace @affine-test/blocksuite test "cross-platform/" --forbid-only --shard=${{ matrix.shard }}/${{ strategy.job-total }}
+
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-results-e2e-bs-cross-browser-${{ matrix.browser }}-${{ matrix.shard }}
           path: ./test-results
           if-no-files-found: ignore
 
@@ -752,8 +788,8 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        shardIndex: [1, 2, 3]
-        shardTotal: [3]
+        shardIndex: [1, 2, 3, 4, 5, 6, 7, 8]
+        shardTotal: [8]
     needs:
       - build-server-native
     services:
@@ -791,6 +827,8 @@ jobs:
         with:
           filters: |
             changed:
+              - 'packages/backend/server/src/plugins/copilot/**'
+              - 'packages/backend/server/tests/copilot.*'
               - 'packages/frontend/core/src/blocksuite/ai/**'
               - 'tests/affine-cloud-copilot/**'
 
@@ -1139,6 +1177,7 @@ jobs:
       - check-yarn-binary
       - e2e-test
       - e2e-blocksuite-test
+      - e2e-blocksuite-cross-browser-test
       - e2e-mobile-test
       - unit-test
       - build-native

.github/workflows/copilot-test.yml

@@ -108,8 +108,8 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        shardIndex: [1, 2, 3]
-        shardTotal: [3]
+        shardIndex: [1, 2, 3, 4, 5, 6, 7, 8]
+        shardTotal: [8]
     needs:
       - build-server-native
     services:

.github/workflows/deploy.yml

@@ -92,34 +92,16 @@ jobs:
           APP_VERSION: ${{ steps.version.outputs.APP_VERSION }}
           DEPLOY_HOST: ${{ secrets.DEPLOY_HOST }}
           CANARY_DEPLOY_HOST: ${{ secrets.CANARY_DEPLOY_HOST }}
-          R2_ACCOUNT_ID: ${{ secrets.R2_ACCOUNT_ID }}
-          R2_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          R2_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-          CAPTCHA_TURNSTILE_SECRET: ${{ secrets.CAPTCHA_TURNSTILE_SECRET }}
-          COPILOT_OPENAI_API_KEY: ${{ secrets.COPILOT_OPENAI_API_KEY }}
-          COPILOT_FAL_API_KEY: ${{ secrets.COPILOT_FAL_API_KEY }}
-          COPILOT_GOOGLE_API_KEY: ${{ secrets.COPILOT_GOOGLE_API_KEY }}
-          COPILOT_PERPLEXITY_API_KEY: ${{ secrets.COPILOT_PERPLEXITY_API_KEY }}
-          COPILOT_UNSPLASH_API_KEY: ${{ secrets.COPILOT_UNSPLASH_API_KEY }}
-          METRICS_CUSTOMER_IO_TOKEN: ${{ secrets.METRICS_CUSTOMER_IO_TOKEN }}
-          MAILER_SENDER: ${{ secrets.OAUTH_EMAIL_SENDER }}
-          MAILER_USER: ${{ secrets.OAUTH_EMAIL_LOGIN }}
-          MAILER_PASSWORD: ${{ secrets.OAUTH_EMAIL_PASSWORD }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          AFFINE_GOOGLE_CLIENT_ID: ${{ secrets.AFFINE_GOOGLE_CLIENT_ID }}
-          AFFINE_GOOGLE_CLIENT_SECRET: ${{ secrets.AFFINE_GOOGLE_CLIENT_SECRET }}
           DATABASE_URL: ${{ secrets.DATABASE_URL }}
           DATABASE_USERNAME: ${{ secrets.DATABASE_USERNAME }}
           DATABASE_PASSWORD: ${{ secrets.DATABASE_PASSWORD }}
           DATABASE_NAME: ${{ secrets.DATABASE_NAME }}
           GCLOUD_CONNECTION_NAME: ${{ secrets.GCLOUD_CONNECTION_NAME }}
-          GCLOUD_CLOUD_SQL_INTERNAL_ENDPOINT: ${{ secrets.GCLOUD_CLOUD_SQL_INTERNAL_ENDPOINT }}
           REDIS_SERVER_HOST: ${{ secrets.REDIS_SERVER_HOST }}
           REDIS_SERVER_PASSWORD: ${{ secrets.REDIS_SERVER_PASSWORD }}
           CLOUD_SQL_IAM_ACCOUNT: ${{ secrets.CLOUD_SQL_IAM_ACCOUNT }}
           APP_IAM_ACCOUNT: ${{ secrets.APP_IAM_ACCOUNT }}
-          STRIPE_API_KEY: ${{ secrets.STRIPE_API_KEY }}
-          STRIPE_WEBHOOK_KEY: ${{ secrets.STRIPE_WEBHOOK_KEY }}
           STATIC_IP_NAME: ${{ secrets.STATIC_IP_NAME }}
 
   deploy-done:

.github/workflows/release-desktop.yml

@@ -142,11 +142,19 @@ jobs:
           # some flatpak deps need git protocol.file.allow
           git config --global protocol.file.allow always
 
+      - name: Remove nbstore node_modules
+        shell: bash
+        # node_modules of nbstore is not needed for building, and it will make the build process out of memory
+        run: |
+          rm -rf packages/frontend/apps/electron/node_modules/@affine/nbstore/node_modules/@blocksuite
+          rm -rf packages/frontend/apps/electron/node_modules/@affine/native/node_modules
+
       - name: make
         run: yarn affine @affine/electron make --platform=${{ matrix.spec.platform }} --arch=${{ matrix.spec.arch }}
         env:
           SKIP_WEB_BUILD: 1
           HOIST_NODE_MODULES: 1
+          NODE_OPTIONS: --max-old-space-size=14384
 
       - name: signing DMG
         if: ${{ matrix.spec.platform == 'darwin' }}
@@ -240,11 +248,20 @@ jobs:
       - name: Build Desktop Layers
         run: yarn affine @affine/electron build
 
+      - name: Remove nbstore node_modules
+        shell: bash
+        # node_modules of nbstore is not needed for building, and it will make the build process out of memory
+        run: |
+          rm -rf packages/frontend/apps/electron/node_modules/@affine/nbstore/node_modules/@blocksuite
+          rm -rf packages/frontend/apps/electron/node_modules/@affine/native/node_modules
+
       - name: package
-        run: yarn affine @affine/electron package --platform=${{ matrix.spec.platform }} --arch=${{ matrix.spec.arch }}
+        run: |
+          yarn affine @affine/electron package --platform=${{ matrix.spec.platform }} --arch=${{ matrix.spec.arch }}
         env:
           SKIP_WEB_BUILD: 1
           HOIST_NODE_MODULES: 1
+          NODE_OPTIONS: --max-old-space-size=14384
 
       - name: get all files to be signed
         id: get_files_to_be_signed
@@ -443,6 +460,7 @@ jobs:
         run: |
           cp ./.docker/selfhost/compose.yml ./release/docker-compose.yml
           cp ./.docker/selfhost/.env.example ./release/.env.example
+          cp ./.docker/selfhost/schema.json ./release/config.schema.json
       - name: Generate Release yml
         run: |
           node ./scripts/generate-release-yml.mjs

.github/workflows/release-mobile.yml

@@ -117,10 +117,31 @@ jobs:
           name: android
           path: packages/frontend/apps/android/dist
 
-  ios:
-    runs-on: namespace-profile-macos
+  determine-ios-runner:
+    runs-on: ubuntu-latest
     needs:
       - build-ios-web
+    outputs:
+      RUNNER: ${{ steps.runner.outputs.RUNNER }}
+    steps:
+      - name: Determine Runner
+        id: runner
+        # Randomly pick runner with 80% chance for blaze/macos-14 and 20% chance for namespace-profile-macos
+        # blaze/macos-14 is free but has limited concurrency
+        run: |
+          RANDOM_NUMBER=$(( $RANDOM % 100 + 1 ))
+          if [ $RANDOM_NUMBER -le 20 ]; then
+            echo "Selected namespace-profile-macos (20% probability)"
+            echo "RUNNER=namespace-profile-macos" >> $GITHUB_OUTPUT
+          else
+            echo "Selected blaze/macos-14 (80% probability)"
+            echo "RUNNER=blaze/macos-14" >> $GITHUB_OUTPUT
+          fi
+
+  ios:
+    runs-on: ${{ github.ref_name == 'canary' && 'macos-latest' || needs.determine-ios-runner.outputs.RUNNER }}
+    needs:
+      - determine-ios-runner
     steps:
       - uses: actions/checkout@v4
       - name: Download mobile artifact

.gitignore

@@ -85,3 +85,6 @@ packages/frontend/core/public/static/templates
 af
 af.cmd
 *.resolved
+
+# playwright
+storageState.json

.vscode/launch.template.json

@@ -29,10 +29,7 @@
       "type": "chrome",
       "request": "launch",
       "name": "Debug AFFiNE Web",
-      "url": "http://localhost:8080",
-      "sourceMapPathOverrides": {
-        "webpack://affine/blocksuite/*": "${workspaceFolder}/blocksuite/*"
-      }
+      "url": "http://localhost:8080"
     }
   ]
 }

.yarnrc.yml

@@ -12,4 +12,4 @@ npmPublishAccess: public
 
 npmPublishRegistry: "https://registry.npmjs.org"
 
-yarnPath: .yarn/releases/yarn-4.8.0.cjs
+yarnPath: .yarn/releases/yarn-4.9.1.cjs

Cargo.toml

@@ -31,7 +31,6 @@ homedir                = "0.3"
 infer                  = { version = "0.19.0" }
 libc                   = "0.2"
 mimalloc               = "0.1"
-mp3lame-encoder        = "0.2"
 napi                   = { version = "3.0.0-alpha.31", features = ["async", "chrono_date", "error_anyhow", "napi9", "serde"] }
 napi-build             = { version = "2" }
 napi-derive            = { version = "3.0.0-alpha.28" }
@@ -41,7 +40,7 @@ objc2-foundation       = "0.3"
 once_cell              = "1"
 parking_lot            = "0.12"
 path-ext               = "0.1.1"
-pdf-extract            = { git = "https://github.com/toeverything/pdf-extract" }
+pdf-extract            = { git = "https://github.com/toeverything/pdf-extract", branch = "darksky/improve-font-decoding" }
 rand                   = "0.9"
 rayon                  = "1.10"
 readability            = { version = "0.3.0", default-features = false }
@@ -66,7 +65,7 @@ tree-sitter-java       = { version = "0.23" }
 tree-sitter-javascript = { version = "0.23" }
 tree-sitter-kotlin-ng  = { version = "1.1" }
 tree-sitter-python     = { version = "0.23" }
-tree-sitter-rust       = { version = "0.23" }
+tree-sitter-rust       = { version = "0.24" }
 tree-sitter-scala      = { version = "0.23" }
 tree-sitter-typescript = { version = "0.23" }
 uniffi                 = "0.29"
@@ -83,3 +82,7 @@ codegen-units = 1
 lto           = true
 opt-level     = 3
 strip         = "symbols"
+
+# android uniffi bindgen requires symbols
+[profile.release.package.affine_mobile_native]
+strip         = "none"

README.md

@@ -21,6 +21,23 @@
 <br/>
 <br/>
 
+<div align="left" valign="middle">
+<a href="https://runblaze.dev">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://www.runblaze.dev/logo_dark.png">
+   <img align="right" src="https://www.runblaze.dev/logo_light.png" height="102px"/>
+ </picture>
+</a>
+
+<br style="display: none;"/>
+
+_Special thanks to [Blaze](https://runblaze.dev) for their support of this project. They provide high-performance Apple Silicon macOS and Linux (AMD64 & ARM64) runners for GitHub Actions, greatly reducing our automated build times._
+
+</div>
+
+<br/>
+<br/>
+
 <div align="center">
     <a href="https://affine.pro">Home Page</a> |
     <a href="https://affine.pro/redirect/discord">Discord</a> |
@@ -160,7 +177,6 @@ We would also like to give thanks to open-source projects that make AFFiNE possi
 - [Jotai](https://github.com/pmndrs/jotai) - Primitive and flexible state management for React.
 - [async-call-rpc](https://github.com/Jack-Works/async-call-rpc) - A lightweight JSON RPC client & server.
 - [Vite](https://github.com/vitejs/vite) - Next generation frontend tooling.
-- [lame](https://lame.sourceforge.io/) - High quality MPEG Audio Layer III (MP3) encoder.
 - Other upstream [dependencies](https://github.com/toeverything/AFFiNE/network/dependencies).
 
 Thanks a lot to the community for providing such powerful and simple libraries, so that we can focus more on the implementation of the product logic, and we hope that in the future our projects will also provide a more easy-to-use knowledge base for everyone.

blocksuite/affine/all/package.json

@@ -39,6 +39,7 @@
     "@blocksuite/affine-gfx-mindmap": "workspace:*",
     "@blocksuite/affine-gfx-note": "workspace:*",
     "@blocksuite/affine-gfx-shape": "workspace:*",
+    "@blocksuite/affine-gfx-template": "workspace:*",
     "@blocksuite/affine-gfx-text": "workspace:*",
     "@blocksuite/affine-gfx-turbo-renderer": "workspace:*",
     "@blocksuite/affine-inline-footnote": "workspace:*",
@@ -54,6 +55,8 @@
     "@blocksuite/affine-widget-edgeless-auto-connect": "workspace:*",
     "@blocksuite/affine-widget-edgeless-toolbar": "workspace:*",
     "@blocksuite/affine-widget-frame-title": "workspace:*",
+    "@blocksuite/affine-widget-keyboard-toolbar": "workspace:*",
+    "@blocksuite/affine-widget-linked-doc": "workspace:*",
     "@blocksuite/affine-widget-remote-selection": "workspace:*",
     "@blocksuite/affine-widget-scroll-anchoring": "workspace:*",
     "@blocksuite/affine-widget-slash-menu": "workspace:*",
@@ -114,10 +117,12 @@
     "./widgets/edgeless-auto-connect": "./src/widgets/edgeless-auto-connect.ts",
     "./widgets/edgeless-toolbar": "./src/widgets/edgeless-toolbar.ts",
     "./widgets/frame-title": "./src/widgets/frame-title.ts",
+    "./widgets/linked-doc": "./src/widgets/linked-doc.ts",
     "./widgets/remote-selection": "./src/widgets/remote-selection.ts",
     "./widgets/scroll-anchoring": "./src/widgets/scroll-anchoring.ts",
     "./widgets/slash-menu": "./src/widgets/slash-menu.ts",
     "./widgets/toolbar": "./src/widgets/toolbar.ts",
+    "./widgets/keyboard-toolbar": "./src/widgets/keyboard-toolbar.ts",
     "./fragments/doc-title": "./src/fragments/doc-title.ts",
     "./fragments/frame-panel": "./src/fragments/frame-panel.ts",
     "./fragments/outline": "./src/fragments/outline.ts",
@@ -128,6 +133,7 @@
     "./gfx/mindmap": "./src/gfx/mindmap.ts",
     "./gfx/connector": "./src/gfx/connector.ts",
     "./gfx/group": "./src/gfx/group.ts",
+    "./gfx/template": "./src/gfx/template.ts",
     "./gfx/turbo-renderer": "./src/gfx/turbo-renderer.ts",
     "./components/block-selection": "./src/components/block-selection.ts",
     "./components/block-zero-width": "./src/components/block-zero-width.ts",
@@ -178,9 +184,9 @@
     "!src/__tests__",
     "!dist/__tests__"
   ],
-  "version": "0.20.0",
+  "version": "0.21.0",
   "devDependencies": {
     "@vanilla-extract/vite-plugin": "^5.0.0",
-    "vitest": "3.0.9"
+    "vitest": "3.1.1"
   }
 }

blocksuite/affine/all/src/__tests__/adapters/markdown.unit.spec.ts

@@ -2448,203 +2448,262 @@ World!
 });
 
 describe('markdown to snapshot', () => {
-  test('code', async () => {
-    const markdown = '```python\nimport this\n```\n';
+  describe('code', () => {
+    test('markdown code block', async () => {
+      const markdown = '```python\nimport this\n```\n';
 
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:code',
-          props: {
-            language: 'python',
-            wrap: false,
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: 'import this',
-                },
-              ],
-            },
-          },
-          children: [],
+      const blockSnapshot: BlockSnapshot = {
+        type: 'block',
+        id: 'matchesReplaceMap[0]',
+        flavour: 'affine:note',
+        props: {
+          xywh: '[0,0,800,95]',
+          background: DefaultTheme.noteBackgrounColor,
+          index: 'a0',
+          hidden: false,
+          displayMode: NoteDisplayMode.DocAndEdgeless,
         },
-      ],
-    };
-
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-      file: markdown,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
-  test('code with indentation 1 - slice', async () => {
-    const markdown = '```python\n    import this\n```';
-
-    const sliceSnapshot: SliceSnapshot = {
-      type: 'slice',
-      content: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[0]',
-          flavour: 'affine:note',
-          props: {
-            xywh: '[0,0,800,95]',
-            background: DefaultTheme.noteBackgrounColor,
-            index: 'a0',
-            hidden: false,
-            displayMode: 'both',
-          },
-          children: [
-            {
-              type: 'block',
-              id: 'matchesReplaceMap[1]',
-              flavour: 'affine:code',
-              props: {
-                language: 'python',
-                wrap: false,
-                text: {
-                  '$blocksuite:internal:text$': true,
-                  delta: [
-                    {
-                      insert: '    import this',
-                    },
-                  ],
-                },
+        children: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[1]',
+            flavour: 'affine:code',
+            props: {
+              language: 'python',
+              wrap: false,
+              text: {
+                '$blocksuite:internal:text$': true,
+                delta: [
+                  {
+                    insert: 'import this',
+                  },
+                ],
               },
-              children: [],
             },
-          ],
-        },
-      ],
-      workspaceId: '',
-      pageId: '',
-    };
-
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
-      file: markdown,
-      workspaceId: '',
-      pageId: '',
-    });
-    expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
-  });
-
-  test('code with indentation 2 - slice', async () => {
-    const markdown = '````python\n```python\n    import this\n```\n````';
-
-    const sliceSnapshot: SliceSnapshot = {
-      type: 'slice',
-      content: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[0]',
-          flavour: 'affine:note',
-          props: {
-            xywh: '[0,0,800,95]',
-            background: DefaultTheme.noteBackgrounColor,
-            index: 'a0',
-            hidden: false,
-            displayMode: 'both',
+            children: [],
           },
-          children: [
-            {
-              type: 'block',
-              id: 'matchesReplaceMap[1]',
-              flavour: 'affine:code',
-              props: {
-                language: 'python',
-                wrap: false,
-                text: {
-                  '$blocksuite:internal:text$': true,
-                  delta: [
-                    {
-                      insert: '```python\n    import this\n```',
-                    },
-                  ],
-                },
-              },
-              children: [],
-            },
-          ],
-        },
-      ],
-      workspaceId: '',
-      pageId: '',
-    };
+        ],
+      };
 
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
-      file: markdown,
-      workspaceId: '',
-      pageId: '',
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
+        file: markdown,
+      });
+      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
     });
-    expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
-  });
 
-  test('code with indentation 3 - slice', async () => {
-    const markdown = '~~~~python\n````python\n    import this\n````\n~~~~';
+    test('code with indentation 1 - slice', async () => {
+      const markdown = '```python\n    import this\n```';
 
-    const sliceSnapshot: SliceSnapshot = {
-      type: 'slice',
-      content: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[0]',
-          flavour: 'affine:note',
-          props: {
-            xywh: '[0,0,800,95]',
-            background: DefaultTheme.noteBackgrounColor,
-            index: 'a0',
-            hidden: false,
-            displayMode: 'both',
+      const sliceSnapshot: SliceSnapshot = {
+        type: 'slice',
+        content: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[0]',
+            flavour: 'affine:note',
+            props: {
+              xywh: '[0,0,800,95]',
+              background: DefaultTheme.noteBackgrounColor,
+              index: 'a0',
+              hidden: false,
+              displayMode: 'both',
+            },
+            children: [
+              {
+                type: 'block',
+                id: 'matchesReplaceMap[1]',
+                flavour: 'affine:code',
+                props: {
+                  language: 'python',
+                  wrap: false,
+                  text: {
+                    '$blocksuite:internal:text$': true,
+                    delta: [
+                      {
+                        insert: '    import this',
+                      },
+                    ],
+                  },
+                },
+                children: [],
+              },
+            ],
           },
-          children: [
-            {
-              type: 'block',
-              id: 'matchesReplaceMap[1]',
-              flavour: 'affine:code',
-              props: {
-                language: 'python',
-                wrap: false,
-                text: {
-                  '$blocksuite:internal:text$': true,
-                  delta: [
-                    {
-                      insert: '````python\n    import this\n````',
-                    },
-                  ],
-                },
-              },
-              children: [],
-            },
-          ],
-        },
-      ],
-      workspaceId: '',
-      pageId: '',
-    };
+        ],
+        workspaceId: '',
+        pageId: '',
+      };
 
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
-      file: markdown,
-      workspaceId: '',
-      pageId: '',
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
+        file: markdown,
+        workspaceId: '',
+        pageId: '',
+      });
+      expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
+    });
+
+    test('code with indentation 2 - slice', async () => {
+      const markdown = '````python\n```python\n    import this\n```\n````';
+
+      const sliceSnapshot: SliceSnapshot = {
+        type: 'slice',
+        content: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[0]',
+            flavour: 'affine:note',
+            props: {
+              xywh: '[0,0,800,95]',
+              background: DefaultTheme.noteBackgrounColor,
+              index: 'a0',
+              hidden: false,
+              displayMode: 'both',
+            },
+            children: [
+              {
+                type: 'block',
+                id: 'matchesReplaceMap[1]',
+                flavour: 'affine:code',
+                props: {
+                  language: 'python',
+                  wrap: false,
+                  text: {
+                    '$blocksuite:internal:text$': true,
+                    delta: [
+                      {
+                        insert: '```python\n    import this\n```',
+                      },
+                    ],
+                  },
+                },
+                children: [],
+              },
+            ],
+          },
+        ],
+        workspaceId: '',
+        pageId: '',
+      };
+
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
+        file: markdown,
+        workspaceId: '',
+        pageId: '',
+      });
+      expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
+    });
+
+    test('code with indentation 3 - slice', async () => {
+      const markdown = '~~~~python\n````python\n    import this\n````\n~~~~';
+
+      const sliceSnapshot: SliceSnapshot = {
+        type: 'slice',
+        content: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[0]',
+            flavour: 'affine:note',
+            props: {
+              xywh: '[0,0,800,95]',
+              background: DefaultTheme.noteBackgrounColor,
+              index: 'a0',
+              hidden: false,
+              displayMode: 'both',
+            },
+            children: [
+              {
+                type: 'block',
+                id: 'matchesReplaceMap[1]',
+                flavour: 'affine:code',
+                props: {
+                  language: 'python',
+                  wrap: false,
+                  text: {
+                    '$blocksuite:internal:text$': true,
+                    delta: [
+                      {
+                        insert: '````python\n    import this\n````',
+                      },
+                    ],
+                  },
+                },
+                children: [],
+              },
+            ],
+          },
+        ],
+        workspaceId: '',
+        pageId: '',
+      };
+
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
+        file: markdown,
+        workspaceId: '',
+        pageId: '',
+      });
+      expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
+    });
+
+    test('html block import as code block', async () => {
+      const markdown = `<div class="container">
+  <header>
+    <h1>Welcome to My Page</h1>
+    <nav>
+      <ul>
+        <li><a href="#home">Home</a></li>
+        <li><a href="#about">About</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <p>This is a sample HTML content</p>
+  </main>
+</div>`;
+
+      const blockSnapshot: BlockSnapshot = {
+        type: 'block',
+        id: 'matchesReplaceMap[0]',
+        flavour: 'affine:note',
+        props: {
+          xywh: '[0,0,800,95]',
+          background: DefaultTheme.noteBackgrounColor,
+          index: 'a0',
+          hidden: false,
+          displayMode: NoteDisplayMode.DocAndEdgeless,
+        },
+        children: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[1]',
+            flavour: 'affine:code',
+            props: {
+              language: 'html',
+              wrap: false,
+              text: {
+                '$blocksuite:internal:text$': true,
+                delta: [
+                  {
+                    insert:
+                      '<div class="container">\n  <header>\n    <h1>Welcome to My Page</h1>\n    <nav>\n      <ul>\n        <li><a href="#home">Home</a></li>\n        <li><a href="#about">About</a></li>\n      </ul>\n    </nav>\n  </header>\n  <main>\n    <p>This is a sample HTML content</p>\n  </main>\n</div>',
+                  },
+                ],
+              },
+            },
+            children: [],
+          },
+        ],
+      };
+
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
+        file: markdown,
+      });
+      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
     });
-    expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
   });
 
   test('paragraph', async () => {
@@ -3638,130 +3697,137 @@ bbb
     expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
   });
 
-  test('html tag', async () => {
-    const markdown = `<aaa>\n`;
-
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: '<aaa>',
-                },
-              ],
-            },
-            type: 'text',
-          },
-          children: [],
+  describe('inline latex', () => {
+    test.each([
+      ['dollar sign syntax', 'inline $E=mc^2$ latex\n'],
+      ['backslash syntax', 'inline \\(E=mc^2\\) latex\n'],
+    ])('should convert %s correctly', async (_, markdown) => {
+      const blockSnapshot: BlockSnapshot = {
+        type: 'block',
+        id: 'matchesReplaceMap[0]',
+        flavour: 'affine:note',
+        props: {
+          xywh: '[0,0,800,95]',
+          background: DefaultTheme.noteBackgrounColor,
+          index: 'a0',
+          hidden: false,
+          displayMode: NoteDisplayMode.DocAndEdgeless,
         },
-      ],
-    };
-
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-      file: markdown,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
-  test('inline latex', async () => {
-    const markdown = 'inline $E=mc^2$ latex\n';
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: 'inline ',
-                },
-                {
-                  insert: ' ',
-                  attributes: {
-                    latex: 'E=mc^2',
+        children: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[1]',
+            flavour: 'affine:paragraph',
+            props: {
+              type: 'text',
+              text: {
+                '$blocksuite:internal:text$': true,
+                delta: [
+                  {
+                    insert: 'inline ',
                   },
-                },
-                {
-                  insert: ' latex',
-                },
-              ],
+                  {
+                    insert: ' ',
+                    attributes: {
+                      latex: 'E=mc^2',
+                    },
+                  },
+                  {
+                    insert: ' latex',
+                  },
+                ],
+              },
             },
+            children: [],
           },
-          children: [],
-        },
-      ],
-    };
+        ],
+      };
 
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-      file: markdown,
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
+        file: markdown,
+      });
+      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
     });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
   });
 
-  test('latex block', async () => {
-    const markdown = '$$\nE=mc^2\n$$\n';
-
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:latex',
-          props: {
-            latex: 'E=mc^2',
-          },
-          children: [],
+  describe('latex block', () => {
+    test.each([
+      ['dollar sign syntax', '$$\nE=mc^2\n$$\n'],
+      ['backslash syntax', '\\[\nE=mc^2\n\\]\n'],
+    ])('should convert %s correctly', async (_, markdown) => {
+      const blockSnapshot: BlockSnapshot = {
+        type: 'block',
+        id: 'matchesReplaceMap[0]',
+        flavour: 'affine:note',
+        props: {
+          xywh: '[0,0,800,95]',
+          background: DefaultTheme.noteBackgrounColor,
+          index: 'a0',
+          hidden: false,
+          displayMode: NoteDisplayMode.DocAndEdgeless,
         },
-      ],
-    };
+        children: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[1]',
+            flavour: 'affine:latex',
+            props: {
+              latex: 'E=mc^2',
+            },
+            children: [],
+          },
+        ],
+      };
 
-    const mdAdapter = new MarkdownAdapter(createJob(), provider);
-    const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-      file: markdown,
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
+        file: markdown,
+      });
+      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
+    });
+
+    test('escapes dollar signs followed by a digit or space and digit', async () => {
+      const markdown =
+        'The price of the T-shirt is $9.15 and the price of the hat is $ 8\n';
+      const blockSnapshot: BlockSnapshot = {
+        type: 'block',
+        id: 'matchesReplaceMap[0]',
+        flavour: 'affine:note',
+        props: {
+          xywh: '[0,0,800,95]',
+          background: DefaultTheme.noteBackgrounColor,
+          index: 'a0',
+          hidden: false,
+          displayMode: NoteDisplayMode.DocAndEdgeless,
+        },
+        children: [
+          {
+            type: 'block',
+            id: 'matchesReplaceMap[1]',
+            flavour: 'affine:paragraph',
+            props: {
+              type: 'text',
+              text: {
+                '$blocksuite:internal:text$': true,
+                delta: [
+                  {
+                    insert:
+                      'The price of the T-shirt is $9.15 and the price of the hat is $ 8',
+                  },
+                ],
+              },
+            },
+            children: [],
+          },
+        ],
+      };
+      const mdAdapter = new MarkdownAdapter(createJob(), provider);
+      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
+        file: markdown,
+      });
+      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
     });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
   });
 
   test('reference', async () => {
@@ -4042,4 +4108,55 @@ hhh
     });
     expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
   });
+
+  test('should not wrap url with angle brackets if it is not a url', async () => {
+    const markdown = 'prompt: How many people will live in the world in 2040?';
+    const sliceSnapshot: SliceSnapshot = {
+      type: 'slice',
+      content: [
+        {
+          type: 'block',
+          id: 'matchesReplaceMap[0]',
+          flavour: 'affine:note',
+          props: {
+            xywh: '[0,0,800,95]',
+            background: DefaultTheme.noteBackgrounColor,
+            index: 'a0',
+            hidden: false,
+            displayMode: NoteDisplayMode.DocAndEdgeless,
+          },
+          children: [
+            {
+              type: 'block',
+              id: 'matchesReplaceMap[1]',
+              flavour: 'affine:paragraph',
+              props: {
+                type: 'text',
+                text: {
+                  '$blocksuite:internal:text$': true,
+                  delta: [
+                    {
+                      insert:
+                        'prompt: How many people will live in the world in 2040?',
+                    },
+                  ],
+                },
+              },
+              children: [],
+            },
+          ],
+        },
+      ],
+      workspaceId: '',
+      pageId: '',
+    };
+
+    const mdAdapter = new MarkdownAdapter(createJob(), provider);
+    const rawSliceSnapshot = await mdAdapter.toSliceSnapshot({
+      file: markdown,
+      workspaceId: '',
+      pageId: '',
+    });
+    expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
+  });
 });

blocksuite/affine/all/src/__tests__/utils/get-provider.ts

@@ -1,9 +1,13 @@
 import { SpecProvider } from '@blocksuite/affine-shared/utils';
 import { Container } from '@blocksuite/global/di';
 
-import { registerSpecs } from '../../extensions/register';
+import {
+  registerBlockSpecs,
+  registerStoreSpecs,
+} from '../../extensions/register';
 
-registerSpecs();
+registerStoreSpecs();
+registerBlockSpecs();
 
 export function getProvider() {
   const container = new Container();

blocksuite/affine/all/src/adapters/extension.ts

@@ -20,38 +20,50 @@ import type { ExtensionType } from '@blocksuite/store';
 
 import { defaultBlockHtmlAdapterMatchers } from './html/block-matcher';
 import { defaultBlockMarkdownAdapterMatchers } from './markdown/block-matcher';
+import { defaultMarkdownPreprocessors } from './markdown/preprocessor';
 import { defaultBlockNotionHtmlAdapterMatchers } from './notion-html/block-matcher';
 import { defaultBlockPlainTextAdapterMatchers } from './plain-text/block-matcher';
 
-export const AdapterFactoryExtensions: ExtensionType[] = [
-  AttachmentAdapterFactoryExtension,
-  ImageAdapterFactoryExtension,
-  MarkdownAdapterFactoryExtension,
-  PlainTextAdapterFactoryExtension,
-  HtmlAdapterFactoryExtension,
-  NotionTextAdapterFactoryExtension,
-  NotionHtmlAdapterFactoryExtension,
-  MixTextAdapterFactoryExtension,
-];
+export function getAdapterFactoryExtensions(): ExtensionType[] {
+  return [
+    AttachmentAdapterFactoryExtension,
+    ImageAdapterFactoryExtension,
+    MarkdownAdapterFactoryExtension,
+    PlainTextAdapterFactoryExtension,
+    HtmlAdapterFactoryExtension,
+    NotionTextAdapterFactoryExtension,
+    NotionHtmlAdapterFactoryExtension,
+    MixTextAdapterFactoryExtension,
+  ];
+}
 
-export const HtmlAdapterExtension: ExtensionType[] = [
-  ...HtmlInlineToDeltaAdapterExtensions,
-  ...defaultBlockHtmlAdapterMatchers,
-  ...InlineDeltaToHtmlAdapterExtensions,
-];
+export function getHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...HtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockHtmlAdapterMatchers,
+    ...InlineDeltaToHtmlAdapterExtensions,
+  ];
+}
 
-export const MarkdownAdapterExtension: ExtensionType[] = [
-  ...MarkdownInlineToDeltaAdapterExtensions,
-  ...defaultBlockMarkdownAdapterMatchers,
-  ...InlineDeltaToMarkdownAdapterExtensions,
-];
+export function getMarkdownAdapterExtensions(): ExtensionType[] {
+  return [
+    ...MarkdownInlineToDeltaAdapterExtensions,
+    ...defaultBlockMarkdownAdapterMatchers,
+    ...InlineDeltaToMarkdownAdapterExtensions,
+    ...defaultMarkdownPreprocessors,
+  ];
+}
 
-export const NotionHtmlAdapterExtension: ExtensionType[] = [
-  ...NotionHtmlInlineToDeltaAdapterExtensions,
-  ...defaultBlockNotionHtmlAdapterMatchers,
-];
+export function getNotionHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...NotionHtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockNotionHtmlAdapterMatchers,
+  ];
+}
 
-export const PlainTextAdapterExtension: ExtensionType[] = [
-  ...defaultBlockPlainTextAdapterMatchers,
-  ...InlineDeltaToPlainTextAdapterExtensions,
-];
+export function getPlainTextAdapterExtensions(): ExtensionType[] {
+  return [
+    ...defaultBlockPlainTextAdapterMatchers,
+    ...InlineDeltaToPlainTextAdapterExtensions,
+  ];
+}

blocksuite/affine/all/src/adapters/index.ts

@@ -1,5 +1,6 @@
 export * from './extension.js';
 export * from './html/block-matcher.js';
 export * from './markdown/block-matcher.js';
+export * from './markdown/preprocessor.js';
 export * from './notion-html/block-matcher.js';
 export * from './plain-text/block-matcher.js';

blocksuite/affine/all/src/adapters/markdown/preprocessor.ts

@@ -0,0 +1,7 @@
+import { CodeMarkdownPreprocessorExtension } from '@blocksuite/affine-block-code';
+import { LatexMarkdownPreprocessorExtension } from '@blocksuite/affine-block-latex';
+
+export const defaultMarkdownPreprocessors = [
+  LatexMarkdownPreprocessorExtension,
+  CodeMarkdownPreprocessorExtension,
+];

blocksuite/affine/all/src/components/open-doc-dropdown-menu.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-components/open-doc-dropdown-menu';

blocksuite/affine/all/src/effects.ts

@@ -34,6 +34,7 @@ import { effects as componentHighlightDropdownMenuEffects } from '@blocksuite/af
 import { IconButton } from '@blocksuite/affine-components/icon-button';
 import { effects as componentLinkPreviewEffects } from '@blocksuite/affine-components/link-preview';
 import { effects as componentLinkedDocTitleEffects } from '@blocksuite/affine-components/linked-doc-title';
+import { effects as componentOpenDocDropdownMenuEffects } from '@blocksuite/affine-components/open-doc-dropdown-menu';
 import { effects as componentPortalEffects } from '@blocksuite/affine-components/portal';
 import { effects as componentSizeDropdownMenuEffects } from '@blocksuite/affine-components/size-dropdown-menu';
 import { SmoothCorner } from '@blocksuite/affine-components/smooth-corner';
@@ -62,7 +63,7 @@ import { effects as widgetToolbarEffects } from '@blocksuite/affine-widget-toolb
 import { effects as dataViewEffects } from '@blocksuite/data-view/effects';
 import { effects as stdEffects } from '@blocksuite/std/effects';
 
-import { registerSpecs } from './extensions/register.js';
+import { registerBlockSpecs } from './extensions';
 
 export declare const _GLOBAL_:
   | typeof stdEffects
@@ -112,8 +113,7 @@ export declare const _GLOBAL_:
   | typeof fragmentOutlineEffects;
 
 export function effects() {
-  registerSpecs();
-
+  registerBlockSpecs();
   stdEffects();
 
   dataViewEffects();
@@ -165,6 +165,7 @@ export function effects() {
   componentEdgelessLineWidthEffects();
   componentEdgelessLineStylesEffects();
   componentEdgelessShapeColorPickerEffects();
+  componentOpenDocDropdownMenuEffects();
 
   widgetScrollAnchoringEffects();
   widgetFrameTitleEffects();

blocksuite/affine/all/src/extensions/common.ts

@@ -17,14 +17,40 @@ import {
 } from '@blocksuite/affine-block-note';
 import { ParagraphBlockSpec } from '@blocksuite/affine-block-paragraph';
 import {
+  EdgelessSurfaceBlockAdapterExtensions,
   EdgelessSurfaceBlockSpec,
   PageSurfaceBlockSpec,
+  SurfaceBlockAdapterExtensions,
 } from '@blocksuite/affine-block-surface';
 import {
   EdgelessSurfaceRefBlockSpec,
   PageSurfaceRefBlockSpec,
 } from '@blocksuite/affine-block-surface-ref';
 import { TableBlockSpec } from '@blocksuite/affine-block-table';
+import {
+  brushToMarkdownAdapterMatcher,
+  brushToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-brush';
+import {
+  connectorToMarkdownAdapterMatcher,
+  connectorToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-connector';
+import {
+  groupToMarkdownAdapterMatcher,
+  groupToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-group';
+import {
+  mindmapToMarkdownAdapterMatcher,
+  mindmapToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-mindmap';
+import {
+  shapeToMarkdownAdapterMatcher,
+  shapeToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-shape';
+import {
+  textToMarkdownAdapterMatcher,
+  textToPlainTextAdapterMatcher,
+} from '@blocksuite/affine-gfx-text';
 import { inlinePresetExtensions } from '@blocksuite/affine-inline-preset';
 import {
   DefaultOpenDocExtension,
@@ -34,6 +60,24 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { ExtensionType } from '@blocksuite/store';
 
+const elementToPlainTextAdapterMatchers = [
+  groupToPlainTextAdapterMatcher,
+  shapeToPlainTextAdapterMatcher,
+  connectorToPlainTextAdapterMatcher,
+  brushToPlainTextAdapterMatcher,
+  textToPlainTextAdapterMatcher,
+  mindmapToPlainTextAdapterMatcher,
+];
+
+const elementToMarkdownAdapterMatchers = [
+  groupToMarkdownAdapterMatcher,
+  shapeToMarkdownAdapterMatcher,
+  connectorToMarkdownAdapterMatcher,
+  brushToMarkdownAdapterMatcher,
+  textToMarkdownAdapterMatcher,
+  mindmapToMarkdownAdapterMatcher,
+];
+
 export const CommonBlockSpecs: ExtensionType[] = [
   inlinePresetExtensions,
   DocDisplayMetaService,
@@ -54,6 +98,9 @@ export const CommonBlockSpecs: ExtensionType[] = [
   FontLoaderService,
   CalloutBlockSpec,
   FrameBlockSpec,
+
+  elementToPlainTextAdapterMatchers,
+  elementToMarkdownAdapterMatchers,
 ].flat();
 
 export const PageFirstPartyBlockSpecs: ExtensionType[] = [
@@ -61,6 +108,8 @@ export const PageFirstPartyBlockSpecs: ExtensionType[] = [
   NoteBlockSpec,
   PageSurfaceBlockSpec,
   PageSurfaceRefBlockSpec,
+
+  ...SurfaceBlockAdapterExtensions,
 ].flat();
 
 export const EdgelessFirstPartyBlockSpecs: ExtensionType[] = [
@@ -70,4 +119,6 @@ export const EdgelessFirstPartyBlockSpecs: ExtensionType[] = [
   EdgelessSurfaceBlockSpec,
   EdgelessSurfaceRefBlockSpec,
   EdgelessTextBlockSpec,
+
+  ...EdgelessSurfaceBlockAdapterExtensions,
 ].flat();

blocksuite/affine/all/src/extensions/index.ts

@@ -1,4 +1,5 @@
-export * from './common.js';
-export * from './editor-specs.js';
-export * from './preview-specs.js';
-export * from './store.js';
+export * from './common';
+export * from './editor-specs';
+export * from './preview-specs';
+export * from './register';
+export * from './store';

blocksuite/affine/all/src/extensions/register.ts

@@ -10,8 +10,11 @@ import {
 } from './preview-specs.js';
 import { StoreExtensions } from './store.js';
 
-export function registerSpecs() {
+export function registerStoreSpecs() {
   SpecProvider._.addSpec('store', StoreExtensions);
+}
+
+export function registerBlockSpecs() {
   SpecProvider._.addSpec('page', PageEditorBlockSpecs);
   SpecProvider._.addSpec('edgeless', EdgelessEditorBlockSpecs);
   SpecProvider._.addSpec('preview:page', PreviewPageEditorBlockSpecs);

blocksuite/affine/all/src/extensions/store.ts

@@ -51,11 +51,11 @@ import {
 import type { ExtensionType } from '@blocksuite/store';
 
 import {
-  AdapterFactoryExtensions,
-  HtmlAdapterExtension,
-  MarkdownAdapterExtension,
-  NotionHtmlAdapterExtension,
-  PlainTextAdapterExtension,
+  getAdapterFactoryExtensions,
+  getHtmlAdapterExtensions,
+  getMarkdownAdapterExtensions,
+  getNotionHtmlAdapterExtensions,
+  getPlainTextAdapterExtensions,
 } from '../adapters/extension.js';
 
 export const StoreExtensions: ExtensionType[] = [
@@ -96,11 +96,11 @@ export const StoreExtensions: ExtensionType[] = [
   DatabaseSelectionExtension,
   TableSelectionExtension,
 
-  HtmlAdapterExtension,
-  MarkdownAdapterExtension,
-  NotionHtmlAdapterExtension,
-  PlainTextAdapterExtension,
-  AdapterFactoryExtensions,
+  getHtmlAdapterExtensions(),
+  getMarkdownAdapterExtensions(),
+  getNotionHtmlAdapterExtensions(),
+  getPlainTextAdapterExtensions(),
+  getAdapterFactoryExtensions(),
 
   FeatureFlagService,
   LinkPreviewerService,

blocksuite/affine/all/src/gfx/template.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-gfx-template';

blocksuite/affine/all/src/widgets/keyboard-toolbar.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-widget-keyboard-toolbar';

blocksuite/affine/all/src/widgets/linked-doc.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-widget-linked-doc';

blocksuite/affine/all/tsconfig.json

@@ -7,35 +7,36 @@
   },
   "include": ["./src"],
   "references": [
-    { "path": "../blocks/block-attachment" },
-    { "path": "../blocks/block-bookmark" },
-    { "path": "../blocks/block-callout" },
-    { "path": "../blocks/block-code" },
-    { "path": "../blocks/block-data-view" },
-    { "path": "../blocks/block-database" },
-    { "path": "../blocks/block-divider" },
-    { "path": "../blocks/block-edgeless-text" },
-    { "path": "../blocks/block-embed" },
-    { "path": "../blocks/block-frame" },
-    { "path": "../blocks/block-image" },
-    { "path": "../blocks/block-latex" },
-    { "path": "../blocks/block-list" },
-    { "path": "../blocks/block-note" },
-    { "path": "../blocks/block-paragraph" },
-    { "path": "../blocks/block-root" },
-    { "path": "../blocks/block-surface" },
-    { "path": "../blocks/block-surface-ref" },
-    { "path": "../blocks/block-table" },
+    { "path": "../blocks/attachment" },
+    { "path": "../blocks/bookmark" },
+    { "path": "../blocks/callout" },
+    { "path": "../blocks/code" },
+    { "path": "../blocks/data-view" },
+    { "path": "../blocks/database" },
+    { "path": "../blocks/divider" },
+    { "path": "../blocks/edgeless-text" },
+    { "path": "../blocks/embed" },
+    { "path": "../blocks/frame" },
+    { "path": "../blocks/image" },
+    { "path": "../blocks/latex" },
+    { "path": "../blocks/list" },
+    { "path": "../blocks/note" },
+    { "path": "../blocks/paragraph" },
+    { "path": "../blocks/root" },
+    { "path": "../blocks/surface" },
+    { "path": "../blocks/surface-ref" },
+    { "path": "../blocks/table" },
     { "path": "../components" },
-    { "path": "../fragments/fragment-doc-title" },
-    { "path": "../fragments/fragment-frame-panel" },
-    { "path": "../fragments/fragment-outline" },
+    { "path": "../fragments/doc-title" },
+    { "path": "../fragments/frame-panel" },
+    { "path": "../fragments/outline" },
     { "path": "../gfx/brush" },
     { "path": "../gfx/connector" },
     { "path": "../gfx/group" },
     { "path": "../gfx/mindmap" },
     { "path": "../gfx/note" },
     { "path": "../gfx/shape" },
+    { "path": "../gfx/template" },
     { "path": "../gfx/text" },
     { "path": "../gfx/turbo-renderer" },
     { "path": "../inlines/footnote" },
@@ -47,14 +48,16 @@
     { "path": "../model" },
     { "path": "../rich-text" },
     { "path": "../shared" },
-    { "path": "../widgets/widget-drag-handle" },
-    { "path": "../widgets/widget-edgeless-auto-connect" },
-    { "path": "../widgets/widget-edgeless-toolbar" },
-    { "path": "../widgets/widget-frame-title" },
-    { "path": "../widgets/widget-remote-selection" },
-    { "path": "../widgets/widget-scroll-anchoring" },
-    { "path": "../widgets/widget-slash-menu" },
-    { "path": "../widgets/widget-toolbar" },
+    { "path": "../widgets/drag-handle" },
+    { "path": "../widgets/edgeless-auto-connect" },
+    { "path": "../widgets/edgeless-toolbar" },
+    { "path": "../widgets/frame-title" },
+    { "path": "../widgets/keyboard-toolbar" },
+    { "path": "../widgets/linked-doc" },
+    { "path": "../widgets/remote-selection" },
+    { "path": "../widgets/scroll-anchoring" },
+    { "path": "../widgets/slash-menu" },
+    { "path": "../widgets/toolbar" },
     { "path": "../data-view" },
     { "path": "../../framework/global" },
     { "path": "../../framework/std" },

blocksuite/affine/blocks/attachment/package.json

@@ -17,7 +17,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/affine-widget-slash-menu": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.2.8",
+    "@blocksuite/icons": "^2.2.10",
     "@blocksuite/std": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@floating-ui/dom": "^1.6.13",
@@ -40,5 +40,5 @@
     "!src/__tests__",
     "!dist/__tests__"
   ],
-  "version": "0.20.0"
+  "version": "0.21.0"
 }

blocksuite/affine/blocks/attachment/src/attachment-block.ts

@@ -28,7 +28,7 @@ import { checkAttachmentBlob, downloadAttachmentBlob } from './utils';
 
 @Peekable({
   enableOn: ({ model }: AttachmentBlockComponent) => {
-    return model.props.type.endsWith('pdf');
+    return !model.doc.readonly && model.props.type.endsWith('pdf');
   },
 })
 export class AttachmentBlockComponent extends CaptionedBlockComponent<AttachmentBlockModel> {

blocksuite/affine/blocks/attachment/src/components/styles.ts

@@ -1,9 +1,9 @@
-import { FONT_XS, PANEL_BASE } from '@blocksuite/affine-shared/styles';
+import { fontXSStyle, panelBaseStyle } from '@blocksuite/affine-shared/styles';
 import { css } from 'lit';
 
 export const renameStyles = css`
+  ${panelBaseStyle('.affine-attachment-rename-container')}
   .affine-attachment-rename-container {
-    ${PANEL_BASE};
     position: relative;
     display: flex;
     align-items: center;
@@ -35,8 +35,8 @@ export const renameStyles = css`
     outline: none;
     background: transparent;
     color: var(--affine-text-primary-color);
-    ${FONT_XS};
   }
+  ${fontXSStyle('.affine-attachment-rename-input-wrapper input')}
 
   .affine-attachment-rename-input-wrapper input::placeholder {
     color: var(--affine-placeholder-color);

blocksuite/affine/blocks/attachment/src/edgeless-clipboard-config.ts

@@ -0,0 +1,34 @@
+import { EdgelessClipboardConfig } from '@blocksuite/affine-block-surface';
+import { type BlockSnapshot } from '@blocksuite/store';
+
+export class EdgelessClipboardAttachmentConfig extends EdgelessClipboardConfig {
+  static override readonly key = 'affine:attachment';
+
+  override async createBlock(
+    attachment: BlockSnapshot
+  ): Promise<string | null> {
+    if (!this.surface) return null;
+
+    const { xywh, rotate, sourceId, name, size, type, embed, style } =
+      attachment.props;
+
+    if (!(await this.std.workspace.blobSync.get(sourceId as string))) {
+      return null;
+    }
+    const attachmentId = this.crud.addBlock(
+      'affine:attachment',
+      {
+        xywh,
+        rotate,
+        sourceId,
+        name,
+        size,
+        type,
+        embed,
+        style,
+      },
+      this.surface.model.id
+    );
+    return attachmentId;
+  }
+}

blocksuite/affine/blocks/attachment/src/embed.ts

@@ -146,17 +146,20 @@ const embedConfig: AttachmentEmbedConfig[] = [
       // More options: https://tinytip.co/tips/html-pdf-params/
       // https://chromium.googlesource.com/chromium/src/+/refs/tags/121.0.6153.1/chrome/browser/resources/pdf/open_pdf_params_parser.ts
       const parameters = '#toolbar=0';
-      return html`<iframe
-        style="width: 100%; color-scheme: auto;"
-        height="480"
-        src=${blobUrl + parameters}
-        loading="lazy"
-        scrolling="no"
-        frameborder="no"
-        allowTransparency
-        allowfullscreen
-        type="application/pdf"
-      ></iframe>`;
+      return html`
+        <iframe
+          style="width: 100%; color-scheme: auto;"
+          height="480"
+          src=${blobUrl + parameters}
+          loading="lazy"
+          scrolling="no"
+          frameborder="no"
+          allowTransparency
+          allowfullscreen
+          type="application/pdf"
+        ></iframe>
+        <div class="affine-attachment-embed-event-mask"></div>
+      `;
     },
   },
   {

blocksuite/affine/blocks/attachment/src/index.ts

@@ -3,6 +3,7 @@ export * from './attachment-block';
 export * from './attachment-service';
 export * from './attachment-spec';
 export { attachmentViewDropdownMenu } from './configs/toolbar';
+export * from './edgeless-clipboard-config';
 export {
   type AttachmentEmbedConfig,
   AttachmentEmbedConfigIdentifier,

blocksuite/affine/blocks/attachment/src/styles.ts

@@ -136,4 +136,9 @@ export const styles = css`
     width: 100%;
     height: 100%;
   }
+
+  .affine-attachment-embed-event-mask {
+    position: absolute;
+    inset: 0;
+  }
 `;

blocksuite/affine/blocks/attachment/tsconfig.json

@@ -7,12 +7,12 @@
   },
   "include": ["./src"],
   "references": [
-    { "path": "../block-note" },
-    { "path": "../block-surface" },
+    { "path": "../embed" },
+    { "path": "../surface" },
     { "path": "../../components" },
     { "path": "../../model" },
     { "path": "../../shared" },
-    { "path": "../../widgets/widget-slash-menu" },
+    { "path": "../../widgets/slash-menu" },
     { "path": "../../../framework/global" },
     { "path": "../../../framework/std" },
     { "path": "../../../framework/store" }

blocksuite/affine/blocks/block-bookmark/src/commands/insert-link-by-quick-search.ts

@@ -1,79 +0,0 @@
-import {
-  type InsertedLinkType,
-  insertEmbedIframeWithUrlCommand,
-  insertEmbedLinkedDocCommand,
-  type LinkableFlavour,
-} from '@blocksuite/affine-block-embed';
-import {
-  FeatureFlagService,
-  QuickSearchProvider,
-} from '@blocksuite/affine-shared/services';
-import type { Command } from '@blocksuite/std';
-
-import { insertBookmarkCommand } from './insert-bookmark';
-
-export const insertLinkByQuickSearchCommand: Command<
-  {},
-  { insertedLinkType: Promise<InsertedLinkType> }
-> = (ctx, next) => {
-  const { std } = ctx;
-  const quickSearchService = std.getOptional(QuickSearchProvider);
-  if (!quickSearchService) {
-    next();
-    return;
-  }
-
-  const insertedLinkType: Promise<InsertedLinkType> = quickSearchService
-    .openQuickSearch()
-    .then(result => {
-      if (!result) return null;
-
-      // add linked doc
-      if ('docId' in result) {
-        std.command.exec(insertEmbedLinkedDocCommand, {
-          docId: result.docId,
-          params: result.params,
-        });
-        return {
-          flavour: 'affine:embed-linked-doc',
-        };
-      }
-
-      // add normal link;
-      if ('externalUrl' in result) {
-        const featureFlagService = std.get(FeatureFlagService);
-        const enableEmbedIframeBlock = featureFlagService.getFlag(
-          'enable_embed_iframe_block'
-        );
-        if (enableEmbedIframeBlock) {
-          // try to insert embed iframe block first
-          const [success, { flavour }] = std.command
-            .chain()
-            .try(chain => [
-              chain.pipe(insertEmbedIframeWithUrlCommand, {
-                url: result.externalUrl,
-              }),
-              chain.pipe(insertBookmarkCommand, { url: result.externalUrl }),
-            ])
-            .run();
-          if (!success || !flavour) return null;
-          return {
-            flavour: flavour as LinkableFlavour,
-          };
-        } else {
-          const [success, { flavour }] = std.command.exec(
-            insertBookmarkCommand,
-            { url: result.externalUrl }
-          );
-          if (!success || !flavour) return null;
-          return {
-            flavour: flavour as LinkableFlavour,
-          };
-        }
-      }
-
-      return null;
-    });
-
-  next({ insertedLinkType });
-};

blocksuite/affine/blocks/block-frame/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"
-  },
-  "include": ["./src"],
-  "references": [
-    { "path": "../block-surface" },
-    { "path": "../../components" },
-    { "path": "../../model" },
-    { "path": "../../shared" },
-    { "path": "../../widgets/widget-edgeless-toolbar" },
-    { "path": "../../widgets/widget-frame-title" },
-    { "path": "../../../framework/global" },
-    { "path": "../../../framework/std" },
-    { "path": "../../../framework/store" }
-  ]
-}

blocksuite/affine/blocks/block-image/src/configs/toolbar.ts

@@ -1,58 +0,0 @@
-import { ImageBlockModel } from '@blocksuite/affine-model';
-import {
-  type ToolbarModuleConfig,
-  ToolbarModuleExtension,
-} from '@blocksuite/affine-shared/services';
-import { CaptionIcon, DownloadIcon } from '@blocksuite/icons/lit';
-import { BlockFlavourIdentifier } from '@blocksuite/std';
-import type { ExtensionType } from '@blocksuite/store';
-
-import { ImageEdgelessBlockComponent } from '../image-edgeless-block';
-
-const trackBaseProps = {
-  category: 'image',
-  type: 'card view',
-};
-
-const builtinSurfaceToolbarConfig = {
-  actions: [
-    {
-      id: 'a.download',
-      tooltip: 'Download',
-      icon: DownloadIcon(),
-      run(ctx) {
-        const block = ctx.getCurrentBlockByType(ImageEdgelessBlockComponent);
-        block?.download();
-      },
-    },
-    {
-      id: 'b.caption',
-      tooltip: 'Caption',
-      icon: CaptionIcon(),
-      run(ctx) {
-        const block = ctx.getCurrentBlockByType(ImageEdgelessBlockComponent);
-        block?.captionEditor?.show();
-
-        ctx.track('OpenedCaptionEditor', {
-          ...trackBaseProps,
-          control: 'add caption',
-        });
-      },
-    },
-  ],
-
-  when: ctx => ctx.getSurfaceModelsByType(ImageBlockModel).length === 1,
-} as const satisfies ToolbarModuleConfig;
-
-export const createBuiltinToolbarConfigExtension = (
-  flavour: string
-): ExtensionType[] => {
-  const name = flavour.split(':').pop();
-
-  return [
-    ToolbarModuleExtension({
-      id: BlockFlavourIdentifier(`affine:surface:${name}`),
-      config: builtinSurfaceToolbarConfig,
-    }),
-  ];
-};

blocksuite/affine/blocks/block-root/src/common-specs/widgets.ts

@@ -1,28 +0,0 @@
-import { WidgetViewExtension } from '@blocksuite/std';
-import { literal, unsafeStatic } from 'lit/static-html.js';
-
-import { AFFINE_INNER_MODAL_WIDGET } from '../widgets/inner-modal/inner-modal.js';
-import { AFFINE_LINKED_DOC_WIDGET } from '../widgets/linked-doc/config.js';
-import { AFFINE_MODAL_WIDGET } from '../widgets/modal/modal.js';
-import { AFFINE_VIEWPORT_OVERLAY_WIDGET } from '../widgets/viewport-overlay/viewport-overlay.js';
-
-export const modalWidget = WidgetViewExtension(
-  'affine:page',
-  AFFINE_MODAL_WIDGET,
-  literal`${unsafeStatic(AFFINE_MODAL_WIDGET)}`
-);
-export const innerModalWidget = WidgetViewExtension(
-  'affine:page',
-  AFFINE_INNER_MODAL_WIDGET,
-  literal`${unsafeStatic(AFFINE_INNER_MODAL_WIDGET)}`
-);
-export const linkedDocWidget = WidgetViewExtension(
-  'affine:page',
-  AFFINE_LINKED_DOC_WIDGET,
-  literal`${unsafeStatic(AFFINE_LINKED_DOC_WIDGET)}`
-);
-export const viewportOverlayWidget = WidgetViewExtension(
-  'affine:page',
-  AFFINE_VIEWPORT_OVERLAY_WIDGET,
-  literal`${unsafeStatic(AFFINE_VIEWPORT_OVERLAY_WIDGET)}`
-);

blocksuite/affine/blocks/block-root/src/edgeless/clipboard/config.ts

@@ -1,435 +0,0 @@
-import {
-  type ClipboardConfigCreationContext,
-  EdgelessClipboardConfig,
-} from '@blocksuite/affine-block-surface';
-import { ReferenceInfoSchema } from '@blocksuite/affine-model';
-import { type BlockSnapshot, fromJSON } from '@blocksuite/store';
-
-export class EdgelessClipboardNoteConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:note';
-
-  override async createBlock(note: BlockSnapshot): Promise<null | string> {
-    const oldId = note.id;
-
-    delete note.props.index;
-    if (!note.props.xywh) {
-      console.error(`Note block(id: ${oldId}) does not have xywh property`);
-      return null;
-    }
-
-    const newId = await this.onBlockSnapshotPaste(
-      note,
-      this.std.store,
-      this.std.store.root!.id
-    );
-    if (!newId) {
-      console.error(`Failed to paste note block(id: ${oldId})`);
-      return null;
-    }
-
-    return newId;
-  }
-}
-
-export class EdgelessClipboardEdgelessTextConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:edgeless-text';
-
-  override async createBlock(
-    edgelessText: BlockSnapshot
-  ): Promise<string | null> {
-    const oldId = edgelessText.id;
-    delete edgelessText.props.index;
-    if (!edgelessText.props.xywh) {
-      console.error(
-        `EdgelessText block(id: ${oldId}) does not have xywh property`
-      );
-      return null;
-    }
-    if (!this.surface) {
-      return null;
-    }
-    const newId = await this.onBlockSnapshotPaste(
-      edgelessText,
-      this.std.store,
-      this.surface.model.id
-    );
-    if (!newId) {
-      console.error(`Failed to paste EdgelessText block(id: ${oldId})`);
-      return null;
-    }
-
-    return newId;
-  }
-}
-
-export class EdgelessClipboardImageConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:image';
-
-  override async createBlock(image: BlockSnapshot) {
-    const { xywh, rotate, sourceId, size, width, height, caption } =
-      image.props;
-
-    if (!this.surface) return null;
-
-    if (!(await this.std.workspace.blobSync.get(sourceId as string))) {
-      return null;
-    }
-    return this.crud.addBlock(
-      'affine:image',
-      {
-        caption,
-        sourceId,
-        xywh,
-        rotate,
-        size,
-        width,
-        height,
-      },
-      this.surface.model.id
-    );
-  }
-}
-
-export class EdgelessClipboardFrameConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:frame';
-
-  override createBlock(
-    frame: BlockSnapshot,
-    context: ClipboardConfigCreationContext
-  ): string | null {
-    if (!this.surface) return null;
-
-    const { oldToNewIdMap, newPresentationIndexes } = context;
-    const { xywh, title, background, childElementIds } = frame.props;
-
-    const newChildElementIds: Record<string, boolean> = {};
-
-    if (typeof childElementIds === 'object' && childElementIds !== null) {
-      Object.keys(childElementIds).forEach(oldId => {
-        const newId = oldToNewIdMap.get(oldId);
-        if (newId) {
-          newChildElementIds[newId] = true;
-        }
-      });
-    }
-
-    const frameId = this.crud.addBlock(
-      'affine:frame',
-      {
-        xywh,
-        background,
-        title: fromJSON(title),
-        childElementIds: newChildElementIds,
-        presentationIndex: newPresentationIndexes.get(frame.id),
-      },
-      this.surface.model.id
-    );
-    return frameId;
-  }
-}
-
-export class EdgelessClipboardAttachmentConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:attachment';
-
-  override async createBlock(
-    attachment: BlockSnapshot
-  ): Promise<string | null> {
-    if (!this.surface) return null;
-
-    const { xywh, rotate, sourceId, name, size, type, embed, style } =
-      attachment.props;
-
-    if (!(await this.std.workspace.blobSync.get(sourceId as string))) {
-      return null;
-    }
-    const attachmentId = this.crud.addBlock(
-      'affine:attachment',
-      {
-        xywh,
-        rotate,
-        sourceId,
-        name,
-        size,
-        type,
-        embed,
-        style,
-      },
-      this.surface.model.id
-    );
-    return attachmentId;
-  }
-}
-
-export class EdgelessClipboardBookmarkConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:bookmark';
-
-  override createBlock(bookmark: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-
-    const { xywh, style, url, caption, description, icon, image, title } =
-      bookmark.props;
-
-    const bookmarkId = this.crud.addBlock(
-      'affine:bookmark',
-      {
-        xywh,
-        style,
-        url,
-        caption,
-        description,
-        icon,
-        image,
-        title,
-      },
-      this.surface.model.id
-    );
-    return bookmarkId;
-  }
-}
-
-export class EdgelessClipboardEmbedFigmaConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-figma';
-
-  override createBlock(figmaEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-    const { xywh, style, url, caption, title, description } = figmaEmbed.props;
-
-    const embedFigmaId = this.crud.addBlock(
-      'affine:embed-figma',
-      {
-        xywh,
-        style,
-        url,
-        caption,
-        title,
-        description,
-      },
-      this.surface.model.id
-    );
-    return embedFigmaId;
-  }
-}
-
-export class EdgelessClipboardEmbedGithubConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-github';
-
-  override createBlock(githubEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-
-    const {
-      xywh,
-      style,
-      owner,
-      repo,
-      githubType,
-      githubId,
-      url,
-      caption,
-      image,
-      status,
-      statusReason,
-      title,
-      description,
-      createdAt,
-      assignees,
-    } = githubEmbed.props;
-
-    const embedGithubId = this.crud.addBlock(
-      'affine:embed-github',
-      {
-        xywh,
-        style,
-        owner,
-        repo,
-        githubType,
-        githubId,
-        url,
-        caption,
-        image,
-        status,
-        statusReason,
-        title,
-        description,
-        createdAt,
-        assignees,
-      },
-      this.surface.model.id
-    );
-    return embedGithubId;
-  }
-}
-
-export class EdgelessClipboardEmbedHtmlConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-html';
-
-  override createBlock(htmlEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-    const { xywh, style, caption, html, design } = htmlEmbed.props;
-
-    const embedHtmlId = this.crud.addBlock(
-      'affine:embed-html',
-      {
-        xywh,
-        style,
-        caption,
-        html,
-        design,
-      },
-      this.surface.model.id
-    );
-    return embedHtmlId;
-  }
-}
-
-export class EdgelessClipboardEmbedLoomConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-loom';
-
-  override createBlock(loomEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-    const { xywh, style, url, caption, videoId, image, title, description } =
-      loomEmbed.props;
-
-    const embedLoomId = this.crud.addBlock(
-      'affine:embed-loom',
-      {
-        xywh,
-        style,
-        url,
-        caption,
-        videoId,
-        image,
-        title,
-        description,
-      },
-      this.surface.model.id
-    );
-    return embedLoomId;
-  }
-}
-
-export class EdgelessClipboardEmbedYoutubeConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-youtube';
-
-  override createBlock(youtubeEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-    const {
-      xywh,
-      style,
-      url,
-      caption,
-      videoId,
-      image,
-      title,
-      description,
-      creator,
-      creatorUrl,
-      creatorImage,
-    } = youtubeEmbed.props;
-
-    const embedYoutubeId = this.crud.addBlock(
-      'affine:embed-youtube',
-      {
-        xywh,
-        style,
-        url,
-        caption,
-        videoId,
-        image,
-        title,
-        description,
-        creator,
-        creatorUrl,
-        creatorImage,
-      },
-      this.surface.model.id
-    );
-    return embedYoutubeId;
-  }
-}
-
-export class EdgelessClipboardEmbedIframeConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-iframe';
-
-  override createBlock(embedIframe: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-    const {
-      xywh,
-      caption,
-      url,
-      title,
-      description,
-      iframeUrl,
-      scale,
-      width,
-      height,
-    } = embedIframe.props;
-
-    return this.crud.addBlock(
-      'affine:embed-iframe',
-      {
-        url,
-        iframeUrl,
-        xywh,
-        caption,
-        title,
-        description,
-        scale,
-        width,
-        height,
-      },
-      this.surface.model.id
-    );
-  }
-}
-
-export class EdgelessClipboardEmbedLinkedDocConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-linked-doc';
-
-  override createBlock(linkedDocEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-
-    const { xywh, style, caption, pageId, params, title, description } =
-      linkedDocEmbed.props;
-    const referenceInfo = ReferenceInfoSchema.parse({
-      pageId,
-      params,
-      title,
-      description,
-    });
-
-    return this.crud.addBlock(
-      'affine:embed-linked-doc',
-      {
-        xywh,
-        style,
-        caption,
-        ...referenceInfo,
-      },
-      this.surface.model.id
-    );
-  }
-}
-
-export class EdgelessClipboardEmbedSyncedDocConfig extends EdgelessClipboardConfig {
-  static override readonly key = 'affine:embed-synced-doc';
-
-  override createBlock(syncedDocEmbed: BlockSnapshot): string | null {
-    if (!this.surface) return null;
-
-    const { xywh, style, caption, scale, pageId, params } =
-      syncedDocEmbed.props;
-    const referenceInfo = ReferenceInfoSchema.parse({ pageId, params });
-
-    return this.crud.addBlock(
-      'affine:embed-synced-doc',
-      {
-        xywh,
-        style,
-        caption,
-        scale,
-        ...referenceInfo,
-      },
-      this.surface.model.id
-    );
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/lasso/icons.ts

@@ -1,71 +0,0 @@
-import { html } from 'lit';
-
-export const LassoFreeHandIcon = html`
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M7.03152 18.9667C8.07902 18.9667 8.92819 18.1175 8.92819 17.07C8.92819 16.0225 8.07902 15.1733 7.03152 15.1733C5.98402 15.1733 5.13485 16.0225 5.13485 17.07C5.13485 18.1175 5.98402 18.9667 7.03152 18.9667ZM7.03152 20.2667C8.79699 20.2667 10.2282 18.8355 10.2282 17.07C10.2282 15.3045 8.79699 13.8733 7.03152 13.8733C5.26605 13.8733 3.83485 15.3045 3.83485 17.07C3.83485 18.8355 5.26605 20.2667 7.03152 20.2667Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M4.75714 19.6175C4.75714 19.3949 4.81661 19.145 4.93113 18.856C5.02405 18.6215 5.30218 18.5315 5.52776 18.6442C5.75334 18.757 5.83848 19.0293 5.75223 19.2663C5.68785 19.4432 5.67047 19.5529 5.67047 19.6175C5.67047 19.6727 5.67683 19.6824 5.71909 19.7205C5.74837 19.7468 5.77881 19.7695 5.82813 19.8062C5.8416 19.8162 5.85647 19.8273 5.87312 19.8398C5.94101 19.8907 6.03269 19.9615 6.119 20.0543C6.31218 20.2619 6.44109 20.5388 6.44109 20.9276C6.44109 21.3166 6.3093 21.6272 6.02789 21.8443C5.80114 22.0192 5.50339 22.1052 5.27045 22.1724C5.26524 22.1739 5.26006 22.1754 5.25492 22.1769C5.24264 22.1804 5.23031 22.184 5.21794 22.1876C4.8171 22.3032 4.37177 22.4316 3.91148 22.7773C3.70983 22.9288 3.42276 22.9326 3.24443 22.7542C3.06609 22.5759 3.06453 22.2842 3.26124 22.1263C3.89506 21.6177 4.50962 21.4409 4.94956 21.3144C4.96714 21.3093 4.98443 21.3044 5.00143 21.2994C5.28007 21.2189 5.40217 21.1735 5.47003 21.1211C5.471 21.1204 5.47202 21.1196 5.47311 21.1188C5.49238 21.1045 5.52776 21.0781 5.52776 20.9276C5.52776 20.7684 5.48543 20.7141 5.45027 20.6763C5.42241 20.6464 5.38566 20.6159 5.32511 20.5705C5.31683 20.5642 5.30753 20.5574 5.29743 20.5499C5.24552 20.5114 5.17247 20.4573 5.1081 20.3994C4.92203 20.2319 4.75714 19.9905 4.75714 19.6175Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M12.2086 12.6149C11.9968 11.7531 12.903 11.0458 13.6876 11.4606L22.0945 15.905C22.9737 16.3698 22.7465 17.6876 21.7625 17.8313L17.8897 18.3968C17.8383 18.4043 17.7946 18.4384 17.7749 18.4867L16.3978 21.8656C16.0219 22.7881 14.685 22.6903 14.4473 21.7229L12.2086 12.6149ZM13.2757 12.2397C13.1636 12.1804 13.0342 12.2815 13.0644 12.4046L15.3031 21.5126C15.3371 21.6508 15.528 21.6648 15.5817 21.533L16.9588 18.1541C17.0963 17.8167 17.402 17.5773 17.7624 17.5247L21.6352 16.9593C21.7758 16.9388 21.8082 16.7505 21.6826 16.6841L13.2757 12.2397Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M19.1489 14.9806C20.1975 13.7474 20.8015 12.2466 20.8015 10.6767C20.8015 6.775 17.0709 3.3 12.0549 3.3C7.03878 3.3 3.30818 6.775 3.30818 10.6767C3.30818 12.1636 3.85 13.5886 4.7983 14.7828C4.47298 15.1005 4.21518 15.4871 4.04843 15.9189C2.76805 14.4626 2.00818 12.6463 2.00818 10.6767C2.00818 5.88468 6.50623 2 12.0549 2C17.6035 2 22.1015 5.88468 22.1015 10.6767C22.1015 12.4784 21.4656 14.1519 20.3771 15.5389L19.1489 14.9806ZM13.9695 17.8785C13.3575 17.9927 12.7174 18.0534 12.0549 18.0534C11.3871 18.0534 10.7422 17.9918 10.1258 17.8758C10.0103 18.3206 9.80141 18.7278 9.52133 19.0751C10.3307 19.2567 11.1797 19.3533 12.0549 19.3533C12.8212 19.3533 13.5675 19.2793 14.2846 19.1389L13.9695 17.8785Z"
-      fill="currentColor"
-    />
-  </svg>
-`;
-
-export const LassoPolygonalIcon = html`
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M12.1538 12.3949C11.9419 11.533 12.8482 10.8257 13.6328 11.2405L22.0397 15.6849C22.9188 16.1497 22.6917 17.4676 21.7077 17.6112L17.8349 18.1767C17.7834 18.1842 17.7397 18.2184 17.7201 18.2666L16.343 21.6455C15.967 22.568 14.6302 22.4703 14.3924 21.5029L12.1538 12.3949ZM13.2209 12.0196C13.1088 11.9604 12.9793 12.0614 13.0096 12.1845L15.2482 21.2926C15.2822 21.4308 15.4732 21.4447 15.5269 21.3129L16.9039 17.934C17.0414 17.5967 17.3471 17.3573 17.7076 17.3047L21.5804 16.7393C21.7209 16.7187 21.7534 16.5304 21.6278 16.4641L13.2209 12.0196Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M9.11 18.9667C10.1575 18.9667 11.0067 18.1175 11.0067 17.07C11.0067 16.0225 10.1575 15.1733 9.11 15.1733C8.0625 15.1733 7.21333 16.0225 7.21333 17.07C7.21333 18.1175 8.0625 18.9667 9.11 18.9667ZM9.11 20.2667C10.8755 20.2667 12.3067 18.8355 12.3067 17.07C12.3067 15.3045 10.8755 13.8733 9.11 13.8733C7.34453 13.8733 5.91333 15.3045 5.91333 17.07C5.91333 18.8355 7.34453 20.2667 9.11 20.2667Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M20.15 1.78546V12.8479L18.2895 14.0882L17.0275 13.3671L18.85 12.1521V4.21453L10.565 9.7379L3.78505 6.77169L7.24943 14.4703C6.85977 14.7497 6.5355 15.1145 6.30404 15.5374L1.21497 4.22831L10.4351 8.26209L20.15 1.78546ZM12.0942 18.2184L13.8336 17.0588L13.443 15.7568L12.2635 16.5431C12.2919 16.7146 12.3067 16.8905 12.3067 17.07C12.3067 17.4748 12.2315 17.862 12.0942 18.2184Z"
-      fill="currentColor"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M6.83562 19.6175C6.83562 19.3949 6.89509 19.145 7.00962 18.856C7.10254 18.6215 7.38066 18.5314 7.60625 18.6442C7.83183 18.757 7.91697 19.0293 7.83072 19.2663C7.76634 19.4432 7.74896 19.5529 7.74896 19.6175C7.74896 19.6726 7.75531 19.6824 7.79757 19.7204C7.82686 19.7468 7.8573 19.7695 7.90662 19.8062C7.92009 19.8162 7.93496 19.8273 7.9516 19.8398C8.0195 19.8907 8.11118 19.9615 8.19749 20.0542C8.39066 20.2619 8.51958 20.5387 8.51958 20.9276C8.51958 21.3165 8.38779 21.6272 8.10638 21.8443C7.87962 22.0192 7.58188 22.1051 7.34894 22.1724C7.34373 22.1739 7.33855 22.1754 7.33341 22.1769C7.32112 22.1804 7.3088 22.184 7.29643 22.1875C6.89559 22.3031 6.45026 22.4316 5.98997 22.7773C5.78832 22.9288 5.50125 22.9326 5.32291 22.7542C5.14457 22.5759 5.14302 22.2841 5.33973 22.1263C5.97355 21.6177 6.58811 21.4409 7.02805 21.3144C7.04562 21.3093 7.06292 21.3043 7.07992 21.2994C7.35856 21.2189 7.48065 21.1735 7.54851 21.1211C7.54948 21.1204 7.55051 21.1196 7.55159 21.1188C7.57087 21.1044 7.60625 21.0781 7.60625 20.9276C7.60625 20.7684 7.56391 20.7141 7.52876 20.6763C7.5009 20.6464 7.46415 20.6158 7.4036 20.5704C7.39532 20.5642 7.38602 20.5573 7.37592 20.5498C7.324 20.5114 7.25095 20.4573 7.18659 20.3993C7.00052 20.2319 6.83562 19.9905 6.83562 19.6175Z"
-      fill="currentColor"
-    />
-  </svg>
-`;

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/lasso/lasso-dense-menu.ts

@@ -1,41 +0,0 @@
-import { menu } from '@blocksuite/affine-components/context-menu';
-import { LassoMode } from '@blocksuite/affine-shared/types';
-import type { DenseMenuBuilder } from '@blocksuite/affine-widget-edgeless-toolbar';
-
-import { LassoFreeHandIcon, LassoPolygonalIcon } from './icons.js';
-
-export const buildLassoDenseMenu: DenseMenuBuilder = (_, gfx) => {
-  // TODO: active state
-  // const prevMode =
-  //   edgeless.service.editPropsStore.getLastProps('lasso').mode ??
-  //   LassoMode.FreeHand;
-
-  const isActive = gfx.tool.currentToolName$.peek() === 'lasso';
-
-  const createSelect = (mode: LassoMode) => () => {
-    gfx.tool.setTool('lasso', { mode });
-  };
-
-  return menu.subMenu({
-    name: 'Lasso',
-    prefix: LassoFreeHandIcon,
-    select: createSelect(LassoMode.FreeHand),
-    isSelected: isActive,
-    options: {
-      items: [
-        menu.action({
-          prefix: LassoFreeHandIcon,
-          name: 'Free',
-          select: createSelect(LassoMode.FreeHand),
-          // isSelected: isActive && prevMode === LassoMode.FreeHand,
-        }),
-        menu.action({
-          prefix: LassoPolygonalIcon,
-          name: 'Polygonal',
-          select: createSelect(LassoMode.Polygonal),
-          // isSelected: isActive && prevMode === LassoMode.Polygonal,
-        }),
-      ],
-    },
-  });
-};

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/lasso/lasso-tool-button.ts

@@ -1,99 +0,0 @@
-import { LassoMode } from '@blocksuite/affine-shared/types';
-import { QuickToolMixin } from '@blocksuite/affine-widget-edgeless-toolbar';
-import { WithDisposable } from '@blocksuite/global/lit';
-import { effect } from '@preact/signals-core';
-import { css, html, LitElement } from 'lit';
-import { query, state } from 'lit/decorators.js';
-
-import { LassoFreeHandIcon, LassoPolygonalIcon } from './icons.js';
-
-export class EdgelessLassoToolButton extends QuickToolMixin(
-  WithDisposable(LitElement)
-) {
-  static override styles = css`
-    .current-icon {
-      transition: 100ms;
-      width: 24px;
-      height: 24px;
-    }
-    .current-icon > svg {
-      display: block;
-    }
-  `;
-
-  private readonly _changeTool = () => {
-    const tool = this.edgelessTool;
-    if (tool.type !== 'lasso') {
-      this.setEdgelessTool({ type: 'lasso', mode: this.curMode });
-      return;
-    }
-
-    this._fadeOut();
-    setTimeout(() => {
-      this.curMode === LassoMode.FreeHand
-        ? this.setEdgelessTool({ type: 'lasso', mode: LassoMode.Polygonal })
-        : this.setEdgelessTool({ type: 'lasso', mode: LassoMode.FreeHand });
-      this._fadeIn();
-    }, 100);
-  };
-
-  override type = 'lasso' as const;
-
-  private _fadeIn() {
-    this.currentIcon.style.opacity = '1';
-    this.currentIcon.style.transform = `translateY(0px)`;
-  }
-
-  private _fadeOut() {
-    this.currentIcon.style.opacity = '0';
-    this.currentIcon.style.transform = `translateY(-5px)`;
-  }
-
-  override connectedCallback(): void {
-    super.connectedCallback();
-
-    this.disposables.add(
-      effect(() => {
-        const tool = this.gfx.tool.currentToolOption$.value;
-
-        if (tool?.type === 'lasso') {
-          const { mode } = tool;
-          this.curMode = mode;
-        }
-      })
-    );
-  }
-
-  override render() {
-    const type = this.edgelessTool?.type;
-    const mode = this.curMode === LassoMode.FreeHand ? 'freehand' : 'polygonal';
-
-    return html`
-      <edgeless-tool-icon-button
-        class="edgeless-lasso-button ${mode}"
-        .tooltip=${html`<affine-tooltip-content-with-shortcut
-          data-tip="${'Lasso'}"
-          data-shortcut="${'L'}"
-        ></affine-tooltip-content-with-shortcut>`}
-        .tooltipOffset=${17}
-        .active=${type === 'lasso'}
-        .iconContainerPadding=${6}
-        .iconSize=${'24px'}
-        @click=${this._changeTool}
-      >
-        <span class="current-icon">
-          ${this.curMode === LassoMode.FreeHand
-            ? LassoFreeHandIcon
-            : LassoPolygonalIcon}
-        </span>
-        <toolbar-arrow-up-icon></toolbar-arrow-up-icon>
-      </edgeless-tool-icon-button>
-    `;
-  }
-
-  @state()
-  accessor curMode: LassoMode = LassoMode.FreeHand;
-
-  @query('.current-icon')
-  accessor currentIcon!: HTMLInputElement;
-}

blocksuite/affine/blocks/block-root/src/edgeless/gfx-tool/lasso-tool.ts

@@ -1,326 +0,0 @@
-import {
-  Overlay,
-  type SurfaceBlockComponent,
-} from '@blocksuite/affine-block-surface';
-import { ThemeProvider } from '@blocksuite/affine-shared/services';
-import { LassoMode } from '@blocksuite/affine-shared/types';
-import type { IPoint, IVec } from '@blocksuite/global/gfx';
-import {
-  Bound,
-  getBoundFromPoints,
-  getPolygonPathFromPoints,
-  getSvgPathFromStroke,
-  linePolygonIntersects,
-  pointInPolygon,
-  rotatePoints,
-  Vec,
-} from '@blocksuite/global/gfx';
-import type { PointerEventState } from '@blocksuite/std';
-import { BaseTool } from '@blocksuite/std/gfx';
-
-class LassoOverlay extends Overlay {
-  d = '';
-
-  startPoint: IVec | null = null;
-
-  render(ctx: CanvasRenderingContext2D): void {
-    const path = new Path2D(this.d);
-    const zoom = this._renderer?.viewport.zoom ?? 1.0;
-    ctx.save();
-    const primaryColor = this.gfx.std
-      .get(ThemeProvider)
-      .getCssVariableColor('--affine-primary-color');
-    const strokeColor = this.gfx.std
-      .get(ThemeProvider)
-      .getCssVariableColor('--affine-secondary-color');
-    if (this.startPoint) {
-      const [x, y] = this.startPoint;
-      ctx.beginPath();
-      ctx.arc(x, y, 2 / zoom, 0, Math.PI * 2);
-      ctx.fillStyle = primaryColor;
-      ctx.fill();
-    }
-
-    ctx.strokeStyle = strokeColor;
-    ctx.fillStyle = 'rgba(255, 255, 255, 0.1)';
-    ctx.lineWidth = 2 / zoom;
-    ctx.lineJoin = 'round';
-    ctx.lineCap = 'round';
-    ctx.setLineDash([2, 5]);
-    ctx.fill(path);
-    ctx.stroke(path);
-    ctx.restore();
-  }
-}
-
-export type LassoToolOption = {
-  mode: LassoMode;
-};
-export class LassoTool extends BaseTool<LassoToolOption> {
-  static override toolName: string = 'lasso';
-
-  private _currentSelectionState = new Set<string>();
-
-  private _isSelecting = false;
-
-  private _lassoPoints: IVec[] = [];
-
-  private _lastPoint: IVec = [0, 0];
-
-  private readonly _loop = () => {
-    const path =
-      this.activatedOption.mode === LassoMode.FreeHand
-        ? getSvgPathFromStroke(this._lassoPoints)
-        : getPolygonPathFromPoints(this._lassoPoints);
-
-    this._overlay.d = path;
-    (this.gfx.surfaceComponent as SurfaceBlockComponent)?.refresh?.();
-    this._raf = requestAnimationFrame(this._loop);
-  };
-
-  private readonly _overlay = new LassoOverlay(this.gfx);
-
-  private _raf = 0;
-
-  get isSelecting() {
-    return this._isSelecting;
-  }
-
-  get selection() {
-    return this.gfx.selection;
-  }
-
-  get surfaceComponent() {
-    return this.gfx.surfaceComponent as SurfaceBlockComponent;
-  }
-
-  private _clearLastSelection() {
-    if (this.selection.empty) {
-      this.selection.clearLast();
-    }
-  }
-
-  private _getElementsInsideLasso() {
-    const lassoBounds = getBoundFromPoints(this._lassoPoints);
-    return this.gfx
-      .getElementsByBound(lassoBounds)
-      .filter(e =>
-        this.isInsideLassoSelection(Bound.deserialize(e.xywh), e.rotate)
-      );
-  }
-
-  private _getSelectionMode(ev: PointerEventState): 'add' | 'sub' | 'set' {
-    const shiftKey = ev.keys.shift ?? this.gfx.keyboard.shiftKey$.peek();
-    const altKey = ev.keys.alt ?? false;
-    if (shiftKey) return 'add';
-    else if (altKey) return 'sub';
-    else {
-      return 'set';
-    }
-  }
-
-  private _reset() {
-    cancelAnimationFrame(this._raf);
-    (
-      this.gfx.surfaceComponent as SurfaceBlockComponent
-    )?.renderer.removeOverlay(this._overlay);
-    this._overlay.d = '';
-    this._overlay.startPoint = null;
-
-    const elements = this._getElementsInsideLasso();
-
-    this._currentSelectionState = new Set([
-      ...Array.from(this._currentSelectionState),
-      ...elements.map(el => el.id),
-    ]);
-
-    this._lassoPoints = [];
-    this._isSelecting = false;
-  }
-
-  private _setSelectionState(elements: string[], editing: boolean) {
-    this.selection.set({
-      elements,
-      editing,
-    });
-  }
-
-  private _updateSelection(e: PointerEventState) {
-    // elements inside the lasso selection
-    const elements = this._getElementsInsideLasso()
-      .filter(el => !el.isLocked())
-      .map(el => el.id);
-
-    // current selections
-    const selection = this.selection.selectedElements.map(el => el.id);
-
-    const selectionMode = this._getSelectionMode(e);
-    let set!: Set<string>;
-    switch (selectionMode) {
-      case 'add':
-        set = new Set([
-          ...elements,
-          ...selection.filter(elId => this._currentSelectionState.has(elId)),
-        ]);
-        break;
-      case 'sub': {
-        const toRemove = new Set(elements);
-        set = new Set(
-          Array.from(this._currentSelectionState).filter(
-            el => !toRemove.has(el)
-          )
-        );
-        break;
-      }
-      case 'set':
-        set = new Set(elements);
-        break;
-    }
-
-    this._setSelectionState(Array.from(set), false);
-  }
-
-  private isInsideLassoSelection(bound: Bound, rotate: number): boolean {
-    const { points, center } = bound;
-
-    const firstPoint = this._lassoPoints[0];
-    const lassoPoints = this._lassoPoints.concat(
-      firstPoint ? [firstPoint] : []
-    );
-
-    const elPoly = rotatePoints(points, center, rotate);
-    const lassoLen = lassoPoints.length;
-    return (
-      elPoly.some(point => pointInPolygon(point, lassoPoints)) ||
-      lassoPoints.some((point, i, points) => {
-        return linePolygonIntersects(point, points[(i + 1) % lassoLen], elPoly);
-      })
-    );
-  }
-
-  private toModelCoord(p: IPoint): IVec {
-    return this.gfx.viewport.toModelCoord(p.x, p.y);
-  }
-
-  abort() {
-    this._reset();
-  }
-
-  override activate(): void {
-    this._currentSelectionState = new Set(
-      this.selection.selectedElements.map(el => el.id)
-    );
-    this._reset();
-  }
-
-  override deactivate() {
-    this._clearLastSelection();
-  }
-
-  override dragEnd(e: PointerEventState): void {
-    if (this.activatedOption.mode !== LassoMode.FreeHand) return;
-
-    this._updateSelection(e);
-
-    this._reset();
-  }
-
-  override dragMove(e: PointerEventState): void {
-    if (this.activatedOption.mode !== LassoMode.FreeHand) return;
-
-    const { point } = e;
-    const [x, y] = this.toModelCoord(point);
-    this._lassoPoints.push([x, y]);
-
-    this._updateSelection(e);
-  }
-
-  // For Freehand Mode =
-  override dragStart(e: PointerEventState): void {
-    if (this.activatedOption.mode !== LassoMode.FreeHand) return;
-    const { alt, shift } = e.keys;
-
-    if (!shift && !alt) {
-      this._currentSelectionState.clear();
-      this.selection.clear();
-    }
-
-    this._currentSelectionState = new Set(
-      this.selection.selectedElements.map(el => el.id)
-    );
-
-    this._isSelecting = true;
-
-    const { point } = e;
-    const [x, y] = this.toModelCoord(point);
-    this._lassoPoints = [[x, y]];
-    this._raf = requestAnimationFrame(this._loop);
-    this._overlay.startPoint = this._lassoPoints[0];
-    this.surfaceComponent.renderer.addOverlay(this._overlay);
-  }
-
-  override pointerDown(e: PointerEventState): void {
-    const { mode } = this.activatedOption;
-    if (mode !== LassoMode.Polygonal) return;
-
-    const { alt, shift } = e.keys;
-    if (!shift && !alt) {
-      this._currentSelectionState.clear();
-      this.selection.clear();
-    }
-
-    this._isSelecting = true;
-
-    const { point } = e;
-    const [x, y] = this.toModelCoord(point);
-    if (this._lassoPoints.length < 2) {
-      this._currentSelectionState = new Set(
-        this.selection.selectedElements.map(el => el.id)
-      );
-
-      const a: IVec = [x, y];
-      const b: IVec = [x, y];
-      this._lassoPoints = [a, b];
-      this._lastPoint = b;
-      this._overlay.startPoint = a;
-      this._raf = requestAnimationFrame(this._loop);
-      this.surfaceComponent.renderer.addOverlay(this._overlay);
-    } else {
-      const firstPoint = this._lassoPoints[0];
-      const lastPoint = this._lastPoint;
-      const dx = lastPoint[0] - firstPoint[0];
-      const dy = lastPoint[1] - firstPoint[1];
-      if (Vec.len2([dx, dy]) < 20 ** 2) {
-        this._updateSelection(e);
-
-        return this._reset();
-      }
-
-      this._lastPoint = [x, y];
-      this._lassoPoints.push(this._lastPoint);
-    }
-  }
-
-  override pointerMove(e: PointerEventState): void {
-    if (this.activatedOption.mode !== LassoMode.Polygonal || !this._isSelecting)
-      return;
-
-    const lastPoint = this._lastPoint;
-    const [x, y] = this.toModelCoord(e.point);
-    if (lastPoint) {
-      lastPoint[0] = x;
-      lastPoint[1] = y;
-    }
-    this._updateSelection(e);
-  }
-}
-
-declare module '@blocksuite/std/gfx' {
-  interface GfxToolsMap {
-    lasso: LassoTool;
-  }
-
-  interface GfxToolsOption {
-    lasso: LassoToolOption;
-  }
-}

blocksuite/affine/blocks/block-root/src/root-config.ts

@@ -1,12 +0,0 @@
-import { ConfigExtensionFactory } from '@blocksuite/std';
-
-import type { KeyboardToolbarConfig } from './widgets/keyboard-toolbar/config.js';
-import type { LinkedWidgetConfig } from './widgets/linked-doc/index.js';
-
-export interface RootBlockConfig {
-  linkedWidget?: Partial<LinkedWidgetConfig>;
-  keyboardToolbar?: Partial<KeyboardToolbarConfig>;
-}
-
-export const RootBlockConfigExtension =
-  ConfigExtensionFactory<RootBlockConfig>('affine:root-block');

blocksuite/affine/blocks/block-root/src/root-service.ts

@@ -1,48 +0,0 @@
-import { RootBlockSchema } from '@blocksuite/affine-model';
-import {
-  getBlockSelectionsCommand,
-  getImageSelectionsCommand,
-  getSelectedBlocksCommand,
-  getTextSelectionCommand,
-} from '@blocksuite/affine-shared/commands';
-import type { BlockComponent } from '@blocksuite/std';
-import { BlockService } from '@blocksuite/std';
-
-import type { RootBlockComponent } from './types.js';
-
-export abstract class RootService extends BlockService {
-  static override readonly flavour = RootBlockSchema.model.flavour;
-
-  get selectedBlocks() {
-    let result: BlockComponent[] = [];
-    this.std.command
-      .chain()
-      .tryAll(chain => [
-        chain.pipe(getTextSelectionCommand),
-        chain.pipe(getImageSelectionsCommand),
-        chain.pipe(getBlockSelectionsCommand),
-      ])
-      .pipe(getSelectedBlocksCommand)
-      .pipe(({ selectedBlocks }) => {
-        if (!selectedBlocks) return;
-        result = selectedBlocks;
-      })
-      .run();
-    return result;
-  }
-
-  get selectedModels() {
-    return this.selectedBlocks.map(block => block.model);
-  }
-
-  get viewportElement() {
-    const rootId = this.std.store.root?.id;
-    if (!rootId) return null;
-    const rootComponent = this.std.view.getBlock(
-      rootId
-    ) as RootBlockComponent | null;
-    if (!rootComponent) return null;
-    const viewportElement = rootComponent.viewportElement;
-    return viewportElement;
-  }
-}

blocksuite/affine/blocks/block-root/src/types.ts

@@ -1,44 +0,0 @@
-import type { AFFINE_DRAG_HANDLE_WIDGET } from '@blocksuite/affine-widget-drag-handle';
-import type { AFFINE_FRAME_TITLE_WIDGET } from '@blocksuite/affine-widget-frame-title';
-import type {
-  AFFINE_DOC_REMOTE_SELECTION_WIDGET,
-  AFFINE_EDGELESS_REMOTE_SELECTION_WIDGET,
-} from '@blocksuite/affine-widget-remote-selection';
-import type { AFFINE_SLASH_MENU_WIDGET } from '@blocksuite/affine-widget-slash-menu';
-
-import type { EdgelessRootBlockComponent } from './edgeless/edgeless-root-block.js';
-import type { PageRootBlockComponent } from './page/page-root-block.js';
-import type { AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET } from './widgets/edgeless-zoom-toolbar/index.js';
-import type { AFFINE_KEYBOARD_TOOLBAR_WIDGET } from './widgets/index.js';
-import type { AFFINE_INNER_MODAL_WIDGET } from './widgets/inner-modal/inner-modal.js';
-import type { AFFINE_LINKED_DOC_WIDGET } from './widgets/linked-doc/config.js';
-import type { AFFINE_MODAL_WIDGET } from './widgets/modal/modal.js';
-import type { AFFINE_PAGE_DRAGGING_AREA_WIDGET } from './widgets/page-dragging-area/page-dragging-area.js';
-import type { AFFINE_VIEWPORT_OVERLAY_WIDGET } from './widgets/viewport-overlay/viewport-overlay.js';
-
-export type PageRootBlockWidgetName =
-  | typeof AFFINE_KEYBOARD_TOOLBAR_WIDGET
-  | typeof AFFINE_MODAL_WIDGET
-  | typeof AFFINE_INNER_MODAL_WIDGET
-  | typeof AFFINE_SLASH_MENU_WIDGET
-  | typeof AFFINE_LINKED_DOC_WIDGET
-  | typeof AFFINE_PAGE_DRAGGING_AREA_WIDGET
-  | typeof AFFINE_DRAG_HANDLE_WIDGET
-  | typeof AFFINE_DOC_REMOTE_SELECTION_WIDGET
-  | typeof AFFINE_VIEWPORT_OVERLAY_WIDGET;
-
-export type EdgelessRootBlockWidgetName =
-  | typeof AFFINE_MODAL_WIDGET
-  | typeof AFFINE_INNER_MODAL_WIDGET
-  | typeof AFFINE_SLASH_MENU_WIDGET
-  | typeof AFFINE_LINKED_DOC_WIDGET
-  | typeof AFFINE_DRAG_HANDLE_WIDGET
-  | typeof AFFINE_DOC_REMOTE_SELECTION_WIDGET
-  | typeof AFFINE_EDGELESS_REMOTE_SELECTION_WIDGET
-  | typeof AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET
-  | typeof AFFINE_VIEWPORT_OVERLAY_WIDGET
-  | typeof AFFINE_FRAME_TITLE_WIDGET;
-
-export type RootBlockComponent =
-  | PageRootBlockComponent
-  | EdgelessRootBlockComponent;

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/components/image-toolbar.ts

@@ -1,138 +0,0 @@
-import { createLitPortal } from '@blocksuite/affine-components/portal';
-import type {
-  EditorIconButton,
-  MenuItemGroup,
-} from '@blocksuite/affine-components/toolbar';
-import { renderGroups } from '@blocksuite/affine-components/toolbar';
-import { noop } from '@blocksuite/global/utils';
-import { MoreVerticalIcon } from '@blocksuite/icons/lit';
-import { flip, offset } from '@floating-ui/dom';
-import { html, LitElement } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-
-import type { ImageToolbarContext } from '../context.js';
-import { styles } from '../styles.js';
-
-export class AffineImageToolbar extends LitElement {
-  static override styles = styles;
-
-  private _currentOpenMenu: AbortController | null = null;
-
-  private _popMenuAbortController: AbortController | null = null;
-
-  closeCurrentMenu = () => {
-    if (this._currentOpenMenu && !this._currentOpenMenu.signal.aborted) {
-      this._currentOpenMenu.abort();
-      this._currentOpenMenu = null;
-    }
-  };
-
-  private _clearPopMenu() {
-    if (this._popMenuAbortController) {
-      this._popMenuAbortController.abort();
-      this._popMenuAbortController = null;
-    }
-  }
-
-  private _toggleMoreMenu() {
-    // If the menu we're trying to open is already open, return
-    if (
-      this._currentOpenMenu &&
-      !this._currentOpenMenu.signal.aborted &&
-      this._currentOpenMenu === this._popMenuAbortController
-    ) {
-      this.closeCurrentMenu();
-      this._moreMenuOpen = false;
-      return;
-    }
-
-    this.closeCurrentMenu();
-    this._popMenuAbortController = new AbortController();
-    this._popMenuAbortController.signal.addEventListener('abort', () => {
-      this._moreMenuOpen = false;
-      this.onActiveStatusChange(false);
-    });
-    this.onActiveStatusChange(true);
-
-    this._currentOpenMenu = this._popMenuAbortController;
-
-    if (!this._moreButton) {
-      return;
-    }
-
-    createLitPortal({
-      template: html`
-        <editor-menu-content
-          data-show
-          class="image-more-popup-menu"
-          style=${styleMap({
-            '--content-padding': '8px',
-            '--packed-height': '4px',
-          })}
-        >
-          <div data-size="large" data-orientation="vertical">
-            ${renderGroups(this.moreGroups, this.context)}
-          </div>
-        </editor-menu-content>
-      `,
-      container: this.context.host,
-      // stacking-context(editor-host)
-      portalStyles: {
-        zIndex: 'var(--affine-z-index-popover)',
-      },
-      computePosition: {
-        referenceElement: this._moreButton,
-        placement: 'bottom-start',
-        middleware: [flip(), offset(4)],
-        autoUpdate: { animationFrame: true },
-      },
-      abortController: this._popMenuAbortController,
-      closeOnClickAway: true,
-    });
-    this._moreMenuOpen = true;
-  }
-
-  override disconnectedCallback() {
-    super.disconnectedCallback();
-    this.closeCurrentMenu();
-    this._clearPopMenu();
-  }
-
-  override render() {
-    return html`
-      <editor-toolbar class="affine-image-toolbar-container" data-without-bg>
-        ${renderGroups(this.primaryGroups, this.context)}
-        <editor-icon-button
-          class="image-toolbar-button more"
-          aria-label="More"
-          .tooltip=${'More'}
-          .tooltipOffset=${4}
-          .showTooltip=${!this._moreMenuOpen}
-          .iconSize=${'20px'}
-          @click=${() => this._toggleMoreMenu()}
-        >
-          ${MoreVerticalIcon()}
-        </editor-icon-button>
-      </editor-toolbar>
-    `;
-  }
-
-  @query('editor-icon-button.more')
-  private accessor _moreButton!: EditorIconButton;
-
-  @state()
-  private accessor _moreMenuOpen = false;
-
-  @property({ attribute: false })
-  accessor context!: ImageToolbarContext;
-
-  @property({ attribute: false })
-  accessor moreGroups!: MenuItemGroup<ImageToolbarContext>[];
-
-  @property({ attribute: false })
-  accessor onActiveStatusChange: (active: boolean) => void = noop;
-
-  @property({ attribute: false })
-  accessor primaryGroups!: MenuItemGroup<ImageToolbarContext>[];
-}

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/config.ts

@@ -1,144 +0,0 @@
-import {
-  CaptionIcon,
-  CopyIcon,
-  DeleteIcon,
-  DownloadIcon,
-} from '@blocksuite/affine-components/icons';
-import type { MenuItemGroup } from '@blocksuite/affine-components/toolbar';
-import { BookmarkIcon, DuplicateIcon } from '@blocksuite/icons/lit';
-import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-
-import type { ImageToolbarContext } from './context.js';
-import { duplicate } from './utils.js';
-
-export const PRIMARY_GROUPS: MenuItemGroup<ImageToolbarContext>[] = [
-  {
-    type: 'primary',
-    items: [
-      {
-        type: 'download',
-        label: 'Download',
-        icon: DownloadIcon,
-        generate: ({ blockComponent }) => {
-          return {
-            action: () => {
-              blockComponent.download();
-            },
-            render: item => html`
-              <editor-icon-button
-                class="image-toolbar-button download"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                @click=${(e: MouseEvent) => {
-                  e.stopPropagation();
-                  item.action();
-                }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
-          };
-        },
-      },
-      {
-        type: 'caption',
-        label: 'Caption',
-        icon: CaptionIcon,
-        when: ({ doc }) => !doc.readonly,
-        generate: ({ blockComponent }) => {
-          return {
-            action: () => {
-              blockComponent.captionEditor?.show();
-            },
-            render: item => html`
-              <editor-icon-button
-                class="image-toolbar-button caption"
-                aria-label=${ifDefined(item.label)}
-                .tooltip=${item.label}
-                .tooltipOffset=${4}
-                @click=${(e: MouseEvent) => {
-                  e.stopPropagation();
-                  item.action();
-                }}
-              >
-                ${item.icon}
-              </editor-icon-button>
-            `,
-          };
-        },
-      },
-    ],
-  },
-];
-
-// Clipboard Group
-export const clipboardGroup: MenuItemGroup<ImageToolbarContext> = {
-  type: 'clipboard',
-  items: [
-    {
-      type: 'copy',
-      label: 'Copy',
-      icon: CopyIcon,
-      action: ({ blockComponent, close }) => {
-        blockComponent.copy();
-        close();
-      },
-    },
-    {
-      type: 'duplicate',
-      label: 'Duplicate',
-      icon: DuplicateIcon(),
-      when: ({ doc }) => !doc.readonly,
-      action: ({ blockComponent, abortController }) => {
-        duplicate(blockComponent, abortController);
-      },
-    },
-  ],
-};
-
-// Conversions Group
-export const conversionsGroup: MenuItemGroup<ImageToolbarContext> = {
-  type: 'conversions',
-  items: [
-    {
-      label: 'Turn into card view',
-      type: 'turn-into-card-view',
-      icon: BookmarkIcon(),
-      when: ({ doc, blockComponent }) => {
-        const supportAttachment =
-          doc.schema.flavourSchemaMap.has('affine:attachment');
-        const readonly = doc.readonly;
-        return supportAttachment && !readonly && !!blockComponent.blob;
-      },
-      action: ({ blockComponent, close }) => {
-        blockComponent.convertToCardView();
-        close();
-      },
-    },
-  ],
-};
-
-// Delete Group
-export const deleteGroup: MenuItemGroup<ImageToolbarContext> = {
-  type: 'delete',
-  items: [
-    {
-      type: 'delete',
-      label: 'Delete',
-      icon: DeleteIcon,
-      when: ({ doc }) => !doc.readonly,
-      action: ({ doc, blockComponent, close }) => {
-        doc.deleteBlock(blockComponent.model);
-        close();
-      },
-    },
-  ],
-};
-
-export const MORE_GROUPS: MenuItemGroup<ImageToolbarContext>[] = [
-  clipboardGroup,
-  conversionsGroup,
-  deleteGroup,
-];

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/context.ts

@@ -1,43 +0,0 @@
-import type { ImageBlockComponent } from '@blocksuite/affine-block-image';
-import { MenuContext } from '@blocksuite/affine-components/toolbar';
-
-export class ImageToolbarContext extends MenuContext {
-  override close = () => {
-    this.abortController.abort();
-  };
-
-  get doc() {
-    return this.blockComponent.doc;
-  }
-
-  get host() {
-    return this.blockComponent.host;
-  }
-
-  get selectedBlockModels() {
-    return [this.blockComponent.model];
-  }
-
-  get std() {
-    return this.blockComponent.std;
-  }
-
-  constructor(
-    public blockComponent: ImageBlockComponent,
-    public abortController: AbortController
-  ) {
-    super();
-  }
-
-  isEmpty() {
-    return false;
-  }
-
-  isMultiple() {
-    return false;
-  }
-
-  isSingle() {
-    return true;
-  }
-}

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/index.ts

@@ -1,173 +0,0 @@
-import type { ImageBlockComponent } from '@blocksuite/affine-block-image';
-import { HoverController } from '@blocksuite/affine-components/hover';
-import type {
-  AdvancedMenuItem,
-  MenuItemGroup,
-} from '@blocksuite/affine-components/toolbar';
-import {
-  cloneGroups,
-  getMoreMenuConfig,
-} from '@blocksuite/affine-components/toolbar';
-import type { ImageBlockModel } from '@blocksuite/affine-model';
-import { PAGE_HEADER_HEIGHT } from '@blocksuite/affine-shared/consts';
-import {
-  BlockSelection,
-  TextSelection,
-  WidgetComponent,
-} from '@blocksuite/std';
-import { limitShift, shift } from '@floating-ui/dom';
-import { html } from 'lit';
-
-import { MORE_GROUPS, PRIMARY_GROUPS } from './config.js';
-import { ImageToolbarContext } from './context.js';
-
-export const AFFINE_IMAGE_TOOLBAR_WIDGET = 'affine-image-toolbar-widget';
-
-export class AffineImageToolbarWidget extends WidgetComponent<
-  ImageBlockModel,
-  ImageBlockComponent
-> {
-  private _hoverController: HoverController | null = null;
-
-  private _isActivated = false;
-
-  private readonly _setHoverController = () => {
-    this._hoverController = null;
-    this._hoverController = new HoverController(
-      this,
-      ({ abortController }) => {
-        const imageBlock = this.block;
-        if (!imageBlock) {
-          return null;
-        }
-        const selection = this.host.selection;
-
-        const textSelection = selection.find(TextSelection);
-        if (
-          !!textSelection &&
-          (!!textSelection.to || !!textSelection.from.length)
-        ) {
-          return null;
-        }
-
-        const blockSelections = selection.filter(BlockSelection);
-        if (
-          blockSelections.length > 1 ||
-          (blockSelections.length === 1 &&
-            blockSelections[0].blockId !== imageBlock.blockId)
-        ) {
-          return null;
-        }
-
-        const imageContainer =
-          imageBlock.resizableImg ?? imageBlock.fallbackCard;
-        if (!imageContainer) {
-          return null;
-        }
-
-        const context = new ImageToolbarContext(imageBlock, abortController);
-
-        return {
-          template: html`<affine-image-toolbar
-            .context=${context}
-            .primaryGroups=${this.primaryGroups}
-            .moreGroups=${this.moreGroups}
-            .onActiveStatusChange=${(active: boolean) => {
-              this._isActivated = active;
-              if (!active && !this._hoverController?.isHovering) {
-                this._hoverController?.abort();
-              }
-            }}
-          ></affine-image-toolbar>`,
-          container: this.block,
-          // stacking-context(editor-host)
-          portalStyles: {
-            zIndex: 'var(--affine-z-index-popover)',
-          },
-          computePosition: {
-            referenceElement: imageContainer,
-            placement: 'right-start',
-            middleware: [
-              shift({
-                crossAxis: true,
-                padding: {
-                  top: PAGE_HEADER_HEIGHT + 12,
-                  bottom: 12,
-                  right: 12,
-                },
-                limiter: limitShift(),
-              }),
-            ],
-            autoUpdate: true,
-          },
-        };
-      },
-      { allowMultiple: true }
-    );
-
-    const imageBlock = this.block;
-    if (!imageBlock) {
-      return;
-    }
-    this._hoverController.setReference(imageBlock);
-    this._hoverController.onAbort = () => {
-      // If the more menu is opened, don't close it.
-      if (this._isActivated) return;
-      this._hoverController?.abort();
-      return;
-    };
-  };
-
-  addMoreItems = (
-    items: AdvancedMenuItem<ImageToolbarContext>[],
-    index?: number,
-    type?: string
-  ) => {
-    let group;
-    if (type) {
-      group = this.moreGroups.find(g => g.type === type);
-    }
-    if (!group) {
-      group = this.moreGroups[0];
-    }
-
-    if (index === undefined) {
-      group.items.push(...items);
-      return this;
-    }
-
-    group.items.splice(index, 0, ...items);
-    return this;
-  };
-
-  addPrimaryItems = (
-    items: AdvancedMenuItem<ImageToolbarContext>[],
-    index?: number
-  ) => {
-    if (index === undefined) {
-      this.primaryGroups[0].items.push(...items);
-      return this;
-    }
-
-    this.primaryGroups[0].items.splice(index, 0, ...items);
-    return this;
-  };
-
-  /*
-   * Caches the more menu items.
-   * Currently only supports configuring more menu.
-   */
-  moreGroups: MenuItemGroup<ImageToolbarContext>[] = cloneGroups(MORE_GROUPS);
-
-  primaryGroups: MenuItemGroup<ImageToolbarContext>[] =
-    cloneGroups(PRIMARY_GROUPS);
-
-  override firstUpdated() {
-    if (this.doc.getParent(this.model.id)?.flavour === 'affine:surface') {
-      return;
-    }
-
-    this.moreGroups = getMoreMenuConfig(this.std).configure(this.moreGroups);
-    this._setHoverController();
-  }
-}

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/styles.ts

@@ -1,24 +0,0 @@
-import { css } from 'lit';
-
-export const styles = css`
-  :host {
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: var(--affine-z-index-popover);
-  }
-
-  .affine-image-toolbar-container {
-    height: 24px;
-    gap: 4px;
-    padding: 4px;
-    margin: 0;
-  }
-
-  .image-toolbar-button {
-    color: var(--affine-icon-color);
-    background-color: var(--affine-background-primary-color);
-    box-shadow: var(--affine-shadow-1);
-    border-radius: 4px;
-  }
-`;

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/utils.ts

@@ -1,56 +0,0 @@
-import type { ImageBlockComponent } from '@blocksuite/affine-block-image';
-import {
-  getBlockProps,
-  isInsidePageEditor,
-} from '@blocksuite/affine-shared/utils';
-import { BlockSelection } from '@blocksuite/std';
-
-export function duplicate(
-  block: ImageBlockComponent,
-  abortController?: AbortController
-) {
-  const model = block.model;
-  const blockProps = getBlockProps(model);
-  const {
-    width: _width,
-    height: _height,
-    xywh: _xywh,
-    rotate: _rotate,
-    zIndex: _zIndex,
-    ...duplicateProps
-  } = blockProps;
-
-  const { doc } = model;
-  const parent = doc.getParent(model);
-  if (!parent) {
-    console.error(`Parent not found for block(${model.flavour}) ${model.id}`);
-    return;
-  }
-
-  const index = parent?.children.indexOf(model);
-  const duplicateId = doc.addBlock(
-    model.flavour,
-    duplicateProps,
-    parent,
-    index + 1
-  );
-  abortController?.abort();
-
-  const editorHost = block.host;
-  editorHost.updateComplete
-    .then(() => {
-      const { selection } = editorHost;
-      selection.setGroup('note', [
-        selection.create(BlockSelection, {
-          blockId: duplicateId,
-        }),
-      ]);
-      if (isInsidePageEditor(editorHost)) {
-        const duplicateElement = editorHost.view.getBlock(duplicateId);
-        if (duplicateElement) {
-          duplicateElement.scrollIntoView(true);
-        }
-      }
-    })
-    .catch(console.error);
-}

blocksuite/affine/blocks/block-root/src/widgets/index.ts

@@ -1,20 +0,0 @@
-export { AffineEdgelessZoomToolbarWidget } from './edgeless-zoom-toolbar/index.js';
-export { AffineImageToolbarWidget } from './image-toolbar/index.js';
-export { AffineInnerModalWidget } from './inner-modal/inner-modal.js';
-export * from './keyboard-toolbar/index.js';
-export {
-  type LinkedMenuAction,
-  type LinkedMenuGroup,
-  type LinkedMenuItem,
-  type LinkedWidgetConfig,
-  LinkedWidgetUtils,
-} from './linked-doc/config.js';
-export {
-  // It's used in the AFFiNE!
-  showImportModal,
-} from './linked-doc/import-doc/index.js';
-export { AffineLinkedDocWidget } from './linked-doc/index.js';
-export { AffineModalWidget } from './modal/modal.js';
-export { AffinePageDraggingAreaWidget } from './page-dragging-area/page-dragging-area.js';
-export * from './viewport-overlay/viewport-overlay.js';
-export { AffineFrameTitleWidget } from '@blocksuite/affine-widget-frame-title';

blocksuite/affine/blocks/block-root/src/widgets/inner-modal/inner-modal.ts

@@ -1,58 +0,0 @@
-import { WidgetComponent } from '@blocksuite/std';
-import {
-  autoUpdate,
-  computePosition,
-  type FloatingElement,
-  type ReferenceElement,
-  size,
-} from '@floating-ui/dom';
-import { nothing } from 'lit';
-
-export const AFFINE_INNER_MODAL_WIDGET = 'affine-inner-modal-widget';
-
-export class AffineInnerModalWidget extends WidgetComponent {
-  private _getTarget?: () => ReferenceElement;
-
-  get target(): ReferenceElement {
-    if (this._getTarget) {
-      return this._getTarget();
-    }
-    return document.body;
-  }
-
-  open(
-    modal: FloatingElement,
-    ops: { onClose?: () => void }
-  ): { close(): void } {
-    const cancel = autoUpdate(this.target, modal, () => {
-      computePosition(this.target, modal, {
-        middleware: [
-          size({
-            apply: ({ rects }) => {
-              Object.assign(modal.style, {
-                left: `${rects.reference.x}px`,
-                top: `${rects.reference.y}px`,
-                width: `${rects.reference.width}px`,
-                height: `${rects.reference.height}px`,
-              });
-            },
-          }),
-        ],
-      }).catch(console.error);
-    });
-    const close = () => {
-      modal.remove();
-      ops.onClose?.();
-      cancel();
-    };
-    return { close };
-  }
-
-  override render() {
-    return nothing;
-  }
-
-  setTarget(fn: () => ReferenceElement) {
-    this._getTarget = fn;
-  }
-}

blocksuite/affine/blocks/block-root/src/widgets/modal/custom-modal.ts

@@ -1,144 +0,0 @@
-import { css, html, LitElement, nothing } from 'lit';
-import { ref } from 'lit/directives/ref.js';
-import { repeat } from 'lit/directives/repeat.js';
-
-type ModalButton = {
-  text: string;
-  type?: 'primary';
-  onClick: () => Promise<void> | void;
-};
-
-type ModalOptions = {
-  footer: null | ModalButton[];
-};
-
-export class AffineCustomModal extends LitElement {
-  static override styles = css`
-    :host {
-      z-index: calc(var(--affine-z-index-modal) + 3);
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100vw;
-      height: 100vh;
-    }
-
-    .modal-background {
-      width: 100%;
-      height: 100%;
-      box-sizing: border-box;
-      align-items: center;
-      background-color: var(--affine-background-modal-color);
-      justify-content: center;
-      display: flex;
-    }
-
-    .modal-window {
-      width: 70%;
-      min-width: 500px;
-      height: 80%;
-      overflow-y: scroll;
-      background-color: var(--affine-background-overlay-panel-color);
-      border-radius: 12px;
-      box-shadow: var(--affine-shadow-3);
-      position: relative;
-    }
-
-    .modal-main {
-      height: 100%;
-    }
-
-    .modal-footer {
-      display: flex;
-      justify-content: flex-end;
-      gap: 20px;
-      padding: 24px;
-      position: absolute;
-      box-sizing: border-box;
-      bottom: 0;
-      right: 0;
-    }
-
-    .modal-footer .button {
-      align-items: center;
-      background: var(--affine-white);
-      border: 1px solid;
-      border-color: var(--affine-border-color);
-      border-radius: 8px;
-      color: var(--affine-text-primary-color);
-      cursor: pointer;
-      display: inline-flex;
-      font-size: var(--affine-font-sm);
-      font-weight: 500;
-      justify-content: center;
-      outline: 0;
-      padding: 12px 18px;
-      touch-action: manipulation;
-      transition: all 0.3s;
-      user-select: none;
-    }
-
-    .modal-footer .primary {
-      background: var(--affine-primary-color);
-      border-color: var(--affine-black-10);
-      box-shadow: var(--affine-button-inner-shadow);
-      color: var(--affine-pure-white);
-    }
-  `;
-
-  onOpen!: (div: HTMLDivElement) => void;
-
-  options!: ModalOptions;
-
-  close() {
-    this.remove();
-  }
-
-  modalRef(modal: Element | undefined) {
-    if (modal) this.onOpen?.(modal as HTMLDivElement);
-  }
-
-  override render() {
-    const { options } = this;
-
-    return html`<div class="modal-background">
-      <div class="modal-window">
-        <div class="modal-main" ${ref(this.modalRef)}></div>
-        <div class="modal-footer">
-          ${options.footer
-            ? repeat(
-                options.footer,
-                button => button.text,
-                button => html`
-                  <button
-                    class="button ${button.type ?? ''}"
-                    @click=${button.onClick}
-                  >
-                    ${button.text}
-                  </button>
-                `
-              )
-            : nothing}
-        </div>
-      </div>
-    </div>`;
-  }
-}
-
-type CreateModalOption = ModalOptions & {
-  entry: (div: HTMLDivElement) => void;
-};
-
-export function createCustomModal(
-  options: CreateModalOption,
-  container: HTMLElement = document.body
-) {
-  const modal = new AffineCustomModal();
-
-  modal.onOpen = options.entry;
-  modal.options = options;
-
-  container.append(modal);
-
-  return modal;
-}

blocksuite/affine/blocks/block-root/src/widgets/modal/modal.ts

@@ -1,22 +0,0 @@
-import { WidgetComponent } from '@blocksuite/std';
-import { nothing } from 'lit';
-
-import { createCustomModal } from './custom-modal.js';
-
-export const AFFINE_MODAL_WIDGET = 'affine-modal-widget';
-
-export class AffineModalWidget extends WidgetComponent {
-  open(options: Parameters<typeof createCustomModal>[0]) {
-    return createCustomModal(options, this.ownerDocument.body);
-  }
-
-  override render() {
-    return nothing;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    [AFFINE_MODAL_WIDGET]: AffineModalWidget;
-  }
-}

blocksuite/affine/blocks/block-root/tsconfig.json

@@ -1,54 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "./dist",
-    "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo"
-  },
-  "include": ["./src"],
-  "references": [
-    { "path": "../block-attachment" },
-    { "path": "../block-bookmark" },
-    { "path": "../block-data-view" },
-    { "path": "../block-database" },
-    { "path": "../block-edgeless-text" },
-    { "path": "../block-embed" },
-    { "path": "../block-frame" },
-    { "path": "../block-image" },
-    { "path": "../block-latex" },
-    { "path": "../block-list" },
-    { "path": "../block-note" },
-    { "path": "../block-paragraph" },
-    { "path": "../block-surface" },
-    { "path": "../block-surface-ref" },
-    { "path": "../block-table" },
-    { "path": "../../components" },
-    { "path": "../../fragments/fragment-doc-title" },
-    { "path": "../../gfx/brush" },
-    { "path": "../../gfx/connector" },
-    { "path": "../../gfx/group" },
-    { "path": "../../gfx/mindmap" },
-    { "path": "../../gfx/note" },
-    { "path": "../../gfx/shape" },
-    { "path": "../../gfx/text" },
-    { "path": "../../inlines/latex" },
-    { "path": "../../inlines/link" },
-    { "path": "../../inlines/preset" },
-    { "path": "../../inlines/reference" },
-    { "path": "../../model" },
-    { "path": "../../rich-text" },
-    { "path": "../../shared" },
-    { "path": "../../widgets/widget-drag-handle" },
-    { "path": "../../widgets/widget-edgeless-auto-connect" },
-    { "path": "../../widgets/widget-edgeless-toolbar" },
-    { "path": "../../widgets/widget-frame-title" },
-    { "path": "../../widgets/widget-remote-selection" },
-    { "path": "../../widgets/widget-scroll-anchoring" },
-    { "path": "../../widgets/widget-slash-menu" },
-    { "path": "../../widgets/widget-toolbar" },
-    { "path": "../../data-view" },
-    { "path": "../../../framework/global" },
-    { "path": "../../../framework/std" },
-    { "path": "../../../framework/store" }
-  ]
-}

blocksuite/affine/blocks/block-surface-ref/src/surface-ref-block-edgeless.ts

@@ -1,15 +0,0 @@
-import type { SurfaceRefBlockModel } from '@blocksuite/affine-model';
-import { BlockComponent } from '@blocksuite/std';
-import { nothing } from 'lit';
-
-export class EdgelessSurfaceRefBlockComponent extends BlockComponent<SurfaceRefBlockModel> {
-  override render() {
-    return nothing;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-edgeless-surface-ref': EdgelessSurfaceRefBlockComponent;
-  }
-}

blocksuite/affine/blocks/block-surface/src/adapters/index.ts

@@ -1,4 +0,0 @@
-export {
-  EdgelessSurfaceBlockAdapterExtensions,
-  SurfaceBlockAdapterExtensions,
-} from './extension.js';

blocksuite/affine/blocks/block-surface/src/adapters/markdown/element-adapter/elements/index.ts

@@ -1,15 +0,0 @@
-import { brushToMarkdownAdapterMatcher } from './brush.js';
-import { connectorToMarkdownAdapterMatcher } from './connector.js';
-import { groupToMarkdownAdapterMatcher } from './group.js';
-import { mindmapToMarkdownAdapterMatcher } from './mindmap.js';
-import { shapeToMarkdownAdapterMatcher } from './shape.js';
-import { textToMarkdownAdapterMatcher } from './text.js';
-
-export const elementToMarkdownAdapterMatchers = [
-  groupToMarkdownAdapterMatcher,
-  shapeToMarkdownAdapterMatcher,
-  connectorToMarkdownAdapterMatcher,
-  brushToMarkdownAdapterMatcher,
-  textToMarkdownAdapterMatcher,
-  mindmapToMarkdownAdapterMatcher,
-];

blocksuite/affine/blocks/block-surface/src/adapters/plain-text/element-adapter/elements/index.ts

@@ -1,15 +0,0 @@
-import { brushToPlainTextAdapterMatcher } from './brush.js';
-import { connectorToPlainTextAdapterMatcher } from './connector.js';
-import { groupToPlainTextAdapterMatcher } from './group.js';
-import { mindmapToPlainTextAdapterMatcher } from './mindmap.js';
-import { shapeToPlainTextAdapterMatcher } from './shape.js';
-import { textToPlainTextAdapterMatcher } from './text.js';
-
-export const elementToPlainTextAdapterMatchers = [
-  groupToPlainTextAdapterMatcher,
-  shapeToPlainTextAdapterMatcher,
-  connectorToPlainTextAdapterMatcher,
-  brushToPlainTextAdapterMatcher,
-  textToPlainTextAdapterMatcher,
-  mindmapToPlainTextAdapterMatcher,
-];

blocksuite/affine/blocks/block-surface/src/adapters/utils/text.ts

@@ -1,162 +0,0 @@
-import type { DeltaInsert } from '@blocksuite/store';
-
-import type { MindMapTreeNode } from '../types/mindmap.js';
-import { buildMindMapTree } from './mindmap.js';
-
-export function getShapeType(elementModel: Record<string, unknown>): string {
-  let shapeType = '';
-  if (elementModel.type !== 'shape') {
-    return shapeType;
-  }
-
-  if (
-    'shapeType' in elementModel &&
-    typeof elementModel.shapeType === 'string'
-  ) {
-    shapeType = elementModel.shapeType;
-  }
-  return shapeType;
-}
-
-export function getShapeText(elementModel: Record<string, unknown>): string {
-  let text = '';
-  if (elementModel.type !== 'shape') {
-    return text;
-  }
-
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-export function getConnectorText(
-  elementModel: Record<string, unknown>
-): string {
-  let text = '';
-  if (elementModel.type !== 'connector') {
-    return text;
-  }
-
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-export function getGroupTitle(elementModel: Record<string, unknown>): string {
-  let title = '';
-  if (elementModel.type !== 'group') {
-    return title;
-  }
-
-  if (
-    'title' in elementModel &&
-    typeof elementModel.title === 'object' &&
-    elementModel.title
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.title) {
-      delta = elementModel.title.delta as DeltaInsert[];
-    }
-    title = delta.map(d => d.insert).join('');
-  }
-  return title;
-}
-
-export function getTextElementText(
-  elementModel: Record<string, unknown>
-): string {
-  let text = '';
-  if (elementModel.type !== 'text') {
-    return text;
-  }
-  if (
-    'text' in elementModel &&
-    typeof elementModel.text === 'object' &&
-    elementModel.text
-  ) {
-    let delta: DeltaInsert[] = [];
-    if ('delta' in elementModel.text) {
-      delta = elementModel.text.delta as DeltaInsert[];
-    }
-    text = delta.map(d => d.insert).join('');
-  }
-  return text;
-}
-
-/**
- * traverse the mindMapTree and construct the content string
- * like:
- * - Root
- *   - Child 1
- *     - Child 1.1
- *     - Child 1.2
- *   - Child 2
- *     - Child 2.1
- *     - Child 2.2
- *   - Child 3
- *     - Child 3.1
- *     - Child 3.2
- * @param elementModel - the mindmap element model
- * @param elements - the elements map
- * @returns the mindmap tree text
- */
-export function getMindMapTreeText(
-  elementModel: Record<string, unknown>,
-  elements: Record<string, Record<string, unknown>>,
-  options: {
-    prefix: string;
-    repeat: number;
-  } = {
-    prefix: ' ',
-    repeat: 2,
-  }
-): string {
-  let mindMapContent = '';
-  if (elementModel.type !== 'mindmap') {
-    return mindMapContent;
-  }
-
-  const mindMapTree = buildMindMapTree(elementModel);
-  if (!mindMapTree) {
-    return mindMapContent;
-  }
-
-  let layer = 0;
-  const traverseMindMapTree = (
-    node: MindMapTreeNode,
-    prefix: string,
-    repeat: number
-  ) => {
-    const shapeElement = elements[node.id as string];
-    const shapeText = getShapeText(shapeElement);
-    if (shapeElement) {
-      mindMapContent += `${prefix.repeat(layer * repeat)}- ${shapeText}\n`;
-    }
-    node.children.forEach(child => {
-      layer++;
-      traverseMindMapTree(child, prefix, repeat);
-      layer--;
-    });
-  };
-  traverseMindMapTree(mindMapTree, options.prefix, options.repeat);
-
-  return mindMapContent;
-}

blocksuite/affine/blocks/block-surface/src/renderer/elements/index.ts

@@ -1,34 +0,0 @@
-import type { IBound } from '@blocksuite/global/gfx';
-import type { GfxPrimitiveElementModel } from '@blocksuite/std/gfx';
-
-import type { RoughCanvas } from '../../index.js';
-import type { CanvasRenderer } from '../canvas-renderer.js';
-import { brush } from './brush/index.js';
-import { connector } from './connector/index.js';
-import { group } from './group/index.js';
-import { highlighter } from './highlighter/index.js';
-import { mindmap } from './mindmap.js';
-import { shape } from './shape/index.js';
-import { text } from './text/index.js';
-export { normalizeShapeBound } from './shape/utils.js';
-
-export type ElementRenderer<
-  T extends GfxPrimitiveElementModel = GfxPrimitiveElementModel,
-> = (
-  model: T,
-  ctx: CanvasRenderingContext2D,
-  matrix: DOMMatrix,
-  renderer: CanvasRenderer,
-  rc: RoughCanvas,
-  viewportBound: IBound
-) => void;
-
-export const elementRenderers = {
-  brush,
-  highlighter,
-  connector,
-  group,
-  shape,
-  text,
-  mindmap,
-} as Record<string, ElementRenderer<any>>;

blocksuite/affine/blocks/block-surface/src/surface-service.ts

@@ -1,37 +0,0 @@
-import { BlockService } from '@blocksuite/std';
-import { GfxControllerIdentifier } from '@blocksuite/std/gfx';
-
-import { type SurfaceBlockModel, SurfaceBlockSchema } from './surface-model.js';
-import { getSurfaceBlock } from './utils/get-surface-block.js';
-
-export class SurfaceBlockService extends BlockService {
-  static override readonly flavour = SurfaceBlockSchema.model.flavour;
-
-  surface!: SurfaceBlockModel;
-
-  get layer() {
-    return this.std.get(GfxControllerIdentifier).layer;
-  }
-
-  override mounted(): void {
-    super.mounted();
-
-    const surface = getSurfaceBlock(this.doc);
-
-    // FIXME: BS-2271
-    this.surface = surface!;
-
-    if (!this.surface) {
-      const disposable = this.doc.slots.blockUpdated.subscribe(payload => {
-        if (payload.flavour === 'affine:surface') {
-          disposable.unsubscribe();
-          const surface = this.doc.getModelById(
-            payload.id
-          ) as SurfaceBlockModel | null;
-          if (!surface) return;
-          this.surface = surface;
-        }
-      });
-    }
-  }
-}

blocksuite/affine/blocks/bookmark/package.json

@@ -17,7 +17,7 @@
     "@blocksuite/affine-shared": "workspace:*",
     "@blocksuite/affine-widget-slash-menu": "workspace:*",
     "@blocksuite/global": "workspace:*",
-    "@blocksuite/icons": "^2.2.8",
+    "@blocksuite/icons": "^2.2.10",
     "@blocksuite/std": "workspace:*",
     "@blocksuite/store": "workspace:*",
     "@lit/context": "^1.1.2",
@@ -39,5 +39,5 @@
     "!src/__tests__",
     "!dist/__tests__"
   ],
-  "version": "0.20.0"
+  "version": "0.21.0"
 }