Function initDiffEditor

src/web-ui/src/tools/editor/components/DiffEditor.tsx:183–379

()

    let unbindEditTargets: (() => void) | null = null;

    const initDiffEditor = async () => {
      try {
        await monacoInitManager.initialize();

        const timestamp = Date.now();
        const originalUri = monaco.Uri.parse(`inmemory://diff-original/${timestamp}/${filePath || 'untitled'}`);
        const modifiedUri = monaco.Uri.parse(`inmemory://diff-modified/${timestamp}/${filePath || 'untitled'}`);

        const existingOriginalModel = monaco.editor.getModel(originalUri);
        const existingModifiedModel = monaco.editor.getModel(modifiedUri);
        
        if (existingOriginalModel) {
          existingOriginalModel.dispose();
        }
        if (existingModifiedModel) {
          existingModifiedModel.dispose();
        }

        const existingOriginal = monaco.editor.getModel(originalUri);
        if (existingOriginal) {
          existingOriginal.dispose();
        }

        const existingModified = monaco.editor.getModel(modifiedUri);
        if (existingModified) {
          existingModified.dispose();
        }

        originalModel = monaco.editor.createModel(originalContentRuntimeRef.current, detectedLanguage, originalUri);
        modifiedModel = monaco.editor.createModel(modifiedContentRuntimeRef.current, detectedLanguage, modifiedUri);

        originalModelRef.current = originalModel;
        modifiedModelRef.current = modifiedModel;

        let themeId = BitFunDarkThemeMetadata.id;
        try {
          const { themeService } = await import('@/infrastructure/theme');
          const currentTheme = themeService.getCurrentTheme();
          if (currentTheme) {
            themeId = currentTheme.monaco ? currentTheme.id : (currentTheme.type === 'dark' ? BitFunDarkThemeMetadata.id : 'vs');
            setCurrentThemeId(themeId);
          }
        } catch (error) {
          log.warn('Failed to get current theme, using default', error);
        }
        
        forceRegisterTheme(BitFunDarkThemeMetadata.id, BitFunDarkTheme);
        
        const editorOptions: monaco.editor.IStandaloneDiffEditorConstructionOptions = {
          renderSideBySide: renderSideBySide,
          renderOverviewRuler: false,
          renderIndicators: renderIndicatorsRuntimeRef.current,
          renderMarginRevertIcon: true,
          renderGutterMenu: true,

          originalEditable: false,
          readOnly: readOnly,