Revert "fix: monaco editor upgrade (#42232)"

This reverts commit 0b1c02e.

Author: pauldambra

frontend/package.json

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

frontend/src/lib/components/MonacoDiffEditor.tsx

@@ -1,5 +1,5 @@
 // adapted from https://github.com/react-monaco-editor/react-monaco-editor/blob/d2fd2521e0557c880dec93acaab9a087f025426c/src/diff.tsx
-import * as monaco from 'monaco-editor'
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'
 
 import { useOnMountEffect } from 'lib/hooks/useOnMountEffect'
@@ -15,8 +15,8 @@ interface MonacoDiffEditorProps {
     options?: monaco.editor.IDiffEditorConstructionOptions
     onChange?: (value: string, event: monaco.editor.IModelContentChangedEvent) => void
     className?: string | null
-    originalUri?: (m: typeof monaco) => monaco.Uri
-    modifiedUri?: (m: typeof monaco) => monaco.Uri
+    originalUri?: (monaco: typeof import('monaco-editor')) => monaco.Uri
+    modifiedUri?: (monaco: typeof import('monaco-editor')) => 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 monacoModule from 'monaco-editor'
+import * as monaco 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: monacoModule })
+    loader.config({ monaco })
 }
 
 export interface CodeEditorProps extends Omit<EditorProps, 'loading' | 'theme'> {
@@ -180,10 +180,10 @@ export function CodeEditor({
         if (!monaco) {
             return
         }
-        monacoModule.typescript.typescriptDefaults.setCompilerOptions({
+        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
             jsx: editorProps?.path?.endsWith('.tsx')
-                ? monacoModule.typescript.JsxEmit.React
-                : monacoModule.typescript.JsxEmit.Preserve,
+                ? monaco.languages.typescript.JsxEmit.React
+                : monaco.languages.typescript.JsxEmit.Preserve,
             esModuleInterop: true,
         })
     }, [monaco, editorProps.path])
@@ -192,7 +192,7 @@ export function CodeEditor({
         if (!monaco) {
             return
         }
-        monacoModule.json.jsonDefaults.setDiagnosticsOptions({
+        monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
             validate: true,
             schemas: schema
                 ? [

playwright/e2e/sql-editor.spec.ts

@@ -19,7 +19,7 @@ test.describe('SQL Editor', () => {
     test('Run query', async ({ page }) => {
         await expect(page.locator('[data-attr=sql-editor-output-pane-empty-state]')).toBeVisible()
         await page.locator('[data-attr=hogql-query-editor]').click()
-        await page.locator('[data-attr=hogql-query-editor]').pressSequentially('SELECT 1')
+        await page.locator('textarea[aria-roledescription="editor"]').fill('SELECT 1')
         await page.locator('[data-attr=sql-editor-run-button]').click()
 
         // query run
@@ -30,7 +30,7 @@ test.describe('SQL Editor', () => {
         // Wait for the query editor to be visible and ready
         await expect(page.locator('[data-attr=hogql-query-editor]')).toBeVisible()
         await page.locator('[data-attr=hogql-query-editor]').click()
-        await page.locator('[data-attr=hogql-query-editor]').pressSequentially('SELECT 1')
+        await page.locator('textarea[aria-roledescription="editor"]').fill('SELECT 1')
 
         // Wait for save button to be enabled before clicking
         await expect(page.locator('[data-attr=sql-editor-save-view-button]')).toBeEnabled()