@primate/vue 0.7.0 → 0.10.0

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) Terrablue <terrablue@proton.me> and contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primate/vue",
-  "version": "0.7.0",
-  "description": "Primate Vue module",
+  "version": "0.10.0",
+  "description": "Primate Vue frontend",
   "homepage": "https://primatejs.com/modules/vue",
   "bugs": "https://github.com/primatejs/primate/issues",
   "license": "MIT",
@@ -15,12 +15,31 @@
     "directory": "packages/vue"
   },
   "dependencies": {
-    "runtime-compat": "^0.24.1",
-    "vue": "^3.3.4"
+    "@primate/frontend": "^0.16.0"
   },
   "peerDependencies": {
-    "primate": "0.21"
+    "vue": "3",
+    "primate": "^0.32.0"
   },
   "type": "module",
-  "main": "./src/exports.js"
-}
+  "imports": {
+    "#*": {
+      "@primate/lt": "./src/private/*.js",
+      "default": "./src/private/*.js"
+    },
+    "#build": {
+      "@primate/lt": "./src/private/build/index.js",
+      "default": "./src/private/build/index.js"
+    },
+    "#serve": {
+      "@primate/lt": "./src/private/serve/index.js",
+      "default": "./src/private/serve/index.js"
+    }
+  },
+  "exports": {
+    ".": {
+      "runtime": "./src/public/runtime.js",
+      "default": "./src/public/default.js"
+    }
+  }
+}

package/src/private/build/index.js

@@ -0,0 +1,18 @@
+import name from "#name";
+import compile from "@primate/frontend/core/compile";
+import server from "./server.js";
+
+export default extension => async (app, next) => {
+  app.register(extension, {
+    ...await compile({
+      app,
+      extension,
+      name,
+      compile: { server },
+    }),
+    // no support for hydration
+    client: _ => _,
+  });
+
+  return next(app);
+};

package/src/private/build/server.js

@@ -0,0 +1,6 @@
+import { parse, compileTemplate } from "vue/compiler-sfc";
+
+export default text => compileTemplate({
+  source: parse(text).descriptor.template.content,
+  id: "1",
+}).code;

package/src/private/extension.js

@@ -0,0 +1 @@
+export default ".vue";

package/src/private/name.js

@@ -0,0 +1 @@
+export default "vue";

package/src/private/pkgname.js

@@ -0,0 +1 @@
+export default "@primate/vue";

package/src/private/serve/handler.js

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

package/src/private/serve/index.js

@@ -0,0 +1,7 @@
+import handler from "./handler.js";
+
+export default extension => (app, next) => {
+  app.register(extension, handler);
+
+  return next(app);
+};

package/src/private/serve/render.js

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

package/src/public/default.js

@@ -0,0 +1,10 @@
+import build from "#build";
+import default_extension from "#extension";
+import pkgname from "#name";
+import serve from "#serve";
+
+export default ({ extension = default_extension } = {}) => ({
+  name: pkgname,
+  build: build(extension),
+  serve: serve(extension),
+});

package/src/public/runtime.js

@@ -0,0 +1,8 @@
+import pkgname from "#pkgname";
+import serve from "#serve";
+import default_extension from "#extension";
+
+export default ({ extension = default_extension } = {}) => ({
+  name: pkgname,
+  serve: serve(extension),
+});

package/README.md

@@ -1,6 +0,0 @@
-# Vue
-
-This handler module supports SSR and serves Vue SFC components with the .vue
-extension.
-
-## [Documentation](https://primatejs.com/modules/vue)

package/src/exports.js

@@ -1 +0,0 @@
-export {default} from "./module.js";

package/src/module.js

@@ -1,43 +0,0 @@
-import {Response, Status, MediaType} from "runtime-compat/http";
-import {createSSRApp} from "vue";
-import {renderToString} from "vue/server-renderer";
-import {parse} from "vue/compiler-sfc";
-
-const render = (template, props) => {
-  const app = createSSRApp({data: () => props, template});
-  return renderToString(app);
-};
-
-const handler = (name, props = {}, {status = Status.OK} = {}) => async app => {
-  const {build, config} = app;
-  const target = build.paths.server.join(config.build.app).join(`${name}.js`);
-  const body = await render(await target.text(), props);
-
-  return new Response(await app.render({body}), {
-    status,
-    headers: {...app.headers(), "Content-Type": MediaType.TEXT_HTML},
-  });
-};
-
-export default _ => ({
-  name: "@primate/vue",
-  register(app, next) {
-    app.register("vue", handler);
-    return next(app);
-  },
-  async compile(app, next) {
-    const source = app.build.paths.components;
-    const target = app.build.paths.server.join(app.config.build.app);
-    await target.file.create();
-    const vue = ".vue";
-    const components = await source.list(filename => filename.endsWith(vue));
-    await Promise.all(components.map(async component => {
-      const file = await component.file.read();
-      const {descriptor} = parse(file);
-      const to = target.join(`${component.path}.js`.replace(source, ""));
-      await to.file.write(descriptor.template.content);
-    }));
-
-    return next(app);
-  },
-});