bases/design-system
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Convert prototype pages to htmx idiom #1

Open
arne wants to merge 1 commit from htmx-conversion into main
pull from: htmx-conversion
merge into: bases:main
Conversation 0 Commits 1 Files changed 13 +426 -180
arne commented 2026-03-27 14:12:14 +01:00
Owner
Copy link

Summary

  • Adds htmx.min.js (v2.0.4) and loads it in all 12 HTML pages
  • Navigation, forms, and CRUD actions use hx-get/hx-post/hx-patch/hx-delete with appropriate targets — giving AI tools adopting these designs a clear reference for production Go templates
  • Prototype-only JS (state switchers, log streaming, auth animations) is kept but all functions prefixed with prototype to distinguish simulation code from real htmx patterns
  • Removes vanilla JS click handlers for table row navigation (replaced by htmx attributes on <tr>)

Test plan

  • Open each page in the browser via go run main.go and verify no JS errors in console
  • Verify prototype interactions still work (state switchers, log streaming, login animation, passkey management)
  • Verify htmx attributes are present on navigation links, forms, and action buttons
  • Check both light and dark themes still function
## Summary - Adds htmx.min.js (v2.0.4) and loads it in all 12 HTML pages - Navigation, forms, and CRUD actions use hx-get/hx-post/hx-patch/hx-delete with appropriate targets — giving AI tools adopting these designs a clear reference for production Go templates - Prototype-only JS (state switchers, log streaming, auth animations) is kept but all functions prefixed with `prototype` to distinguish simulation code from real htmx patterns - Removes vanilla JS click handlers for table row navigation (replaced by htmx attributes on `<tr>`) ## Test plan - [ ] Open each page in the browser via `go run main.go` and verify no JS errors in console - [ ] Verify prototype interactions still work (state switchers, log streaming, login animation, passkey management) - [ ] Verify htmx attributes are present on navigation links, forms, and action buttons - [ ] Check both light and dark themes still function
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add htmx.min.js (v2.0.4) and load it in all 12 HTML pages
- Navigation links use hx-get/hx-target="body"/hx-push-url="true"
- Table rows (services, users) use htmx instead of JS click handlers
- Forms and actions use hx-post/hx-patch/hx-delete with appropriate targets
- Install URL resolution uses hx-trigger="input changed delay:300ms"
- Settings passkey CRUD uses hx-delete with hx-confirm
- Service detail tabs/controls use htmx attributes
- All prototype-only JS functions prefixed with "prototype" to
  distinguish simulation code from real htmx patterns
- Prototype state switchers (amber bars) kept as vanilla JS

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This pull request has changes conflicting with the target branch.
  • settings.html
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin htmx-conversion:htmx-conversion
git switch htmx-conversion

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff htmx-conversion
git switch htmx-conversion
git rebase main
git switch main
git merge --ff-only htmx-conversion
git switch htmx-conversion
git rebase main
git switch main
git merge --no-ff htmx-conversion
git switch main
git merge --squash htmx-conversion
git switch main
git merge --ff-only htmx-conversion
git switch main
git merge htmx-conversion
git push origin main
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
bases/design-system!1
No description provided.