@primate/htmx 0.23.0 → 0.24.0

package/lib/private/default.d.ts

@@ -0,0 +1,10 @@
+declare const _default: (input?: import("@rcompat/type").Unpack<({
+    extensions?: string[] | undefined;
+    spa?: boolean | undefined;
+    ssr?: boolean | undefined;
+} & {
+    htmxExtensions?: string[] | undefined;
+    templates?: ("handlebars" | "mustache" | "nunjucks" | "xslt")[] | undefined;
+}) | undefined>) => import("@primate/core/frontend").Module;
+export default _default;
+//# sourceMappingURL=default.d.ts.map

package/lib/private/default.js

@@ -0,0 +1,35 @@
+import init from "#init";
+import frontend from "@primate/core/frontend";
+import is from "@rcompat/is";
+import string from "@rcompat/string";
+const htmx_esm = "htmx-esm";
+function server(text) {
+    return string.dedent `
+    import render from "@primate/htmx/render";
+
+    export default props => render(${JSON.stringify(text)}, props);`;
+}
+export default frontend({
+    ...init,
+    onBuild(app, { htmxExtensions, templates }) {
+        app.entrypoint(`export { default as htmx } from "${htmx_esm}";`);
+        htmxExtensions.forEach(extension => {
+            app.entrypoint(`
+        export * from "${htmx_esm}/${extension}";
+      `);
+        });
+        const has_templates = htmxExtensions.includes("client-side-templates")
+            && !is.empty(templates);
+        if (has_templates) {
+            templates
+                .filter(template => template !== "xslt")
+                .forEach(template => {
+                app.entrypoint(`export * from "${htmx_esm}/templates/${template}";`);
+            });
+        }
+    },
+    compile: {
+        server,
+    },
+});
+//# sourceMappingURL=default.js.map

package/lib/private/init.d.ts

@@ -0,0 +1,11 @@
+import type { Init } from "@primate/core/frontend";
+declare const schema: import("pema").ObjectType<import("pema").NormalizeSchemaObject<{
+    readonly htmxExtensions: import("pema").DefaultType<import("pema").ArrayType<import("pema").StringType>, string[]>;
+    readonly templates: import("pema").DefaultType<import("pema").ArrayType<import("pema").EnumType<readonly ["handlebars", "mustache", "nunjucks", "xslt"]>>, ("handlebars" | "mustache" | "nunjucks" | "xslt")[]>;
+}>, {
+    htmxExtensions: string[];
+    templates: ("handlebars" | "mustache" | "nunjucks" | "xslt")[];
+}>;
+declare const init: Init<any, typeof schema>;
+export default init;
+//# sourceMappingURL=init.d.ts.map

package/lib/private/init.js

@@ -0,0 +1,44 @@
+import transform_html from "@primate/html/transform";
+import error from "@rcompat/error";
+import p from "pema";
+function could_not_find_app_js_in_assets() {
+    return error.template `could not find app.js in assets`;
+}
+const errors = error.coded({
+    could_not_find_app_js_in_assets,
+});
+const TEMPLATES = ["handlebars", "mustache", "nunjucks", "xslt"];
+const schema = p({
+    htmxExtensions: p.array(p.string).default([]),
+    templates: p.array(p.enum(TEMPLATES)).unique().default([]),
+});
+const init = {
+    name: "htmx",
+    extensions: [".htmx"],
+    layouts: false,
+    client: false,
+    conditions: [],
+    schema,
+    async transform({ body, head = "", headers = {}, app, options, request }) {
+        const base = await transform_html({
+            body,
+            head,
+            headers,
+            app,
+            options,
+            request,
+        });
+        const app_js = app.assets.find(({ src }) => src !== undefined && src.includes("app") && src.endsWith(".js"));
+        if (app_js === undefined)
+            throw errors.could_not_find_app_js_in_assets();
+        const script = `<script type="module" src="${app_js.src}"></script>`;
+        return {
+            body: base.body,
+            head: (base.head ?? "").concat(script),
+            headers: base.headers,
+            partial: Boolean(request.headers.try("hx-request")),
+        };
+    },
+};
+export default init;
+//# sourceMappingURL=init.js.map

package/lib/private/runtime.d.ts

