feat(Import-maps): allow using custom file names to import from script editor

hatemhosny · hatemhosny · commit 44994582cba4 · 2025-02-08T02:17:02.000+02:00
diff --git a/src/livecodes/compiler/import-map.ts b/src/livecodes/compiler/import-map.ts
@@ -135,7 +135,15 @@ export const replaceImports = (
 };
 
 export const isScriptImport = (mod: string) =>
-  mod.toLowerCase().startsWith('./script') || mod.toLowerCase().startsWith('./component');
+  mod.toLowerCase().startsWith('./script') ||
+  mod.toLowerCase().startsWith('./component') ||
+  (mod.startsWith('./') &&
+    (mod.toLowerCase().endsWith('.js') ||
+      mod.toLowerCase().endsWith('.ts') ||
+      mod.toLowerCase().endsWith('.jsx') ||
+      mod.toLowerCase().endsWith('.tsx') ||
+      mod.toLowerCase().endsWith('.vue') ||
+      mod.toLowerCase().endsWith('.svelte')));
 
 export const replaceSFCImports = async (
   code: string,
@@ -168,7 +176,12 @@ export const replaceSFCImports = async (
   const importMap: Record<string, string> = {};
   await Promise.all(
     sfcImports.map(async (mod) => {
-      if (isScriptImport(mod)) return;
+      if (
+        !(filename.startsWith('https://') || filename.startsWith('https://')) &&
+        isScriptImport(mod)
+      ) {
+        return;
+      }
       // convert extensionless, relative URL to absolute URL and find in import map
       const urlInMap =
         isExtensionless(mod) &&
