Merge pull request #33 from Gerome-Elassaad/feature/update-sections

Feature/update sections

Author: Gerome-Elassaad

AGENTS.md

@@ -0,0 +1,41 @@
+# Agent Guidelines for CodingIT
+
+## Build/Lint/Test Commands
+- **Development**: `npm run dev` (Next.js with Turbo)
+- **Build**: `npm run build` (Next.js production build)
+- **Start**: `npm run start` (Next.js production server)
+- **Lint**: `npm run lint` (ESLint with Next.js rules)
+- **No test framework configured** - run lint after changes
+
+## Code Style Guidelines
+
+### Formatting
+- **Quotes**: Single quotes only (`'string'`)
+- **Semicolons**: Never use semicolons
+- **Imports**: Auto-sorted with `@trivago/prettier-plugin-sort-imports`
+
+### TypeScript
+- **Strict mode**: Enabled in `tsconfig.json`
+- **Path aliases**: Use `@/*` for relative imports from root
+- **Types**: Always use explicit types, prefer interfaces for objects
+
+### Naming Conventions
+- **Variables/Functions**: camelCase (`userName`, `getUserData`)
+- **Components**: PascalCase (`UserProfile`, `ChatInput`)
+- **Files**: kebab-case for components (`user-profile.tsx`), camelCase for utilities (`authUtils.ts`)
+
+### Error Handling
+- Use `console.warn()` for non-critical warnings
+- Handle async errors with `.catch()` or try-catch
+- Validate inputs with TypeScript types and runtime checks
+
+### Imports
+- Group imports: React/Next, third-party libraries, local utilities
+- Use absolute imports with `@/` alias
+- Sort imports automatically (handled by Prettier plugin)
+
+### Best Practices
+- No comments unless absolutely necessary
+- Use functional components with hooks
+- Follow React/Next.js conventions
+- Maintain consistent file structure

app/api/billing/update/route.ts

@@ -1,5 +1,11 @@
 import { NextResponse } from 'next/server'
 import { Sandbox } from '@e2b/code-interpreter'
+import { LRUCache } from 'lru-cache'
+
+const cache = new LRUCache<string, string>({
+  max: 500,
+  ttl: 1000 * 60 * 5, // 5 minutes
+})
 
 export const runtime = 'nodejs'
 export const dynamic = 'force-dynamic'
@@ -41,8 +47,18 @@ export async function GET(req: Request) {
       )
     }
 
+    const cacheKey = `${sessionID}:${path}`
+    const cachedContent = cache.get(cacheKey)
+
+    if (cachedContent) {
+      return NextResponse.json({ content: cachedContent })
+    }
+
     const sandbox = await getSandbox(sessionID, template || undefined)
     const content = await sandbox.files.read(path)
+
+    cache.set(cacheKey, content)
+
     return NextResponse.json({ content })
   } catch (error: any) {
     return NextResponse.json(
@@ -65,6 +81,10 @@ export async function POST(req: Request) {
 
     const sandbox = await getSandbox(sessionID, template || undefined)
     await sandbox.files.write(path, content)
+
+    const cacheKey = `${sessionID}:${path}`
+    cache.delete(cacheKey)
+
     return NextResponse.json({ success: true })
   } catch (error: any) {
     return NextResponse.json(

app/api/files/content/route.ts

@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server'
 import { Sandbox, FileType } from '@e2b/code-interpreter'
 import { FileSystemNode } from '@/components/file-tree'
+import { getSandbox } from '@/lib/sandbox'
 
 export const runtime = 'nodejs'
 export const dynamic = 'force-dynamic'
@@ -31,26 +32,6 @@ async function listFilesRecursively(
   return nodes
 }
 
-const E2B_API_KEY = process.env.E2B_API_KEY
-
-const sandboxTimeout = 10 * 60 * 1000
-
-async function getSandbox(sessionID: string, template?: string) {
-  if (!E2B_API_KEY) {
-    throw new Error('E2B_API_KEY environment variable not found')
-  }
-
-  const sandbox = await Sandbox.create(template || 'code-interpreter-v1', {
-    apiKey: E2B_API_KEY,
-    metadata: {
-      sessionID,
-      template: template || 'code-interpreter-v1',
-    },
-    timeoutMs: sandboxTimeout,
-  })
-  return sandbox
-}
-
 export async function GET(request: NextRequest) {
   const searchParams = request.nextUrl.searchParams
   const sessionID = searchParams.get('sessionID')