@primate/vue 0.10.3 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/vue",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "Primate Vue frontend",
   "homepage": "https://primatejs.com/modules/vue",
   "bugs": "https://github.com/primatejs/primate/issues",
@@ -15,24 +15,25 @@
     "directory": "packages/vue"
   },
   "dependencies": {
-    "@primate/frontend": "^0.16.1"
+    "@rcompat/build": "^0.6.0",
+    "@primate/frontend": "^0.16.4"
   },
   "peerDependencies": {
     "vue": "3",
-    "primate": "^0.32.2"
+    "primate": "^0.32.6"
   },
   "type": "module",
   "imports": {
     "#*": {
-      "@primate/lt": "./src/private/*.js",
+      "livetypes": "./src/private/*.js",
       "default": "./src/private/*.js"
     },
     "#build": {
-      "@primate/lt": "./src/private/build/index.js",
+      "livetypes": "./src/private/build/index.js",
       "default": "./src/private/build/index.js"
     },
     "#serve": {
-      "@primate/lt": "./src/private/serve/index.js",
+      "livetypes": "./src/private/serve/index.js",
       "default": "./src/private/serve/index.js"
     }
   },

package/src/private/build/server.js

@@ -1,6 +1,37 @@
-import { parse, compileTemplate } from "vue/compiler-sfc";
+import { compileScript, compileTemplate, parse } from "vue/compiler-sfc";
+import transform from "@rcompat/build/transform";
 
-export default text => compileTemplate({
-  source: parse(text).descriptor.template.content,
-  id: "1",
-}).code;
+const genDefaultAs = "__SCRIPT__";
+const id_size = 8;
+
+const analyze = ({ script, scriptSetup }) => {
+  return {
+    inline: scriptSetup !== null,
+    has_script: script !== null || scriptSetup !== null,
+    is_typescript: script?.lang === "ts" || scriptSetup?.lang === "ts",
+  };
+};
+const options = { loader: "ts" };
+
+export default async text => {
+  const id = crypto.randomUUID().slice(0, id_size);
+  const { descriptor } = parse(text);
+  const { inline, has_script, is_typescript } = analyze(descriptor);
+
+  const template = compileTemplate({
+    id,
+    source: descriptor.template.content,
+  });
+  const script = has_script
+    ? compileScript(descriptor, { id, inlineTemplate: inline, genDefaultAs })
+    : { content: `const ${genDefaultAs} = {}` };
+
+  const module = `
+    ${inline ? "" : template.code}
+    ${script.content}
+
+    export default { ...__SCRIPT__, ${inline ? "" : "render"} };
+  `;
+
+  return is_typescript ? (await transform(module, options)).code : module;
+};

package/src/private/serve/handler.js

@@ -1,11 +1,8 @@
 import { createSSRApp } from "vue";
-import render from "./render.js";
+import { renderToString } from "vue/server-renderer";
 
 export default (name, props = {}, options = {}) => async app => {
-  const component = createSSRApp({
-    render: (await app.get_component(name)).render,
-    data: () => props,
-  });
+  const component = createSSRApp(await app.get_component(name), props);
 
-  return app.view({ body: await render(component), ...options });
+  return app.view({ body: await renderToString(component), ...options });
 };

package/src/private/serve/render.js

@@ -1 +0,0 @@
-export { renderToString as default } from "vue/server-renderer";