TanStack / TanStack/db

Devtools

Open
#42 0 comments 11 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.9k
Forks
266
Avg merge
1d 4h
Merged PRs (30d)
55

Description

Thinking through the devtools a bit:

  • our objects are collections and transactions
  • collections can be derived from other collections (#41) so showing the dependency graph visually would be nice
  • click on a collection & browse it's data
  • current count of collections by status e.g. is a collection currently in use & subscribed to backend data or cleaned up?
  • run ad-hoc queries
  • every query result is also a collection — but perhaps also showing which queries are active or recently active & on which component/url
  • list of transactions ordered by creation time w/ the list of mutations linking to their collections, etc.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files, tests, or entry points are named. Start by turning the proposed collection graph, data browsing, status counts, ad-hoc queries, active-query view, and transaction list into a scoped design; done is not defined by the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
devtools
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.