@formbox/htmx 0.4.4 → 0.6.0

package/dist/templates/Media.html.hbs

@@ -0,0 +1,29 @@
+{{!--
+Template: Media
+
+Purpose:
+- Renders item or answer-option attachment media and fallback links.
+
+Inputs:
+- attachment: source attachment object.
+- id: stable media id when available.
+- label: accessible fallback label.
+- source: resolved URL or data URL, if available.
+- contentType: lower-cased attachment content type, if available.
+- kind/isFallback/isImage/isAudio/isVideo/isLink: selected media rendering branch.
+--}}
+{{#if isFallback}}
+  <span>{{label}}</span>
+{{/if}}
+{{#if isImage}}
+  <img{{{attr "src" source}}}{{{attr "alt" label}}}>
+{{/if}}
+{{#if isAudio}}
+  <audio controls{{{attr "id" id}}}{{{attr "src" source}}}></audio>
+{{/if}}
+{{#if isVideo}}
+  <video controls{{{attr "id" id}}}{{{attr "src" source}}}></video>
+{{/if}}
+{{#if isLink}}
+  <a{{{attr "id" id}}}{{{attr "href" source}}} target="_blank" rel="noreferrer">{{label}}</a>
+{{/if}}

package/dist/templates/MultiSelectInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: MultiSelectInput
 
+Purpose:
+- Renders a searchable multi-select choice control and preserved selections.
+
 Inputs:
 - id: fieldset id.
 - options: items with id, token, label, selected, disabled, and hiddenInput.

package/dist/templates/NumberInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: NumberInput
 
+Purpose:
+- Renders a numeric answer control with unit and comparator context.
+
 Inputs:
 - id: control id.
 - value/inputValue: numeric answer value prepared for the native input.

package/dist/templates/OptionDisplay.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: OptionDisplay
 
+Purpose:
+- Renders the visible content for one answer option.
+
 Inputs:
 - children: rendered option text.
 - prefix: optional option prefix.

package/dist/templates/OptionsLoading.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: OptionsLoading
 
+Purpose:
+- Renders the loading indicator for asynchronously resolved answer options.
+
 Inputs:
 - isLoading: true when options are loading.
 - loadingLabel: loading message text.

package/dist/templates/Pagination.html.hbs

@@ -0,0 +1,24 @@
+{{!--
+Template: Pagination
+
+Purpose:
+- Renders page navigation controls for paginated questionnaires.
+
+Inputs:
+- current/total: current page number and total page count.
+- disabledPrev/disabledNext: whether each navigation action is unavailable.
+- actionName: form action field name.
+- previousAction/nextAction: submitted action values for page navigation.
+- previousId/nextId: stable button ids.
+- previousLabel/nextLabel: visible button labels.
+- navigationLabel/currentLabel/previousTargetLabel/nextTargetLabel: accessible pagination labels.
+--}}
+<nav>
+  {{#unless disabledPrev}}
+    <button type="submit"{{{attr "id" previousId}}}{{{attr "name" actionName}}}{{{attr "value" previousAction}}}>{{previousLabel}}</button>
+  {{/unless}}
+  <span>{{current}} / {{total}}</span>
+  {{#unless disabledNext}}
+    <button type="submit"{{{attr "id" nextId}}}{{{attr "name" actionName}}}{{{attr "value" nextAction}}}>{{nextLabel}}</button>
+  {{/unless}}
+</nav>

package/dist/templates/QuestionScaffold.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: QuestionScaffold
 
+Purpose:
+- Renders a question wrapper with header, errors, answer controls, and expanded content.
+
 Inputs:
 - linkId: question link id.
 - header/children/expandedChildren/errors/signature: rendered question sections.

package/dist/templates/RadioButton.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: RadioButton
 
+Purpose:
+- Renders one radio answer option input and its visible label.
+
 Inputs:
 - id: control id.
 - groupName: source radio group name, if supplied.

package/dist/templates/RadioButtonList.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: RadioButtonList
 
+Purpose:
+- Renders a single-select choice question as a radio option list.
+
 Inputs:
 - id: fieldset id.
 - options: items with id, token, label, checked, and disabled.

package/dist/templates/SelectInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: SelectInput
 
+Purpose:
+- Renders a select/open-choice dropdown with search and custom-option controls.
+
 Inputs:
 - id: select id.
 - value: selected option token.

package/dist/templates/ShortTextStyle.html.hbs

@@ -0,0 +1,10 @@
+{{!--
+Template: ShortTextStyle
+
+Purpose:
+- Renders responsive CSS that swaps long labels for short labels on narrow screens.
+
+Inputs:
+- no inputs.
+--}}
+<style>[data-fb-label-short]{display:none}@media (max-width:40rem){[data-fb-label-full]{display:none}[data-fb-label-short]{display:inline}}</style>

package/dist/templates/SignatureInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: SignatureInput
 
+Purpose:
+- Renders a signature answer control and its submitted value field.
+
 Inputs:
 - id: control id.
 - value/inputValue: serialized signature value.

package/dist/templates/SliderInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: SliderInput
 
+Purpose:
+- Renders a numeric answer as a range slider.
+
 Inputs:
 - id: control id.
 - value/inputValue: numeric answer value prepared for the native range input.

package/dist/templates/SpinnerInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: SpinnerInput
 
+Purpose:
+- Renders a numeric answer as a stepper-style input.
+
 Inputs:
 - id: control id.
 - value/inputValue: numeric answer value prepared for the native number input.

package/dist/templates/Stack.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: Stack
 
+Purpose:
+- Renders a generic stack of child content.
+
 Inputs:
 - children: rendered stacked content.
 --}}

package/dist/templates/SubmitButton.html.hbs

@@ -0,0 +1,13 @@
+{{!--
+Template: SubmitButton
+
+Purpose:
+- Renders the main form submit action.
+
+Inputs:
+- id: stable submit button id.
+- actionName: form action field name.
+- value: submitted action value.
+- label: visible submit label.
+--}}
+<button type="submit"{{{attr "id" id}}}{{{attr "name" actionName}}}{{{attr "value" value}}}>{{label}}</button>

package/dist/templates/TabContainer.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: TabContainer
 
+Purpose:
+- Renders tabbed group navigation and the active panel content.
+
 Inputs:
 - linkId: tab group link id.
 - header/errors: rendered tab group sections.

package/dist/templates/Table.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: Table
 
+Purpose:
+- Renders matrix-style controls from prepared columns, rows, and cells.
+
 Inputs:
 - hasRowHeader: true when rows need a header column.
 - columns: column items with token, content, errors, width, widthStyle, and isLoading.

package/dist/templates/TextArea.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: TextArea
 
+Purpose:
+- Renders a multi-line text answer control.
+
 Inputs:
 - id: control id.
 - value: submitted text value.

package/dist/templates/TextInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: TextInput
 
+Purpose:
+- Renders a scalar text-style answer control.
+
 Inputs:
 - id: control id.
 - type/inputType: requested and rendered native input type.

package/dist/templates/TimeInput.html.hbs

@@ -1,6 +1,9 @@
 {{!--
 Template: TimeInput
 
+Purpose:
+- Renders a time answer control.
+
 Inputs:
 - id: control id.
 - value: submitted time string.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formbox/htmx",
-  "version": "0.4.4",
+  "version": "0.6.0",
   "description": "Server-rendered HTMX HTML renderer for Formbox FHIR Questionnaires",
   "private": false,
   "type": "module",
@@ -26,29 +26,27 @@
     "fhirpath": "^4.6.0",
     "handlebars": "^4.7.9",
     "mobx": "^6.15.0",
-    "mobx-react-lite": "^4.1.1",
     "mobx-utils": "^6.1.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "@formbox/renderer": "0.4.1",
-    "@formbox/strings": "0.4.1",
-    "@formbox/theme": "0.4.1",
-    "@formbox/fhir": "0.4.1"
+    "preact": "^10.29.2",
+    "preact-render-to-string": "^6.7.0",
+    "@formbox/fhir": "0.4.1",
+    "@formbox/strings": "0.4.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.60.0",
     "@types/react": "^19.2.8",
-    "@types/react-dom": "^19.2.3",
     "htmx.org": "^2.0.10",
     "typescript": "~5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.17"
+    "vitest": "^4.0.17",
+    "@formbox/theme": "0.4.1",
+    "@formbox/renderer": "0.4.1"
   },
   "scripts": {
     "build": "tsc -b ./tsconfig.lib.json && vite build",
-    "demo": "bun run ./demo/server.ts",
-    "dev": "bun run ./demo/server.ts",
+    "demo": "bun run build && bun ./demo/server.ts",
+    "dev": "bun run build && bun ./demo/server.ts",
     "lint": "eslint .",
     "test:e2e": "pnpm run build && playwright test e2e",
     "typecheck": "tsc --noEmit -p tsconfig.lib.json",