@vuebro/loader-sfc 1.5.22 → 1.6.0

package/dist/loader-sfc.esm-browser.prod.js

@@ -23320,29 +23320,30 @@ const jp = "<template></template>", io = async (e) => {
   e.forEach((t) => {
     console.log(t);
   });
-}, Mg = (e) => import(`data:text/javascript;base64,${btoa(Array.from(new TextEncoder().encode(e), (t) => String.fromCodePoint(t)).join(""))}`), uP = async (e) => {
-  const { descriptor: t, errors: s } = Hy(await (await io(e)).text() || jp, { filename: e }), n = { expressionPlugins: [] }, i = ["script", "scriptSetup"], o = await Promise.all(i.map(async (f) => {
-    const { lang: x = "js", src: m } = t[f] ?? {};
-    return /[jt]sx$/.test(x) && n.expressionPlugins?.push("jsx"), /tsx?$/.test(x) && n.expressionPlugins?.push("typescript"), m && await (await io(m)).text();
-  })), c = `data-v-${qw(e)}`, l = "preserve", p = {}, d = t.styles.some(({ scoped: f }) => f), { expressionPlugins: g } = n;
-  if (Mn(s), d && (p.__scopeId = c), t.script || t.scriptSetup) {
-    i.forEach((y, v) => {
-      const b = t[y];
-      b && o[v] !== void 0 && (b.content = o[v]);
+}, Mg = async (e) => {
+  const t = URL.createObjectURL(new Blob([e], { type: "application/javascript" })), s = await import(t);
+  return URL.revokeObjectURL(t), s;
+}, uP = async (e) => {
+  const t = `data-v-${qw(e)}`, { descriptor: s, errors: n } = Hy(await (await io(e)).text() || jp, { filename: e }), i = { cacheHandlers: !0, comments: !1, expressionPlugins: [], hoistStatic: !0, optimizeImports: !0, scopeId: t, sourceMap: !1, ssr: !1 }, o = ["script", "scriptSetup"], c = await Promise.all(o.map(async (f) => {
+    const { lang: x = "js", src: m } = s[f] ?? {};
+    return /[jt]sx$/.test(x) && i.expressionPlugins?.push("jsx"), /tsx?$/.test(x) && i.expressionPlugins?.push("typescript"), m && await (await io(m)).text();
+  })), l = "preserve", p = {}, d = s.styles.some(({ scoped: f }) => f), { expressionPlugins: g } = i;
+  if (Mn(n), d && (p.__scopeId = t), s.script || s.scriptSetup) {
+    o.forEach((y, v) => {
+      const b = s[y];
+      b && c[v] !== void 0 && (b.content = c[v]);
     });
-    const { bindings: f, content: x, warnings: m = [] } = Nw(t, { id: c });
-    Mn(m), f && (n.bindingMetadata = f), Object.assign(p, (await Mg(g.length ? Rg(x, { jsxRuntime: l, transforms: g }).code : x)).default);
+    const { bindings: f, content: x, warnings: m = [] } = Nw(s, { id: t });
+    Mn(m), f && (i.bindingMetadata = f), Object.assign(p, (await Mg(g.length ? Rg(x, { jsxRuntime: l, transforms: g }).code : x)).default);
   }
-  if (t.template) {
-    const { code: f, errors: x, tips: m } = Xx({ ast: t.template.ast, compilerOptions: n, filename: t.filename, id: c, scoped: d, slotted: t.slotted, source: t.template.src ? await (await io(t.template.src)).text() : t.template.content, vapor: t.vapor });
+  if (s.template) {
+    const { code: f, errors: x, tips: m } = Xx({ ast: s.template.ast, compilerOptions: i, filename: s.filename, id: t, scoped: d, slotted: s.slotted, source: s.template.src ? await (await io(s.template.src)).text() : s.template.content, vapor: s.vapor });
     Mn(x), Mn(m), Object.assign(p, await Mg(g.length ? Rg(f, { jsxRuntime: l, transforms: g }).code : f));
   }
-  return t.styles.forEach((f) => {
-    (async (x, { filename: m }, { content: y, module: v, scoped: b = !1, src: E }) => {
-      const { code: w, errors: C } = await qE({ filename: m, id: x, modules: !!v, scoped: b, source: E ? await (await io(E)).text() : y });
-      Mn(C), Bw(w, b ? { id: x } : void 0);
-    })(c, t, f);
-  }), p;
+  return await Promise.all(s.styles.map((f) => (async (x, { filename: m }, { content: y, module: v, scoped: b = !1, src: E }) => {
+    const { code: w, errors: C } = await qE({ filename: m, id: x, modules: !!v, scoped: b, source: E ? await (await io(E)).text() : y });
+    Mn(C), Bw(w, b ? { id: x } : void 0);
+  })(t, s, f))), p;
 };
 export {
   uP as default

package/dist/loader-sfc.js

@@ -25,18 +25,31 @@ const addStyle = async (id, { filename }, { content, module, scoped = false, src
     });
     log(errors);
     useStyleTag(code, scoped ? { id } : undefined);
-}, inject = (code) => import(
-/* @vite-ignore */
-`data:text/javascript;base64,${btoa(Array.from(new TextEncoder().encode(code), (byte) => String.fromCodePoint(byte)).join(""))}`), loadModule = async (filename) => {
-    const { descriptor, errors } = parse((await (await fetchText(filename)).text()) || body, { filename });
-    const compilerOptions = { expressionPlugins: [] }, scriptBlocks = ["script", "scriptSetup"], contents = await Promise.all(scriptBlocks.map(async (key) => {
+}, inject = async (code) => {
+    const objectURL = URL.createObjectURL(new Blob([code], { type: "application/javascript" })), 
+    /* @vite-ignore */
+    value = (await import(objectURL));
+    URL.revokeObjectURL(objectURL);
+    return value;
+}, loadModule = async (filename) => {
+    const id = `data-v-${hash(filename)}`, { descriptor, errors } = parse((await (await fetchText(filename)).text()) || body, { filename });
+    const compilerOptions = {
+        cacheHandlers: true,
+        comments: false,
+        expressionPlugins: [],
+        hoistStatic: true,
+        optimizeImports: true,
+        scopeId: id,
+        sourceMap: false,
+        ssr: false,
+    }, scriptBlocks = ["script", "scriptSetup"], contents = await Promise.all(scriptBlocks.map(async (key) => {
         const { lang = "js", src } = (descriptor[key] ?? {});
         if (/[jt]sx$/.test(lang))
             compilerOptions.expressionPlugins?.push("jsx");
         if (/tsx?$/.test(lang))
             compilerOptions.expressionPlugins?.push("typescript");
         return src && (await (await fetchText(src)).text());
-    })), id = `data-v-${hash(filename)}`, jsxRuntime = "preserve", module = {}, scoped = descriptor.styles.some(({ scoped }) => scoped), { expressionPlugins: transforms } = compilerOptions;
+    })), jsxRuntime = "preserve", module = {}, scoped = descriptor.styles.some(({ scoped }) => scoped), { expressionPlugins: transforms } = compilerOptions;
     log(errors);
     if (scoped)
         module.__scopeId = id;
@@ -75,9 +88,7 @@ const addStyle = async (id, { filename }, { content, module, scoped = false, src
             ? transform(code, { jsxRuntime, transforms }).code
             : code));
     }
-    descriptor.styles.forEach((style) => {
-        void addStyle(id, descriptor, style);
-    });
+    await Promise.all(descriptor.styles.map((style) => addStyle(id, descriptor, style)));
     return module;
 };
 export default loadModule;

package/package.json

@@ -21,7 +21,7 @@
     "url": "git+https://github.com/vuebro/loader-sfc.git"
   },
   "license": "AGPL-3.0-only",
-  "version": "1.5.22",
+  "version": "1.6.0",
   "type": "module",
   "main": "./dist/loader-sfc.js",
   "types": "./dist/loader-sfc.d.ts",
@@ -34,15 +34,15 @@
     "@eslint/js": "^9.36.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@types/hash-sum": "^1.0.2",
-    "@types/node": "^24.6.0",
+    "@types/node": "^24.6.1",
     "eslint": "^9.36.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-perfectionist": "^4.15.0",
     "eslint-plugin-prettier": "^5.5.4",
-    "jiti": "^2.6.0",
-    "typescript": "^5.9.2",
+    "jiti": "^2.6.1",
+    "typescript": "^5.9.3",
     "typescript-eslint": "^8.45.0",
     "vite": "^7.1.7"
   },