@primate/htmx 0.19.5 → 0.21.0

package/lib/private/Default.d.ts

@@ -0,0 +1,12 @@
+import type Options from "#Options";
+import Runtime from "#Runtime";
+import type BuildApp from "@primate/core/BuildApp";
+export default class Default extends Runtime {
+    #private;
+    compile: {
+        server: (text: string) => string;
+    };
+    constructor(options?: Options);
+    publish(app: BuildApp): void;
+}
+//# sourceMappingURL=Default.d.ts.map

package/lib/private/Default.js

@@ -0,0 +1,34 @@
+import Runtime from "#Runtime";
+import empty from "@rcompat/record/empty";
+import dedent from "@rcompat/string/dedent";
+const htmx_esm = "htmx-esm";
+const _export = `export * from "${htmx_esm}`;
+export default class Default extends Runtime {
+    #extensions;
+    #templates;
+    compile = {
+        server: (text) => dedent `
+      import render from "@primate/htmx/render";
+
+      export default props => render(${JSON.stringify(text)}, props);`,
+    };
+    constructor(options = {}) {
+        super({ fileExtensions: options.fileExtensions });
+        this.#extensions = options.extensions ?? [];
+        this.#templates = options.templates ?? [];
+    }
+    get #has_templates() {
+        return this.#extensions.includes("client-side-templates") &&
+            !empty(this.#templates);
+    }
+    publish(app) {
+        app.export(`export { default as htmx } from "${htmx_esm}";`);
+        this.#extensions.map(extension => app.export(`${_export}/${extension}";`));
+        if (this.#has_templates) {
+            this.#templates
+                .filter(template => template !== "xslt")
+                .map(template => app.export(`${_export}/templates/${template}";`));
+        }
+    }
+}
+//# sourceMappingURL=Default.js.map

package/lib/private/Options.d.ts

@@ -0,0 +1,8 @@
+import type Template from "#Template";
+type Options = {
+    extensions?: string[];
+    fileExtensions?: [string];
+    templates?: Template[];
+};
+export type { Options as default };
+//# sourceMappingURL=Options.d.ts.map

package/lib/private/Options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Options.js.map

package/lib/private/Runtime.d.ts

@@ -0,0 +1,10 @@
+import FrontendModule from "@primate/core/frontend/Module";
+import type ViewResponse from "@primate/core/frontend/ViewResponse";
+export default class Runtime extends FrontendModule {
+    name: string;
+    defaultExtensions: string[];
+    layouts: boolean;
+    client: boolean;
+    respond: ViewResponse;
+}
+//# sourceMappingURL=Runtime.d.ts.map

package/lib/private/Runtime.js

@@ -0,0 +1,23 @@
+import FrontendModule from "@primate/core/frontend/Module";
+import inline from "@primate/core/inline";
+import response from "@primate/html/response";
+export default class Runtime extends FrontendModule {
+    name = "htmx";
+    defaultExtensions = [".htmx"];
+    layouts = false;
+    client = false;
+    respond = (name, props, options = {}) => {
+        return async (app, _, request) => {
+            const code = "import { htmx } from \"app\";";
+            const { head, integrity } = await inline(code, "module");
+            const script_src = [integrity];
+            return response(this)(name, props, {
+                csp: { script_src },
+                head,
+                partial: Boolean(request.headers.try("hx-request")),
+                ...options,
+            })(app, _, request);
+        };
+    };
+}
+//# sourceMappingURL=Runtime.js.map

package/lib/private/Template.d.ts

@@ -0,0 +1,3 @@
+type Template = "handlebars" | "mustache" | "nunjucks" | "xslt";
+export type { Template as default };
+//# sourceMappingURL=Template.d.ts.map

package/lib/private/Template.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Template.js.map

package/lib/public/default.d.ts

@@ -0,0 +1,5 @@
+import Default from "#Default";
+import type Options from "#Options";
+declare const _default: (options?: Options) => Default;
+export default _default;
+//# sourceMappingURL=default.d.ts.map

package/lib/public/default.js

