@primate/htmx 0.23.0 → 0.25.0

package/lib/private/default.d.ts

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

package/lib/private/default.js

@@ -0,0 +1,54 @@
+import E from "#errors";
+import init from "#init";
+import frontend from "@primate/core/frontend";
+import string from "@rcompat/string";
+const CLIENT_SIDE_TEMPLATES = {
+    mustache: {
+        package: "mustache",
+        global: "Mustache",
+    },
+    handlebars: {
+        package: "handlebars",
+        global: "Handlebars",
+    },
+    nunjucks: {
+        package: "nunjucks",
+        global: "nunjucks",
+    },
+};
+function server(text) {
+    return string.dedent `
+    import render from "@primate/htmx/render";
+    export default props => render(${JSON.stringify(text)}, props);`;
+}
+async function has(specifier, from) {
+    return from.join("node_modules", specifier).exists();
+}
+async function ensure(specifier, from, error) {
+    if (!await has(specifier, from))
+        throw error();
+}
+export default frontend({
+    ...init,
+    async onBuild(app, options) {
+        await ensure("htmx.org", app.root, () => E.htmx_package_required());
+        const templates = options.clientSideTemplates;
+        const lines = [
+            `import htmx from "htmx.org";`,
+            "globalThis.htmx = htmx;",
+        ];
+        if (templates !== undefined) {
+            await ensure("htmx-ext-client-side-templates", app.root, () => E.client_side_templates_required());
+            const engine = CLIENT_SIDE_TEMPLATES[templates.engine];
+            await ensure(engine.package, app.root, () => {
+                throw E.template_engine_required(templates.engine, engine.package);
+            });
+            lines.push(`import ${engine.global} from "${engine.package}";`, `globalThis.${engine.global} = ${engine.global};`, `import "htmx-ext-client-side-templates";`);
+        }
+        app.entrypoint(lines.join("\n"));
+    },
+    compile: {
+        server,
+    },
+});
+//# sourceMappingURL=default.js.map

package/lib/private/errors.d.ts

@@ -0,0 +1,21 @@
+declare const peer_deps: {
+    handlebars: string;
+    "htmx-ext-client-side-templates": string;
+    "htmx.org": string;
+    mustache: string;
+    nunjucks: string;
+    primate: string;
+};
+type PeerDep = keyof typeof peer_deps;
+declare function could_not_find_app_js_in_assets(): import("@rcompat/error").TemplateError;
+declare function client_side_templates_required(): import("@rcompat/error").TemplateError;
+declare function htmx_package_required(): import("@rcompat/error").TemplateError;
+declare function template_engine_required(engine: string, pkg: PeerDep): import("@rcompat/error").TemplateError;
+declare const errors: {
+    could_not_find_app_js_in_assets: typeof could_not_find_app_js_in_assets;
+    template_engine_required: typeof template_engine_required;
+    client_side_templates_required: typeof client_side_templates_required;
+    htmx_package_required: typeof htmx_package_required;
+};
+export default errors;
+//# sourceMappingURL=errors.d.ts.map

package/lib/private/errors.js

@@ -0,0 +1,33 @@
+import pkg_json from "#pkg-json" with { type: "json" };
+import assert from "@rcompat/assert";
+import error from "@rcompat/error";
+const peer_deps = assert.dict(pkg_json.peerDependencies);
+const t = error.template;
+function version(pkg) {
+    return `${pkg}@${peer_deps[pkg]}`;
+}
+function could_not_find_app_js_in_assets() {
+    return t `could not find app.js in assets`;
+}
+function client_side_templates_required() {
+    const option = "clientSideTemplates";
+    const pkg = "htmx-ext-client-side-templates";
+    return t `${option} requires ${version(pkg)} to be installed`;
+}
+;
+function htmx_package_required() {
+    return t `${version("htmx.org")} must be installed`;
+}
+;
+function template_engine_required(engine, pkg) {
+    const option = "clientSideTemplates.engine";
+    return t `${option} is set to ${engine}, but ${version(pkg)} is not installed`;
+}
+const errors = error.coded({
+    could_not_find_app_js_in_assets,
+    template_engine_required,
+    client_side_templates_required,
+    htmx_package_required,
+});
+export default errors;
+//# sourceMappingURL=errors.js.map

package/lib/private/init.d.ts

@@ -0,0 +1,15 @@
+import type { Init } from "@primate/core/frontend";
+declare const schema: import("pema").ObjectType<import("pema").NormalizeSchemaObject<{
+    readonly clientSideTemplates: import("pema").OptionalType<import("pema").ObjectType<import("pema").NormalizeSchemaObject<{
+        readonly engine: import("pema").EnumType<readonly ["mustache", "handlebars", "nunjucks"]>;
+    }>, {
+        engine: "handlebars" | "mustache" | "nunjucks";
+    }>>;
+}>, {
+    clientSideTemplates: {
+        engine: "handlebars" | "mustache" | "nunjucks";
+    } | undefined;
+}>;
+declare const init: Init<any, typeof schema>;
+export default init;
+//# sourceMappingURL=init.d.ts.map

package/lib/private/init.js

@@ -0,0 +1,43 @@
+import E from "#errors";
+import transform_html from "@primate/html/transform";
+import p from "pema";
+const CLIENT_SIDE_TEMPLATE_ENGINES = [
+    "mustache",
+    "handlebars",
+    "nunjucks",
+];
+const schema = p({
+    clientSideTemplates: p({
+        engine: p.enum(CLIENT_SIDE_TEMPLATE_ENGINES),
+    }).optional(),
+});
+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 E.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,11 @@
+declare const _default: (input?: import("@rcompat/type").Unpack<({
+    extensions?: string[] | undefined;
+    csr?: boolean | undefined;
+    ssr?: boolean | undefined;
+} & {
+    clientSideTemplates?: {
+        engine: "handlebars" | "mustache" | "nunjucks";
+    } | 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.25.0",
   "description": "HTMX for Primate",
   "homepage": "https://primate.run/docs/frontend/htmx",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -17,29 +17,54 @@
     "!/**/*.spec.*"
   ],
   "dependencies": {
-    "@rcompat/is": "^0.4.2",
-    "@rcompat/string": "^0.13.0",
-    "htmx-esm": "^0.2.1910",
-    "@primate/core": "^0.5.0",
-    "@primate/html": "^0.16.0"
+    "@rcompat/assert": "^0.13.0",
+    "@rcompat/error": "^0.8.0",
+    "@rcompat/fs": "^0.33.2",
+    "@rcompat/is": "^0.11.0",
+    "@rcompat/runtime": "^0.16.0",
+    "@rcompat/string": "^0.21.0",
+    "@primate/core": "^0.7.0",
+    "@primate/html": "^0.18.0",
+    "pema": "^0.7.0"
   },
   "peerDependencies": {
-    "primate": "^0.36.0"
+    "handlebars": "4",
+    "htmx-ext-client-side-templates": "2",
+    "htmx.org": "2",
+    "mustache": "4",
+    "nunjucks": "3",
+    "primate": "^0.38.0"
+  },
+  "peerDependenciesMeta": {
+    "htmx-ext-client-side-templates": {
+      "optional": true
+    },
+    "mustache": {
+      "optional": true
+    },
+    "handlebars": {
+      "optional": true
+    },
+    "nunjucks": {
+      "optional": true
+    }
   },
   "imports": {
     "#*": {
-      "apekit": "./src/private/*.ts",
+      "@primate/source": "./src/private/*.ts",
       "default": "./lib/private/*.js"
-    }
+    },
+    "#pkg-json": "./package.json"
   },
   "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"
     }
   },

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