Gathering detailed insights and metrics for @solid-devtools/frontend
Gathering detailed insights and metrics for @solid-devtools/frontend
Library of developer tools, reactivity debugger & Devtools Chrome extension for visualizing SolidJS reactivity graph
Installations
npm install @solid-devtools/frontendReleases
336
@solid-devtools/overlay@0.30.1
@solid-devtools/overlay@0.30.1
Published on 08 Apr 2024
solid-devtools@0.30.1
solid-devtools@0.30.1
Published on 08 Apr 2024
@solid-devtools/shared@0.13.2
@solid-devtools/shared@0.13.2
Published on 01 Apr 2024
@solid-devtools/overlay@0.30.0
@solid-devtools/overlay@0.30.0
Published on 01 Apr 2024
solid-devtools@0.30.0
solid-devtools@0.30.0
Published on 01 Apr 2024
@solid-devtools/logger@0.8.4
@solid-devtools/logger@0.8.4
Published on 01 Apr 2024
Developer
Developer Guide
BETA
Module System
ESM
Min. Node Version
Typescript Support
Yes
Node Version
18.19.1
NPM Version
10.2.4
Statistics
551 Stars
1,396 Commits
23 Forks
6 Watching
1 Branches
11 Contributors
Updated on 25 Nov 2024
Languages
TypeScript (98.82%)
CSS (0.64%)
JavaScript (0.32%)
HTML (0.2%)
Shell (0.01%)
Total Downloads
Cumulative downloads
Total Downloads
28,403
Last day
-5.9%
144
Compared to previous day
Last week
-9%
589
Compared to previous week
Last month
59.7%
2,410
Compared to previous month
Last year
60.4%
16,684
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
24
@nothing-but/utils@solid-primitives/context@solid-primitives/cursor@solid-primitives/date@solid-primitives/event-bus@solid-primitives/event-listener@solid-primitives/jsx-tokenizer@solid-primitives/keyboard@solid-primitives/keyed@solid-primitives/media@solid-primitives/mouse@solid-primitives/props@solid-primitives/range@solid-primitives/resize-observer@solid-primitives/scheduled@solid-primitives/static-store@solid-primitives/styles@solid-primitives/timer@solid-primitives/utilsclsxsolid-headless@solid-devtools/debugger@solid-devtools/shared@solid-devtools/theme
Peer Dependencies
1
Dev Dependencies
2
Versions
Solid Developer Tools
Library of developer tools, reactivity debugger & Devtools Chrome extension for visualizing SolidJS reactivity graph.
Why?
To change the way you write, debug and understand your SolidJS applications and reactivity within.
And also to experiment with ways of visualizing and interacting with Solid's reactivity graph.
The Chrome Extension
🚧 In early development. 🚧
Chrome Developer Tools extension for debugging SolidJS applications. It allows for visualizing and interacting with Solid's reactivity graph, as well as inspecting component state and hierarchy.
Should work in any application using SolidJS, including SolidStart and Astro.
>> See the guide on setting started <<
All devtools packages
Most of the present packages are not much more then just ideas and experiments. Some in progress, and some very much in progress. But few of them can help you in your work already, and a man can dream, so this is what's out there waiting:
Extension Client
solid-devtools
The main client library. It reexports the most important tools and connects the client application to the chrome extension.
See README for more information.
Devtools Overlay
@solid-devtools/overlay
An on-page devtools overlay for debugging SolidJS Applications without a chrome extension.
Logger
@solid-devtools/logger
For debugging only the pinpoint places parts of the Solid's reactivity graph you are concerned with, right in the console you use all the time.
Provides a variaty of debugging utilities for logging the state and lifecycle of the nodes of reactivity graph to the browser console.
Debugger
@solid-devtools/debugger
A runtime library, used to get information and track changes of the Solid's reactivity graph. It's a cornerstone of the rest of the packages.
Resources and prior art
A couple of resources on the topic on chrome devtools extensions:
- about devtools
- Content-script <-> background-script communication
- Article about vue devtools
- Manifest.json anatomy
- setting up vite plugin
- example react project:
- injecting real-world scripts (for accessing the real window object)
- Plugin architecture of Vue Devtools
Other devtools projects for solid and other frameworks:
No vulnerabilities found.
No security vulnerabilities found.