Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-17 01:56:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(editor): support bookmark block convert to embed iframe block (#10907)

Browse Source
This commit is contained in:
donteatfriedrice
2025-03-17 05:00:55 +00:00
parent 8bd4125c96
commit 6eb34d70c1
1 changed files with 53 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/blocks/block-bookmark/src/configs/toolbar.ts
+53 -22
View File
@@ -1,8 +1,10 @@
import { EmbedIframeService } from '@blocksuite/affine-block-embed';
import { toast } from '@blocksuite/affine-components/toast';
import { BookmarkBlockModel } from '@blocksuite/affine-model';
import {
ActionPlacement,
EmbedOptionProvider,
FeatureFlagService,
type ToolbarAction,
type ToolbarActionGroup,
type ToolbarModuleConfig,
@@ -102,11 +104,21 @@ export const builtinToolbarConfig = {
);
if (!model) return true;
const url = model.props.url;
// check if the url can be embedded as iframe block
const featureFlag = ctx.std.get(FeatureFlagService);
const embedIframeService = ctx.std.get(EmbedIframeService);
const isEmbedIframeEnabled = featureFlag.getFlag(
'enable_embed_iframe_block'
);
const canEmbedAsIframe =
isEmbedIframeEnabled && embedIframeService.canEmbed(url);
const options = ctx.std
.get(EmbedOptionProvider)
.getEmbedBlockOptions(model.props.url);
.getEmbedBlockOptions(url);
return options?.viewType !== 'embed';
return !canEmbedAsIframe && options?.viewType !== 'embed';
},
run(ctx) {
const model = ctx.getCurrentModelByType(
@@ -118,29 +130,48 @@ export const builtinToolbarConfig = {
const { caption, url, style } = model.props;
const { parent } = model;
const index = parent?.children.indexOf(model);
if (!parent) return;
const options = ctx.std
.get(EmbedOptionProvider)
.getEmbedBlockOptions(url);
let blockId: string | undefined;
if (!options) return;
const { flavour, styles } = options;
const newStyle = styles.includes(style)
? style
: styles.find(s => s !== 'vertical' && s !== 'cube');
const blockId = ctx.store.addBlock(
flavour,
{
url,
caption,
style: newStyle,
},
parent,
index
// first try to embed as iframe block
const featureFlag = ctx.std.get(FeatureFlagService);
const isEmbedIframeEnabled = featureFlag.getFlag(
'enable_embed_iframe_block'
);
const embedIframeService = ctx.std.get(EmbedIframeService);
if (isEmbedIframeEnabled && embedIframeService.canEmbed(url)) {
blockId = embedIframeService.addEmbedIframeBlock(
{ url, caption },
parent.id,
index
);
} else {
const options = ctx.std
.get(EmbedOptionProvider)
.getEmbedBlockOptions(url);
if (!options) return;
const { flavour, styles } = options;
const newStyle = styles.includes(style)
? style
: styles.find(s => s !== 'vertical' && s !== 'cube');
blockId = ctx.store.addBlock(
flavour,
{
url,
caption,
style: newStyle,
},
parent,
index
);
}
if (!blockId) return;
ctx.store.deleteBlock(model);