@primate/htmx 0.14.0 → 0.15.0

package/README.md

@@ -1,17 +1,5 @@
-# Primate HTMX module
+# HTMX
 
-## Install
+This handler module serves HTMX components with the .htmx extension.
 
-`npm i @primate/htmx`
-
-## Configure
-
-Add to `primate.config.js`
-
-```js
-import htmx from "@primate/htmx";
-
-export default {
-  modules: [htmx()],
-};
-```
+## [Documentation](https://primatejs.com/modules/htmx)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/htmx",
-  "version": "0.14.0",
+  "version": "0.15.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.2",
-    "runtime-compat": "^0.17.0"
+    "runtime-compat": "^0.20.2"
   },
   "peerDependencies": {
-    "primate": "0.19"
+    "primate": "0.20"
   },
   "type": "module",
   "exports": "./src/exports.js"

package/src/module.js

@@ -1,5 +1,3 @@
-import {Path} from "runtime-compat/fs";
-
 const loadComponent = async (file) => {
   try {
     return await file.read();
@@ -14,7 +12,8 @@ const getBody = async (app, partial, file) => {
 };
 
 const handler = path => (name, {status = 200, partial = false} = {}) =>
-  async (app, headers) => {
+  async app => {
+    const headers = app.headers();
     const styleSrc = "style-src 'self' 'unsafe-inline';";
     const csp = `${headers["Content-Security-Policy"]}${styleSrc}`;
     const options = {
@@ -35,14 +34,9 @@ export default directory => ({
     return next(app);
   },
   async publish(app, next) {
-    const src = "htmx.js";
-    const scriptPath = ["node_modules", "htmx.org", "dist", src];
-    const path = import.meta.resolve === undefined
-      ? await Path.resolve().join(...scriptPath)
-      : new Path(await import.meta.resolve("htmx.org"));
-    const code = await path.file.read();
-    await app.publish({src, code, type: "module"});
-    app.bootstrap({type: "script", code: `import * as htmx from "./${src}";`});
+    const name = "htmx.org";
+    await app.import(name);
+    app.bootstrap({type: "script", code: `import * as htmx from "${name}";`});
     return next(app);
   },
 });