@@ -0,0 +1,3 @@
+import Default from "#Default";
+export default (options) => new Default(options);
+//# sourceMappingURL=default.js.map

package/lib/public/render.d.ts

@@ -0,0 +1,2 @@
+export { default } from "@primate/html/render";
+//# sourceMappingURL=render.d.ts.map

package/lib/public/render.js

@@ -0,0 +1,2 @@
+export { default } from "@primate/html/render";
+//# sourceMappingURL=render.js.map

package/lib/public/runtime.d.ts

@@ -0,0 +1,5 @@
+import type Options from "#Options";
+import Runtime from "#Runtime";
+declare const _default: (options?: Options) => Runtime;
+export default _default;
+//# sourceMappingURL=runtime.d.ts.map

package/lib/public/runtime.js

@@ -0,0 +1,3 @@
+import Runtime from "#Runtime";
+export default (options) => new Runtime(options);
+//# sourceMappingURL=runtime.js.map

package/package.json

@@ -1,53 +1,53 @@
 {
   "name": "@primate/htmx",
-  "version": "0.19.5",
+  "version": "0.21.0",
   "description": "Primate HTMX frontend",
-  "homepage": "https://primatejs.com/modules/htmx",
-  "bugs": "https://github.com/primatejs/primate/issues",
+  "homepage": "https://primate.run/docs/frontend/htmx",
+  "bugs": "https://github.com/primate-run/primate/issues",
   "license": "MIT",
   "files": [
-    "src/**/*.js",
-    "!src/**/*.spec.js"
+    "/lib/**/*.js",
+    "/lib/**/*.d.ts",
+    "!/**/*.spec.*"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/primatejs/primate",
+    "url": "https://github.com/primate-run/primate",
     "directory": "packages/htmx"
   },
   "dependencies": {
-    "@rcompat/html": "^0.1.0",
-    "@rcompat/object": "^0.5.0",
-    "htmx-esm": "^0.2.0",
-    "@primate/frontend": "^0.16.3",
-    "@primate/html": "^0.10.3"
+    "@rcompat/assert": "^0.3.1",
+    "@rcompat/fs": "^0.21.1",
+    "@rcompat/html": "^0.6.0",
+    "@rcompat/record": "^0.9.1",
+    "@rcompat/string": "^0.10.0",
+    "htmx-esm": "^0.2.1910",
+    "@primate/core": "^0.3.0",
+    "@primate/html": "^0.12.0"
   },
   "peerDependencies": {
-    "primate": "^0.32.5"
+    "primate": "^0.34.0"
   },
   "type": "module",
   "imports": {
     "#*": {
-      "livetypes": "./src/private/*.js",
-      "default": "./src/private/*.js"
-    },
-    "#build": {
-      "livetypes": "./src/private/build/index.js",
-      "default": "./src/private/build/index.js"
-    },
-    "#serve": {
-      "livetypes": "./src/private/serve/index.js",
-      "default": "./src/private/serve/index.js"
-    },
-    "#error/*": {
-      "livetypes": "./src/private/error/*.js",
-      "default": "./src/private/error/*.js"
+      "apekit": "./src/private/*.ts",
+      "default": "./lib/private/*.js"
     }
   },
   "exports": {
     ".": {
-      "runtime": "./src/public/runtime.js",
-      "default": "./src/public/default.js"
+      "runtime": "./lib/public/runtime.js",
+      "default": "./lib/public/default.js"
     },
-    "./*": "./src/public/*.js"
+    "./*": {
+      "apekit": "./src/public/*.ts",
+      "default": "./lib/public/*.js"
+    }
+  },
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "clean": "rm -rf ./lib",
+    "lint": "eslint ."
   }
 }

package/src/private/build/index.js

