@formbox/htmx 0.6.0 → 0.7.0

package/README.md

@@ -113,7 +113,18 @@ const templates = {
   ...compileTemplates({
     Form: `
       <form{{{attrs attributes}}} hx-target="#questionnaire-app" hx-swap="morphdom">
-        {{{fields}}}
+        {{{hiddenFields}}}
+        {{{shortTextStyle}}}
+        {{{titleHtml}}}
+        {{{descriptionHtml}}}
+        {{{languageSelector}}}
+        {{{errors}}}
+        {{{before}}}
+        {{{children}}}
+        {{{after}}}
+        {{{signature}}}
+        {{{paginationHtml}}}
+        {{{submitButton}}}
       </form>
     `,
   }),
@@ -162,7 +173,7 @@ Create one renderer instance for one request/render cycle:
 
 1. `new QuestionnaireRenderer(options)` creates a request-local renderer.
 2. `await renderer.process(formData)` applies submitted form state and returns submit result.
-3. `await renderer.render()` returns HTML fields for the current renderer state.
+3. `await renderer.render()` returns form HTML for the current renderer state.
 4. `renderer.getQuestionnaireResponse()` reads the current FHIR response.
 5. `renderer.dispose()` releases the underlying renderer store.
 
@@ -256,7 +267,18 @@ const templates = {
     Form: `
       <form{{{attrs attributes}}}>
         ${csrf}
-        {{{fields}}}
+        {{{hiddenFields}}}
+        {{{shortTextStyle}}}
+        {{{titleHtml}}}
+        {{{descriptionHtml}}}
+        {{{languageSelector}}}
+        {{{errors}}}
+        {{{before}}}
+        {{{children}}}
+        {{{after}}}
+        {{{signature}}}
+        {{{paginationHtml}}}
+        {{{submitButton}}}
       </form>
     `,
   }),
@@ -305,8 +327,21 @@ Callbacks and Handlebars strings can be mixed:
 ```ts
 const templates = compileTemplates({
   TextInput: `<input{{{fieldAttributes}}}{{{attr "id" id}}}>`,
-  Form({ attributes, fields }) {
-    return `<form${htmlAttributes(attributes)}>${fields}</form>`;
+  Form(properties) {
+    return `<form${htmlAttributes(properties.attributes)}>${[
+      properties.hiddenFields,
+      properties.shortTextStyle,
+      properties.titleHtml ?? "",
+      properties.descriptionHtml ?? "",
+      properties.languageSelector ?? "",
+      properties.errors ?? "",
+      properties.before ?? "",
+      properties.children,
+      properties.after ?? "",
+      properties.signature ?? "",
+      properties.paginationHtml ?? "",
+      properties.submitButton,
+    ].join("")}</form>`;
   },
 });
 ```
@@ -348,8 +383,9 @@ Available Handlebars helpers:
 - `{{{attrs attributes}}}` renders an object of escaped HTML attributes.
 - `{{{fieldAttributes}}}` renders `data-fb-link-id`, `data-fb-field`, `name`, and `hx-include` for the current field.
 
-Use triple braces for renderer-provided HTML slots such as `fields`, `children`,
-`label`, `errors`, and `customOptionForm`.
+Use triple braces for renderer-provided HTML slots such as `hiddenFields`,
+`children`, `paginationHtml`, `submitButton`, `label`, `errors`, and
+`customOptionForm`.
 
 Default templates and user templates use the same data shape. The package does
 not keep a separate JSX fallback path.

package/dist/index.d.ts

@@ -289,10 +289,6 @@ export declare type FormDescriptionTemplateProperties = {
     readonly description: string;
 };
 
-declare type FormFieldsProperties = Omit<FormTemplateProperties, "attributes" | "fields">;
-
-export declare function formFieldsTemplate(properties: FormFieldsProperties): string;
-
 declare type FormPagination = {
     current: number;
     total: number;
@@ -323,7 +319,6 @@ export declare type FormTemplateProperties = Omit<TemplateBase<FormProperties>,
     readonly before?: string | undefined;
     readonly children: string;
     readonly errors?: string | undefined;
-    readonly fields: string;
     readonly hiddenFields: string;
     readonly attributes: HtmlAttributes;
     readonly titleHtml?: string | undefined;

package/dist/index.js

@@ -59715,22 +59715,6 @@ function mediaHtml(templates, attachment, fallbackLabel, id2) {
     isLink: kind === "link"
   });
 }
-function formFieldsTemplate(properties) {
-  return [
-    properties.hiddenFields,
-    properties.shortTextStyle,
-    properties.titleHtml ?? "",
-    properties.descriptionHtml ?? "",
-    properties.languageSelector ?? "",
-    properties.errors ?? "",
-    properties.before ?? "",
-    properties.children,
-    properties.after ?? "",
-    properties.signature ?? "",
-    properties.paginationHtml ?? "",
-    properties.submitButton
-  ].join("");
-}
 function pageHiddenField(currentPage) {
   return `<input type="hidden" name="${PAGE_FIELD}" value="${String(currentPage ?? 1)}">`;
 }
@@ -61623,11 +61607,9 @@ function Form(properties) {
     submitLabel,
     submitButton
   };
-  const fields = formFieldsTemplate(formProperties);
   return renderTemplate(templates.Form, {
     ...formProperties,
-    attributes: { id: id2, ...defaultAttributes(action2) },
-    fields
+    attributes: { id: id2, ...defaultAttributes(action2) }
   });
 }
 function formatPageString(template, page) {

package/dist/templates/Form.html.hbs

@@ -7,7 +7,6 @@ Purpose:
 Inputs:
 - attributes: native form attributes generated by the renderer.
 - hiddenFields: renderer-owned hidden protocol field html.
-- fields: legacy full rendered field html.
 - customExtensions: source extension values, if supplied.
 - shortTextStyle: responsive short-label CSS markup when short labels are present.
 - titleHtml/descriptionHtml/languageSelector/errors/before/children/after/signature: rendered form sections.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formbox/htmx",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Server-rendered HTMX HTML renderer for Formbox FHIR Questionnaires",
   "private": false,
   "type": "module",
@@ -40,8 +40,8 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.17",
-    "@formbox/theme": "0.4.1",
-    "@formbox/renderer": "0.4.1"
+    "@formbox/renderer": "0.4.1",
+    "@formbox/theme": "0.4.1"
   },
   "scripts": {
     "build": "tsc -b ./tsconfig.lib.json && vite build",