@primate/svelte 0.1.1 → 0.2.0

package/eslint.config.js

@@ -0,0 +1 @@
+export {default} from "maximin";

package/exports.js

@@ -1 +1 @@
-export {default} from "./src/handler.js";
+export {default} from "./src/module.js";

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "@primate/svelte",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "bugs": "https://github.com/primatejs/svelte/issues",
   "repository": "https://github.com/primatejs/svelte",
   "description": "Primate Svelte handler",
   "license": "MIT",
   "dependencies": {
-    "svelte": "^3.58.0",
-    "runtime-compat": "^0.14.1"
+    "runtime-compat": "^0.14.1",
+    "svelte": "^3.58.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@babel/eslint-parser": "^7.21.3",
-    "@babel/plugin-syntax-import-assertions": "^7.20.0",
-    "eslint": "^8.37.0",
-    "eslint-plugin-json": "^3.1.0"
+    "maximin": "^0.1.2"
   },
   "type": "module",
   "exports": "./exports.js"

package/src/module.js

@@ -0,0 +1,45 @@
+import * as compiler from "svelte/compiler";
+import {File} from "runtime-compat/fs";
+
+const endings = {
+  svelte: ".svelte",
+  js: ".svelte.js",
+};
+
+const handler = path => (component, props = {}, {status = 200} = {}) =>
+  async (env, headers) => {
+    const {js} = endings;
+    const {html} = (await import(`${path.join(`${component}${js}`)}`))
+      .default.render(props);
+
+    // -> spread into new Response()
+    return [await env.render(html), {
+      status,
+      headers: {...headers, "Content-Type": "text/html"},
+    }];
+  };
+
+export default directory => async () => {
+  const {svelte, js} = endings;
+  return {
+    register: async (env, next) => {
+      env.register("svelte", handler(directory ?? env.paths.components));
+      return next(env);
+    },
+    compile: async (env, next) => {
+      const path = directory ?? env.paths.components;
+      const options = {generate: "ssr", hydratable: true};
+      const components = await path.list(filename => filename.endsWith(svelte));
+      await Promise.all(components.map(async component => {
+        const file = await component.file.read();
+        const server = compiler.compile(file, options);
+        /* const client = compiler.compile(file, {
+          generate: "dom", hydratable: true, css: false}).js.code;*/
+        const compiled = server.js.code.replaceAll(svelte, js);
+        await File.write(`${component.path}.js`, compiled);
+      }));
+
+      return next(env);
+    },
+  };
+};

package/src/handler.js

@@ -1,43 +0,0 @@
-import * as compiler from "svelte/compiler";
-import {File} from "runtime-compat/fs";
-
-const endings = {
-  svelte: ".svelte",
-  js: ".svelte.js",
-};
-const index = "index.html";
-
-const compile = async path => {
-  const {svelte, js} = endings;
-  for (const component of await path.list(filename => filename.endsWith(svelte))) {
-    const file = await component.file.read();
-    const compiled = compiler.compile(file, {generate: "ssr"}).js.code
-      .replaceAll(svelte, js);
-    await File.write(`${component.path}.js`, compiled);
-  }
-}
-
-const preset = await new Path(import.meta.url).directory.join(index).file.read();
-const getIndex = async env => {
-  try {
-    return await File.read(`${env.paths.static.join(index)}`);
-  } catch (error) {
-    return preset;
-  }
-};
-
-export default (component, props, path) => async (env, headers) => {
-  const components = path ?? env.paths.components;
-  await compile(components);
-  const {js} = endings;
-  const {html} = (await import(`${components.join(`${component}${js}`)}`))
-    .default.render(props);
-  const body = (await getIndex(env)).replace("<body>", () => `<body>${html}`);
-  const options = {
-    status: 200,
-    headers: {"Content-Type": "text/html", ...headers},
-  };
-
-  // -> spread into new Response()
-  return [body, options];
-};

package/src/index.html

@@ -1,8 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <title>Primate app</title>
-    <meta charset="utf-8" />
-  </head>
-  <body></body>
-</html>