Custom Resource Definition Schema based Intellisense for YAML viewer and editor

cypress.config.ts

@@ -6,7 +6,25 @@ import react from '@vitejs/plugin-react';
 
 const viteConfig = defineViteConfig({
   plugins: [react()],
+  define: {
+    'process.env': {},
+    global: 'globalThis',
+  },
+  resolve: {
+    alias: {
+      path: 'path-browserify',
+    },
+  },
+  optimizeDeps: {
+    include: ['path-browserify'],
+    esbuildOptions: {
+      define: {
+        global: 'globalThis',
+      },
+    },
+  },
 });
+
 export default defineConfig({
   includeShadowDom: true,
   viewportWidth: 1920,

cypress/support/component.tsx

@@ -12,6 +12,7 @@
 // You can read more here:
 // https://on.cypress.io/configuration
 // ***********************************************************
+
 import '@ui5/webcomponents-react/dist/Assets.js';
 import { ThemeProvider } from '@ui5/webcomponents-react';
 
@@ -23,6 +24,11 @@ import './commands';
 import { FrontendConfigContext } from '../../src/context/FrontendConfigContext';
 import { mockedFrontendConfig } from '../../src/utils/testing';
 import { ToastProvider } from '../../src/context/ToastContext.tsx';
+import { configureMonaco } from '../../src/lib/monaco';
+
+// Initialize Monaco Editor for Cypress tests
+configureMonaco();
+
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
 // Alternatively, can be defined in cypress/support/component.d.ts
@@ -40,9 +46,7 @@ Cypress.Commands.add('mount', (component, options) => {
   return mount(
     <ThemeProvider>
       <ToastProvider>
-        <FrontendConfigContext value={mockedFrontendConfig}>
-          {component}
-        </FrontendConfigContext>
+        <FrontendConfigContext value={mockedFrontendConfig}>{component}</FrontendConfigContext>
       </ToastProvider>
     </ThemeProvider>,
     options,