@@ -1,51 +0,0 @@
-import no_client_extension from "#error/no-client-extension";
-import name from "#name";
-import compile from "@primate/frontend/core/compile";
-import empty from "@rcompat/object/empty";
-import server from "./server.js";
-
-const templates = "client-side-templates";
-const htmx_esm = "htmx-esm";
-const base_import_template = (subpath, app) =>
-  app.build.export(`export * from "${htmx_esm}/${templates}/${subpath}";`);
-
-const import_template = {
-  handlebars: app => base_import_template("handlebars", app),
-  mustache: app => base_import_template("mustache", app),
-  nunjucks: app => base_import_template("nunjucks", app),
-  // noop
-  xslt: _ => _,
-};
-
-export default ({
-  extension,
-  extensions,
-  client_side_templates,
-}) => async (app, next) => {
-  app.build.export(`export { default as htmx } from "${htmx_esm}";`);
-
-  extensions.forEach(extension_name =>
-    app.build.export(`export * from "${htmx_esm}/${extension_name}";`));
-
-  if (!empty(client_side_templates)) {
-    const has_templates = extensions.includes(templates);
-    // app.assert(has_templates, nce(templates, client_side_templates.join(",")));
-    has_templates ||
-      no_client_extension(templates, client_side_templates.join(", "));
-    client_side_templates.forEach(client_side_template =>
-      import_template[client_side_template](app));
-  }
-
-  app.register(extension, {
-    ...await compile({
-      app,
-      extension,
-      name,
-      compile: { server },
-    }),
-    // no support for hydration
-    client: _ => _,
-  });
-
-  return next(app);
-};

package/src/private/build/server.js

@@ -1,8 +0,0 @@
-export default text => `import escape from "@primate/htmx/escape";
-  export default (props = {}, options) => {
-  const encoded = JSON.parse(escape(JSON.stringify(props)));
-  const keys = Object.keys(encoded);
-  const values = Object.values(encoded);
-  const text = ${JSON.stringify(text)};
-  return new Function(...keys, \`return \\\`\${text}\\\`;\`)(...values);
-}`;

package/src/private/error/no-client-extension.js

@@ -1,11 +0,0 @@
-import pkgname from "#pkgname";
-import log from "@primate/core/log";
-import file from "@rcompat/fs/file";
-
-export default (...params) => log.error({
-  params,
-  name: file(import.meta.url).base,
-  module: pkgname,
-  message: "the extension {0} is required for {1} client side support",
-  fix: "add \"{0}\" to the `extensions` array for the HTMX module",
-});

package/src/private/extension.js

@@ -1 +0,0 @@
-export default ".htmx";

package/src/private/name.js

@@ -1 +0,0 @@
-export default "htmx";

package/src/private/pkgname.js

@@ -1 +0,0 @@
-export default "@primate/htmx";

package/src/private/serve/handler.js

@@ -1,13 +0,0 @@
-import handler from "@primate/html/handler";
-
-export default (name, props, options = {}) => async (app, _, request) => {
-  const code = "import { htmx } from \"app\";";
-  const { head , integrity } = await app.inline(code, "module");
-  const script_src = [integrity];
-
-  return handler(name, props, { head: [head],
-    csp: { script_src },
-    partial: Boolean(request.headers.get("hx-request")),
-    ...options,
-  })(app, _, request);
-};

package/src/private/serve/index.js

@@ -1,7 +0,0 @@
-import handler from "./handler.js";
-
-export default extension => (app, next) => {
-  app.register(extension, handler);
-
-  return next(app);
-};

package/src/public/default.js

@@ -1,14 +0,0 @@
-import build from "#build";
-import default_extension from "#extension";
-import pkgname from "#pkgname";
-import serve from "#serve";
-
-export default ({
-  extension = default_extension,
-  extensions = [],
-  client_side_templates = [],
-} = {}) => ({
-  name: pkgname,
-  build: build({ extension, extensions, client_side_templates }),
-  serve: serve(extension),
-});

package/src/public/escape.js

@@ -1 +0,0 @@
-export { default } from "@rcompat/html/escape";

package/src/public/runtime.js

@@ -1,8 +0,0 @@
-import default_extension from "#extension";
-import pkgname from "#pkgname";
-import serve from "#serve";
-
-export default ({ extension = default_extension } = {}) => ({
-  name: pkgname,
-  serve: serve(extension),
-});