Loading custom script from blob

kyma-project · Dec 12, 2024 · 7e0cb9a · 7e0cb9a
1 parent 09205ea
commit 7e0cb9a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       http-equiv="Content-Security-Policy"
-      content="font-src 'self' https://sdk.openui5.org/; script-src 'self'; object-src 'self';"
+      content="font-src 'self' https://sdk.openui5.org/; script-src 'self' blob:; object-src 'self';"
     />
     <title>Busola</title>
   </head>

diff --git a/src/components/Extensibility/ExtensibilityList.js b/src/components/Extensibility/ExtensibilityList.js
@@ -162,7 +162,17 @@ const ExtensibilityList = ({ overrideResMetadata, ...props }) => {
     ) {
       const script = document.createElement('script');
       script.type = 'module';
-      script.textContent = customScript;
+      const scriptBlob = new Blob([customScript], {
+        type: 'application/javascript',
+      });
+      const blobURL = URL.createObjectURL(scriptBlob);
+      script.src = blobURL;
+
+      // Clean up the Blob URL after the script loads
+      script.onload = () => {
+        URL.revokeObjectURL(blobURL);
+      };
+
       script.onerror = e => {
         console.error('Script loading or execution error:', e);
       };