Week 25 - Herb Language Server, VS Code Extension, and more!
Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Introducing Herb Language Server and Visual Studio Code Extension - Marco Roth has launched the Herb Language Server and VS Code extension, powered by the Herb parser, providing real‑time diagnostics, error reporting, and structural awareness for HTML+ERB files directly inside your editor.
Dead Code: Herbicide - Marco Roth joins Jared Norman on the Dead Code podcast to talk in depth about Herb (see above), why existing tools fall short, and how Herb opens the door for better developer experience and future view-layer innovations.
Master Rails 8 Turbo + Devcontainers: Complete Course for Beginners - Course X teaches Rails 8 Turbo while building a full app inside a Docker Dev Container. A great intro for combining Hotwire with containerized, portable dev environments.
CSS-only Star Rating Component with Half Steps - Stephen Margheim shows how to build a star rating widget using only HTML and CSS, supporting half-star ratings. Key trick: make the clickable labels slightly wider than the mask-bound SVG stars so hover works seamlessly even over the visual gaps.
Auto-pause Video Player with Stimulus - Rails Designer walks through building a video player that auto-pauses when it scrolls out of view, using Stimulus and the Intersection Observer API.
Adding Turbo Frame Test Helpers - Chris Oliver shows how he contributed new assert_turbo_frame and assert_no_turbo_frame helpers to Turbo Rails. These make it easier to test Turbo Frames in integration tests, validating frame IDs and attributes like loading, source, and target.
HTML spec change: escaping < and > in attributes - Michał Bentkowski on the chrome for developers blog highlights a recent HTML spec update (May 20, 2025) that now escapes < and > in attribute values when using innerHTML or outerHTML, mitigating mutation‑XSS risks.
An origin trial for a new HTML <permission> element - Thomas Steiner explains the new HTML <permission> element launched as an origin trial in Chrome 126, offering a declarative way to request permissions (e.g., camera, microphone, geolocation) via markup instead of imperative JavaScript.
🧰 Libraries and Tools
OpalStimulus - Opal Stimulus for Rails.
Herb LSP - HTML+ERB Language Tools for VS Code, Cursor/Open VSX, Neovim, and Zed Ruby Extension.
herb-language-server - Language Server Protocol integration for HTML-aware ERB using the Herb Parser.
hotwire-dev-tools - Browser Dev Tools for Turbo and Stimulus.
🎉 Releases
hotwire-native-android v1.2.3 - Hotwire Native for Android.
solid_cable v3.0.10 - A database backed ActionCable adapter.
herb v0.3.0 - Powerful and seamless HTML-aware ERB parsing and tooling.
tailwindcss-rails v4.3.0.rc2 - Tailwind CSS for Rails.
bridge-components v0.4.0 - A collection of bridge components for Hotwire Native apps.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!