|
1 | | - |
2 | | - |
3 | 1 | <h1 align="center"> |
4 | | - <br> |
5 | | - <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 273 34"> |
6 | | - <path fill="#77E8B9" |
7 | | - d="M.997 0h32.006A.997.997 0 0 1 34 .98v3.201c0 .28 0 .42-.054.527a.5.5 0 0 1-.219.218c-.107.055-.247.055-.527.055h-7.179a4.26 4.26 0 0 0-1.858.51l-15.3 8.987a4.288 4.288 0 0 1-1.865.51H.8c-.28 0-.42 0-.527-.054a.5.5 0 0 1-.219-.219C0 14.608 0 14.468 0 14.188v-4.4c0-.28 0-.42.054-.528a.5.5 0 0 1 .219-.218C.38 8.987.52 8.987.8 8.987h6.198a4.369 4.369 0 0 1 1.865.51l1.7.992a1.852 1.852 0 0 0 1.7 0l2.176-1.28a.566.566 0 0 0 0-1.01L9.86 5.509a4.341 4.341 0 0 0-1.859-.51H.8c-.28 0-.42 0-.527-.054a.5.5 0 0 1-.219-.219C0 4.618 0 4.478 0 4.198v-3.2A.997.997 0 0 1 .997 0ZM27.002 8.999a4.369 4.369 0 0 0-1.865.51l-15.3 8.993a4.342 4.342 0 0 1-1.858.51H.8c-.28 0-.42 0-.527.054a.5.5 0 0 0-.219.219C0 19.392 0 19.532 0 19.812v4.4c0 .28 0 .42.054.528a.5.5 0 0 0 .219.218c.107.055.247.055.527.055h6.198a4.367 4.367 0 0 0 1.865-.51l15.3-8.993A4.34 4.34 0 0 1 26.02 15H33.2c.28 0 .42 0 .527-.055a.501.501 0 0 0 .219-.218C34 14.62 34 14.48 34 14.2V9.799c0-.28 0-.42-.054-.527a.5.5 0 0 0-.219-.219C33.62 9 33.48 9 33.2 9h-6.198ZM27.002 19.017a4.37 4.37 0 0 0-1.865.51l-15.3 8.988a4.263 4.263 0 0 1-1.858.51H.8c-.28 0-.42 0-.527.054a.5.5 0 0 0-.219.219C0 29.405 0 29.545 0 29.825v3.2A1.003 1.003 0 0 0 .997 34h32.006a1.004 1.004 0 0 0 .997-.992v-3.2c0-.28 0-.42-.054-.527a.5.5 0 0 0-.219-.219c-.107-.054-.247-.054-.527-.054h-7.201a4.262 4.262 0 0 1-1.859-.51l-4.579-2.686a.567.567 0 0 1 0-1.015l2.176-1.275a1.854 1.854 0 0 1 1.7 0l1.7.986c.575.31 1.212.484 1.865.51H33.2c.28 0 .42 0 .527-.054a.5.5 0 0 0 .219-.219c.054-.107.054-.247.054-.527v-4.4c0-.28 0-.42-.054-.528a.501.501 0 0 0-.219-.218c-.107-.055-.247-.055-.527-.055h-6.198Z"/> |
8 | | - <path fill="currentColor" |
9 | | - d="M49.982 26.312c-1.335 0-2.513-.225-3.536-.676-1.023-.468-1.829-1.127-2.418-1.976-.59-.867-.893-1.915-.91-3.146h3.51c.035.85.338 1.569.91 2.158.59.572 1.395.858 2.418.858.884 0 1.586-.208 2.106-.624.52-.433.78-1.005.78-1.716 0-.745-.234-1.326-.702-1.742-.45-.416-1.057-.754-1.82-1.014l-2.444-.832c-1.404-.485-2.479-1.11-3.224-1.872-.728-.763-1.092-1.777-1.092-3.042-.017-1.075.234-1.993.754-2.756.537-.78 1.265-1.378 2.184-1.794.919-.433 1.976-.65 3.172-.65 1.213 0 2.28.217 3.198.65.936.433 1.664 1.04 2.184 1.82.537.78.823 1.707.858 2.782h-3.562c-.017-.641-.269-1.205-.754-1.69-.468-.503-1.127-.754-1.976-.754-.728-.017-1.343.165-1.846.546-.485.364-.728.901-.728 1.612 0 .607.19 1.092.572 1.456.381.347.901.641 1.56.884s1.413.503 2.262.78c.901.312 1.725.676 2.47 1.092a5.02 5.02 0 0 1 1.794 1.664c.45.676.676 1.551.676 2.626a5.09 5.09 0 0 1-.728 2.652c-.485.815-1.205 1.473-2.158 1.976-.953.485-2.123.728-3.51.728ZM64.95 26c-1.352 0-2.436-.33-3.25-.988-.815-.659-1.222-1.829-1.222-3.51v-5.616h-2.21v-2.782h2.21l.39-3.458h2.938v3.458h3.484v2.782h-3.484v5.642c0 .624.13 1.057.39 1.3.277.225.745.338 1.404.338h1.612V26H64.95Zm6.991-14.898c-.607 0-1.11-.182-1.508-.546-.381-.364-.572-.823-.572-1.378 0-.555.19-1.005.572-1.352.399-.364.901-.546 1.508-.546s1.1.182 1.482.546c.399.347.598.797.598 1.352s-.2 1.014-.598 1.378c-.381.364-.875.546-1.482.546ZM70.277 26V13.104h3.328V26h-3.328Zm6.802 0V13.104h2.938l.286 1.742a4.498 4.498 0 0 1 1.638-1.482c.693-.381 1.49-.572 2.392-.572 1.993 0 3.406.771 4.238 2.314a5.035 5.035 0 0 1 1.872-1.69 5.536 5.536 0 0 1 2.6-.624c1.681 0 2.972.503 3.874 1.508.901 1.005 1.352 2.479 1.352 4.42V26H94.94v-6.968c0-1.11-.217-1.959-.65-2.548-.416-.59-1.066-.884-1.95-.884-.902 0-1.63.33-2.184.988-.538.659-.806 1.577-.806 2.756V26h-3.328v-6.968c0-1.11-.217-1.959-.65-2.548-.434-.59-1.101-.884-2.002-.884-.884 0-1.604.33-2.158.988-.538.659-.806 1.577-.806 2.756V26h-3.328Zm29.185.312c-1.612 0-2.86-.503-3.744-1.508-.866-1.005-1.3-2.479-1.3-4.42v-7.28h3.302v6.968c0 1.11.226 1.959.676 2.548.451.59 1.162.884 2.132.884.919 0 1.673-.33 2.262-.988.607-.659.91-1.577.91-2.756v-6.656h3.328V26h-2.938l-.26-2.184a4.503 4.503 0 0 1-1.742 1.82c-.745.45-1.62.676-2.626.676ZM117.247 26V7.28h3.328V26h-3.328Zm11.564.312c-1.612 0-2.86-.503-3.744-1.508-.867-1.005-1.3-2.479-1.3-4.42v-7.28h3.302v6.968c0 1.11.225 1.959.676 2.548.451.59 1.161.884 2.132.884.919 0 1.673-.33 2.262-.988.607-.659.91-1.577.91-2.756v-6.656h3.328V26h-2.938l-.26-2.184a4.51 4.51 0 0 1-1.742 1.82c-.745.45-1.621.676-2.626.676Zm16.313 0c-1.144 0-2.15-.182-3.016-.546-.867-.381-1.56-.901-2.08-1.56a4.479 4.479 0 0 1-.936-2.288h3.354c.104.503.381.936.832 1.3.468.347 1.066.52 1.794.52s1.256-.147 1.586-.442c.346-.295.52-.633.52-1.014 0-.555-.243-.927-.728-1.118-.486-.208-1.162-.407-2.028-.598a22.114 22.114 0 0 1-1.69-.442 8.667 8.667 0 0 1-1.586-.65 3.667 3.667 0 0 1-1.144-1.04c-.295-.433-.442-.962-.442-1.586 0-1.144.45-2.106 1.352-2.886.918-.78 2.201-1.17 3.848-1.17 1.525 0 2.738.355 3.64 1.066.918.71 1.464 1.69 1.638 2.938h-3.146c-.191-.953-.91-1.43-2.158-1.43-.624 0-1.11.121-1.456.364-.33.243-.494.546-.494.91 0 .381.251.685.754.91.502.225 1.17.433 2.002.624.901.208 1.724.442 2.47.702.762.243 1.369.615 1.82 1.118.45.485.676 1.187.676 2.106a3.626 3.626 0 0 1-.624 2.158c-.434.641-1.058 1.144-1.872 1.508-.815.364-1.777.546-2.886.546Z"/> |
10 | | - <path fill="#77E8B9" |
11 | | - d="M161.768 26V7.8h6.214c2.132 0 3.883.381 5.252 1.144 1.387.745 2.409 1.803 3.068 3.172.676 1.352 1.014 2.947 1.014 4.784 0 1.837-.338 3.44-1.014 4.81-.659 1.352-1.681 2.41-3.068 3.172-1.369.745-3.12 1.118-5.252 1.118h-6.214Zm3.328-2.86h2.73c1.525 0 2.73-.243 3.614-.728a4.286 4.286 0 0 0 1.898-2.132c.381-.936.572-2.063.572-3.38 0-1.3-.191-2.418-.572-3.354a4.272 4.272 0 0 0-1.898-2.158c-.884-.503-2.089-.754-3.614-.754h-2.73V23.14Zm21.344 3.172c-1.3 0-2.452-.277-3.458-.832a6.024 6.024 0 0 1-2.366-2.34c-.572-1.005-.858-2.167-.858-3.484 0-1.335.278-2.522.832-3.562.572-1.04 1.352-1.846 2.34-2.418 1.006-.59 2.184-.884 3.536-.884 1.266 0 2.384.277 3.354.832a5.853 5.853 0 0 1 2.262 2.288c.555.953.832 2.02.832 3.198 0 .19-.008.39-.026.598 0 .208-.008.425-.026.65h-9.802c.07 1.005.416 1.794 1.04 2.366.642.572 1.413.858 2.314.858.676 0 1.24-.147 1.69-.442.468-.312.815-.71 1.04-1.196h3.38a6.144 6.144 0 0 1-1.222 2.236 5.868 5.868 0 0 1-2.08 1.56c-.814.381-1.742.572-2.782.572Zm.026-10.816c-.814 0-1.534.234-2.158.702-.624.45-1.022 1.144-1.196 2.08h6.422c-.052-.85-.364-1.525-.936-2.028-.572-.503-1.282-.754-2.132-.754ZM198.69 26l-4.732-12.896h3.484l3.276 9.75 3.276-9.75h3.484L202.72 26h-4.03Zm15.203 0V10.478h-5.304V7.8h13.962v2.678h-5.33V26h-3.328Zm14.897.312c-1.248 0-2.375-.286-3.38-.858a6.451 6.451 0 0 1-2.366-2.366c-.572-1.023-.858-2.201-.858-3.536s.295-2.505.884-3.51a6.394 6.394 0 0 1 2.366-2.392c1.005-.572 2.132-.858 3.38-.858 1.231 0 2.34.286 3.328.858a6.156 6.156 0 0 1 2.366 2.392c.589 1.005.884 2.175.884 3.51s-.295 2.513-.884 3.536a6.207 6.207 0 0 1-2.366 2.366c-1.005.572-2.123.858-3.354.858Zm0-2.886c.867 0 1.621-.32 2.262-.962.641-.659.962-1.63.962-2.912 0-1.283-.321-2.245-.962-2.886-.641-.659-1.387-.988-2.236-.988-.884 0-1.647.33-2.288.988-.624.641-.936 1.603-.936 2.886 0 1.283.312 2.253.936 2.912.641.641 1.395.962 2.262.962Zm15.768 2.886c-1.248 0-2.375-.286-3.38-.858a6.451 6.451 0 0 1-2.366-2.366c-.572-1.023-.858-2.201-.858-3.536s.294-2.505.884-3.51a6.394 6.394 0 0 1 2.366-2.392c1.005-.572 2.132-.858 3.38-.858 1.23 0 2.34.286 3.328.858a6.156 6.156 0 0 1 2.366 2.392c.589 1.005.884 2.175.884 3.51s-.295 2.513-.884 3.536a6.207 6.207 0 0 1-2.366 2.366c-1.006.572-2.124.858-3.354.858Zm0-2.886c.866 0 1.62-.32 2.262-.962.641-.659.962-1.63.962-2.912 0-1.283-.321-2.245-.962-2.886-.642-.659-1.387-.988-2.236-.988-.884 0-1.647.33-2.288.988-.624.641-.936 1.603-.936 2.886 0 1.283.312 2.253.936 2.912.641.641 1.395.962 2.262.962ZM254.137 26V7.28h3.328V26h-3.328Zm12.059.312c-1.144 0-2.15-.182-3.016-.546-.867-.381-1.56-.901-2.08-1.56a4.479 4.479 0 0 1-.936-2.288h3.354c.104.503.381.936.832 1.3.468.347 1.066.52 1.794.52s1.256-.147 1.586-.442c.346-.295.52-.633.52-1.014 0-.555-.243-.927-.728-1.118-.486-.208-1.162-.407-2.028-.598a22.114 22.114 0 0 1-1.69-.442 8.667 8.667 0 0 1-1.586-.65 3.667 3.667 0 0 1-1.144-1.04c-.295-.433-.442-.962-.442-1.586 0-1.144.45-2.106 1.352-2.886.918-.78 2.201-1.17 3.848-1.17 1.525 0 2.738.355 3.64 1.066.918.71 1.464 1.69 1.638 2.938h-3.146c-.191-.953-.91-1.43-2.158-1.43-.624 0-1.11.121-1.456.364-.33.243-.494.546-.494.91 0 .381.251.685.754.91.502.225 1.17.433 2.002.624.901.208 1.724.442 2.47.702.762.243 1.369.615 1.82 1.118.45.485.676 1.187.676 2.106a3.626 3.626 0 0 1-.624 2.158c-.434.641-1.058 1.144-1.872 1.508-.815.364-1.777.546-2.886.546Z"/> |
12 | | - </svg> |
13 | | - <br> |
| 2 | + <img style="max-width: 100%; width: 360px; height: auto;" src=".docs/stimulus_devtools_logo.svg" alt="Stimulus DevTools" /> |
| 3 | + <span style="position: absolute; width: 0; height: 0; opacity: 0;">Stimulus DevTools</span> |
14 | 4 | </h1> |
15 | 5 |
|
16 | 6 | <h4 align="center">A developer tool for debugging Stimulus applications at runtime.</h4> |
17 | 7 |
|
18 | 8 | ## Overview |
19 | 9 |
|
20 | | -[//]: # (TODO: Screenshot) |
| 10 | + |
21 | 11 |
|
22 | | -The StimulusDevTools Chrome Extension is an open-source tool designed to simplify the process of debugging [Stimulus](https://stimulus.hotwired.dev/) controllers on a web page. It provides a user-friendly interface for inspecting values, targets, outlets, and classes of Stimulus controllers, all directly from Chrome's DevTools. |
| 12 | +The Stimulus DevTools Chrome Extension is an open-source tool designed to simplify the process of debugging [Stimulus](https://stimulus.hotwired.dev/) on a web page. It provides a user-friendly interface for inspecting values, targets, outlets, and classes of Stimulus controllers, all directly from Chrome's DevTools. |
23 | 13 |
|
24 | | -*Inspired by the great [Vue DevTools](https://github.com/vuejs/devtools) and [Nuxt DevTools](https://github.com/nuxt/devtools).* |
| 14 | +*Inspired by the amazing [Vue DevTools](https://github.com/vuejs/devtools) and [Nuxt DevTools](https://github.com/nuxt/devtools).* |
25 | 15 |
|
26 | 16 | ## Features |
27 | 17 |
|
28 | | -- **Controller List:** Displays a list of Stimulus controllers present on the current page. |
29 | | -- **Property Inspection:** Allows inspecting values, targets, outlets, and classes associated with each controller. |
30 | | -- **Real-time Modification:** Ability to change property values on-the-fly and observe immediate updates. |
| 18 | +- ✨ **Controllers List:** Get a quick view of all Stimulus controllers present on the current page. |
| 19 | +- 🔍 **Property Inspection:** Inspect values, targets, outlets, and classes associated with each controller. |
| 20 | +- ✏️ **Real-time Modification:** Change controller's values on-the-fly and observe immediate updates. |
31 | 21 |
|
32 | 22 | ## Usage |
33 | 23 |
|
34 | | -[//]: # (TODO) |
35 | 24 | ### Install the Extension |
36 | 25 |
|
| 26 | +[//]: # (TODO: Add link) |
37 | 27 | Download and install the Stimulus Debugger Chrome Extension from the Chrome Web Store (link to be provided). |
38 | 28 |
|
39 | 29 | ### Open Stimulus DevTools |
|
0 commit comments