CWikier RepoWiki Explorer

Turn your repository into a living documentation hub.
Browse, search, edit, and navigate code documentation — all from within VS Code.

Developed by Erwin Wilson Ceniza.

Features

📂 Intelligent Tree Navigation

• Hierarchical catalog-section-page structure mirrors your wiki's organization.
• Collapsible outline with visual nesting and ordering.
• Each folder can optionally act as a page (own .md + children).

🔎 Instant Full-Text Search

• Filter pages in real time as you type.
• Matches page titles across all languages and catalogs.
• Results expand parent sections automatically.

📊 Interactive Mermaid Diagram Viewer

• Seamless rendering — diagrams render inline with zero configuration.
• Zoom & Pan — zoom in/out (up to 5×), reset, and grab-to-pan in 2D.
• Copy as SVG — one-click clipboard export of diagram source.
• Export as PNG — high-resolution 2× canvas download.
• Source toggle — peek at the raw Mermaid code inline.
• Full-screen mode — immersive viewer with dedicated zoom, pan, source panel, and SVG copy.
• Node navigation — click any diagram node to jump to its linked wiki page.

🌐 Multi-Language Support

• Switch between languages (English, Chinese, etc.) from the status bar or command palette.
• Each language maintains its own independent content tree.
• Status bar indicator shows current active language.

🔗 Code-to-Wiki Linking

• Select any code range in the editor and bind it to a wiki page.
• Relationships persist across sessions via metadata index.
• Linked snippets appear at the bottom of rendered wiki pages as clickable references.

⚡ AI-Powered Wiki Generation

• Automatically scan your codebase and generate a full wiki structure using AI.
• Supports VS Code Language Model API (Copilot, Gemini Code Assist).
• Fallback to direct Gemini API with a configurable API key.
• Creates catalogs, pages, and markdown documentation in one pass.

📦 Export & Portability

• Export your wiki as:
  • Single Markdown file — all pages merged into one document.
  • Folder structure — preserves directory layout.
  • Standalone HTML — self-contained, styled for reading.
• Wiki data lives in .qoder/repowiki/ inside your workspace — version-control friendly.

📋 Wiki Management Commands

All accessible from the sidebar context menu or command palette:

🧠 Smart Preview Panel

• Rendered markdown preview with floating outline (table of contents).
• Syntax-highlighted code blocks.
• Cross-page navigation via relative and absolute file:// links.
• Line-range selection for code references (file.ts#L10-L25).
• Back-button history within the preview session.

Quick Start

1. Open a workspace containing .md wiki pages (under .qoder/repowiki/).
2. Click the Repo Wiki icon in the Activity Bar.
3. Browse the tree, search for pages, or right-click to manage sections.
4. Hover over any Mermaid diagram for the interactive toolbar.
5. Select code in the editor, right-click → Link Selected Code to Wiki Page.

Generate a Wiki from Scratch

1. Open your project workspace.
2. Click Generate Wiki in the preview toolbar (or run CWikier: Generate RepoWiki using AI).
3. The AI scans your codebase and creates a structured wiki with catalogs and pages.
4. Optionally configure a Gemini API key in settings for fallback: cwikier.geminiApiKey.

Requirements

• VS Code ^1.90.0
• A workspace with write permissions (for wiki generation and page management)

Extension Settings

Known Issues

• AI generation requires an active VS Code Language Model provider (Copilot, Gemini Code Assist) or a configured Gemini API key.
• Mermaid diagrams with extremely large SVGs may impact preview performance.

CWikier RepoWiki Explorer — Documentation as code, right where you code.