fix: resolve asset url correctly when using fetch, close #8

playground/src/main.ts

@@ -25,6 +25,15 @@ loadCaveat();
 loadBiantaoti();
 loadBiantaotiWithAlias();
 
+function loadWorker() {
+  const worker = new Worker(new URL("./worker.ts", import.meta.url), {
+    type: "module",
+  });
+  worker.postMessage("load");
+}
+
+loadWorker();
+
 document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
   <div>
     <h1>vite-plugin-font-carrier</h1>

playground/src/worker.ts

@@ -0,0 +1,18 @@
+/// <reference lib="WebWorker" />
+
+import Biantaoti from "@/assets/biantaoti.woff";
+
+async function loadFont() {
+  const response = await fetch(Biantaoti);
+  const blob = await response.blob();
+  const buffer = await blob.arrayBuffer();
+  const font = new FontFace("Biantaoti", buffer);
+  await font.load();
+  globalThis.fonts.add(font);
+}
+
+globalThis.addEventListener("message", (event) => {
+  if (event.data === "load") {
+    loadFont();
+  }
+});

playground/vite.config.ts

@@ -4,26 +4,33 @@ import Inspect from "vite-plugin-inspect";
 import FontCarrier from "vite-plugin-font-carrier";
 
 export default defineConfig(() => {
+  const fontCarrier = FontCarrier({
+    fonts: [
+      {
+        path: "./src/assets/biantaoti.woff",
+        input: "乱数假文Ipsum",
+      },
+      {
+        path: "./src/assets/biantaoti-alias.woff",
+        input: "乱数假文Ipsum",
+      },
+      {
+        path: "/Caveat[wght].ttf",
+        input: "Cole52619",
+      },
+    ],
+  });
+
   return {
     plugins: [
-      FontCarrier({
-        fonts: [
-          {
-            path: "./src/assets/biantaoti.woff",
-            input: "乱数假文Ipsum",
-          },
-          {
-            path: "./src/assets/biantaoti-alias.woff",
-            input: "乱数假文Ipsum",
-          },
-          {
-            path: "/Caveat[wght].ttf",
-            input: "Cole52619",
-          },
-        ],
-      }),
+      fontCarrier,
       Inspect(),
     ],
+    worker: {
+      plugins: () => [
+        fontCarrier,
+      ],
+    },
     resolve: {
       alias: {
         "@": resolve(__dirname, "src"),

src/index.ts

@@ -159,7 +159,7 @@ const FontCarrier: (options: FontCarrierOptions) => Plugin = (options) => {
             if (!font.compressed) {
               compressFont(font, true);
             }
-            return `export default "${normalizePath(relative(root, font.tempPath!))}";`;
+            return `export default "/${normalizePath(relative(root, font.tempPath!))}";`;
           } else {
             if (!font.compressed) {
               compressFont(font, false);

test/index.test.ts

@@ -1,4 +1,3 @@
-import { relative } from "node:path";
 import { describe, expect, it } from "vitest";
 
 describe("should", () => {