About

Solid Rewind is a time-trave debugger and component-tree visualizer for the reactive framework, SolidJS

Features

• Redux-style time-travel debugging, allowing you to ‘rewind’ to previous versions of your application’s state.
• Dynamic, D3-visualization of your component tree
• Integration with Chrome’s existing Dev Tools menu so you can troubleshoot your Solid App directly from your browser.

Installation

:exclamation::exclamation:Before using, you must download our Chrome extension here:exclamation::exclamation:

1. install our package with

npm i solid-rewind

2. Import our Rewind component at the top level of your app. 3. Wrap your top-level component in our component.

import Rewind from 'solid-rewind';

render( () => {
    <Rewind>
        <App />
    </Rewind>
}, document.getElementById('root'));

That's it! Build your project and access our tool in the chrome devtools menu!

Authors

• Robbie Gottlieb | @robbiegot | LinkedIn
• Willem Rosenthal | @willemrosenthal | LinkedIn
• Christian Catanese @c-catanese | LinkedIn
• Jason Moon | @Crescent0130 | LinkedIn

Contributing

Solid Rewind launched on January 15, 2023 and is currently in active beta development through the OSlabs community initiative. The application is licensed under the terms of the MIT license, making it a fully open source product. Developers are welcome to contribute to the codebase and expand on its features.