fix: fix importing data url stylesheet

live-codes · Feb 2, 2024 · d57a06c · d57a06c
1 parent 5db587c
commit d57a06c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/livecodes/result/result-page.ts b/src/livecodes/result/result-page.ts
@@ -111,7 +111,7 @@ export const createResultPage = async ({
 
   // stylesheets imported in script editor
   const stylesheetImports = getImports(code.script.compiled).filter(
-    (mod) => mod.endsWith('.css') && !mod.startsWith('.'),
+    (mod) => (mod.endsWith('.css') && !mod.startsWith('.')) || mod.startsWith('data:text/css'),
   );
   stylesheetImports.forEach((mod) => {
     const url = modulesService.getUrl(mod);

diff --git a/src/livecodes/services/modules.ts b/src/livecodes/services/modules.ts
@@ -22,7 +22,9 @@ export const modulesService = {
   },
 
   getUrl: (path: string, cdn?: CDN) =>
-    path.startsWith('http') ? path : getCdnUrl(path, false, cdn || getAppCDN()) || path,
+    path.startsWith('http') || path.startsWith('data:')
+      ? path
+      : getCdnUrl(path, false, cdn || getAppCDN()) || path,
 
   cdnLists: { npm: npmCDNs, module: moduleCDNs, gh: ghCDNs },
 

diff --git a/src/livecodes/services/types.ts b/src/livecodes/services/types.ts
@@ -48,4 +48,7 @@ const removeCDNPrefix = (url: string) => {
   return url;
 };
 
-const removeSpecifier = (type: string) => (type.includes(':') ? type.split(':')[1] : type);
+const removeSpecifier = (type: string) =>
+  type.includes(':') && !type.startsWith('data:') && !type.startsWith('http')
+    ? type.split(':')[1]
+    : type;