DeLorean

• Purpose: DeLorean is a time-traveling debugger designed specifically for Svelte applications. It helps developers track and debug state changes by recording snapshots and allowing users to revert to previous states.

• Key Features:

  • Dev Tool Information Panel: Displays stateful data, component names, and variable values in a Chrome Developer Tools panel.
  • State Time-Travel: Enables reverting the application's state to any recorded snapshot for step-by-step debugging.
  • New Timelines: Supports creating alternate timelines by interacting with the app while debugging, with all changes tracked in real time.

• Target Audience: Svelte developers looking for advanced debugging tools to track state changes and simplify debugging workflows.

• Framework Support: Exclusively for Svelte applications (requires dev mode).

• Usage Notes:

  • Requires the Svelte app to be attached to an element with the id "root".
  • Only works with apps running on localhost and in dev mode.
  • Untested with SvelteKit (contributions welcome).

• Resources:

  • DeLorean website
  • Medium article on DeLorean

• Contributors: Albert Han, Aram Krakirian, Erick Maese, Trevor Leung, Sam VanTassel.