[Work in progress] Migrate from templates to Gomponents

[mikestefanello]

Overview

Despite all of the work done to make Go templates as easy and flexible to use as possible, they still fall quite short. This is currently an attempt to migrate the entire project off of Go templates and on to gomponents.

Discussion

#75

Remaining tasks

• Update README

[Jimmy99]

Great job! must've taken a lot of time to rework. Thanks for improving the project. Gomponents looks to be miles ahead of the templates. Let me know if I can be of help.

…

On Mon, Feb 24, 2025 at 3:37 PM Mike Stefanello ***@***.***> wrote: Overview Despite all of the work done to make Go templates as easy and flexible to use as possible, they still fall quite short. This is currently an attempt to migrate the entire project off of Go templates and on to gomponents <https://github.com/maragudk/gomponents>. Discussion #75 <#75> Remaining tasks - Package management and separation for everything inside ui? - Better partial rendering examples and DX for HTMX calls? - Include component caching? - Restore full-page caching functionality? - How to provide the app name to the components? - Code cleanup, comments, etc. - Update README - Test ------------------------------ You can view, comment on, or merge this pull request online at: #103 Commit Summary - 7819fea <7819fea> Initial POC of gomponents. - d09b347 <d09b347> Migrated more auth forms. - 57d3926 <57d3926> Migrated additonal handlers. - 247e127 <247e127> Added context caching. Cache HTMX request in context. - 8c53968 <8c53968> Use gomponents for email body. - 9269c98 <9269c98> Added Air support. - 3d9d0bb <3d9d0bb> Migrated cache form. - 85acd5a <85acd5a> Migrated error page. - 179999b <179999b> Migrated files page. - 055560f <055560f> Migrated about page. - 149005c <149005c> Removed templates, template renderer, funcmap, and page. - ab7be40 <ab7be40> Removed unneeded form interface method. File Changes (71 files <https://github.com/mikestefanello/pagoda/pull/103/files>) - *A* .air.toml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-5045264cfa788dee4cbdc88799a69eb96f2c51cc8434e7dc9719ba7afa6f5217> (52) - *M* .gitignore <https://github.com/mikestefanello/pagoda/pull/103/files#diff-bc37d034bad564583790a46f19d807abfe519c5671395fd494d8cce506c42947> (3) - *M* Makefile <https://github.com/mikestefanello/pagoda/pull/103/files#diff-76ed074a9305c04054cdebb9e9aad2d818052b07091de1f20cad0bbac34ffb52> (31) - *M* go.mod <https://github.com/mikestefanello/pagoda/pull/103/files#diff-33ef32bf6c23acb95f5902d7097b7a1d5128ca061167ec0716715b0b9eeaa5f6> (1) - *M* go.sum <https://github.com/mikestefanello/pagoda/pull/103/files#diff-3295df7234525439d778f1b282d146a4f1ff6b415248aaac074e8042d9f42d63> (8) - *M* pkg/context/context.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-5a3bea783c44ee73602dc5952527a480bec2e1c0809f8cea47d6df899d21df8f> (31) - *M* pkg/context/context_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-07bd5e4860445bb0a4d84218243978e5c2d741383ce6c1134b01f47075ee8f46> (23) - *M* pkg/form/form.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-e2cf0901065bce8b1eb8842adb794520f364bcc523c7c1d70361982d9597a1af> (25) - *M* pkg/form/submission.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-1aaf74e0dd641b43a6d92cd99f8b69e5fc981931eb53c559d7894f509769b75e> (28) - *M* pkg/form/submission_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-e800104940f5cb124513c7e92d1ff2bc66431daf6a6c79e26080efdc423f89c0> (2) - *D* pkg/funcmap/funcmap.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-938d917589a0d0a4c00f88be24cf8e35675ad65007e4661668b67c3e4f22408c> (56) - *D* pkg/funcmap/funcmap_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-faa32e7bf51cfc295a70691e50cdd564e472c2745362c6e017a649489af3d78e> (52) - *M* pkg/handlers/auth.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-34e31c9811458880548804b22aeb98b5b50e46532066ef6903305a04bd2b6c54> (180) - *M* pkg/handlers/cache.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-aa4869f676615ccba84901f255b2deb8a4d73fa0b876c40110eff6452932fe86> (49) - *M* pkg/handlers/contact.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-3a0a4d2244aee7fdd44c867ec5cf5f085f2f68057415b74dac3e7103129f41fa> (41) - *M* pkg/handlers/error.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-24d07193d3853929978bda98cb6a4ff58cb4770e881264c54de13fd11334796b> (24) - *M* pkg/handlers/files.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-04a616fde7978579b98337fcf9c786093fff0b34ed725bed2edd856b84025aed> (44) - *M* pkg/handlers/pages.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-02519a389029291b098c115d047dfc5a546e8d2a041088e7feac362164576d08> (100) - *M* pkg/handlers/pages_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-54ba254754de27d5e35b97fde18051ac5ae90cf451f86988818921263608a2c9> (3) - *M* pkg/handlers/router.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-a848c441c61311603733d933a7b7889b61c5a237a8b840d39988fafdce916f9b> (23) - *M* pkg/handlers/search.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-37ba60301b7f5406cd7e3673d8e1f46e1bfa0cdd6f37d22be6f7d637a4c7e911> (33) - *M* pkg/handlers/task.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-a82c59406a97e5defb4a80d600595820adfd9dedcf8e132fec258113bc5da2da> (42) - *M* pkg/htmx/htmx.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-d53c0785b4a5d114418d596ad215b21c0de3693e40adf38bdd648bdfd9217404> (31) - *M* pkg/htmx/htmx_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-c449751d5de49b801f43b2a16a060d525e569d533c0c68d0d2bf1a25e5274a80> (6) - *M* pkg/log/log.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-12ecf342fbb46d886a1818af952f4058e78628355981ce04300f981a6b7a7a66> (6) - *M* pkg/middleware/cache.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-4c627a71d020bacf6a88a75705e0ae661c24172be4600ae58c6eccc825fdecc2> (56) - *M* pkg/middleware/cache_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-65ced597acdd676c6ee677497244c7d06d7f793852f52cf3d55468c588093086> (70) - *M* pkg/msg/msg.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-d06db243b3da859f1e0ad2aa35dcdb7d050f1d401faad8668be9ff336165b628> (25) - *D* pkg/page/page.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-465583535a59f62b31d63533dd6e8a6c860b53e8cc811b92ec983ef1253bea3a> (162) - *D* pkg/page/page_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-09c87c6bb46cdd46cd919dc3ba5a525316d89fdbce037deec88a44ce8df75627> (77) - *R* pkg/pager/pager.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-586483a56632bbe350511dbd09c6cf3ded541336262841e72bafab74927195ec> (28) - *R* pkg/pager/pager_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-2cda543c0bde1acffb31026c555cd89b3c845d0a47c03ca3eb5d33a4cf116658> (6) - *M* pkg/redirect/redirect.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-b1a585500976dff8f20a82708451827626abbdf191a5fbba555c683236a4952b> (2) - *A* pkg/routenames/names.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-ececa7b29d031c3e44ddd1ba3afba6cf4e8564d783f1db1da468b4bb51727ed3> (25) - *M* pkg/services/container.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-625ac8a7c00dd26d544c1928928432af3f22d2e77af0770b26b15f647e2bc0e0> (12) - *M* pkg/services/container_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-26ad7eda9518a2602e0db0b3ab75cb98fca50af9fcd81fe91dd8f07cc7dfc776> (1) - *M* pkg/services/mail.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-063f3fa9718aa7a18135f4a486c49785e3aee01a8e7b6e557d5a1441bb67e9b0> (97) - *D* pkg/services/template_renderer.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-3c88e97b43bfcf8621077f75b5a29d14b1e3ded091752bfa9ca43ea00ddd3ac8> (376) - *D* pkg/services/template_renderer_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-82caa5fa230a18b7a6b116126da5d4068b32be9732a8fe462df750d739902e98> (198) - *A* pkg/ui/cache.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-f02827b8c2975c222a137668efa6a2204368f308a2a873ba7df37ba101f591f8> (1) - *A* pkg/ui/components.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-6a1dd4d5e03d9487f3b037c67d409d735cb1c2d78b4211909e58a40a53f6a4c7> (294) - *A* pkg/ui/emails.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-17df943918d397652d14e0c8c5d266dbde04865643504844cf215dbacc6e2eb0> (16) - *A* pkg/ui/form.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-2b05effdf51ab5ca9fa7b36ee7ccd83c852a80216507616c92075b7a23428488> (187) - *A* pkg/ui/forms.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-ecb513c5c119ab9b28adbca4cd782b90f73b16421e90bf8aaa8de06bf61e235f> (289) - *A* pkg/ui/layouts.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-2ba107e3230b64e516640baef75a669ac90305c3970f76a6022101b4be2cd845> (78) - *A* pkg/ui/models.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-efb08c10cdad2a50980ae467eb8e1d817ada0eff5fcd6c24bc51b3c4013f810c> (111) - *A* pkg/ui/pages.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-a78cf710a4163eca239806a343ef866bd12f97613124bd8325398c91f97e68cb> (291) - *A* pkg/ui/request.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-ce2769d38ee2fad10873f9bb3c38cfa981494b6171e2a8399f2c1dd8b10858d6> (85) - *A* pkg/ui/utils.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-252be002d18d27e7ad5d3e8874529d2231bfe53db5aaff940de04b5082e072eb> (17) - *M* static/gopher.png <https://github.com/mikestefanello/pagoda/pull/103/files#diff-3ff4b32f4632043dc758b8a773d810694a1f04fc48f7239e25032e3e855490d6> (0) - *D* templates/components/core.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-3b95f0b3b7c1e355b676c5ff1b0c9c1a4d0037ad19238ab62099a4e2a423d722> (42) - *D* templates/components/forms.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-1b6c29b086c3e6d4d44a9af88613e91edbd06b2b681465fa5ddf43ae06f75f44> (9) - *D* templates/components/messages.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-c2706126eee94543c7d74194d9ae59ff81c20421ed58d81c7ab028190cf9b428> (21) - *D* templates/emails/test.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-e478d08dcb0660f99eed3663847b95d5ab9fa705c6a6a2e4322e20fd1632e8ca> (1) - *D* templates/layouts/auth.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-c05bf34492b6283fddb01454977d5cbf4c82490bc11c84ead26996813ad92e09> (35) - *D* templates/layouts/htmx.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-0c384dea070d9d56fe144e13c780752075af0e04675dc32dfdda203106e7f30e> (1) - *D* templates/layouts/main.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-984422103caa98373cfda46ea93a335ad086732a61fade0cddb277f26c87db66> (93) - *D* templates/pages/about.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-997c17a19694af7177307455927f8ec432e95d9157eada8d1c980bdaa3eae19b> (41) - *D* templates/pages/cache.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-9a9304085696163abe4a5d47cc42cd940455f4d218359ea69a3d94698afa2265> (36) - *D* templates/pages/contact.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-061e5f4652adf8711b8a9067cd576c3e2b3d08c4647da5f1799a05378c8237af> (70) - *D* templates/pages/error.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-0dc7147a7c011fc7664f0a5c7acf0626ddeb62ce310d44bb071af4be11efb868> (11) - *D* templates/pages/files.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-9721d6e823ced9a44d40f28eca044b2dd9f1d8ba48539aacad82a045c8498022> (51) - *D* templates/pages/forgot-password.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-9959994bbaf4d413ca7372460fa620228844c2785b48c980be5bdd81abf57067> (23) - *D* templates/pages/home.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-377b139bd2f7d67b14d9b7e136fd7dec39bf86c3ef39cf84a1f30d542b9a788c> (82) - *D* templates/pages/login.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-dc35c9c39f205e78c462cf3fe63d23847c9746e4ecb2b45c58438d0ccfde1e1c> (28) - *D* templates/pages/register.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-6797f34714e78854dae6ef3319b12be2cd62b9512682e36e2cc1ca9e625458f9> (41) - *D* templates/pages/reset-password.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-ad82908877356462cf7a3beac04ed602f31f6593a08c8374cab1abc12acde32e> (24) - *D* templates/pages/search.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-388d2911e13fec044928a0f275bced5646774a9df25d7c86f2b0723591d08928> (5) - *D* templates/pages/task.gohtml <https://github.com/mikestefanello/pagoda/pull/103/files#diff-6c13e046b2222e15d7139904aeed551c5c4c12cd32c0873b7b37caf18d370d03> (43) - *D* templates/templates.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-eed20da45c1053596f7e093a662098881856b0c334f9fbd9fb4fb29a7f2156d3> (55) - *D* templates/templates_test.go <https://github.com/mikestefanello/pagoda/pull/103/files#diff-c6842e8d411be4977abca67d350e55f1cb1a144154846487c956c4ef172e6a17> (18) Patch Links: - https://github.com/mikestefanello/pagoda/pull/103.patch - https://github.com/mikestefanello/pagoda/pull/103.diff — Reply to this email directly, view it on GitHub <#103>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACQUUR4QGJMRBNBAOCTRSM32RMN7LAVCNFSM6AAAAABXYBUG7WVHI2DSMVQWIX3LMV43ASLTON2WKOZSHA3TIOJZGUYTQMY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[mikestefanello]

Thanks! Glad to hear you like it. As I mentioned in the linked issue, I was not a fan of it at first but the headaches and limitations of Go templates kept bringing me back to it and I finally decided to give it a full try and I'm very happy that I did. I like the end result much better and I think it will improve this project substantially. It wasn't too much work once I got the hang of it and built out the re-usable components, layouts, and overall patterns (plus this HTML converter is awesome: https://gomponents.morehart.dev/). I should be able to wrap this up within a week or two, I think.

If you do have any specific feedback or thoughts/opinions about gomponents, templating, frontend, etc, please share on the linked issue.

[mikestefanello]

Code is all done, I think. Just need to update the README.