Skip to content

Feature Request: Browser DevTools Extension #16

Description

@kottode

Problem

Tama lacks browser DevTools integration, making it difficult to debug reactive state, component trees, and DOM inflation in development.

Proposed Solution

A browser DevTools extension that provides:

  1. Component Tree — Visualize the Proton component hierarchy
  2. Signal Inspector — View all State/StateArray values and subscribers
  3. DOM Mapping — Highlight which DOM nodes belong to which components
  4. Performance — Track inflation time, re-render counts
  5. Time Travel — Log state changes and allow jumping between states

Inspiration

  • React DevTools (component tree, props, hooks)
  • Vue DevTools (state inspection, timeline)
  • Solid DevTools (signal graph, dependency tracking)

Priority

Low — Nice to have for developer experience, but not blocking.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions