@primate/vue 0.16.0 → 0.16.1

package/lib/private/compile.d.ts

@@ -1,4 +1,8 @@
 declare const _default: {
+    client(text: string): {
+        js: string;
+        css: string;
+    };
     server(text: string): string;
 };
 export default _default;

package/lib/private/compile.js

@@ -1,51 +1,61 @@
 import presets from "@primate/core/build/presets";
 import transform from "@primate/core/build/transform";
-import { compileScript, compileTemplate, parse, } from "vue/compiler-sfc";
+import { compileScript, compileStyle, compileTemplate, parse, } from "vue/compiler-sfc";
 const genDefaultAs = "__SCRIPT__";
 const id_size = 8;
 const analyze = ({ script, scriptSetup }) => {
     return {
         has_script: script !== null || scriptSetup !== null,
         inline: scriptSetup !== null,
-        is_typescript: script?.lang === "ts" || scriptSetup?.lang === "ts",
+        is_ts: script?.lang === "ts" || scriptSetup?.lang === "ts",
     };
 };
+const compile_sfc = (text) => {
+    const id = crypto.randomUUID().slice(0, id_size);
+    const { descriptor } = parse(text);
+    const { has_script, inline, is_ts } = analyze(descriptor);
+    let module;
+    if (inline) {
+        const script = compileScript(descriptor, {
+            genDefaultAs,
+            id,
+            inlineTemplate: true,
+        });
+        module = `
+      ${script.content}
+      export default { ...__SCRIPT__ };
+    `;
+    }
+    else {
+        const template = compileTemplate({
+            filename: "",
+            id,
+            source: descriptor.template?.content ?? "",
+        });
+        const script = has_script
+            ? compileScript(descriptor, { genDefaultAs, id, inlineTemplate: false })
+            : { content: `const ${genDefaultAs} = {}` };
+        module = `
+      ${template.code}
+      ${script.content}
+      export default { ...__SCRIPT__, render };
+    `;
+    }
+    const js = is_ts ? transform(module, presets.typescript).code : module;
+    const css = descriptor.styles.map(style => compileStyle({
+        filename: "",
+        id,
+        source: style.content,
+        scoped: style.scoped ?? false,
+    }).code).join("\n");
+    return { js, css };
+};
 export default {
+    client(text) {
+        return compile_sfc(text);
+    },
     server(text) {
-        const id = crypto.randomUUID().slice(0, id_size);
-        const { descriptor } = parse(text);
-        const { has_script, inline, is_typescript } = analyze(descriptor);
-        let module;
-        if (inline) {
-            // for <script setup>, compile with inlineTemplate to get both script and
-            // render
-            const script = compileScript(descriptor, {
-                genDefaultAs,
-                id,
-                inlineTemplate: true,
-            });
-            module = `
-        ${script.content}
-        export default { ...__SCRIPT__ };
-      `;
-        }
-        else {
-            // For regular components, compile template and script separately
-            const template = compileTemplate({
-                filename: "",
-                id,
-                source: descriptor.template?.content ?? "",
-            });
-            const script = has_script
-                ? compileScript(descriptor, { genDefaultAs, id, inlineTemplate: false })
-                : { content: `const ${genDefaultAs} = {}` };
-            module = `
-        ${template.code}
-        ${script.content}
-        export default { ...__SCRIPT__, render };
-      `;
-        }
-        return is_typescript ? transform(module, presets.typescript).code : module;
+        return compile_sfc(text).js;
     },
 };
 //# sourceMappingURL=compile.js.map

package/lib/private/default.js

@@ -7,8 +7,11 @@ export default frontend({
     root: {
         create: create_root,
     },
+    css: {
+        filter: /\.vuecss$/,
+    },
     compile: {
-        client: (text, _, root) => ({ js: root ? text : compile.server(text) }),
+        client: (text, _, root) => root ? { js: text, css: "" } : compile.client(text),
         server: (text, file) => file.path.startsWith("root:") ? text : compile.server(text),
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/vue",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "Vue for Primate",
   "homepage": "https://primate.run/docs/frontend/vue",
   "bugs": "https://github.com/primate-run/primate/issues",