🌳

File Tree

Project structure with selected files highlighted

The file tree shows your project structure with markers for selected files and those with code maps.

📁 src/

📄 App.tsx

selected codemap

📄 utils.ts

selected

📄 config.json

Project root ├── src/ │ ├── App.tsx * + │ ├── utils.ts * │ └── config.json └── package.json (* = selected, + = has codemap)

📄

File Contents

Full content of selected files

Complete source code for all selected files, providing full context for the AI.

3

Selected Files

247

Lines of Code

8.5k

Tokens

File: src/App.tsx ```tsx import React from 'react'; import { useState } from 'react'; export function App() { const [count, setCount] = useState(0); return (

Hello RepoPrompt

); } ``` File: src/utils.ts ```typescript export function formatDate(date: Date): string { return date.toLocaleDateString(); } ```

🔀

Git Diff

Recent changes and modifications

Shows what's changed in your working directory, helping the AI understand recent modifications.

diff --git a/src/utils.ts b/src/utils.ts index 1a2b3c..4d5e6f 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -1,5 +1,9 @@ -export function formatDate(date: Date): string { - return date.toLocaleDateString(); -} +export function formatDate(date: Date, locale = 'en-US'): string { + return date.toLocaleDateString(locale, { year: 'numeric', month: 'short', day: '2-digit' }); +} + +export function clamp(value: number, min: number, max: number): number { + return Math.min(Math.max(value, min), max); +}

🗺️

Code Maps

High-level structure without implementation details

Code maps provide class structures, method signatures, and interfaces without full implementations. This gives AI architectural understanding while saving tokens.

🏗️

Classes

Class definitions and inheritance

⚡

Methods

Function signatures only

📦

Imports

Dependencies and modules

🔧

Properties

Class and interface fields

File: src/services/AuthService.ts Imports: - import { User } from '../types/User' - import { api } from '../utils/api' Classes: - AuthService Methods: - async login(email: string, password: string): Promise - async logout(): Promise - async refreshToken(): Promise Properties: - private currentUser: User | null - private tokenExpiry: Date

🎯

Meta Prompts

System instructions and behavioral guidelines

Meta prompts set the AI's behavior, coding style, and constraints. They act as system-level instructions.

- Use TypeScript with strict mode enabled - Prefer functional components with hooks - Add comprehensive error handling - Include JSDoc comments for public APIs - Follow existing project patterns - Write unit tests for all new functions - Maintain >80% code coverage - Use React Testing Library for components

💬

User Instructions

Your specific task or question

The actual request or task you want the AI to complete. This is typically placed last for maximum context awareness.

Please refactor the authentication logic to use JWT tokens instead of session cookies. Make sure to: 1. Update the AuthService to handle JWT tokens 2. Add token refresh logic 3. Update the API client to include the Authorization header 4. Maintain backward compatibility during the transition