Hotwire Dev Tools

5.0(

9 ratings

)

Extension Developer Tools990 users

Overview

Dev Tools for Turbo and Stimulus

This extension has the goal of helping developers inspect their Turbo and Stimulus applications. Turbo features: - Highlight Turbo Frames - Monitor incoming Turbo Streams - Display Turbo context information (Turbo Drive enabled, morphing enabled, ...) - Log all Turbo related events - Log warning when a Turbo Frame ID is not unique - Log warning when an element has `data-turbo-permanent` but no ID or a non-unique ID - Highlight Turbo Frame changes Stimulus features: - Highlight Stimulus controllers - List all Stimulus controllers on the page - Log warning when a `data-controller` doesn't match any registered controller - Log warning when a Stimulus target is not nested within the corresponding controller Usage: Once installed, click on the extension icon (or press Alt+Shift+S) to open the Dev Tools options. From there you can enable/disable the features you want to use. Source code: https://github.com/leonvogt/hotwire-dev-tools

5 out of 5
9 ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
0.3.2
Updated
December 6, 2024
Flag concern
Offered by
Leon Vogt
Size
121KiB
Languages
English
Developer
Email
leon.vogt@hey.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Ember Inspector

4.8(344)

Tool for debugging Ember applications.

Atomic CSS Devtools

5.0(15)

A devtool panel for debugging Atomic CSS rules as if they were not atomic

Raycast Companion

4.7(24)

A browser extension to give more context to Raycast

Stimulus DevTools

5.0(4)

A developer tool for inspecting and debugging Stimulus applications.

Code Climate

4.0(42)

A Chrome extension for Code Climate

Rails Spotlight

3.0(2)

Rails spotlight is a tool designed for Ruby on Rails developers

GIFs for GitHub

4.8(33)

Easily search GIPHY to add a GIF into any GitHub comment box.

Web Vitals

4.2(43)

Measure metrics for a healthy site

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Alpine.js devtools

4.4(34)

DevTools extension for debugging Alpine.js applications.

Gimli Tailwind

4.5(33)

A DevTools extension enabling smart tools for Tailwind CSS.

Rails Panel

4.8(109)

Devtools panel for Rails development