New: Rails Development Tool

railsdesigner

Rails Designer

Posted on October 23, 2024

New: Rails Development Tool

This articles was originally published on Rails Designer


Over the past 10+ years I have built quite a few web apps using Ruby on rails. One of the tools I've copied over and over again was one that let me:

  • fill forms, like log in forms with some predefined details
  • toggle the console for a quick lookup or to fire a Turbo Stream Broadcast
  • highlight all Turbo Frames and Stimulus Controllers
  • copy the actual resource's id (ie. the primary key, instead of using the public-facing id)

Preview of the Spinal Builder app highlighting the Stimulus Controllers

The initial version was pretty simple, but over the years I've changed it a bit. It is now using ViewComponent and Stimulus (based on the @github/hotkey package, similar to Rails Designers' GlobalHotkeyComponent.

Update: it is now using Plain Old Rails Helpers!

Now I can type:

  • d f; fill fields with the predefined values;
  • d s; fill fields and submit the form;
  • d c; toggle the console;
  • d t; toggle highlight all Turbo Frames;
  • d e; toggle highlight all Stimulus Controllers;
  • d x; copy current URL;
  • d r; copy the given resource's id (customizable, you can pass anything).

Image description

Image description

(view the original articles for the moving gifs! 👀)

The Rails Development Tool is now available to everyone. Packaged simply as a template, so you own the code and can simply change it, extend and break it!

Check it out and install it today.

UPDATE: I added the template to GitHub for easier collaboration.

💖 💪 🙅 🚩
railsdesigner
Rails Designer

Posted on October 23, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

New: Rails Development Tool
ruby New: Rails Development Tool

October 23, 2024

Turbo Frames on Rails
ruby Turbo Frames on Rails

October 9, 2021