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.

2026-06-27 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

Advertisement:

작성자
quantavil
평점
0 0 0
버전
1.1.0
생성일
2026-06-27
갱신일
2026-06-27
크기
64KB
라이선스
MIT
적용 사이트

⚡ 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 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)
  • 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.
  • 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.
  • 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

This outputs the ready-to-use userscript file at dist/codebase-uploader.user.js.


License

This project is licensed under the MIT License.