✨ Improve extension management

frontend/src/views/editor/manager/ExtensionManager.ts

@@ -47,6 +47,8 @@ export class ExtensionManager {
     private view: EditorView | null = null
     private compartments = new Map<ExtensionID, ExtensionCompartment>()
     private extensionFactories = new Map<ExtensionID, ExtensionFactory>()
+    private updateQueue = new Map<ExtensionID, { enabled: boolean, config: any, timestamp: number }>()
+    private debounceTimeout: number | null = null
 
     /**
      * 注册扩展工厂
@@ -110,7 +112,7 @@ export class ExtensionManager {
                 compartmentInfo.currentConfig = config.config
                 compartmentInfo.enabled = config.enabled
             } catch (error) {
-                console.error(`Failed to create extension ${config.id}:`, error)
+                console.error(`[ExtensionManager] Failed to create extension ${config.id}:`, error)
             }
         }
 
@@ -126,13 +128,33 @@ export class ExtensionManager {
     }
 
     /**
-     * 动态更新单个扩展
+     * 动态更新单个扩展（带防抖）
      * @param id 扩展ID
      * @param enabled 是否启用
      * @param config 扩展配置
      */
     updateExtension(id: ExtensionID, enabled: boolean, config: any = {}): void {
+        // 添加到更新队列
+        this.updateQueue.set(id, {enabled, config, timestamp: Date.now()})
 
+        // 清除之前的防抖定时器
+        if (this.debounceTimeout) {
+            clearTimeout(this.debounceTimeout)
+        }
+
+        // 设置新的防抖定时器
+        this.debounceTimeout = window.setTimeout(() => {
+            this.flushUpdateQueue()
+        }, 100) // 100ms 防抖
+    }
+
+    /**
+     * 立即更新扩展（无防抖）
+     * @param id 扩展ID
+     * @param enabled 是否启用
+     * @param config 扩展配置
+     */
+    updateExtensionImmediate(id: ExtensionID, enabled: boolean, config: any = {}): void {
         if (!this.view) {
             return
         }
@@ -166,6 +188,52 @@ export class ExtensionManager {
         }
     }
 
+    /**
+     * 处理更新队列中的所有更新
+     */
+    private flushUpdateQueue(): void {
+        if (!this.view) {
+            return
+        }
+
+        const effects: StateEffect<any>[] = []
+
+        for (const [id, update] of this.updateQueue) {
+            const compartmentInfo = this.compartments.get(id)
+            if (!compartmentInfo) {
+                continue
+            }
+
+            try {
+                // 验证配置
+                if (compartmentInfo.factory.validateConfig &&
+                    !compartmentInfo.factory.validateConfig(update.config)) {
+                    continue
+                }
+
+                const extension = update.enabled
+                    ? compartmentInfo.factory.create(update.config)
+                    : []
+
+                effects.push(compartmentInfo.compartment.reconfigure(extension))
+
+                // 更新状态
+                compartmentInfo.currentConfig = update.config
+                compartmentInfo.enabled = update.enabled
+            } catch (error) {
+                console.error(`[ExtensionManager] Failed to update extension ${id}:`, error)
+            }
+        }
+
+        if (effects.length > 0) {
+            this.view.dispatch({effects})
+        }
+
+        // 清空更新队列
+        this.updateQueue.clear()
+        this.debounceTimeout = null
+    }
+
     /**
      * 批量更新扩展
      * @param updates 更新配置数组
@@ -251,8 +319,15 @@ export class ExtensionManager {
      * 销毁管理器
      */
     destroy(): void {
+        // 清除防抖定时器
+        if (this.debounceTimeout) {
+            clearTimeout(this.debounceTimeout)
+            this.debounceTimeout = null
+        }
+
         this.view = null
         this.compartments.clear()
         this.extensionFactories.clear()
+        this.updateQueue.clear()
     }
 } 

frontend/src/views/editor/manager/factories.ts

@@ -5,7 +5,7 @@ import i18n from '@/i18n'
 // 导入现有扩展的创建函数
 import rainbowBracketsExtension from '../extensions/rainbowBracket/rainbowBracketsExtension'
 import {createTextHighlighter} from '../extensions/textHighlight/textHighlightExtension'
-import {createCodeBlastExtension} from '../extensions/codeblast'
+
 import {color} from '../extensions/colorSelector'
 import {hyperLink} from '../extensions/hyperlink'
 import {minimap} from '../extensions/minimap'
@@ -73,35 +73,7 @@ export const minimapFactory: ExtensionFactory = {
     }
 }
 
-/**
- * 代码爆炸效果扩展工厂
- */
-export const codeBlastFactory: ExtensionFactory = {
-    create(config: any) {
-        const options = {
-            effect: config.effect || 1,
-            shake: config.shake !== false,
-            maxParticles: config.maxParticles || 300,
-            shakeIntensity: config.shakeIntensity || 3
-        }
-        return createCodeBlastExtension(options)
-    },
-    getDefaultConfig() {
-        return {
-            effect: 1,
-            shake: true,
-            maxParticles: 300,
-            shakeIntensity: 3
-        }
-    },
-    validateConfig(config: any) {
-        return typeof config === 'object' &&
-            (!config.effect || [1, 2].includes(config.effect)) &&
-            (!config.shake || typeof config.shake === 'boolean') &&
-            (!config.maxParticles || typeof config.maxParticles === 'number') &&
-            (!config.shakeIntensity || typeof config.shakeIntensity === 'number')
-    }
-}
+
 
 /**
  * 超链接扩展工厂
@@ -213,11 +185,7 @@ const EXTENSION_CONFIGS = {
         displayNameKey: 'extensions.minimap.name',
         descriptionKey: 'extensions.minimap.description'
     },
-    [ExtensionID.ExtensionCodeBlast]: {
-        factory: codeBlastFactory,
-        displayNameKey: 'extensions.codeBlast.name',
-        descriptionKey: 'extensions.codeBlast.description'
-    },
+
 
     // 工具扩展
     [ExtensionID.ExtensionSearch]: {
@@ -272,6 +240,35 @@ export function getExtensionDescription(id: ExtensionID): string {
     return config?.descriptionKey ? i18n.global.t(config.descriptionKey) : ''
 }
 
+/**
+ * 获取扩展工厂实例
+ * @param id 扩展ID
+ * @returns 扩展工厂实例
+ */
+export function getExtensionFactory(id: ExtensionID): ExtensionFactory | undefined {
+    return EXTENSION_CONFIGS[id as ExtensionID]?.factory
+}
+
+/**
+ * 获取扩展的默认配置
+ * @param id 扩展ID
+ * @returns 默认配置对象
+ */
+export function getExtensionDefaultConfig(id: ExtensionID): any {
+    const factory = getExtensionFactory(id)
+    return factory?.getDefaultConfig() || {}
+}
+
+/**
+ * 检查扩展是否有配置项
+ * @param id 扩展ID
+ * @returns 是否有配置项
+ */
+export function hasExtensionConfig(id: ExtensionID): boolean {
+    const defaultConfig = getExtensionDefaultConfig(id)
+    return Object.keys(defaultConfig).length > 0
+}
+
 /**
  * 获取所有可用扩展的ID列表
  * @returns 扩展ID数组