+ 
+
+
+
+
Navigate to a GitHub repository to analyze it.
+${formatJSON(results)}
+ `;
+ resultsDiv.appendChild(section);
+}
+
+// Initialize popup
+document.addEventListener('DOMContentLoaded', () => {
+ // Query for active tab
+ chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+ const tab = tabs[0];
+ if (!tab.url?.includes('github.com')) {
+ document.getElementById('repo-info').innerHTML = `
+ Please navigate to a GitHub repository to analyze it.
+ `; + return; + } + + // Get repository info from background script + chrome.runtime.sendMessage({ type: 'GET_REPO_INFO' }, (response) => { + const repoInfo = document.getElementById('repo-info'); + const analysisControls = document.getElementById('analysis-controls'); + + if (response?.data) { + const { owner, repo } = response.data; + const repoUrl = `https://github.com/${owner}/${repo}.git`; + + repoInfo.innerHTML = ` +Owner: ${owner}
+Repository: ${repo}
+ `; + + // Show analysis controls + analysisControls.style.display = 'block'; + + // Setup analyze button + const analyzeBtn = document.getElementById('analyze-btn'); + analyzeBtn.addEventListener('click', async () => { + try { + analyzeBtn.disabled = true; + analyzeBtn.textContent = 'Cloning...'; + + // First clone the repository + const { repo_id } = await cloneRepository(repoUrl); + + analyzeBtn.textContent = 'Analyzing...'; + + // Clear previous results + document.getElementById('analysis-results').innerHTML = ''; + + // Fetch each type of analysis + const analysisTypes = [ + 'commit-frequency', + 'contributor-activity', + 'commit-frequency-by-weekday', + 'average-commit-size' + ]; + + for (const type of analysisTypes) { + const results = await fetchAnalysis(type, repo_id); + displayResults(results, type); + } + } catch (error) { + document.getElementById('analysis-results').innerHTML = ` +No repository detected. Please refresh the page if you're on a GitHub repository.
+ `; + } + }); + }); +}); diff --git a/showcase/code-analysis/images/img1.png b/showcase/code-analysis/images/img1.png new file mode 100644 index 0000000..825aa0a Binary files /dev/null and b/showcase/code-analysis/images/img1.png differ diff --git a/showcase/code-analysis/images/img2.png b/showcase/code-analysis/images/img2.png new file mode 100644 index 0000000..0f531d7 Binary files /dev/null and b/showcase/code-analysis/images/img2.png differ diff --git a/showcase/code-analysis/knowledge.md b/showcase/code-analysis/knowledge.md new file mode 100644 index 0000000..152a2a9 --- /dev/null +++ b/showcase/code-analysis/knowledge.md @@ -0,0 +1,75 @@ +# Python CLI Template Knowledge + +## Project Overview +A minimal Python CLI application template with modern Python features and type hints. + +## Key Features +- Uses virtual environments for isolation +- Type hints and mypy for static type checking +- Modern Python packaging with pyproject.toml +- Black for code formatting + +## Verifying changes +After every change, run: +```bash +mypy cli app && black --check cli app +``` +This will check for type errors and formatting issues. + +## Project Structure +- `cli/`: Command-line interface for git analysis +- `app/`: FastAPI web service for git analysis +- `extension/`: Chrome extension for GitHub integration + +## Chrome Extension +The extension activates on GitHub repository pages and provides: +- Analysis popup accessible via toolbar icon +- Direct integration with local FastAPI server +- JSON visualization of repository metrics + +### Architecture Constraints +Git analysis requires a backend service because: +- GitPython needs filesystem access +- Git operations require system-level access +- Cannot run Python directly in extension + +### Chrome Extension Architecture +- Use background script for persistent state between content script and popup +- Content script injects into GitHub pages to extract repo info +- Popup must handle case where content script isn't ready +- Always use DOMContentLoaded in popup script + +### Alternative Approaches Investigated +Client-side options have limitations: +- Pyodide (WASM Python): No filesystem/git access +- WebContainer API: Limited browser support, sandboxed + - Requires 'wasm-unsafe-eval' in CSP + - Must load from CDN or package + - Resets on popup close +- isomorphic-git: Requires fetching full repo data first + +## Project Structure +- `cli/`: Command-line interface for git analysis +- `app/`: FastAPI web service for git analysis +- `extension/`: Chrome extension for GitHub integration + +## Chrome Extension +The extension activates on GitHub repository pages and provides: +- Analysis popup accessible via toolbar icon +- Direct integration with local FastAPI server +- JSON visualization of repository metrics + +### Architecture Constraints +Git analysis requires a backend service because: +- GitPython needs filesystem access +- Git operations require system-level access +- Cannot run Python directly in extension + +### Alternative Approaches Investigated +Client-side options have limitations: +- Pyodide (WASM Python): No filesystem/git access +- WebContainer API: Limited browser support, sandboxed + - Requires 'wasm-unsafe-eval' in CSP + - Must load from CDN or package + - Resets on popup close +- isomorphic-git: Requires fetching full repo data first diff --git a/showcase/code-analysis/pyproject.toml b/showcase/code-analysis/pyproject.toml new file mode 100644 index 0000000..c69d8cf --- /dev/null +++ b/showcase/code-analysis/pyproject.toml @@ -0,0 +1,32 @@ +[project] +name = "cli" +version = "0.1.0" +description = "A Python CLI application for analyzing GitHub repository complexity" +requires-python = ">=3.8" +dependencies = [ + "gitpython>=3.1.42", + "fastapi>=0.109.2", + "uvicorn>=0.27.1", +] + +[project.optional-dependencies] +dev = [ + "mypy>=1.8.0", + "black>=24.1.1", + "pytest>=8.0.0", +] + +[build-system] +requires = ["hatchling"] +build-backend = "hatchling.build" + +[tool.mypy] +python_version = "3.8" +strict = true +warn_return_any = true +warn_unused_configs = true +disallow_untyped_defs = true + +[tool.black] +line-length = 88 +target-version = ['py38'] diff --git a/showcase/code-analysis/start_server.sh b/showcase/code-analysis/start_server.sh new file mode 100755 index 0000000..2097e24 --- /dev/null +++ b/showcase/code-analysis/start_server.sh @@ -0,0 +1,2 @@ +#!/bin/bash +uvicorn app.main:app --reload --port 8000 diff --git a/showcase/fishies/.gitignore b/showcase/fishies/.gitignore new file mode 100644 index 0000000..e5a7e22 --- /dev/null +++ b/showcase/fishies/.gitignore @@ -0,0 +1,38 @@ +# Dependencies +node_modules +.pnp +.pnp.js + +# Production build +dist +build + +# Testing +coverage + +# Environment +.env +.env.local +.env.development.local +.env.test.local +.env.production.local + +# Logs +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? + +# TypeScript +*.tsbuildinfo diff --git a/showcase/fishies/README.md b/showcase/fishies/README.md new file mode 100644 index 0000000..bc5847a --- /dev/null +++ b/showcase/fishies/README.md @@ -0,0 +1,22 @@ +# Vite + React Template + +A minimal React + TypeScript starter template using [Vite](https://vitejs.dev/) for fast development and building. + +## Getting Started + +```bash +codebuff --create vite my-app + +# In another terminal window: +npm run dev +``` + +## Available Scripts +- `npm run dev` - Start development server +- `npm run build` - Build for production +- `npm run lint` - Run ESLint +- `npm run preview` - Preview production build locally + +## Learn More +- [Vite Documentation](https://vitejs.dev/) +- [React Documentation](https://react.dev/) diff --git a/showcase/fishies/eslint.config.js b/showcase/fishies/eslint.config.js new file mode 100644 index 0000000..092408a --- /dev/null +++ b/showcase/fishies/eslint.config.js @@ -0,0 +1,28 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import tseslint from 'typescript-eslint' + +export default tseslint.config( + { ignores: ['dist'] }, + { + extends: [js.configs.recommended, ...tseslint.configs.recommended], + files: ['**/*.{ts,tsx}'], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + }, + plugins: { + 'react-hooks': reactHooks, + 'react-refresh': reactRefresh, + }, + rules: { + ...reactHooks.configs.recommended.rules, + 'react-refresh/only-export-components': [ + 'warn', + { allowConstantExport: true }, + ], + }, + }, +) diff --git a/showcase/fishies/index.html b/showcase/fishies/index.html new file mode 100644 index 0000000..e4b78ea --- /dev/null +++ b/showcase/fishies/index.html @@ -0,0 +1,13 @@ + + + + + + +A simple Minecraft-like game where you can:
+