@primate/htmx 0.3.1 → 0.4.0

package/exports.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/htmx",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "author": "Terrablue <terrablue@proton.me>",
   "homepage": "https://primatejs.com/modules/htmx",
   "bugs": "https://github.com/primatejs/primate-htmx/issues",

package/src/handler.js

@@ -16,7 +16,8 @@ const getIndex = async env => {
   }
 };
 
-const scriptPath = ["node_modules", "htmx.org", "dist", "htmx.min.js"];
+const fileName = "htmx.min.js";
+const scriptPath = ["node_modules", "htmx.org", "dist", fileName];
 
 const hash = async (string, algorithm = "sha-384") => {
   const buffer = new ArrayBuffer(string.length);
@@ -25,36 +26,43 @@ const hash = async (string, algorithm = "sha-384") => {
     view[i] = string.charCodeAt(i);
   }
   const bytes = await crypto.subtle.digest(algorithm, buffer);
-  return Buffer.from(bytes).toString("base64");
+  return btoa(String.fromCharCode(...new Uint8Array(bytes)));
 };
 
+const render = async (strings, keys, path) => {
+  const loadFile = async file => [file.base, (await file.read())
+    .replaceAll("\n", "")];
+  const components = await path.exists
+    ? Object.fromEntries(await Promise.all((
+      await File.collect(`${path}`, ".html")).map(loadFile)))
+    : {};
+  const re = strings
+    .slice(0, last)
+    .map((string, i) => `${string}\${${i}}`)
+    .join("") + strings[strings.length + last];
+  return flatten(await fulfill(re, components, await Promise.all(keys)));
+};
+
+export const partial = (strings, ...keys) => async (env, headers) =>
+  // -> spread into new Response()
+  [await render(strings, keys, env.paths.components), {status: 200, headers}];
+
 export default (strings, ...keys) => async (env, headers) => {
-  // if doesn't exist, copy htmx.js to public
+  // if doesn't exist, copy htmx file to public
   // if public doesn't exist, create it
   const _public = env.paths.public;
   if (!await _public.exists) {
     await _public.file.create();
   }
-  const htmx = _public.join("htmx.js");
+  const htmx = _public.join(fileName);
   if (!await htmx.exists) {
     await Path.resolve().join(...scriptPath).file.copy(`${htmx}`);
   }
-  const src = "/htmx.js";
+  const src = `/${fileName}`;
   const integrity = `sha384-${await hash(await htmx.file.read())}`;
   const script = `<script src="${src}" integrity="${integrity}"></script>`;
   const index = (await getIndex(env)).replace("</head>", `${script}</head>`);
-  const {paths: {components: path}} = env;
-  const loadFile = async file => [file.base, (await file.read())
-    .replaceAll("\n", "")];
-  const components = await path.exists
-    ? Object.fromEntries(await Promise.all((
-      await File.collect(`${path}`, ".html")).map(loadFile)))
-    : {};
-  const re = strings
-    .slice(0, last)
-    .map((string, i) => `${string}\${${i}}`)
-    .join("") + strings[strings.length + last];
-  const html = flatten(await fulfill(re, components, await Promise.all(keys)));
+  const html = await render(strings, keys, env.paths.components);
   const body = index.replace("<body>", () => `<body>${html}`);
 
   const script_src = `script-src 'self' '${integrity}';`;