hub / github.com/codespin-ai/codespin-chrome-extension

github.com/codespin-ai/codespin-chrome-extension @main

167 symbols 334 edges 29 files 2 documented · 1%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

CodeSpin.AI Chrome Extension

This Chrome Extension allows you to use Claude and ChatGPT to edit your local project - using the new File System APIs available on Chrome. This extension is not yet available on the Chrome Web Store (it takes weeks for approval), so it must be installed manually. Installation instructions are given below.

Screenshots

Select Files to include in the prompt:

Add files to prompt, and Sync back with your project

codespin-features

Write it back!

Screenshot from 2024-11-03 15-47-29

Installation

Clone this project

git clone https://github.com/codespin-ai/codespin-chrome-extension

Switch to the project directory

cd codespin-chrome-extension

Install deps. Note that you need Node.JS.

npm i

Build it.

./build.sh

Now go to Chrome > Extensions > Manage Extensions, and click on "Load Unpacked". Point it at the codespin-chrome-extension directory.

Enjoy.

Extension points exported contracts — how you extend this code

IntrinsicElements (Interface)

(no doc)

src/types/jsx.d.ts

FileChange (Interface)

(no doc)

src/components/FileWriter.tsx

IgnoreRule (Interface)

(no doc)

src/api/fs/GitIgnoreHandler.ts

FileChange (Interface)

(no doc)

src/chatGPT/components/ChatGPTSyncButton.tsx

FileChange (Interface)

(no doc)

src/claude/components/ClaudeSyncButton.tsx

FileNode (Interface)

(no doc)

src/components/ChangeTree.tsx

Core symbols most depended-on inside this repo

clear

called by 10

src/components/FileContentViewer.tsx

render

called by 7

src/components/FileTree.tsx

getDirectoryHandle

called by 5

src/api/fs/getDirectoryHandle.ts

render

called by 4

src/components/FileWriter.tsx

fetchFiles

called by 4

src/components/FileTree.tsx

notifySelectionChange

called by 4

src/components/FileTree.tsx

setContent

called by 4

src/components/FileEdits.tsx

render

called by 4

src/components/FileEdits.tsx

Shape

Method 105

Function 30

Class 26

Interface 6

Languages

TypeScript100%

Modules by API surface

src/components/FileTree.tsx19 symbols

src/components/FileImporter.tsx15 symbols

src/components/ChangeTree.tsx14 symbols

src/components/FileWriter.tsx13 symbols

src/claude/components/ClaudeSyncButton.tsx11 symbols

src/chatGPT/components/ChatGPTSyncButton.tsx11 symbols

src/components/FileContentViewer.tsx10 symbols

src/components/FileEdits.tsx9 symbols

src/claude/components/ClaudeInboundButton.tsx9 symbols

src/chatGPT/components/ChatGPTInboundButton.tsx9 symbols

src/api/fs/GitIgnoreHandler.ts8 symbols

src/api/fs/getDirectoryHandle.ts7 symbols

For agents

$ claude mcp add codespin-chrome-extension \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact