Thao tác với JSON và Scratchpad

Tổng quan

Trong phát triển phần mềm, JSON (và các biến thể như JSONL, NDJSON) là định dạng dữ liệu thường gặp. Việc mở các file JSON lồng nhau (nested objects) bằng các trình soạn thảo code thông thường dưới dạng văn bản có thể làm giảm hiệu suất nắm bắt cấu trúc dữ liệu.

Smart Data Viewer hiển thị file JSON thành các đối tượng trực quan, hỗ trợ tương tác, khám phá cấu trúc, và trích xuất một phần dữ liệu nhỏ (nhánh - subtree ¹) để cung cấp ngữ cảnh cho AI.

Các chế độ xem dữ liệu JSON

Khi mở file .json, .jsonl hoặc .ndjson, tiện ích cung cấp 2 chế độ hiển thị:

1. JSON Tree Viewer (Chế độ Cây)

Chế độ này phù hợp cho các file JSON có cấu trúc lồng nhau (ví dụ: dữ liệu cấu hình hoặc kết quả từ API).

• Mở rộng/Thu gọn: Bạn có thể click để đóng hoặc mở các mảng (Array) và đối tượng (Object) để theo dõi cấu trúc.
• Biểu tượng trực quan: Các giá trị chuỗi (string), số (number), boolean, hoặc null được hiển thị với màu sắc riêng, hỗ trợ phân loại bằng mắt nhanh chóng.
• Trích xuất nhánh dữ liệu: Khi dùng chế độ Cây, nếu cần chọn một Object hoặc Array quan trọng để gửi cho AI, bạn có thể chuột phải (hoặc dùng nút thao tác) để gửi nhánh đó sang AI Context. Tiện ích sẽ đính kèm đường dẫn cấu trúc (object path) để AI nhận diện vị trí dữ liệu trong file gốc.

2. JSON Table View (Chế độ Bảng)

Đối với các file .jsonl (JSON Lines), .ndjson hoặc mảng chứa nhiều đối tượng phẳng, chế độ hiển thị Bảng giúp dễ quan sát hơn.

• Tính năng này sẽ làm phẳng (flatten ²) các khoá cấp 1 của JSON Objects thành cột (Columns), và mỗi Object sẽ hiển thị dưới dạng một hàng (Row).
• Tại chế độ Bảng, bạn có thể dùng công cụ Lọc (Filtering), Sắp xếp (Sorting), hay Phân tích Khám phá (EDA) tương tự như với file CSV.
• Lưu ý: Việc trích xuất Context tại chế độ Bảng sẽ xuất ra dạng Markdown Table, khác với dạng JSON tại chế độ Cây.

Tính năng JSON Scratchpad

Khi làm việc với Terminal hoặc API, bạn có thể nhận được dữ liệu JSON thô và cần phân tích nhanh cấu trúc mà không muốn tạo file mới trên máy tính.

Tính năng JSON Scratchpad được thiết kế cho nhu cầu này.

Cách sử dụng Scratchpad:

1. Sao chép đoạn văn bản JSON.
2. Từ VS Code, mở Command Palette (Cmd+Shift+P hoặc Ctrl+Shift+P trên Windows/Linux) và chạy lệnh: Smart Data Viewer: New JSON Scratchpad.
3. Hoặc nhấn biểu tượng Data Hub Launcher trên thanh Activity Bar và chọn Paste JSON.
4. Một bảng thông báo tên PasteJsonModal sẽ hiển thị. Dán mã JSON vào đó và nhấn xác nhận.
5. Tiện ích sẽ khởi tạo một môi trường xem bằng giao diện JSON Tree Viewer hoặc Table View để bạn khám phá.

Tính năng này hỗ trợ quá trình lập trình liền mạch: Thử nghiệm API -> Copy kết quả -> Phân tích bằng Scratchpad -> Trích xuất dữ liệu quan trọng -> Gửi lại cho AI.

Footnotes

1. Subtree (Nhánh con): Một phần cấu trúc lồng nhau được trích xuất từ một cấu trúc dữ liệu dạng cây (tree) lớn hơn. ↩

2. Flatten: Quá trình làm phẳng cấu trúc dữ liệu lồng nhau thành cấu trúc dữ liệu phẳng (một cấp). ↩