@vuebro/loader-sfc 2.3.18 → 2.3.20

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

@@ -23699,32 +23699,25 @@ const Xg = async (e) => {
     URL.revokeObjectURL(t);
   }
 }, JP = async (e, { parseOptions: t, scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins: s, ...n } = {}, ...i } = {}, ...o } = {}, styleOptions: c } = {}) => {
-  const l = `data-v-${zT(e)}`, { descriptor: p, errors: d } = ib(await Xg(e) ?? "<template></template>", { filename: e, ...t }), { script: f, scriptSetup: m, slotted: x, styles: g, template: y } = p, v = new Set([f, m].filter((Y) => Y !== null).flatMap(({ lang: Y = "js" }) => [.../[jt]sx$/.test(Y) ? ["jsx"] : [], .../tsx?$/.test(Y) ? ["typescript"] : []])), { ast: b, content: E = "" } = y ?? {};
-  let w = "";
-  const C = [], A = document.getElementById(l) instanceof HTMLStyleElement ? Promise.resolve([]) : Promise.all(g.map(async ({ content: Y, module: le, scoped: J = !1, src: $ }) => {
+  let l = "";
+  const p = `data-v-${zT(e)}`, d = [], { descriptor: f, errors: m } = ib(await Xg(e) ?? "<template></template>", { filename: e, ...t }), { script: x, scriptSetup: g, slotted: y, styles: v, template: b } = f, E = new Set([x, g].filter((Y) => Y !== null).flatMap(({ lang: Y = "js" }) => [.../[jt]sx$/.test(Y) ? ["jsx"] : [], .../tsx?$/.test(Y) ? ["typescript"] : []])), w = { expressionPlugins: [.../* @__PURE__ */ new Set([...s ?? [], ...E])], filename: e, scopeId: p, slotted: y, ...n }, C = { compilerOptions: w, filename: e, id: p, scoped: v.some(({ scoped: Y }) => Y), slotted: y, ...i }, A = { id: p, templateOptions: C, ...o }, O = document.getElementById(p) instanceof HTMLStyleElement ? Promise.resolve([]) : Promise.all(v.map(async ({ content: Y, module: le, scoped: J = !1, src: $ }) => {
     const ie = !!le;
-    if (ie && !w) return w = "<style module> is not supported in the playground.", "";
+    if (ie && !l) return l = "<style module> is not supported in the playground.", "";
     {
-      const { code: Q, errors: se } = await sP({ filename: e, id: l, modules: ie, scoped: J, source: $ ? await Xg($) ?? "" : Y, ...c });
-      return C.push(...se), Q;
-    }
-  })), O = { expressionPlugins: [.../* @__PURE__ */ new Set([...s ?? [], ...v])], filename: e, scopeId: l, slotted: x, ...n }, D = { compilerOptions: O, filename: e, id: l, scoped: g.some(({ scoped: Y }) => Y), slotted: x, ...i }, N = { id: l, templateOptions: D, ...o }, j = { jsxRuntime: "preserve", transforms: [...v] }, { bindings: U, content: X, warnings: W } = f || m ? WP(p, N) : {};
-  U && (O.bindingMetadata = U);
-  const { code: V, errors: F, tips: q } = !y || m && N.inlineTemplate ? {} : l0({ ...b, filename: e, id: l, source: E, ...D });
-  [...d, ...F ?? [], ...C].forEach((Y) => {
-    co.error(Y);
-  }), [...W ?? [], ...w ? [w] : []].forEach((Y) => {
-    co.warn(Y);
-  }), [...q ?? []].forEach((Y) => {
-    co.info(Y);
-  });
-  const [G, ee, ae] = await Promise.all([A, X ? Kg(v.size ? nd(X, j).code : X) : Promise.resolve(void 0), V ? Kg(v.size ? nd(V, j).code : V) : Promise.resolve(void 0)]), be = G.join(`
+      const { code: Q, errors: se } = await sP({ filename: e, id: p, modules: ie, scoped: J, source: $ ? await Xg($) ?? "" : Y, ...c });
+      return d.push(...se), Q;
+    }
+  })), D = { jsxRuntime: "preserve", transforms: [...E] }, { ast: N, content: j = "" } = b ?? {}, { bindings: U, content: X, warnings: W } = x || g ? WP(f, A) : {};
+  U && (w.bindingMetadata = U);
+  const { code: V, errors: F, tips: q } = !b || g && A.inlineTemplate ? {} : l0({ ...N, filename: e, id: p, source: j, ...C });
+  [...m, ...F ?? [], ...d].forEach(co.error), [...W ?? [], ...l ? [l] : []].forEach(co.warn), [...q ?? []].forEach(co.info);
+  const [G, ee, ae] = await Promise.all([O, X ? Kg(E.size ? nd(X, D).code : X) : Promise.resolve(void 0), V ? Kg(E.size ? nd(V, D).code : V) : Promise.resolve(void 0)]), be = G.join(`
 `).trim();
   if (be) {
     const Y = document.createElement("style");
-    Y.id = l, Y.textContent = be, document.head.appendChild(Y);
+    Y.id = p, Y.textContent = be, document.head.appendChild(Y);
   }
-  return { __scopeId: l, ...ee?.default, ...ae };
+  return { __scopeId: p, ...ee?.default, ...ae };
 };
 export {
   JP as default

package/dist/loader-sfc.js

@@ -21,39 +21,14 @@ const fetching = async (input) => {
     }
 };
 export default async (filename, { parseOptions, scriptOptions: { templateOptions: { compilerOptions: { expressionPlugins, ...restCompilerOptions } = {}, ...restTemplateOptions } = {}, ...restScriptOptions } = {}, styleOptions, } = {}) => {
-    const id = `data-v-${hash(filename)}`;
-    const { descriptor, errors: parseErrors } = parse((await fetching(filename)) ?? "<template></template>", { filename, ...parseOptions });
-    const { script, scriptSetup, slotted, styles, template } = descriptor;
+    let styleWarning = "";
+    const id = `data-v-${hash(filename)}`, styleErrors = [], { descriptor, errors: parseErrors } = parse((await fetching(filename)) ?? "<template></template>", { filename, ...parseOptions }), { script, scriptSetup, slotted, styles, template } = descriptor;
     const langs = new Set([script, scriptSetup]
         .filter((scriptBlock) => scriptBlock !== null)
         .flatMap(({ lang = "js" }) => [
         ...(/[jt]sx$/.test(lang) ? ["jsx"] : []),
         ...(/tsx?$/.test(lang) ? ["typescript"] : []),
-    ])), { ast, content: source = "" } = template ?? {};
-    let styleWarning = "";
-    const styleErrors = [];
-    const style = !(document.getElementById(id) instanceof HTMLStyleElement)
-        ? Promise.all(styles.map(async ({ content, module, scoped = false, src }) => {
-            const modules = !!module;
-            if (modules && !styleWarning) {
-                styleWarning = "<style module> is not supported in the playground.";
-                return "";
-            }
-            else {
-                const { code, errors } = await compileStyleAsync({
-                    filename,
-                    id,
-                    modules,
-                    scoped,
-                    source: src ? ((await fetching(src)) ?? "") : content,
-                    ...styleOptions,
-                });
-                styleErrors.push(...errors);
-                return code;
-            }
-        }))
-        : Promise.resolve([]);
-    const compilerOptions = {
+    ])), compilerOptions = {
         expressionPlugins: [
             ...new Set([...(expressionPlugins ?? []), ...langs]),
         ],
@@ -72,11 +47,31 @@ export default async (filename, { parseOptions, scriptOptions: { templateOptions
         id,
         templateOptions,
         ...restScriptOptions,
-    }, sucraseOptions = {
+    }, style = !(document.getElementById(id) instanceof HTMLStyleElement)
+        ? Promise.all(styles.map(async ({ content, module, scoped = false, src }) => {
+            const modules = !!module;
+            if (modules && !styleWarning) {
+                styleWarning =
+                    "<style module> is not supported in the playground.";
+                return "";
+            }
+            else {
+                const { code, errors } = await compileStyleAsync({
+                    filename,
+                    id,
+                    modules,
+                    scoped,
+                    source: src ? ((await fetching(src)) ?? "") : content,
+                    ...styleOptions,
+                });
+                styleErrors.push(...errors);
+                return code;
+            }
+        }))
+        : Promise.resolve([]), sucraseOptions = {
         jsxRuntime: "preserve",
         transforms: [...langs],
-    };
-    const { bindings, content, warnings: scriptWarnings, } = script || scriptSetup ? compileScript(descriptor, scriptOptions) : {};
+    }, { ast, content: source = "" } = template ?? {}, { bindings, content, warnings: scriptWarnings, } = script || scriptSetup ? compileScript(descriptor, scriptOptions) : {};
     if (bindings)
         compilerOptions.bindingMetadata = bindings;
     const { code, errors: templateErrors, tips: templateTips, } = template && (!scriptSetup || !scriptOptions.inlineTemplate)
@@ -88,15 +83,9 @@ export default async (filename, { parseOptions, scriptOptions: { templateOptions
             ...templateOptions,
         })
         : {};
-    [...parseErrors, ...(templateErrors ?? []), ...styleErrors].forEach((error) => {
-        consola.error(error);
-    });
-    [...(scriptWarnings ?? []), ...(styleWarning ? [styleWarning] : [])].forEach((warn) => {
-        consola.warn(warn);
-    });
-    [...(templateTips ?? [])].forEach((info) => {
-        consola.info(info);
-    });
+    [...parseErrors, ...(templateErrors ?? []), ...styleErrors].forEach(consola.error);
+    [...(scriptWarnings ?? []), ...(styleWarning ? [styleWarning] : [])].forEach(consola.warn);
+    [...(templateTips ?? [])].forEach(consola.info);
     const [styleResult, scriptResult, templateResult] = await Promise.all([
         style,
         content
@@ -105,8 +94,7 @@ export default async (filename, { parseOptions, scriptOptions: { templateOptions
         code
             ? inject(langs.size ? transform(code, sucraseOptions).code : code)
             : Promise.resolve(undefined),
-    ]);
-    const textContent = styleResult.join("\n").trim();
+    ]), textContent = styleResult.join("\n").trim();
     if (textContent) {
         const el = document.createElement("style");
         el.id = id;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuebro/loader-sfc",
-  "version": "2.3.18",
+  "version": "2.3.20",
   "description": "Vue3 Single File Component (SFC) loader. Load .vue files directly from your browser without any build step.",
   "keywords": [
     "vue",
@@ -43,8 +43,8 @@
   "devDependencies": {
     "@rollup/plugin-terser": "^0.4.4",
     "@types/hash-sum": "^1.0.2",
-    "@types/node": "^24.9.2",
-    "@vuebro/configs": "^1.1.54",
+    "@types/node": "^24.10.0",
+    "@vuebro/configs": "^1.1.57",
     "eslint": "^9.39.0",
     "vite": "^7.1.12"
   }