use esm.run

Author: tachibana-shin

Diff for: src/components/sketch/SketchMain/Preview/respond-with.ts

@@ -29,6 +29,14 @@ export async function respondWith(
     }
   }
 
+  if (pathname.startsWith("/npm/")) {
+    const content = await fetch(
+      `https://cdn.jsdelivr.net/npm/${pathname.slice("/npm/".length)}`
+    ).then((res) => res.arrayBuffer())
+
+    return { content, ext: ".js", path: pathname.slice("/npm/".length) }
+  }
+
   const requireImport = searchParams.has("import")
 
   if (pathname === "/")

Diff for: src/logic/compiler/resolve-import-pkg.ts

@@ -19,7 +19,7 @@ export function resolveImportPkg(name: string, pkgs: PackageJSON) {
       .map((item) => `${item[0]}@${item[1]}`)
       .join(",")
 
-  return `https://esm.sh/${`${pkgName}@${
+  return `https://esm.run/${`${pkgName}@${
     pkgs.dependencies?.[pkgName] ?? "latest"
   }${
     indexSlashPath === -1 || indexSlashPath >= name.length