☰

Codebase Uploader

An elegant, zero-dependency userscript that packages directories and codebases for AI chats. Features smart markdown chunking, customizable ignore patterns, binary file uploads, and a premium Liquid Glass interface.

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

Advertisement:

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

Advertisement:
作者
quantavil
日安装量
2
总安装量
4
评分
0 0 0
版本
1.2.0
创建于
2026-06-27
更新于
2026-06-27
大小
70.7 KB
许可证
MIT
适用于

⚡ Codebase Uploader

Version License

An elegant, zero-dependency userscript that packages directories and codebases for AI chats. Features smart markdown chunking, customizable ignore patterns, binary file uploads, and a premium Apple-inspired "Liquid Glass" interface.

Supported Platforms

The userscript runs on and is optimized for the following AI platforms:

  • ChatGPT (chatgpt.com)
  • Claude (claude.ai)
  • Gemini & Google AI Studio (gemini.google.com, aistudio.google.com)
  • DeepSeek (deepseek.com)
  • Perplexity (perplexity.ai)
  • Meta AI (meta.ai)
  • Chatbot Arena (arena.lmsys.org,arena.ai)
  • Grok (grok.com)
  • Mistral Chat (chat.mistral.ai)
  • Microsoft Copilot (copilot.microsoft.com)
  • Hugging Chat (huggingface.co/chat)
  • Qwen (qwen.ai)
  • Xiaomi MiMo AI Studio (aistudio.xiaomimimo.com)
  • MiniMax Agent (agent.minimax.io)
  • Groq (groq.com)
  • OpenRouter (openrouter.ai)
  • Kimi (kimi.com)
  • Z.ai (z.ai)

Features

  • Liquid Glass Aesthetic: Translucent frosted-glass panels, custom specular-highlight borders, soft multi-layer depth shadows, and micro-interactions.
  • Zero Dependencies & Google Trusted Types Compatible: Imperative DOM rendering (createElementNS and custom helpers) with absolutely no innerHTML injection, rendering cleanly on Google Gemini and Google AI Studio.
  • Smart Directory Chunking & Oversized Splitting: Auto-splits large codebases into size-limited markdown chunks containing code block file definitions, constructs a master codebase_manifest.md, and dynamically chunks individual files exceeding settings limits to prevent LLM rejection.
  • Copy Parts Side Panel: When copying multi-chunk output, an inline side panel displays each chunk with individual copy buttons for sequential pasting.
  • Custom Manifest Prompt: Prepend custom instructions to the generated codebase_manifest.md for targeted analysis requests.
  • Tag Chip Editors: Interactive tag-based editors for ignored folders and extensions — add/remove with Enter and click, replacing error-prone comma-separated lists.
  • Shadow DOM Selector Traversal: Recursively crawls shadow DOM roots of AI chat platforms to locate file input elements, ensuring robust click-to-upload injection.
  • Safeguard Ingestion Limit: Prompts the user before loading folders or drag-and-drop actions with >5,000 files to avoid browser tab crashes.
  • O(N) Search & Debouncing: Uses debounced input search and pre-computed O(N) matching to search large repositories instantly without freezing the UI.
  • Local DOM Checkbox Walking: Updates checked and indeterminate states in-place by traversing parent and children DOM nodes directly, preventing full tree rebuilds and preserving scroll position.
  • Dynamic Size Helper: Displays a live, formatted size (e.g. (2.00 MB)) next to the byte input in settings.
  • Configurable Hotkey: Customizable trigger key in settings with a dynamically updating header badge (e.g. ⌥⇧U or Alt+Shift+X).
  • OS-Aware Hotkeys: Automatically adapts modifier labels (⌥⇧ on macOS, Alt+Shift+ on Windows/Linux) and keyboard handlers based on the host operating system.
  • Color-Coded File Tree: Distinct, high-visibility Lucide-style SVG folder and file icons (amber folders, blue documents, green binary paperclips).

Installation

  1. Install a userscript manager extension such as Tampermonkey or Violentmonkey in your web browser.
  2. Download or copy the compiled code in dist/codebase-uploader.user.js.
  3. Create a new script in your userscript manager, paste the code, and save it.

Hotkeys & Triggering

  • Toggle Panel: Alt+Shift+U (or Option+Shift+U on macOS).
  • Custom hotkey letters can be configured inside the Settings menu.
  • You can also toggle the panel using the extension menu commands.

Development

Requires Node.js or Bun.

Setup

npm install

Dev Mode

npm run dev

Build User Script

npm run build        # outputs dist/codebase-uploader.user.js
npx tsc --noEmit     # type check

License

This project is licensed under the MIT License.