DocuThinker Viewer – VS Code Extension
Embed DocuThinker (AI‑powered document upload, summarization & insight extraction) directly into your VS Code.
Features
- Instant Document Panel via the Command Palette (
DocuThinker: Open Document Panel).
- Persistent Webview that preserves your upload session when hidden or you switch files.
- Configurable panel title, editor column, iframe width/height, script permissions, and auto‑open.
- Secure iframe with strict Content‑Security‑Policy loading
https://docuthinker.vercel.app/home.
- No extra backend—all processing happens in your existing DocuThinker web app.
VSCode Marketplace
To avoid manual installation, you can find the extension on the VSCode Marketplace.
Feel free to leave a review or report issues there!
Installation
- Clone & enter the extension folder
git clone https://github.com/hoangsonww/DocuThinker-AI-App.git
cd DocuThinker-AI-App/extension
- Install dependencies & compile
npm install
npm run compile
- Package as a VSIX
vsce package
→ produces docuthinker-chat-0.0.1.vsix
Install the VSIX
code --install-extension docuthinker-chat-0.0.1.vsix
- VS Code UI:
Extensions view → “…” → Install from VSIX… → select the file
Usage
- Open the Command Palette (
Ctrl+Shift+P / ⌘+Shift+P).
- Run DocuThinker: Open Document Panel.
- Upload your PDF or Word document, then view summaries and extracted insights in the embedded panel.
Configuration
Open Settings → Extensions → DocuThinker Viewer:
| Setting |
Default |
Description |
docuthinkerChat.panelTitle |
DocuThinker Viewer |
Title of the Webview panel. |
docuthinkerChat.viewColumn |
1 |
Editor column (0=active, 1–3) to open the panel in. |
docuthinkerChat.retainContext |
true |
Keep the upload/session state when hidden. |
docuthinkerChat.enableScripts |
true |
Allow scripts to run inside the iframe. |
docuthinkerChat.iframeWidth |
100% |
CSS width of the embedded iframe. |
docuthinkerChat.iframeHeight |
100% |
CSS height of the embedded iframe. |
docuthinkerChat.openOnStartup |
false |
Auto‑open panel on VS Code startup. |
Development
Troubleshooting
- Blank panel: Check that
https://docuthinker.vercel.app/home is reachable.
- CSP errors: Ensure the iframe
src URI exactly matches the frame-src CSP directive.
License
MIT (see LICENSE for details).
About DocuThinker
DocuThinker is a full‑stack FERN‑Stack AI app for document upload, summarization, and insight extraction.
Learn more in the main repo:
👉 hoangsonww/DocuThinker-AI-App
or try it live: https://docuthinker.vercel.app/home
