@primate/svelte 0.3.2 → 0.4.0

package/README.md

@@ -1,5 +1,17 @@
-# Primate Svelte handler 
+# Primate Svelte module
 
-## License
+## Install
 
-MIT
+`npm i @primate/svelte`
+
+## Configure
+
+Add to `primate.config.js`
+
+``js
+import svelte from "@primate/svelte";
+
+export default {
+  modules: [svelte()],
+};
+``

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@primate/svelte",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "bugs": "https://github.com/primatejs/svelte/issues",
   "repository": "https://github.com/primatejs/svelte",
-  "description": "Primate Svelte handler",
+  "description": "Primate Svelte module",
   "license": "MIT",
   "dependencies": {
     "runtime-compat": "^0.14.1",
@@ -12,6 +12,9 @@
   "devDependencies": {
     "maximin": "^0.1.2"
   },
+  "peerDependencies": {
+    "primate": "0.14.0"
+  },
   "type": "module",
   "exports": "./exports.js"
 }

package/src/module.js

@@ -36,48 +36,46 @@ const handler = path => (component, props = {}, {status = 200} = {}) =>
     }];
   };
 
-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 compiled = server.js.code.replaceAll(svelte, js);
-        await File.write(`${component.path}.js`, compiled);
-      }));
+const {svelte, js} = endings;
+export default directory => ({
+  register(env, next) {
+    env.register("svelte", handler(directory ?? env.paths.components));
+    return next(env);
+  },
+  async compile(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 compiled = server.js.code.replaceAll(svelte, js);
+      await File.write(`${component.path}.js`, compiled);
+    }));
 
-      return next(env);
-    },
-    publish: async (env, next) => {
-      const path = directory ?? env.paths.components;
-      const options = {
-        generate: "dom",
-        hydratable: true,
-        css: false,
-        sveltePath: "/svelte",
-      };
-      const components = await path.list(filename => filename.endsWith(svelte));
-      const scriptPath = ["node_modules", "svelte", "internal", "index.mjs"];
-      // publish svelte itself
-      const code = await Path.resolve().join(...scriptPath).file.read();
-      await env.publish({src: "svelte/internal.js", code, type});
-      await Promise.all(components.map(async component => {
-        const file = await component.file.read();
-        const client = compiler.compile(file, options);
-        const compiled = client.js.code
-          .replaceAll(svelte, js)
-          .replace("/svelte/internal", "/svelte/internal.js");
-        await env.publish({src: `${component.name}.js`, code: compiled, type});
-      }));
-      return next(env);
-    },
-  };
-};
+    return next(env);
+  },
+  async publish(env, next) {
+    const path = directory ?? env.paths.components;
+    const options = {
+      generate: "dom",
+      hydratable: true,
+      css: false,
+      sveltePath: "./svelte",
+    };
+    const components = await path.list(filename => filename.endsWith(svelte));
+    const scriptPath = ["node_modules", "svelte", "internal", "index.mjs"];
+    // publish svelte itself
+    const code = await Path.resolve().join(...scriptPath).file.read();
+    await env.publish({src: "svelte/internal.js", code, type});
+    await Promise.all(components.map(async component => {
+      const file = await component.file.read();
+      const client = compiler.compile(file, options);
+      const compiled = client.js.code
+        .replaceAll(svelte, js)
+        .replace("./svelte/internal", "./svelte/internal.js");
+      await env.publish({src: `${component.name}.js`, code: compiled, type});
+    }));
+    return next(env);
+  },
+});