Devtools (reactive graph visualization) in the playground

Đang mở
  • Có gì không ổn?
#117 2 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

  • #124 của @thetarnav — đã đóng, không merge

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
20/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
babel, typescript
Lĩnh vực
developer-experience, frontend, tooling

Hướng nghiên cứu

Bắt đầu bằng việc xem xét playground hiện đang chạy như thế nào ở production mode và UI của nó được cấu trúc ra sao. Sau đó, kiểm tra các gói debugger và Babel transform được liên kết để xác định các điểm tích hợp và các trở ngại đối với việc theo dõi đồ thị. Công việc được xem là hoàn tất khi đã quyết định kiến trúc và kế hoạch triển khai cho dev mode, việc gắn debugger, các transform tùy chọn và graph panel.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

I don't have anything prepared—this is just theoretical, but would it be possible to include a reactive graph debugger in the playground in the future?
One thing for certain—it would require the playground to work in a dev mode. And from what I know, it works in prod mode currently. This alone might just prevent this from happening. But would there be any other blockers?
This idea just popped into my head, and I wanted to ask if it would make sense and what should I take into consideration when architecting the devtools if it does.
Besides the solid operating in dev mode requirement, there are three parts of the devtools that I would need to think, about how'd they fit in:

  • the debugger - the debugger would need to be attached to the application in the background, for the devtools to be able to get and track the state of the graph
  • babel transforms - this one is not necessary, but useful, it'll allow for things like tracking stores, automatically naming signals/memos/stores, and tracking component props.
  • the devtools/graph panel - part of the UI would need to be reserved for the devtools - for displaying the graph, toggling is on and off, configuring, etc.

I'm currently writing the devtools in a way that theoretically should allow it to be used in various places—not limited to the chrome extension. But some changes might be necessary. It's definitely not ready now. Not even close.
Still, I think it would be great to see the graph right in the playground eventually. So I just wanted to know what you think.

Ngôn ngữ chính
TypeScript
Star
246
Fork
71
Merge trung bình
5 phút
Pull request đã merge (30 ngày)
6

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của solidjs/solid-playground

Tất cả issue của solidjs/solid-playground

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.