Display the tree structure of a GitHub repository and export it as an image.

Latest Version

Version

1.1.0

Update

October 10, 2024

Size

99.66KiB

Developer

GitHub Tree Map Extension

GitHub Tree Map is specifically designed for developers and project managers, helping you visualize the structure of GitHub repositories from a programmer's perspective. With an intuitive tree diagram display, quickly understand the organization of project files and directory hierarchies, enhancing code management and collaboration efficiency.

1、Key Features

(1) Tree Structure Visualization:
Display the file and folder hierarchy of GitHub repositories in a clear tree diagram, facilitating quick browsing of project architecture.
(2) One-Click Copy:
Easily copy the tree structure to the clipboard, convenient for sharing with team members or documenting project structure.
(3) Export as Image:
Supports exporting the current tree map as a high-quality PNG image, suitable for documentation and presentations.
(4) Adaptive Themes
Automatically match the system theme, supporting light and dark modes, providing a comfortable visual experience.
(5) Clean Interface Design
Seamlessly integrates into GitHub pages, easy to operate, user-friendly interface, enhancing the user experience.

2、Why Choose GitHub Tree Map?

(1) Increase Productivity
Quickly browse and understand repository structure, saving time searching for files and directories.
(2) Facilitate Team Collaboration
Export tree maps to clearly display project architecture, promoting communication and collaboration among team members.
(3) Personalized Customization
Adjust theme colors according to personal preferences, adapting to different work environments and needs.
(4) High Compatibility
Perfectly compatible with all GitHub repositories, whether public or private, easy to use.

3、Privacy Policy: https://freeourdays.com/posts/github-tree-map-privacy-policy

Changelog:

v1.1.0
- Optimized user experience
- Added display of code line count and repository size
- Added advertisement banner display

v1.0.0
- Initial release with basic features (displaying tree diagrams and exporting images)

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "GitHub Tree Map", "version": "1.1.0", "description": "Display the tree structure of a GitHub repository and export it as an image.", "permissions": ["activeTab", "scripting", "storage", "unlimitedStorage"], "host_permissions": ["https://github.com/*", "https://api.github.com/*"], "action": { "default_popup": "popup.html", "default_icon": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" } }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://github.com/*"], "js": ["html2canvas.min.js", "supabase.js", "content.js"], "css": ["styles/treeMap.css"] } ], "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Shift+G", "mac": "Command+Shift+G" }, "description": "Open GitHub Tree Map" } } }

Download CRX(99.66KiB)