@vuebro/loader-sfc 2.3.13 → 2.3.14

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

@@ -23457,13 +23457,17 @@ var oP = (function() {
     })(t(0, s, "", []).toString(16), 8);
   }, zl;
 })();
-const aP = n_(oP), Ug = async (e, t = "") => {
+const aP = n_(oP), Ug = async (e, t = "text") => {
   try {
     const s = await fetch(e);
-    if (s.ok) return await s.text();
+    if (s.ok) {
+      const n = s[t];
+      if (typeof n == "function") return await n();
+      throw new Error(`Invalid resolver "${t}"`);
+    }
     throw new Error(`Response status: ${s.status.toString()}`);
   } catch (s) {
-    return bo.error(s), t;
+    bo.error(s);
   }
 }, $g = async (e) => {
   const t = URL.createObjectURL(new Blob([e], { type: "application/javascript" }));
@@ -23473,13 +23477,13 @@ const aP = n_(oP), Ug = async (e, t = "") => {
     URL.revokeObjectURL(t);
   }
 }, cP = async (e, { scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins: t, ...s } = {}, ...n } = {}, ...i } = {}, parseOptions: o, styleOptions: c } = {}) => {
-  const l = `data-v-${aP(e)}`, { errors: p, descriptor: d } = Jy(await Ug(e, "<template></template>"), { filename: e, ...o }), { scriptSetup: g, template: f, slotted: v, script: m, styles: y } = d, T = new Set([m, g].filter((Y) => Y !== null).flatMap(({ lang: Y = "js" }) => [.../[jt]sx$/.test(Y) ? ["jsx"] : [], .../tsx?$/.test(Y) ? ["typescript"] : []])), { content: b = "", ast: E } = f ?? {};
+  const l = `data-v-${aP(e)}`, { errors: p, descriptor: d } = Jy(await Ug(e) ?? "<template></template>", { filename: e, ...o }), { scriptSetup: g, template: f, slotted: v, script: m, styles: y } = d, T = new Set([m, g].filter((Y) => Y !== null).flatMap(({ lang: Y = "js" }) => [.../[jt]sx$/.test(Y) ? ["jsx"] : [], .../tsx?$/.test(Y) ? ["typescript"] : []])), { content: b = "", ast: E } = f ?? {};
   let w = "";
   const C = [], A = document.getElementById(l) instanceof HTMLStyleElement ? Promise.resolve([]) : Promise.all(y.map(async ({ scoped: Y = !1, content: le, module: J, src: $ }) => {
     const ie = !!J;
     if (ie && !w) return w = "<style module> is not supported in the playground.", "";
     {
-      const { errors: Q, code: se } = await $E({ source: $ ? await Ug($) : le, filename: e, modules: ie, scoped: Y, id: l, ...c });
+      const { errors: Q, code: se } = await $E({ source: $ ? await Ug($) ?? "" : le, filename: e, modules: ie, scoped: Y, id: l, ...c });
       return C.push(...Q), se;
     }
   })), O = { expressionPlugins: [.../* @__PURE__ */ new Set([...t ?? [], ...T])], scopeId: l, filename: e, slotted: v, ...s }, D = { scoped: y.some(({ scoped: Y }) => Y), compilerOptions: O, filename: e, slotted: v, id: l, ...n }, N = { templateOptions: D, id: l, ...i }, j = { transforms: [...T], jsxRuntime: "preserve" }, { warnings: U, bindings: X, content: z } = m || g ? Iw(d, N) : {};

package/dist/loader-sfc.js

@@ -2,17 +2,21 @@ import { compileStyleAsync, compileTemplate, compileScript, parse, } from "vue/c
 import { consola } from "consola/browser";
 import { transform } from "sucrase";
 import hash from "hash-sum";
-const fetchText = async (input, text = "") => {
+const fetching = async (input, resolver = "text") => {
     try {
         const response = await fetch(input);
-        if (response.ok)
-            return await response.text();
+        if (response.ok) {
+            const method = response[resolver];
+            if (typeof method === "function")
+                return await method();
+            else
+                throw new Error(`Invalid resolver "${resolver}"`);
+        }
         else
             throw new Error(`Response status: ${response.status.toString()}`);
     }
     catch (error) {
         consola.error(error);
-        return text;
     }
 }, inject = async (code) => {
     const objectURL = URL.createObjectURL(new Blob([code], { type: "application/javascript" }));
@@ -25,7 +29,7 @@ const fetchText = async (input, text = "") => {
 };
 export default async (filename, { scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins, ...restCompilerOptions } = {}, ...restTemplateOptions } = {}, ...restScriptOptions } = {}, parseOptions, styleOptions, } = {}) => {
     const id = `data-v-${hash(filename)}`;
-    const { errors: parseErrors, descriptor } = parse(await fetchText(filename, "<template></template>"), { filename, ...parseOptions });
+    const { errors: parseErrors, descriptor } = parse((await fetching(filename)) ?? "<template></template>", { filename, ...parseOptions });
     const { scriptSetup, template, slotted, script, styles } = descriptor;
     const langs = new Set([script, scriptSetup]
         .filter((scriptBlock) => scriptBlock !== null)
@@ -44,7 +48,7 @@ export default async (filename, { scriptOptions: { templateOptions: { compilerOp
             }
             else {
                 const { errors, code } = await compileStyleAsync({
-                    source: src ? await fetchText(src) : content,
+                    source: src ? ((await fetching(src)) ?? "") : content,
                     filename,
                     modules,
                     scoped,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuebro/loader-sfc",
-  "version": "2.3.13",
+  "version": "2.3.14",
   "description": "Vue3 Single File Component (SFC) loader. Load .vue files directly from your browser without any build step.",
   "keywords": [
     "vue",
@@ -41,6 +41,6 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@types/hash-sum": "^1.0.2",
     "@types/node": "^24.9.1",
-    "@vuebro/configs": "^1.1.39"
+    "@vuebro/configs": "^1.1.41"
   }
 }