Bump monaco-editor from 0.55.1 to 0.57.0 in the monaco-editor group across 1 directory (#1270)

Author: gabriela-almeida-ctw

package.json

@@ -95,6 +95,7 @@
     "@types/node": "20.10.0",
     "react-use": "patch:react-use@17.4.0#./patches/react-use.patch",
     "react-dnd": "patch:react-dnd@npm:16.0.1#./patches/react-dnd.patch",
+    "react-monaco-editor": "patch:react-monaco-editor@npm:0.59.0#./patches/react-monaco-editor.patch",
     "@types/react": "18.3.12",
     "esbuild": "0.28.1",
     "dompurify": "3.4.11",

packages/suite-base/package.json

@@ -146,7 +146,7 @@
     "moment": "2.31.0",
     "moment-duration-format": "2.3.2",
     "moment-timezone": "0.6.3",
-    "monaco-editor": "0.55.1",
+    "monaco-editor": "0.57.0",
     "monaco-editor-webpack-plugin": "7.1.1",
     "nanoid": "5.1.16",
     "natsort": "2.0.3",

packages/suite-base/src/panels/UserScriptEditor/Editor.test.tsx

@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: MPL-2.0
 
 import { act, render, waitFor } from "@testing-library/react";
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 
 import { DEFAULT_STUDIO_SCRIPT_PREFIX } from "@lichtblick/suite-base/util/constants";
 import { BasicBuilder } from "@lichtblick/test-builders";
@@ -51,7 +51,7 @@ type MockModel = {
   updateOptions: jest.Mock<void, [Record<string, unknown>]>;
   getFullModelRange: jest.Mock<Record<string, never>, []>;
 };
-jest.mock("monaco-editor/esm/vs/editor/editor.api", () => {
+jest.mock("monaco-editor/editor/editor.api.js", () => {
   const models = new Map<string, MockModel>();
 
   const createModel = (
@@ -105,11 +105,11 @@ jest.mock("monaco-editor/esm/vs/editor/editor.api", () => {
   };
 });
 
-jest.mock("monaco-editor/esm/vs/editor/browser/services/codeEditorService", () => ({
+jest.mock("monaco-editor/editor/browser/services/codeEditorService", () => ({
   ICodeEditorService: Symbol("ICodeEditorService"),
 }));
 
-jest.mock("monaco-editor/esm/vs/editor/standalone/browser/standaloneServices", () => ({
+jest.mock("monaco-editor/editor/standalone/browser/standaloneServices", () => ({
   StandaloneServices: {
     get: jest.fn(() => ({
       registerCodeEditorOpenHandler: jest.fn((handler) => {
@@ -152,7 +152,7 @@ jest.mock("react-monaco-editor", () => {
     editorDidMount?: (editor: unknown, monaco: unknown) => void;
     onChange?: (code: string) => void;
   }) {
-    const mockMonacoApi = jest.requireMock("monaco-editor/esm/vs/editor/editor.api");
+    const mockMonacoApi = jest.requireMock("monaco-editor/editor/editor.api.js");
     mockOnChange = props.onChange;
     mockEditor = createMockEditor();
     props.editorWillMount?.(mockMonacoApi);

packages/suite-base/src/panels/UserScriptEditor/Editor.tsx

@@ -17,10 +17,10 @@
 import { useTheme } from "@mui/material";
 import { typescript } from "monaco-editor";
 // @ts-expect-error ICodeEditorService does not have type information in the monaco-editor package
-import { ICodeEditorService } from "monaco-editor/esm/vs/editor/browser/services/codeEditorService";
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import { ICodeEditorService } from "monaco-editor/editor/browser/services/codeEditorService";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 // @ts-expect-error StandaloneService does not have type information in the monaco-editor package
-import { StandaloneServices } from "monaco-editor/esm/vs/editor/standalone/browser/standaloneServices";
+import { StandaloneServices } from "monaco-editor/editor/standalone/browser/standaloneServices";
 import * as path from "path";
 import React, { Suspense, ReactElement, useCallback, useEffect, useRef } from "react";
 import MonacoEditor, { EditorDidMount, EditorWillMount } from "react-monaco-editor";

packages/suite-base/src/panels/UserScriptEditor/Sidebar/index.test.tsx

@@ -5,7 +5,7 @@
 
 import { fireEvent, render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 
 import LayoutBuilder from "@lichtblick/suite-base/testing/builders/LayoutBuilder";
 import ThemeProvider from "@lichtblick/suite-base/theme/ThemeProvider";
@@ -15,7 +15,7 @@ import { Sidebar } from "./index";
 
 const GOTO_UTILS_PATH = "/utils/pointClouds.ts";
 
-jest.mock("monaco-editor/esm/vs/editor/editor.api.js", () => ({
+jest.mock("monaco-editor/editor/editor.api.js", () => ({
   Uri: { parse: jest.fn((value: string) => ({ path: value })) },
   editor: { getModel: jest.fn() },
 }));

packages/suite-base/src/panels/UserScriptEditor/Sidebar/index.tsx

@@ -11,7 +11,7 @@ import {
   Toolbox24Regular,
 } from "@fluentui/react-icons";
 import { Divider, Paper, Tab, Tabs, tabClasses, tabsClasses } from "@mui/material";
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 import { SyntheticEvent, useCallback, useMemo, useState } from "react";
 import tc from "tinycolor2";
 import { makeStyles } from "tss-react/mui";

packages/suite-base/src/panels/UserScriptEditor/script.ts

@@ -14,7 +14,7 @@
 //   found at http://www.apache.org/licenses/LICENSE-2.0
 //   You may not use this file except in compliance with the License.
 
-import { IRange } from "monaco-editor/esm/vs/editor/editor.api.js";
+import { IRange } from "monaco-editor/editor/editor.api.js";
 
 export type Script = {
   filePath: string;

packages/suite-base/src/panels/UserScriptEditor/theme/index.ts

@@ -5,7 +5,7 @@
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
 
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 
 import vsStudioDarkTheme from "./vs-studio-dark";
 import vsStudioLightTheme from "./vs-studio-light";

packages/suite-base/src/panels/UserScriptEditor/theme/vs-studio-dark.ts

@@ -7,7 +7,7 @@
 
 /* eslint-disable filenames/match-exported */
 
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 
 const theme: monacoApi.editor.IStandaloneThemeData = {
   base: "vs-dark",

packages/suite-base/src/panels/UserScriptEditor/theme/vs-studio-light.ts

@@ -7,7 +7,7 @@
 
 /* eslint-disable filenames/match-exported */
 
-import * as monacoApi from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monacoApi from "monaco-editor/editor/editor.api.js";
 
 const theme: monacoApi.editor.IStandaloneThemeData = {
   base: "vs",