fix(deps): update minor and patch (#1843)

* fix(deps): update minor and patch

* chore: replace monaco plugin

* chore: add file

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: caele <tsm@qlik.com>

commands/serve/lib/webpack.build.js

@@ -7,7 +7,6 @@ const babelPath = require.resolve('babel-loader');
 const babelPresetEnvPath = require.resolve('@babel/preset-env');
 const babelPresetReactPath = require.resolve('@babel/preset-react');
 const sourceMapLoaderPath = require.resolve('source-map-loader');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
 const favicon = path.resolve(__dirname, '../../../docs/assets/njs.png');
 
@@ -45,13 +44,11 @@ const cfg = ({ srcDir, distDir, dev = false, serveConfig = {} }) => {
       rules: [
         {
           test: /\.css$/,
-          include: [/node_modules[/\\]monaco-editor/],
           use: ['style-loader', 'css-loader'],
         },
         {
           test: /\.ttf$/,
-          include: [/node_modules[/\\]monaco-editor/],
-          use: ['file-loader'],
+          type: 'asset/resource',
         },
         {
           enforce: 'pre',
@@ -89,7 +86,6 @@ const cfg = ({ srcDir, distDir, dev = false, serveConfig = {} }) => {
         'process.env.NEBULA_VERSION': JSON.stringify(version),
         'process.env.NEBULA_VERSION_HASH': JSON.stringify(versionHash),
       }),
-      new MonacoWebpackPlugin({ languages: ['json'] }),
       new HtmlWebpackPlugin({
         template: path.resolve(srcDir, 'eRender.html'),
         filename: 'eRender.html',

commands/serve/package.json

@@ -40,7 +40,7 @@
     "extend": "3.0.2",
     "html-webpack-plugin": "5.6.5",
     "portfinder": "1.0.38",
-    "puppeteer": "24.30.0",
+    "puppeteer": "24.31.0",
     "regenerator-runtime": "0.14.1",
     "source-map-loader": "5.0.0",
     "webpack": "5.103.0",
@@ -67,8 +67,7 @@
     "eslint-import-resolver-alias": "1.1.2",
     "eslint-import-resolver-webpack": "0.13.10",
     "file-loader": "^6.2.0",
-    "monaco-editor": "0.54.0",
-    "monaco-editor-webpack-plugin": "7.1.1",
+    "monaco-editor": "0.55.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router": "7.9.6"

commands/serve/web/components/Visualize/PropertiesDialog.jsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState, useCallback } from 'react';
 import { Button, Dialog, DialogTitle, DialogContent, DialogActions } from '@mui/material';
 import { useTheme } from '@nebula.js/ui/theme';
 import useRect from '@nebula.js/nucleus/src/hooks/useRect';
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import * as monaco from '../../monaco-setup';
 
 export default function PropertiesDialog({ model, show, close }) {
   const [objectProps, setObjectProps] = useState('');

commands/serve/web/monaco-setup.js

@@ -0,0 +1,17 @@
+// Monaco Editor manual worker setup
+import * as monaco from 'monaco-editor';
+
+// Configure monaco environment with dynamic worker loading
+// eslint-disable-next-line no-restricted-globals
+self.MonacoEnvironment = {
+  getWorker(_, label) {
+    if (label === 'json') {
+      return new Worker(new URL('monaco-editor/esm/vs/language/json/json.worker', import.meta.url));
+    }
+    return new Worker(new URL('monaco-editor/esm/vs/editor/editor.worker', import.meta.url));
+  },
+};
+
+// Export monaco-editor
+export * from 'monaco-editor';
+export default monaco;