AppFlowy-IO/AppFlowy

Fork

You've already forked AppFlowy

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 04:46:56 +00:00

Code Issues 952 Projects Packages Wiki Activity

[PR #7692] [MERGED] feat: revamp link preivew #8044

New issue

Closed

opened 2026-03-23 23:22:21 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:22:21 +00:00

Owner

Copy link

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7692
Author: @asjqkkkk
Created: 4/7/2025
Status: ✅ Merged
Merged: 4/10/2025
Merged by: @LucasXu0

Base: main ← Head: feat/link_preview

📝 Commits (10+)

4e39e66 feat: revamp link preivew
973a731 feat: add convert to menu for link hover menu
1d98960 feat: add mention link
338c676 feat: support convert preview to mention
c5fe9fc feat: add embed link preview
1612b87 fix: some test erros
136e0db Merge branch 'main' into feat/link_preview
e21b48b fix: test errors
3eb5b12 fix: some UI issues
8c3ff9f chore: add test for url

📊 Changes

38 files changed (+3564 additions, -167 deletions)

View changed files

📝 frontend/appflowy_flutter/integration_test/desktop/document/document_copy_and_paste_test.dart (+29 -15)
➕ frontend/appflowy_flutter/integration_test/desktop/document/document_link_preview_test.dart (+452 -0)
📝 frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart (+2 -0)
📝 frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart (+4 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart (+3 -16)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/custom_paste_command.dart (+5 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/paste_from_html.dart (+2 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/paste_from_plain_text.dart (+26 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_create_menu.dart (+5 -2)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_hover_menu.dart (+152 -8)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_replace_menu.dart (+184 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_block_component.dart (+286 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_menu.dart (+332 -0)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_parser.dart (+135 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview.dart (+89 -27)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview_block_component.dart (+204 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/link_preview_menu.dart (+173 -75)
➕ frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/paste_as/paste_as_menu.dart (+253 -0)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/shared.dart (+172 -1)
📝 frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mention/mention_block.dart (+16 -0)

...and 18 more files

📄 Description

Type Selection
- Paste as menu (URL, Mention, Bookmark, Embed)
URL
- Convert to menu(Mention, Bookmark, Embed)
Mention
- Mention link UI(loading, complete)
- Hover to show the preview menu
  - Internal links preview
  - External links preview
- Implement Convert to menu(URL, Bookmark, Embed, Remove Link)
Bookmark
- Bookmark UI(default, complete)
- More options menu(Mention, URL, Embed, Copy Link, Replace, Reload, Remove Link)
Embed
- Embed UI(default, complete)
- More options menu(Alignment, Open link, Replace, Reload, Remove Link)
  - Alignment
- Convert to menu(Mention, URL, Bookmark)
- Fullscreen

Feature Preview

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

Summary by Sourcery

Revamp the link preview functionality in the document editor, introducing a more flexible and feature-rich link preview system with enhanced UI and interaction capabilities.

New Features:

Implement a new link preview menu with multiple conversion options
Add a 'Paste as' menu for link types
Introduce enhanced link preview UI with loading and error states

Enhancements:

Improve link preview component with more robust handling of different link states
Add more interactive menu options for link preview
Enhance link preview styling and responsiveness

Chores:

Refactor link preview and embed block components
Update theme and styling configurations

Summary by Sourcery

Revamp the link preview functionality in the document editor, introducing a more flexible and feature-rich link preview system with enhanced UI and interaction capabilities.

New Features:

Implement a comprehensive link preview menu with multiple conversion options
Add 'Paste as' menu for different link types (URL, Mention, Bookmark, Embed)
Introduce enhanced link preview UI with loading and error states
Add support for external link mentions

Enhancements:

Improve link preview component with more robust handling of different link states
Add interactive menu options for link preview
Enhance link preview styling and responsiveness
Implement flexible link conversion between different types

Chores:

Refactor link preview and embed block components
Update theme and styling configurations
Improve link parsing and caching mechanisms

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/7692 **Author:** [@asjqkkkk](https://github.com/asjqkkkk) **Created:** 4/7/2025 **Status:** ✅ Merged **Merged:** 4/10/2025 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `feat/link_preview` --- ### 📝 Commits (10+) - [`4e39e66`](https://github.com/AppFlowy-IO/AppFlowy/commit/4e39e66f4b33c6bebfd4d620ef5b5c92722d06fd) feat: revamp link preivew - [`973a731`](https://github.com/AppFlowy-IO/AppFlowy/commit/973a731b6964cd9297907eb0f4b29a2bf71f63e5) feat: add convert to menu for link hover menu - [`1d98960`](https://github.com/AppFlowy-IO/AppFlowy/commit/1d98960fbe456b3be1924cf0f5aa1de7997fb428) feat: add mention link - [`338c676`](https://github.com/AppFlowy-IO/AppFlowy/commit/338c676c83c47de4b884af817ffc57bc8754a8b4) feat: support convert preview to mention - [`c5fe9fc`](https://github.com/AppFlowy-IO/AppFlowy/commit/c5fe9fcc02c2e385b1e725b22bbfa2ee79ee4de2) feat: add embed link preview - [`1612b87`](https://github.com/AppFlowy-IO/AppFlowy/commit/1612b870c38bcc6f6a424f08c1895464fc3d5224) fix: some test erros - [`136e0db`](https://github.com/AppFlowy-IO/AppFlowy/commit/136e0dbb7da710590936bd68eaa7cfa62b46761e) Merge branch 'main' into feat/link_preview - [`e21b48b`](https://github.com/AppFlowy-IO/AppFlowy/commit/e21b48b7d373c78e2334ae502a2f43d682a4ed50) fix: test errors - [`3eb5b12`](https://github.com/AppFlowy-IO/AppFlowy/commit/3eb5b12a53c537f122742ca9a695f08e60af6f1b) fix: some UI issues - [`8c3ff9f`](https://github.com/AppFlowy-IO/AppFlowy/commit/8c3ff9fa8f6ca0ec80ba4a4406302c8716975103) chore: add test for url ### 📊 Changes **38 files changed** (+3564 additions, -167 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/integration_test/desktop/document/document_copy_and_paste_test.dart` (+29 -15) ➕ `frontend/appflowy_flutter/integration_test/desktop/document/document_link_preview_test.dart` (+452 -0) 📝 `frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner_4.dart` (+2 -0) 📝 `frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart` (+4 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_configuration.dart` (+3 -16) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/custom_paste_command.dart` (+5 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/paste_from_html.dart` (+2 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/copy_and_paste/paste_from_plain_text.dart` (+26 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_create_menu.dart` (+5 -2) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_hover_menu.dart` (+152 -8) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/desktop_toolbar/link/link_replace_menu.dart` (+184 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_block_component.dart` (+286 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_embed/link_embed_menu.dart` (+332 -0) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_parser.dart` (+135 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview.dart` (+89 -27) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/custom_link_preview_block_component.dart` (+204 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/link_preview_menu.dart` (+173 -75) ➕ `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/paste_as/paste_as_menu.dart` (+253 -0) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/link_preview/shared.dart` (+172 -1) 📝 `frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mention/mention_block.dart` (+16 -0) _...and 18 more files_ </details> ### 📄 Description - [x] Type Selection - [x] `Paste as` menu (URL, Mention, Bookmark, Embed) - [x] URL - [x] `Convert to` menu(Mention, Bookmark, Embed) - [x] Mention - [x] Mention link UI(loading, complete) - [x] Hover to show the preview menu - [ ] Internal links preview - [x] External links preview - [x] Implement `Convert to` menu(URL, Bookmark, Embed, Remove Link) - [x] Bookmark - [x] Bookmark UI(default, complete) - [x] `More options` menu(Mention, URL, Embed, Copy Link, Replace, Reload, Remove Link) - [x] Embed - [x] Embed UI(default, complete) - [x] `More options` menu(Alignment, Open link, Replace, Reload, Remove Link) - [ ] Alignment - [x] `Convert to` menu(Mention, URL, Bookmark) - [ ] Fullscreen ### Feature Preview  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [ ] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [ ] All existing tests are passing. ## Summary by Sourcery Revamp the link preview functionality in the document editor, introducing a more flexible and feature-rich link preview system with enhanced UI and interaction capabilities. New Features: - Implement a new link preview menu with multiple conversion options - Add a 'Paste as' menu for link types - Introduce enhanced link preview UI with loading and error states Enhancements: - Improve link preview component with more robust handling of different link states - Add more interactive menu options for link preview - Enhance link preview styling and responsiveness Chores: - Refactor link preview and embed block components - Update theme and styling configurations ## Summary by Sourcery Revamp the link preview functionality in the document editor, introducing a more flexible and feature-rich link preview system with enhanced UI and interaction capabilities. New Features: - Implement a comprehensive link preview menu with multiple conversion options - Add 'Paste as' menu for different link types (URL, Mention, Bookmark, Embed) - Introduce enhanced link preview UI with loading and error states - Add support for external link mentions Enhancements: - Improve link preview component with more robust handling of different link states - Add interactive menu options for link preview - Enhance link preview styling and responsiveness - Implement flexible link conversion between different types Chores: - Refactor link preview and embed block components - Update theme and styling configurations - Improve link parsing and caching mechanisms --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

mirror

2026-03-23 23:22:21 +00:00

closed this issue
added the
pull-request
label

No Branch/Tag specified

main

copilot/fix-date-format-issue

feat/mention_a_person

merge_upstream_v6

mobile/release/0.9.3

release/0.9.3

release/0.9.2

select_source

release/0.9.1

refactor_import_data

release/0.8.9.1

release/0.8.9

anon_user_mode

release/0.8.8

fix_windows_selection

release/0.8.7

annieappflowy-patch-1

windows_local_ai

release/0.8.6

release/0.8.5

release/0.8.4

chore/optional-response-format

release/0.8.3

release/0.8.2

release/0.8.1

release/0.8.0

release/0.7.9

feat/support-rename-workspace

chat_rag_only

calculate_ui_test

release/0.7.8

release/0.7.7

stringfi_cells

hotfix/0.7.5

release/0.7.4

client-api-update

feat/collab-editing

fix_calculation_bug

feat/upload-file-in-document

update-client-api

feat/support-global-comment-on-web

update-client-api-2

feat/support-duplicate-publish-on-web

feat/ai-plan-billing

chore/test-web-deploy

chore/enable-billing-for-testing

build/test

ai_tag_feature

chore/enable-billing-plan

feat/billing-client-windows

chore/support-openai-chat

fix/try-no-media-kit

sign-in-error-format

workspace-invite-ci-test

last-workspace

workspace-invite-wip

feat/date-text-input

appflowy_v1

0.11.1

0.11.0

0.10.9

0.11.2

0.10.7

0.10.6

0.10.5

0.11.3

0.11.4

0.10.8

0.10.4

0.10.3

0.10.2

0.10.0

0.10.1

0.9.9

0.9.8

0.9.7

0.9.5

0.9.6

0.9.4

0.9.3

0.9.2

0.9.1

0.9.0

0.8.9

0.8.8

0.8.7

0.8.6

0.8.5

0.8.4

0.8.3

0.8.2

0.8.1

0.8.0

0.7.9

0.7.8

0.7.7

0.7.6

0.7.5

0.7.4

0.7.3

0.7.2

0.7.1

0.7.0

0.6.9

0.6.8

0.6.7.2

0.6.7.1

0.6.7

0.6.6

0.6.5

0.6.4

0.6.3

0.6.2

0.6.1

v0.6.1

0.6.0

0.5.9

0.5.8

0.5.7

0.5.6

0.5.5

0.5.4

0.5.3

0.5.2

0.5.1

0.5.0

0.4.9

0.4.8

0.4.7

0.4.6

0.4.5

0.4.4

0.4.3

0.4.2

0.4.1

0.4.0

0.3.9.1

0.3.9

0.3.8

0.3.7

0.3.6

0.3.5

0.3.4

0.3.3

0.3.2

0.3.1

0.3.0

0.2.9

0.2.8

0.2.7

0.2.6

0.2.5

0.2.4

0.2.3

0.2.2

0.2.1

0.2.0

0.1.6

0.1.5

0.1.4

0.1.3

0.1.2

0.1.1

0.1.0

0.0.9.1

0.0.9

0.0.8.1

0.0.8

0.0.7.1

0.0.7

0.0.6.2

0.0.6.1

0.0.6

0.0.6_beta.1

0.0.5.3

0.0.5.2

0.0.5.1

0.0.5

0.0.5_beta.2

0.0.5_beta.1

0.0.4

0.0.4_beta.3

0.0.4_beta.2

0.0.4_beta.1

0.0.3

0.0.3_beta.2

0.0.3_beta.1

0.0.2

0.0.1

Labels

Clear labels

good first issue for devs

good first issue for experienced devs

grid

hacktoberfest

HACKTOBERFEST-ACCEPTED

Mirrored from GitHub Pull Request

No labels

good first issue for devs

good first issue for experienced devs

grid

hacktoberfest

HACKTOBERFEST-ACCEPTED

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

AppFlowy-IO/AppFlowy#8044

Reference in a new issue

Repository

AppFlowy-IO/AppFlowy

Title

Body

No description provided.

Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?

Rows
Columns