A browser extension that helps you debug Yorkie.

Latest Version

Version

0.4.28

Update

August 15, 2024

Size

496KiB

Developer

Yorkie Devtools Extension

With this extension, you can access the \"Yorkie 🐾\" panel within the Chrome Developer Tools. Here's an overview of the Key features:

Left Tab: Document
- Instant access to document keys.
- Visualize the rootObject structure for a comprehensive understanding.

CRDT insights
- Clearly display data types for each CRDTElement using intuitive icons and informative tooltips.
- Click on any CRDTElement to unveil datatype-specific details tailored to your debugging needs.

View Options
- By default, enjoy a JSON view for quick analysis.
- Explore tree data types with an interactive graph view, offering a deeper understanding of the data structure.

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.5206ac2c.png",
"32":"icon32.plasmo.fe3e2420.png",
"48":"icon48.plasmo.f942e0d6.png",
"64":"icon64.plasmo.87d4545f.png",
"128":"icon128.plasmo.b8ad62fb.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.5206ac2c.png",
"32":"icon32.plasmo.fe3e2420.png",
"48":"icon48.plasmo.f942e0d6.png",
"64":"icon64.plasmo.87d4545f.png",
"128":"icon128.plasmo.b8ad62fb.png"},
"default_popup":"popup.html"},
"version":"0.4.28",
"name":"Yorkie Devtools",
"description":"A browser extension that helps you debug Yorkie.",
"homepage_url":"https://yorkie.dev/",
"devtools_page":"devtools.html",
"permissions":["activeTab"],
"content_scripts":[{"matches":[""],
"js":["content.6b87b17e.js"],
"css":[]}]}

Download CRX(496KiB)