Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-05 11:35:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(editor): frame and image extensions (#11849)

Browse Source 
Closes: BS-3196
Closes: BS-3197
This commit is contained in:
Saul-Mirone
2025-04-21 10:29:30 +00:00
parent 12bf866dc5
commit df6e17b82f
20 changed files with 126 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/all/package.json
+6 -2
View File
@@ -115,8 +115,12 @@
"./blocks/embed": "./src/blocks/embed/index.ts",
"./blocks/embed/store": "./src/blocks/embed/store.ts",
"./blocks/embed/view": "./src/blocks/embed/view.ts",
"./blocks/frame": "./src/blocks/frame.ts",
"./blocks/image": "./src/blocks/image.ts",
"./blocks/frame": "./src/blocks/frame/index.ts",
"./blocks/frame/store": "./src/blocks/frame/store.ts",
"./blocks/frame/view": "./src/blocks/frame/view.ts",
"./blocks/image": "./src/blocks/image/index.ts",
"./blocks/image/store": "./src/blocks/image/store.ts",
"./blocks/image/view": "./src/blocks/image/view.ts",
"./blocks/latex": "./src/blocks/latex.ts",
"./blocks/list": "./src/blocks/list.ts",
"./blocks/note": "./src/blocks/note.ts",
blocksuite/affine/all/src/blocks/frame.ts → blocksuite/affine/all/src/blocks/frame/index.ts
View File
blocksuite/affine/all/src/blocks/frame/store.ts
+1
View File
@@ -0,0 +1 @@
export * from '@blocksuite/affine-block-frame/store';
blocksuite/affine/all/src/blocks/frame/view.ts
+1
View File
@@ -0,0 +1 @@
export * from '@blocksuite/affine-block-frame/view';
blocksuite/affine/all/src/blocks/image.ts → blocksuite/affine/all/src/blocks/image/index.ts
View File
blocksuite/affine/all/src/blocks/image/store.ts
+1
View File
@@ -0,0 +1 @@
export * from '@blocksuite/affine-block-image/store';
blocksuite/affine/all/src/blocks/image/view.ts
+1
View File
@@ -0,0 +1 @@
export * from '@blocksuite/affine-block-image/view';
blocksuite/affine/blocks/frame/package.json
+4 -1
View File
@@ -12,6 +12,7 @@
"dependencies": {
"@blocksuite/affine-block-surface": "workspace:*",
"@blocksuite/affine-components": "workspace:*",
"@blocksuite/affine-ext-loader": "workspace:*",
"@blocksuite/affine-model": "workspace:*",
"@blocksuite/affine-shared": "workspace:*",
"@blocksuite/affine-widget-edgeless-toolbar": "workspace:*",
@@ -33,7 +34,9 @@
},
"exports": {
".": "./src/index.ts",
"./effects": "./src/effects.ts"
"./effects": "./src/effects.ts",
"./store": "./src/store.ts",
"./view": "./src/view.ts"
},
"files": [
"src",
blocksuite/affine/blocks/frame/src/store.ts
+14
View File
@@ -0,0 +1,14 @@
import {
type StoreExtensionContext,
StoreExtensionProvider,
} from '@blocksuite/affine-ext-loader';
import { FrameBlockSchemaExtension } from '@blocksuite/affine-model';
export class FrameStoreExtension extends StoreExtensionProvider {
override name = 'affine-frame';
override setup(context: StoreExtensionContext) {
super.setup(context);
context.register([FrameBlockSchemaExtension]);
}
}
blocksuite/affine/blocks/frame/src/view.ts
+27
View File
@@ -0,0 +1,27 @@
import {
type ViewExtensionContext,
ViewExtensionProvider,
} from '@blocksuite/affine-ext-loader';
import { effects } from './effects';
import { FrameBlockSpec } from './frame-spec';
export class FrameViewExtension extends ViewExtensionProvider {
override name = 'affine-frame';
override effect(): void {
super.effect();
effects();
}
override setup(context: ViewExtensionContext): void {
super.setup(context);
if (
context.scope === 'edgeless' ||
context.scope === 'preview-edgeless' ||
context.scope === 'mobile-edgeless'
) {
context.register(FrameBlockSpec);
}
}
}
blocksuite/affine/blocks/frame/tsconfig.json
+1
View File
@@ -9,6 +9,7 @@
"references": [
{ "path": "../surface" },
{ "path": "../../components" },
{ "path": "../../ext-loader" },
{ "path": "../../model" },
{ "path": "../../shared" },
{ "path": "../../widgets/edgeless-toolbar" },
blocksuite/affine/blocks/image/package.json
+4 -1
View File
@@ -13,6 +13,7 @@
"@blocksuite/affine-block-note": "workspace:*",
"@blocksuite/affine-block-surface": "workspace:*",
"@blocksuite/affine-components": "workspace:*",
"@blocksuite/affine-ext-loader": "workspace:*",
"@blocksuite/affine-gfx-turbo-renderer": "workspace:*",
"@blocksuite/affine-model": "workspace:*",
"@blocksuite/affine-shared": "workspace:*",
@@ -34,7 +35,9 @@
"exports": {
".": "./src/index.ts",
"./effects": "./src/effects.ts",
"./turbo-painter": "./src/turbo/image-painter.worker.ts"
"./turbo-painter": "./src/turbo/image-painter.worker.ts",
"./store": "./src/store.ts",
"./view": "./src/view.ts"
},
"files": [
"src",
blocksuite/affine/blocks/image/src/image-proxy-service.ts
+1
View File
@@ -3,6 +3,7 @@ import { StoreExtension } from '@blocksuite/store';
import { setImageProxyMiddlewareURL } from './adapters/middleware';
// TODO(@mirone): this should be configured when setup instead of runtime
export class ImageProxyService extends StoreExtension {
static override key = 'image-proxy';
blocksuite/affine/blocks/image/src/store.ts
+31
View File
@@ -0,0 +1,31 @@
import {
type StoreExtensionContext,
StoreExtensionProvider,
} from '@blocksuite/affine-ext-loader';
import { ImageBlockSchemaExtension } from '@blocksuite/affine-model';
import { ImageSelectionExtension } from '@blocksuite/affine-shared/selection';
import { z } from 'zod';
import { ImageBlockAdapterExtensions } from './adapters/extension';
import { ImageProxyService } from './image-proxy-service';
const ImageStoreExtensionOptionsSchema = z.object({
imageProxyURL: z.string().optional(),
});
export class ImageStoreExtension extends StoreExtensionProvider {
override name = 'affine-image';
override schema = ImageStoreExtensionOptionsSchema;
override setup(context: StoreExtensionContext) {
super.setup(context);
context.register([
ImageBlockSchemaExtension,
ImageProxyService,
ImageSelectionExtension,
]);
context.register(ImageBlockAdapterExtensions);
// TODO(@mirone): set image proxy url
}
}
blocksuite/affine/blocks/image/src/view.ts
+21
View File
@@ -0,0 +1,21 @@
import {
type ViewExtensionContext,
ViewExtensionProvider,
} from '@blocksuite/affine-ext-loader';
import { effects } from './effects';
import { ImageBlockSpec } from './image-spec';
export class ImageViewExtension extends ViewExtensionProvider {
override name = 'affine-image';
override effect() {
super.effect();
effects();
}
override setup(context: ViewExtensionContext) {
super.setup(context);
context.register(ImageBlockSpec);
}
}
blocksuite/affine/blocks/image/tsconfig.json
+1
View File
@@ -10,6 +10,7 @@
{ "path": "../note" },
{ "path": "../surface" },
{ "path": "../../components" },
{ "path": "../../ext-loader" },
{ "path": "../../gfx/turbo-renderer" },
{ "path": "../../model" },
{ "path": "../../shared" },
packages/frontend/core/src/blocksuite/manager/store.ts
+4
View File
@@ -7,6 +7,8 @@ import { DatabaseStoreExtension } from '@blocksuite/affine/blocks/database/store
import { DividerStoreExtension } from '@blocksuite/affine/blocks/divider/store';
import { EdgelessTextStoreExtension } from '@blocksuite/affine/blocks/edgeless-text/store';
import { EmbedStoreExtension } from '@blocksuite/affine/blocks/embed/store';
import { FrameStoreExtension } from '@blocksuite/affine/blocks/frame/store';
import { ImageStoreExtension } from '@blocksuite/affine/blocks/image/store';
import { StoreExtensionManager } from '@blocksuite/affine/ext-loader';
export function createStoreManager() {
@@ -20,6 +22,8 @@ export function createStoreManager() {
DividerStoreExtension,
EdgelessTextStoreExtension,
EmbedStoreExtension,
FrameStoreExtension,
ImageStoreExtension,
]);
return manager;
packages/frontend/core/src/blocksuite/manager/view.ts
+4
View File
@@ -7,6 +7,8 @@ import { DatabaseViewExtension } from '@blocksuite/affine/blocks/database/view';
import { DividerViewExtension } from '@blocksuite/affine/blocks/divider/view';
import { EdgelessTextViewExtension } from '@blocksuite/affine/blocks/edgeless-text/view';
import { EmbedViewExtension } from '@blocksuite/affine/blocks/embed/view';
import { FrameViewExtension } from '@blocksuite/affine/blocks/frame/view';
import { ImageViewExtension } from '@blocksuite/affine/blocks/image/view';
import { ViewExtensionManager } from '@blocksuite/affine/ext-loader';
export function createViewManager() {
@@ -20,6 +22,8 @@ export function createViewManager() {
DividerViewExtension,
EdgelessTextViewExtension,
EmbedViewExtension,
FrameViewExtension,
ImageViewExtension,
]);
return manager;
tools/utils/src/workspace.gen.ts
+2
View File
@@ -220,6 +220,7 @@ export const PackageList = [
workspaceDependencies: [
'blocksuite/affine/blocks/surface',
'blocksuite/affine/components',
'blocksuite/affine/ext-loader',
'blocksuite/affine/model',
'blocksuite/affine/shared',
'blocksuite/affine/widgets/edgeless-toolbar',
@@ -236,6 +237,7 @@ export const PackageList = [
'blocksuite/affine/blocks/note',
'blocksuite/affine/blocks/surface',
'blocksuite/affine/components',
'blocksuite/affine/ext-loader',
'blocksuite/affine/gfx/turbo-renderer',
'blocksuite/affine/model',
'blocksuite/affine/shared',
yarn.lock
+2
View File
@@ -2629,6 +2629,7 @@ __metadata:
dependencies:
"@blocksuite/affine-block-surface": "workspace:*"
"@blocksuite/affine-components": "workspace:*"
"@blocksuite/affine-ext-loader": "workspace:*"
"@blocksuite/affine-model": "workspace:*"
"@blocksuite/affine-shared": "workspace:*"
"@blocksuite/affine-widget-edgeless-toolbar": "workspace:*"
@@ -2657,6 +2658,7 @@ __metadata:
"@blocksuite/affine-block-note": "workspace:*"
"@blocksuite/affine-block-surface": "workspace:*"
"@blocksuite/affine-components": "workspace:*"
"@blocksuite/affine-ext-loader": "workspace:*"
"@blocksuite/affine-gfx-turbo-renderer": "workspace:*"
"@blocksuite/affine-model": "workspace:*"
"@blocksuite/affine-shared": "workspace:*"