From 700f76c34121df2a46f52b5dc6d3f0330f0874d8 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 31 Jul 2026 09:00:07 +0000
Subject: [PATCH 1/4] Update dependency monaco-editor to v0.56.0

---
 package-lock.json | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 65a01f820..367dd5e1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2602,9 +2602,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
-      "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
+      "version": "3.4.8",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.8.tgz",
+      "integrity": "sha512-yb1cEmaOum7wFvOCSQxyfgVlv5D47Rc30iZWoMpbDIWTnJ6grDDQyu2KFJzB2k7u0pMuJcQ1zphH//fFnw2tjQ==",
       "dev": true,
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
@@ -4711,13 +4711,13 @@
       "license": "MIT"
     },
     "node_modules/monaco-editor": {
-      "version": "0.55.1",
-      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
-      "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
+      "version": "0.56.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.56.0.tgz",
+      "integrity": "sha512-sXboRm3BeBeLm938eaiyLMe0OxzfXIlZvbv4ir/jVgQy1zDhWjgmny0WoN45fuDKhCCQsYMbBJrv/A6jd8aCUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dompurify": "3.2.7",
+        "dompurify": "3.4.8",
         "marked": "14.0.0"
       }
     },

From 01a7b18c04cbd73c6ee9b1961cf0c5f8fe7de8c9 Mon Sep 17 00:00:00 2001
From: Johannes Vogt <j.vogt@sap.com>
Date: Fri, 31 Jul 2026 12:13:51 +0200
Subject: [PATCH 2/4] remove css import

---
 .vitepress/theme/components/cds-playground/MonacoEditor.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.vitepress/theme/components/cds-playground/MonacoEditor.vue b/.vitepress/theme/components/cds-playground/MonacoEditor.vue
index dcfc08a30..4e605a772 100644
--- a/.vitepress/theme/components/cds-playground/MonacoEditor.vue
+++ b/.vitepress/theme/components/cds-playground/MonacoEditor.vue
@@ -10,7 +10,6 @@
 
 <script setup>
 import { ref, watch, onMounted, onUnmounted } from 'vue'
-import 'monaco-editor/min/vs/editor/editor.main.css'
 import { useData } from 'vitepress'
 
 const { isDark } = useData()

From e9edc1dabd3c58dccd06c5b878f54cef65726b9a Mon Sep 17 00:00:00 2001
From: Johannes Vogt <j.vogt@sap.com>
Date: Fri, 31 Jul 2026 12:24:40 +0200
Subject: [PATCH 3/4] switch to recommended esm integration

---
 .vitepress/theme/components/cds-playground/monaco.js | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/.vitepress/theme/components/cds-playground/monaco.js b/.vitepress/theme/components/cds-playground/monaco.js
index ef8640116..74479422e 100644
--- a/.vitepress/theme/components/cds-playground/monaco.js
+++ b/.vitepress/theme/components/cds-playground/monaco.js
@@ -3,14 +3,7 @@ import { shikiToMonaco } from '@shikijs/monaco'
 
 // no correct top-level await in Safari
 async function setupMonaco() {
-  const [monaco, editorWorker, tsWorker] = await Promise.all([
-    import('monaco-editor/esm/vs/editor/editor.api'),
-    import('monaco-editor/esm/vs/editor/editor.worker?worker'),
-    import('monaco-editor/esm/vs/language/typescript/ts.worker?worker'),
-    import('monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution'),
-    import('monaco-editor/esm/vs/language/typescript/monaco.contribution'),
-    import('monaco-editor/esm/vs/language/json/monaco.contribution')
-  ])
+  const monaco = await import('monaco-editor')
 
   monaco.languages.register({ id: 'javascript' })
   monaco.languages.register({ id: 'js' })
@@ -20,7 +13,7 @@ async function setupMonaco() {
 
   self.MonacoEnvironment = {
     getWorker(_, label) {
-      if (label === 'typescript' || label === 'javascript') return new tsWorker.default()
+      if (label === 'typescript' || label === 'javascript') return getWorkerModule('/monaco-editor/esm/vs/language/typescript/ts.worker?worker', label)
       return new editorWorker.default()
     }
   }

From 6f78fb8edfffbc09896b16db7a580da8176b1206 Mon Sep 17 00:00:00 2001
From: Johannes Vogt <j.vogt@sap.com>
Date: Fri, 31 Jul 2026 12:35:08 +0200
Subject: [PATCH 4/4] fix

---
 .vitepress/theme/components/cds-playground/monaco.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/.vitepress/theme/components/cds-playground/monaco.js b/.vitepress/theme/components/cds-playground/monaco.js
index 74479422e..8a28268de 100644
--- a/.vitepress/theme/components/cds-playground/monaco.js
+++ b/.vitepress/theme/components/cds-playground/monaco.js
@@ -13,8 +13,15 @@ async function setupMonaco() {
 
   self.MonacoEnvironment = {
     getWorker(_, label) {
+      const getWorkerModule = (moduleUrl, label) => {
+        return new Worker(self.MonacoEnvironment.getWorkerUrl(moduleUrl), {
+          name: label,
+          type: 'module'
+        });
+      };
+
       if (label === 'typescript' || label === 'javascript') return getWorkerModule('/monaco-editor/esm/vs/language/typescript/ts.worker?worker', label)
-      return new editorWorker.default()
+      return getWorkerModule('/monaco-editor/esm/vs/editor/editor.worker?worker', label);
     }
   }