Internal technical demonstration
Gitea Code Tree — IDE-Style File Navigation for Gitea
Gitea Code Tree is a Chrome extension that adds an IDE-style collapsible file-tree sidebar to Gitea repository pages.
Technology stack
- TypeScript
- Vue 3
- Composition API
- Vitest
- Playwright
- npm
Challenge
Gitea's default repository view has no persistent file tree, which slows down navigating larger repositories and searching across files that are already loaded.
Approach
A Vue 3 (Composition API) content script renders the sidebar, supports search across already-loaded files, highlights the active path while navigating, handles Unicode and special-character paths and custom ports, offers light and dark themes, and restores UI state from local cache.
Architecture
A browser content script running entirely client-side — no backend. All state is kept in local Chrome storage.
Outcome
Published on the Chrome Web Store (v0.1.1). Works on both public and private Gitea instances the user explicitly grants access to. The developer states no data is sold, no repository content is uploaded, and nothing is used for ad tracking.