fix: monaco editor upgrade

Author: pauldambra

frontend/package.json

@@ -184,7 +184,7 @@
         "mathjax-full": "3.2.2",
         "md5": "^2.3.0",
         "mdast-util-find-and-replace": "^3.0.2",
-        "monaco-editor": "^0.49.0",
+        "monaco-editor": "^0.55.1",
         "natural-orderby": "^3.0.2",
         "openai": "^4.81.0",
         "papaparse": "^5.4.1",

frontend/src/lib/components/MonacoDiffEditor.tsx

@@ -15,8 +15,8 @@ interface MonacoDiffEditorProps {
     options?: monaco.editor.IDiffEditorConstructionOptions
     onChange?: (value: string, event: monaco.editor.IModelContentChangedEvent) => void
     className?: string | null
-    originalUri?: (monaco: typeof import('monaco-editor')) => monaco.Uri
-    modifiedUri?: (monaco: typeof import('monaco-editor')) => monaco.Uri
+    originalUri?: (m: typeof monaco) => monaco.Uri
+    modifiedUri?: (m: typeof monaco) => monaco.Uri
 }
 
 const LINE_HEIGHT = 18

frontend/src/lib/monaco/CodeEditor.tsx

@@ -2,7 +2,7 @@ import './CodeEditor.scss'
 
 import MonacoEditor, { type EditorProps, Monaco, DiffEditor as MonacoDiffEditor, loader } from '@monaco-editor/react'
 import { BuiltLogic, useMountedLogic, useValues } from 'kea'
-import * as monaco from 'monaco-editor'
+import * as monacoModule from 'monaco-editor'
 import { IDisposable, editor, editor as importedEditor } from 'monaco-editor'
 import { useEffect, useMemo, useRef, useState } from 'react'
 
@@ -23,7 +23,7 @@ import { themeLogic } from '~/layout/navigation-3000/themeLogic'
 import { AnyDataNode, HogLanguage, HogQLMetadataResponse, NodeKind } from '~/queries/schema/schema-general'
 
 if (loader) {
-    loader.config({ monaco })
+    loader.config({ monaco: monacoModule })
 }
 
 export interface CodeEditorProps extends Omit<EditorProps, 'loading' | 'theme'> {
@@ -180,10 +180,10 @@ export function CodeEditor({
         if (!monaco) {
             return
         }
-        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+        monacoModule.typescript.typescriptDefaults.setCompilerOptions({
             jsx: editorProps?.path?.endsWith('.tsx')
-                ? monaco.languages.typescript.JsxEmit.React
-                : monaco.languages.typescript.JsxEmit.Preserve,
+                ? monacoModule.typescript.JsxEmit.React
+                : monacoModule.typescript.JsxEmit.Preserve,
             esModuleInterop: true,
         })
     }, [monaco, editorProps.path])
@@ -192,7 +192,7 @@ export function CodeEditor({
         if (!monaco) {
             return
         }
-        monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+        monacoModule.json.jsonDefaults.setDiagnosticsOptions({
             validate: true,
             schemas: schema
                 ? [