@@ -0,0 +1,10 @@
+declare const _default: (input?: import("@rcompat/type").Unpack<({
+    extensions?: string[] | undefined;
+    spa?: boolean | undefined;
+    ssr?: boolean | undefined;
+} & {
+    htmxExtensions?: string[] | undefined;
+    templates?: ("handlebars" | "mustache" | "nunjucks" | "xslt")[] | undefined;
+}) | undefined>) => import("@primate/core/frontend").Module;
+export default _default;
+//# sourceMappingURL=runtime.d.ts.map

package/lib/private/runtime.js

@@ -0,0 +1,4 @@
+import init from "#init";
+import frontend from "@primate/core/frontend";
+export default frontend(init);
+//# sourceMappingURL=runtime.js.map

package/lib/public/default.d.ts

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

package/lib/public/default.js

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

package/lib/public/runtime.d.ts

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

package/lib/public/runtime.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/htmx",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "HTMX for Primate",
   "homepage": "https://primate.run/docs/frontend/htmx",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -17,35 +17,42 @@
     "!/**/*.spec.*"
   ],
   "dependencies": {
-    "@rcompat/is": "^0.4.2",
-    "@rcompat/string": "^0.13.0",
+    "@rcompat/error": "^0.3.1",
+    "@rcompat/is": "^0.6.1",
+    "@rcompat/string": "^0.16.1",
     "htmx-esm": "^0.2.1910",
-    "@primate/core": "^0.5.0",
-    "@primate/html": "^0.16.0"
+    "@primate/core": "^0.6.0",
+    "pema": "^0.6.0",
+    "@primate/html": "^0.17.0"
+  },
+  "devDependencies": {
+    "@primate/test": "^0.0.0"
   },
   "peerDependencies": {
-    "primate": "^0.36.0"
+    "primate": "^0.37.0"
   },
   "imports": {
     "#*": {
-      "apekit": "./src/private/*.ts",
+      "@primate/source": "./src/private/*.ts",
       "default": "./lib/private/*.js"
     }
   },
   "exports": {
     ".": {
+      "@primate/source": "./src/public/default.ts",
       "browser": "./lib/public/browser.js",
       "runtime": "./lib/public/runtime.js",
       "default": "./lib/public/default.js"
     },
     "./*": {
-      "apekit": "./src/public/*.ts",
+      "@primate/source": "./src/public/*.ts",
       "default": "./lib/public/*.js"
     }
   },
   "scripts": {
     "build": "npm run clean && tsc",
     "clean": "rm -rf ./lib",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "test": "npx proby"
   }
 }

package/lib/private/Default.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,38 +0,0 @@
-import Runtime from "#Runtime";
-import is from "@rcompat/is";
-import string from "@rcompat/string";
-const htmx_esm = "htmx-esm";
-const _export = `export * from "${htmx_esm}`;
-export default class Default extends Runtime {
-    #extensions;
-    #templates;
-    compile = {
-        server: (text) => string.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") &&
-            !is.empty(this.#templates);
-    }
-    publish(app) {
-        app.entrypoint(`export { default as htmx } from "${htmx_esm}";`);
-        this.#extensions.forEach(extension => {
-            app.entrypoint(`export * from "${htmx_esm}/${extension}";`);
-        });
-        if (this.#has_templates) {
-            this.#templates
-                .filter(template => template !== "xslt")
-                .forEach(template => {
-                app.entrypoint(`export * from "${htmx_esm}/templates/${template}";`);
-            });
-        }
-    }
-}
-//# sourceMappingURL=Default.js.map

package/lib/private/Options.d.ts

@@ -1,8 +0,0 @@
-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

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

package/lib/private/Runtime.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,23 +0,0 @@
-import fail from "@primate/core/fail";
-import FrontendModule from "@primate/core/frontend/Module";
-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 app_js = app.assets.find(asset => asset.src?.includes("app") && asset.src.endsWith(".js"));
-            if (!app_js)
-                throw fail("Could not find app.js in assets");
-            const script = `<script type="module" src="${app_js.src}"></script>`;
-            return response(this)(name, props, {
-                head: script,
-                partial: Boolean(request.headers.try("hx-request")),
-                ...options,
-            })(app, _, request);
-        };
-    };
-}
-//# sourceMappingURL=Runtime.js.map

package/lib/private/Template.d.ts

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

package/lib/private/Template.js

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