by Ben Nadel
I had started to build a demo application using Basecamp's Hotwire with ColdFusion (Lucee CFML in this case); but, I quickly realized that I bit off way more than I could chew, attempting to use a robust framework before I even understood the fundamentals of how Hotwire worked. As such, I wanted to start over and explore the Hotwire basics using focused, standalone demos in a ColdFusion context.
I decided to fork the @hotwired/turbo
repository and make a CFML-compatible version, turbo-cfml
. The only difference is that I added cfm|cfml|cfc
to the RegExp
pattern that is tested before a turbo-based navigation is executed.
- Handling
401 Unauthorized
Responses - Using Custom Turbo Stream Actions to Render Transcluded Form Errors
- Using Sub-Trees Within Custom Turbo-Stream Elements
- Get Controller From Element And Identifier
- Custom Events in a Legacy App
- Conway's Game of Life
- Disable Turbo Drive in a Subdirectory
- Incrementally Apply Hotwire to an Existing Site
- Communicating Between Nested Controllers
- Rendering a Form Inside a Fly-Out Panel
- Changing the Submit Button Text
- Rendering a Persistent Dismissible Page Banner
- Dynamically Adding Controllers to the DOM
- Using Turbo Frame to Transclude a Form
- Invoking
Turbo.visit()
With a Custom Turbo-Stream Elements - Updating the DOM With Inline Turbo-Stream Elements
- IFrame Video Player in an Injected Turbo Frame
- Updating Toast Messages Inside a Permanent Container
- Stimulus Controller to Preload Links on Hover
- Permanent Turbo Frame Across Page Requests
- Back-Button Caching for Page Content
- Navigation Progress Bar
- Rending Local Time Using a Stimulus Controller
- Incrementing Counters using Turbo Streams
- Slide Show with Prev/Next buttons using Turbo Frame
- Hello World: Setting up my ColdFusion + Hotwire playground