refactor(editor): code block slash menu config extension (#10683)

blocksuite/affine/block-code/package.json

@@ -17,6 +17,7 @@
     "@blocksuite/affine-model": "workspace:*",
     "@blocksuite/affine-rich-text": "workspace:*",
     "@blocksuite/affine-shared": "workspace:*",
+    "@blocksuite/affine-widget-slash-menu": "workspace:*",
     "@blocksuite/block-std": "workspace:*",
     "@blocksuite/global": "workspace:*",
     "@blocksuite/icons": "^2.2.3",

blocksuite/affine/block-code/src/code-block-spec.ts

@@ -1,3 +1,4 @@
+import { SlashMenuConfigExtension } from '@blocksuite/affine-widget-slash-menu';
 import {
   BlockViewExtension,
   FlavourExtension,
@@ -13,6 +14,7 @@ import {
 } from './code-block-inline.js';
 import { CodeBlockService } from './code-block-service.js';
 import { AFFINE_CODE_TOOLBAR_WIDGET } from './code-toolbar/index.js';
+import { codeSlashMenuConfig } from './configs/slash-menu.js';
 
 export const codeToolbarWidget = WidgetViewExtension(
   'affine:code',
@@ -28,4 +30,5 @@ export const CodeBlockSpec: ExtensionType[] = [
   CodeBlockInlineManagerExtension,
   CodeBlockUnitSpecExtension,
   CodeBlockAdapterExtensions,
+  SlashMenuConfigExtension('affine:code', codeSlashMenuConfig),
 ].flat();

blocksuite/affine/block-code/src/configs/slash-menu.ts

@@ -0,0 +1,8 @@
+import { type SlashMenuConfig } from '@blocksuite/affine-widget-slash-menu';
+
+export const codeSlashMenuConfig: SlashMenuConfig = {
+  disableWhen: ({ model }) => {
+    return model.flavour === 'affine:code';
+  },
+  items: [],
+};

blocksuite/affine/block-code/tsconfig.json

@@ -11,6 +11,7 @@
     { "path": "../model" },
     { "path": "../rich-text" },
     { "path": "../shared" },
+    { "path": "../widget-slash-menu" },
     { "path": "../../framework/block-std" },
     { "path": "../../framework/global" },
     { "path": "../../framework/inline" },