@primate/htmx 0.16.0 → 0.17.0

package/README.md

@@ -1,5 +1,5 @@
 # HTMX
 
-This handler module serves HTMX components with the .htmx extension.
+This handler serves HTMX components with the `htmx` file extension.
 
 ## [Documentation](https://primatejs.com/modules/htmx)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/htmx",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Primate HTMX module",
   "homepage": "https://primatejs.com/modules/htmx",
   "bugs": "https://github.com/primatejs/primate/issues",
@@ -16,10 +16,10 @@
   },
   "dependencies": {
     "htmx.org": "^1.9.4",
-    "runtime-compat": "^0.24.1"
+    "runtime-compat": "^0.25.7"
   },
   "peerDependencies": {
-    "primate": "0.21"
+    "primate": "0.22"
   },
   "type": "module",
   "exports": "./src/exports.js"

package/src/module.js

@@ -13,9 +13,9 @@ const getBody = async (app, partial, file) => {
   return partial ? body : app.render({body});
 };
 
-const handler = (name, {status = Status.OK, partial = false} = {}) =>
-  async app => {
-    const {build: {paths: {components}}} = app;
+const handler = directory =>
+  (name, {status = Status.OK, partial = false} = {}) => async app => {
+    const components = app.runpath(directory);
     const code = "import {htmx} from \"app\";";
     await app.publish({code, type: "module", inline: true});
 
@@ -35,16 +35,20 @@ const handler = (name, {status = Status.OK, partial = false} = {}) =>
     });
   };
 
-export default _ => ({
-  name: "@primate/htmx",
+const name = "htmx.org";
+export default ({
+  extension = "htmx",
+  directory,
+} = {}) => ({
+  name: "primate:htmx",
   register(app, next) {
-    app.register("htmx", handler);
+    app.register(extension, handler(directory
+      ?? app.config.location.components));
     return next(app);
   },
   async publish(app, next) {
-    const name = "htmx.org";
     await app.import(name);
-    app.bootstrap({type: "script", code: `export * as htmx from "${name}";`});
+    app.export({type: "script", code: `export * as htmx from "${name}";`});
     return next(app);
   },
 });