[{"_1":2,"_326":-5,"_327":-5},"loaderData",{"_3":4,"_92":93,"_278":279},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":32,"_33":22,"_34":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","96591c8dbfc078fdbadefbda462961392fdd9880","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":22,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":22,"_91":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":22,"_21":22,"_83":73,"_84":85,"_86":73,"_87":46,"_88":22,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_94":95,"_96":97,"_98":44,"_99":100,"_101":102,"_103":104,"_153":154,"_256":257,"_258":259,"_267":268,"_167":269,"_272":-5,"_273":-5,"_274":22,"_275":22,"_276":277},"handle","ianvph","name","pr-reviewer","branchName","path","debug.ts","version",35,"project",{"_105":106,"_96":97,"_107":108,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":123,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":134,"_137":138,"_140":141,"_152":22},"id","c9ec56b0-c61b-11f0-b02f-42dde27851f2","createdAt",["D",1763648310258],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","9cfff384-7c00-439c-8fdb-c68bc86a002d","pinnedFileId","7eae25c4-c61c-11f0-b433-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",2,"cd8d3a99-f476-47c8-be7e-a0e56e8e13a3","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_135":136},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVUmlNQTRKczAwRTZmWDhzYlVjaHRITm5xSC5wbmcifQ","org",{"_94":95,"_139":136,"_14":115},"avatar","branch",{"_101":142,"_96":44,"_105":143,"_144":106,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":97,"_151":95},64,"c9ec95b2-c61b-11f0-b02f-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[155,175,186,195,204,213,222,229,238,247],{"_105":156,"_96":157,"_158":159,"_160":-5,"_161":143,"_162":102,"_163":22,"_107":164,"_101":165,"_166":167,"_168":169,"_170":22,"_171":-5,"_172":173,"_99":174},"ae3d7bea-c622-11f0-a575-42dde27851f2","README.md","fileId","37da68c4-c61c-11f0-8ebf-42dde27851f2","parentId","branchId","branchVersion","latest",["D",1763651270282],14,"fileType","file","content","# Code Review Bot 🤖\n\nAn intelligent GitHub code review bot built for Val Town that automatically analyzes pull requests using Claude AI and posts detailed review comments.\n\n## ✨ Features\n\n- **Automatic PR Analysis**: Responds to GitHub pull request webhooks instantly\n- **AI-Powered Reviews**: Uses Anthropic's Claude 3.5 Sonnet for intelligent code analysis and typo detection\n- **Secure Integration**: Webhook signature verification for security\n- **Smart File Filtering**: Reviews code files and markdown files for typos, skips other documentation and config files\n- **Detailed Feedback**: Provides structured reviews covering code quality, security, best practices, and typo detection for markdown files\n- **Easy Setup**: Simple configuration with environment variables\n- **Debug Tools**: Built-in endpoints to test API connections and troubleshoot issues\n\n## 🚀 Quick Start\n\n1. **Fork/Copy this project** to your Val Town account\n2. **Set environment variables** (see setup section below)\n3. **Configure GitHub webhook** in your repository\n4. **Create a test PR** and watch the magic happen!\n\n## 📋 What You Get\n\nWhen someone opens a pull request, the bot will:\n\n1. 🔄 Post an initial \"review in progress\" comment\n2. 📁 Fetch and analyze changed code files and markdown files (up to 8 files)\n3. 🧠 Generate a comprehensive review using Claude AI\n4. 💬 Post a structured review comment with:\n - Summary of changes\n - Code strengths and good practices\n - Issues found with specific file references\n - For markdown files: typos, grammar issues, and formatting problems\n - For code files: bugs, security concerns, and performance issues\n - Improvement suggestions\n - Security and best practice notes\n\n## Setup\n\n### 1. Get Required API Keys\n\n**GitHub Token**: Create a fine-grained personal access token at https://github.com/settings/personal-access-tokens/new with:\n- Repository access: Select the specific repository you want to review\n- Permissions > Repository permissions:\n - **Metadata**: Read-only (required)\n - **Contents**: Read-only (required to fetch file contents)\n - **Pull requests**: Read and write (required to post review comments)\n\n**Anthropic API Key**: Get your API key from [Anthropic Console](https://console.anthropic.com/)\n\n### 2. Configure Environment Variables\n\nIn Val Town, set these environment variables:\n- `GITHUB_TOKEN`: Your GitHub personal access token\n- `ANTHROPIC_API_KEY`: Your Anthropic API key \n- `WEBHOOK_SECRET`: A random secret string (generate with: `openssl rand -hex 32`)\n\n### 3. Get Your Webhook URL\n\nYour webhook URL will be: `https://[your-username]--[val-id].web.val.run/webhook`\n\nYou can find this URL by:\n1. Opening your `index.ts` val in Val Town\n2. Looking at the URL in your browser\n3. Adding `/webhook` to the end\n\nExample: If your val URL is `https://alice--abc123.web.val.run`, your webhook URL is `https://alice--abc123.web.val.run/webhook`\n\n### 4. Test Your Configuration (Optional but Recommended)\n\nBefore setting up the webhook, test your API connections:\n\n1. Open your debug val: `https://[your-username]--[debug-val-id].web.val.run`\n2. Check that all environment variables show \"✅ Set\"\n3. Test GitHub API: Visit `/test-github` endpoint\n4. Test Claude API: Visit `/test-claude` endpoint\n\nAll tests should return `\"success\": true`.\n\n### 5. Configure GitHub Webhook\n\nIn your GitHub repository:\n1. Go to **Settings** > **Webhooks** > **Add webhook**\n2. Set **Payload URL**: Your Val Town webhook URL (from step 3)\n3. Set **Content type**: `application/json`\n4. Set **Secret**: Same value as your `WEBHOOK_SECRET` environment variable\n5. Select **Let me select individual events** → Check **Pull requests**\n6. Ensure **Active** is checked\n7. Click **Add webhook**\n\n### 6. Test the Setup\n\nCreate a test pull request in your repository. The bot should:\n1. Post an initial \"review in progress\" comment\n2. Analyze the changed files\n3. Post a detailed review comment within 30-60 seconds\n\n## Usage\n\nThe bot automatically reviews pull requests when they are opened or reopened. It will:\n\n1. Fetch the changed files from the PR\n2. Analyze the code using Claude\n3. Post a review comment with findings\n\n## 📁 Project Structure\n\n```\n├── index.ts # Main webhook handler (HTTP endpoint)\n├── github.ts # GitHub API integration and PR processing\n├── claude.ts # Claude AI integration for code analysis\n├── utils.ts # Utility functions (webhook verification, file filtering)\n├── debug.ts # Debug endpoints for testing API connections\n├── test.ts # Webhook signature verification tests\n├── webhook-test.ts # Mock webhook payload testing\n├── example-env.md # Environment variable setup guide\n└── README.md # This file\n```\n\n### Key Components\n\n- **Webhook Handler** (`index.ts`): Receives GitHub webhooks, verifies signatures, and triggers reviews\n- **GitHub Integration** (`github.ts`): Fetches PR data, file contents, and posts review comments\n- **AI Analysis** (`claude.ts`): Generates intelligent code reviews using Claude 3.5 Sonnet\n- **Security** (`utils.ts`): HMAC-SHA256 webhook signature verification\n- **Debug Tools** (`debug.ts`): Test API connections and troubleshoot configuration issues\n\n## Troubleshooting\n\n### Bot Not Responding\n1. Check that your webhook URL is correct in GitHub settings\n2. Verify all environment variables are set in Val Town\n3. Check the webhook delivery logs in GitHub (Settings > Webhooks > Recent Deliveries)\n4. Look at the Val Town logs for error messages\n\n### Authentication Errors\n- Ensure your GitHub token has the correct permissions\n- Verify the token hasn't expired\n- Check that the repository is accessible with your token\n\n### Review Quality Issues\n- The bot analyzes up to 10 files per PR to stay within API limits\n- Only code files are reviewed (JS, TS, Python, etc.)\n- Very large files are truncated to prevent token limit issues\n\n### Webhook Signature Errors\n- Ensure the `WEBHOOK_SECRET` in Val Town matches the secret in GitHub\n- Check that the webhook is configured to send JSON payloads\n\n## 💡 Usage Tips\n\n### Supported File Types\nThe bot automatically reviews these file types:\n- **JavaScript/TypeScript**: `.js`, `.ts`, `.jsx`, `.tsx`\n- **Python**: `.py`\n- **Java**: `.java`\n- **C/C++**: `.c`, `.cpp`, `.h`\n- **C#**: `.cs`\n- **PHP**: `.php`\n- **Ruby**: `.rb`\n- **Go**: `.go`\n- **Rust**: `.rs`\n- **Swift**: `.swift`\n- **Kotlin**: `.kt`\n- **Web**: `.html`, `.css`, `.scss`, `.vue`, `.svelte`\n- **Database**: `.sql`\n- **Documentation**: `.md`, `.mdx` (focuses on typos, grammar, and formatting)\n- And more...\n\n### Best Practices\n- **Small PRs**: The bot works best with focused changes (8 files or fewer)\n- **Clear Descriptions**: Add good PR descriptions to help the AI understand context\n- **Test First**: Use the debug endpoints to verify your setup before going live\n- **Monitor Usage**: Keep an eye on your Anthropic API usage for cost management\n\n### Customization Ideas\n- Modify the file type filters in `utils.ts`\n- Adjust the Claude prompt in `claude.ts` for your team's coding standards\n- Add custom rules or checks specific to your project\n- Integrate with other tools (Slack notifications, JIRA, etc.)\n\n## 🔧 Advanced Configuration\n\n### Custom Review Prompts\nEdit `claude.ts` to customize the AI review criteria:\n```typescript\n// Add your team's specific guidelines\nconst customGuidelines = `\nAdditional review criteria:\n- Check for proper error handling\n- Verify database query optimization\n- Ensure proper logging practices\n`;\n```\n\n### File Size Limits\nThe bot truncates large files to 2000 characters. Adjust in `claude.ts`:\n```typescript\n// Increase or decrease based on your needs\n${file.content.substring(0, 2000)}\n```\n\n## ⚠️ Current Limitations\n\n- **File Limit**: Reviews up to 8 files per PR (to stay within API token limits)\n- **File Size**: Large files are truncated to 2000 characters for analysis\n- **File Types**: Only reviews code files (filters out documentation, images, etc.)\n- **Dependencies**: Requires internet access to GitHub and Anthropic APIs\n- **Rate Limits**: Subject to GitHub and Anthropic API rate limits\n\nThese limitations help ensure fast, reliable reviews while managing API costs and complexity.","deleted","label","children",[],[157],{"_105":176,"_96":177,"_158":178,"_160":-5,"_161":143,"_162":179,"_163":22,"_107":180,"_101":181,"_166":182,"_168":183,"_170":22,"_171":-5,"_172":184,"_99":185},"9df459e8-c622-11f0-b2ef-42dde27851f2","claude.ts","4d794254-c61c-11f0-bd70-42dde27851f2",30,["D",1763651242842],3,"script","import { isMarkdownFile } from \"./utils.ts\";\n\ninterface FileChange {\n path: string;\n patch: string;\n content: string;\n status: string;\n}\n\ninterface PullRequestInfo {\n title: string;\n description: string;\n author: string;\n baseBranch: string;\n headBranch: string;\n}\n\n/**\n * Generate a code review using Claude AI\n */\nexport async function generateCodeReview(\n prInfo: PullRequestInfo,\n files: FileChange[]\n): Promise {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n \n if (!apiKey) {\n throw new Error(\"ANTHROPIC_API_KEY not configured\");\n }\n\n // Separate markdown files from code files\n const markdownFiles = files.filter(file => isMarkdownFile(file.path));\n const codeFiles = files.filter(file => !isMarkdownFile(file.path));\n \n // Prepare the prompt with PR and file information\n const filesContent = files.map((file) => {\n return `## File: ${file.path}\n**Status**: ${file.status}\n\n### Changes (diff):\n\\`\\`\\`diff\n${file.patch}\n\\`\\`\\`\n\n### Current content (first 2000 chars):\n\\`\\`\\`\n${file.content.substring(0, 2000)}${file.content.length > 2000 ? \"\\n... (truncated)\" : \"\"}\n\\`\\`\\`\n`;\n }).join(\"\\n\\n\");\n\n // Create different prompts based on file types\n const hasMarkdown = markdownFiles.length > 0;\n const hasCode = codeFiles.length > 0;\n \n let reviewGuidelines = \"\";\n \n if (hasMarkdown && hasCode) {\n reviewGuidelines = `## Review Guidelines\nPlease provide a thorough review focusing on:\n\n### For Markdown Files (.md, .mdx):\n1. **Spelling & Grammar**: Check for typos, spelling errors, and grammatical mistakes\n2. **Clarity**: Ensure content is clear and well-structured\n3. **Formatting**: Proper markdown syntax and formatting\n4. **Links**: Verify link syntax and accessibility\n5. **Consistency**: Consistent tone, style, and terminology\n\n### For Code Files:\n1. **Code Quality**: Clean code principles, readability, maintainability\n2. **Security**: Potential security vulnerabilities or concerns\n3. **Performance**: Efficiency issues, potential bottlenecks\n4. **Best Practices**: Language-specific conventions and patterns\n5. **Logic & Bugs**: Potential logical errors or edge cases\n6. **Testing**: Suggestions for test coverage if applicable`;\n } else if (hasMarkdown) {\n reviewGuidelines = `## Review Guidelines\nPlease provide a thorough review focusing on **typos and content quality** for these markdown files:\n\n1. **Spelling & Grammar**: Identify typos, spelling errors, and grammatical mistakes\n2. **Clarity & Readability**: Ensure content is clear, well-structured, and easy to understand\n3. **Markdown Formatting**: Check for proper markdown syntax, headers, lists, links, etc.\n4. **Link Validation**: Verify link syntax and suggest improvements\n5. **Consistency**: Check for consistent tone, style, terminology, and formatting\n6. **Content Structure**: Suggest improvements to organization and flow\n7. **Technical Accuracy**: For technical documentation, verify accuracy of instructions and examples\n\nPay special attention to:\n- Common typos and misspellings\n- Missing or incorrect punctuation\n- Inconsistent capitalization\n- Broken or malformed links\n- Unclear or confusing sentences\n- Missing or incorrect markdown syntax`;\n } else {\n reviewGuidelines = `## Review Guidelines\nPlease provide a thorough code review focusing on:\n\n1. **Code Quality**: Clean code principles, readability, maintainability\n2. **Security**: Potential security vulnerabilities or concerns\n3. **Performance**: Efficiency issues, potential bottlenecks\n4. **Best Practices**: Language-specific conventions and patterns\n5. **Logic & Bugs**: Potential logical errors or edge cases\n6. **Testing**: Suggestions for test coverage if applicable`;\n }\n\n const prompt = `Please review this pull request and provide constructive feedback.\n\n## Pull Request Information\n**Title**: ${prInfo.title}\n**Description**: ${prInfo.description || \"No description provided\"}\n**Author**: ${prInfo.author}\n**Branch**: ${prInfo.headBranch} → ${prInfo.baseBranch}\n\n## Changed Files (${files.length} files)\n${filesContent}\n\n${reviewGuidelines}\n\nPlease structure your response in markdown format as follows:\n\n## Summary\nBrief overall assessment of the PR (2-3 sentences)\n\n## Strengths\n- What's implemented well\n- Good practices observed\n- Positive aspects of the content/code\n\n## Issues Found\n- Specific problems with file references (use filename:line format when possible)\n- For markdown: typos, grammar issues, formatting problems\n- For code: bugs, logical errors, security concerns, performance issues\n\n## Suggestions\n- Recommendations for improvement\n- Best practice suggestions\n- Content/code organization improvements\n\n## ${hasMarkdown ? \"Content Quality & \" : \"\"}Security & Best Practices\n${hasMarkdown ? \"- Content accuracy and clarity\\n- Proper markdown formatting\\n\" : \"\"}- Any security considerations\n- Compliance with coding standards\n- Suggestions for testing\n\nKeep the tone constructive and helpful. Focus on the most important issues first. ${hasMarkdown ? \"For markdown files, be thorough in identifying typos and grammar issues.\" : \"\"} If the content/code looks good overall, emphasize the positives!`;\n\n try {\n const response = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": apiKey,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-3-5-sonnet-20241022\",\n max_tokens: 3000,\n messages: [\n {\n role: \"user\",\n content: prompt,\n },\n ],\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Claude API error: ${response.status} - ${errorText}`);\n }\n\n const data = await response.json();\n \n if (data.content && data.content[0] && data.content[0].type === \"text\") {\n return data.content[0].text;\n } else {\n throw new Error(\"Unexpected response format from Claude API\");\n }\n } catch (error) {\n console.error(\"Claude API error:\", error);\n throw new Error(`Failed to generate review: ${error.message}`);\n }\n}",[],[177],{"_105":187,"_96":100,"_158":117,"_160":-5,"_161":143,"_162":188,"_163":22,"_107":189,"_101":190,"_166":191,"_168":192,"_170":22,"_171":-5,"_172":193,"_99":194},"80320172-c61c-11f0-bd10-42dde27851f2",13,["D",1763648616049],1,"http","/**\n * Debug endpoint to check configuration and test API connections\n */\nexport default async function(request: Request): Promise {\n const url = new URL(request.url);\n \n if (url.pathname === \"/test-github\" && request.method === \"GET\") {\n return await testGitHubConnection();\n }\n \n if (url.pathname === \"/test-claude\" && request.method === \"GET\") {\n return await testClaudeConnection();\n }\n \n // Main debug page\n const githubToken = Deno.env.get(\"GITHUB_TOKEN\");\n const anthropicKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n const webhookSecret = Deno.env.get(\"WEBHOOK_SECRET\");\n \n const status = {\n environment: {\n GITHUB_TOKEN: githubToken ? \"✅ Set\" : \"❌ Missing\",\n ANTHROPIC_API_KEY: anthropicKey ? \"✅ Set\" : \"❌ Missing\", \n WEBHOOK_SECRET: webhookSecret ? \"✅ Set\" : \"❌ Missing\"\n },\n endpoints: {\n \"Test GitHub API\": \"/test-github\",\n \"Test Claude API\": \"/test-claude\"\n },\n webhookUrl: `${url.origin}/webhook`\n };\n \n return new Response(JSON.stringify(status, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n}\n\nasync function testGitHubConnection(): Promise {\n const token = Deno.env.get(\"GITHUB_TOKEN\");\n \n if (!token) {\n return new Response(JSON.stringify({\n success: false,\n error: \"GITHUB_TOKEN not configured\"\n }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n \n try {\n const response = await fetch(\"https://api.github.com/user\", {\n headers: {\n Authorization: `Bearer ${token}`,\n Accept: \"application/vnd.github.v3+json\",\n \"User-Agent\": \"CodeReviewBot/1.0\",\n },\n });\n \n if (response.ok) {\n const user = await response.json();\n return new Response(JSON.stringify({\n success: true,\n message: \"GitHub API connection successful\",\n user: {\n login: user.login,\n name: user.name,\n type: user.type\n }\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } else {\n return new Response(JSON.stringify({\n success: false,\n error: `GitHub API error: ${response.status} ${response.statusText}`\n }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n } catch (error) {\n return new Response(JSON.stringify({\n success: false,\n error: `Connection failed: ${error.message}`\n }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n}\n\nasync function testClaudeConnection(): Promise {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n \n if (!apiKey) {\n return new Response(JSON.stringify({\n success: false,\n error: \"ANTHROPIC_API_KEY not configured\"\n }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n \n try {\n const response = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": apiKey,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-3-5-sonnet-20241022\",\n max_tokens: 50,\n messages: [\n {\n role: \"user\",\n content: \"Say 'API test successful' if you can read this.\",\n },\n ],\n }),\n });\n\n if (response.ok) {\n const data = await response.json();\n const message = data.content?.[0]?.text || \"No response text\";\n \n return new Response(JSON.stringify({\n success: true,\n message: \"Claude API connection successful\",\n response: message\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } else {\n const errorText = await response.text();\n return new Response(JSON.stringify({\n success: false,\n error: `Claude API error: ${response.status} - ${errorText}`\n }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n } catch (error) {\n return new Response(JSON.stringify({\n success: false,\n error: `Connection failed: ${error.message}`\n }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n}",[],[100],{"_105":196,"_96":197,"_158":198,"_160":-5,"_161":143,"_162":199,"_163":119,"_107":200,"_101":32,"_166":167,"_168":201,"_170":22,"_171":-5,"_172":202,"_99":203},"99e5a6f0-c61c-11f0-ab5d-42dde27851f2","example-env.md","99e5a7c2-c61c-11f0-ab5d-42dde27851f2",18,["D",1763648659175],"# Example Environment Variables\n\nCopy these to your Val Town environment variables section:\n\n## Required Variables\n\n```\nGITHUB_TOKEN=ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\nANTHROPIC_API_KEY=sk-ant-api03-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\nWEBHOOK_SECRET=a1b2c3d4e5f6789012345678901234567890abcdef1234567890abcdef123456\n```\n\n## How to Generate Each Variable\n\n### GITHUB_TOKEN\n1. Go to https://github.com/settings/personal-access-tokens/new\n2. Select \"Fine-grained personal access token\"\n3. Choose your repository\n4. Set permissions:\n - Metadata: Read\n - Contents: Read \n - Pull requests: Read and write\n5. Generate token and copy the value\n\n### ANTHROPIC_API_KEY\n1. Go to https://console.anthropic.com/\n2. Sign up/login\n3. Go to API Keys section\n4. Create new key\n5. Copy the key (starts with `sk-ant-api03-`)\n\n### WEBHOOK_SECRET\nGenerate a random string:\n```bash\n# On Mac/Linux:\nopenssl rand -hex 32\n\n# Or use any random string generator\n# Example: a1b2c3d4e5f6789012345678901234567890abcdef1234567890abcdef123456\n```\n\n## Setting Variables in Val Town\n\n1. Go to your Val Town dashboard\n2. Click on Settings (gear icon)\n3. Go to Environment Variables\n4. Add each variable name and value\n5. Save changes\n\nThe variables will be available to all your vals via `Deno.env.get('VARIABLE_NAME')`.",[],[197],{"_105":205,"_96":206,"_158":207,"_160":-5,"_161":143,"_162":208,"_163":22,"_107":209,"_101":190,"_166":182,"_168":210,"_170":22,"_171":-5,"_172":211,"_99":212},"a2a817b4-c61c-11f0-919e-42dde27851f2","github.ts","5aa440c8-c61c-11f0-be6b-42dde27851f2",19,["D",1763648673868],"import { generateCodeReview } from \"./claude.ts\";\nimport { shouldReviewFile, truncateText } from \"./utils.ts\";\n\ninterface GitHubFile {\n filename: string;\n status: string;\n patch?: string;\n sha: string;\n}\n\n/**\n * Main function to review a pull request\n */\nexport async function reviewPullRequest(payload: any): Promise {\n const githubToken = Deno.env.get(\"GITHUB_TOKEN\");\n \n if (!githubToken) {\n throw new Error(\"GITHUB_TOKEN not configured\");\n }\n\n const pr = payload.pull_request;\n const repo = payload.repository;\n \n console.log(`Reviewing PR #${pr.number} in ${repo.full_name}`);\n\n try {\n // Post initial comment to let users know review is starting\n await postComment(\n githubToken,\n repo.owner.login,\n repo.name,\n pr.number,\n \"🤖 Code review in progress... I'll analyze the changes and post my findings shortly!\"\n );\n\n // Get the list of changed files\n const changedFiles = await getChangedFiles(\n githubToken,\n repo.owner.login,\n repo.name,\n pr.base.sha,\n pr.head.sha\n );\n\n console.log(`Found ${changedFiles.length} changed files`);\n\n // Filter files that should be reviewed and limit to prevent API limits\n const filesToReview = changedFiles\n .filter(file => shouldReviewFile(file.filename) && file.status !== \"removed\")\n .slice(0, 8); // Limit to 8 files to avoid token limits and stay responsive\n\n if (filesToReview.length === 0) {\n await postComment(\n githubToken,\n repo.owner.login,\n repo.name,\n pr.number,\n \"🤖 No reviewable code files found in this PR. The changes appear to be documentation, configuration, or other non-code files.\\n\\n*If you expected code to be reviewed, check that the files have supported extensions (js, ts, py, java, etc.)*\"\n );\n return;\n }\n\n console.log(`Reviewing ${filesToReview.length} files (${changedFiles.length} total changed)`);\n\n // Get file contents for each file to review\n const filesWithContent = [];\n for (const file of filesToReview) {\n try {\n const content = await getFileContent(\n githubToken,\n repo.owner.login,\n repo.name,\n file.filename,\n pr.head.sha\n );\n \n filesWithContent.push({\n path: file.filename,\n patch: file.patch || \"\",\n content: content,\n status: file.status,\n });\n } catch (error) {\n console.error(`Failed to get content for ${file.filename}:`, error);\n // Continue with other files, don't fail the entire review\n filesWithContent.push({\n path: file.filename,\n patch: file.patch || \"\",\n content: `// Could not retrieve file content: ${error.message}`,\n status: file.status,\n });\n }\n }\n\n // Generate review using Claude\n console.log(\"Generating review with Claude...\");\n const review = await generateCodeReview(\n {\n title: pr.title,\n description: pr.body || \"\",\n author: pr.user.login,\n baseBranch: pr.base.ref,\n headBranch: pr.head.ref,\n },\n filesWithContent\n );\n\n // Post the review\n const reviewComment = `## 🤖 AI Code Review\n\n${review}\n\n---\n*Review generated by Claude AI • [Improve this review](https://github.com/${repo.full_name}/issues)*`;\n\n await postComment(\n githubToken,\n repo.owner.login,\n repo.name,\n pr.number,\n reviewComment\n );\n\n console.log(\"Review posted successfully!\");\n\n } catch (error) {\n console.error(\"Review failed:\", error);\n \n // Post error comment\n await postComment(\n githubToken,\n repo.owner.login,\n repo.name,\n pr.number,\n `🚨 Code review failed: ${error.message}\\n\\nPlease check the bot configuration and try again.`\n ).catch(console.error);\n }\n}\n\n/**\n * Get the list of changed files in a PR\n */\nasync function getChangedFiles(\n token: string,\n owner: string,\n repo: string,\n baseSha: string,\n headSha: string\n): Promise {\n const response = await fetch(\n `https://api.github.com/repos/${owner}/${repo}/compare/${baseSha}...${headSha}`,\n {\n headers: {\n Authorization: `Bearer ${token}`,\n Accept: \"application/vnd.github.v3+json\",\n \"User-Agent\": \"CodeReviewBot/1.0\",\n },\n }\n );\n\n if (!response.ok) {\n throw new Error(`Failed to get changed files: ${response.status} ${response.statusText}`);\n }\n\n const data = await response.json();\n return data.files || [];\n}\n\n/**\n * Get the content of a specific file\n */\nasync function getFileContent(\n token: string,\n owner: string,\n repo: string,\n path: string,\n sha: string\n): Promise {\n const response = await fetch(\n `https://api.github.com/repos/${owner}/${repo}/contents/${path}?ref=${sha}`,\n {\n headers: {\n Authorization: `Bearer ${token}`,\n Accept: \"application/vnd.github.v3+json\",\n \"User-Agent\": \"CodeReviewBot/1.0\",\n },\n }\n );\n\n if (!response.ok) {\n throw new Error(`Failed to get file content: ${response.status} ${response.statusText}`);\n }\n\n const data = await response.json();\n \n if (data.content) {\n // Decode base64 content\n return atob(data.content.replace(/\\n/g, \"\"));\n }\n \n return \"\";\n}\n\n/**\n * Post a comment on a GitHub issue/PR\n */\nasync function postComment(\n token: string,\n owner: string,\n repo: string,\n issueNumber: number,\n body: string\n): Promise {\n const response = await fetch(\n `https://api.github.com/repos/${owner}/${repo}/issues/${issueNumber}/comments`,\n {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${token}`,\n Accept: \"application/vnd.github.v3+json\",\n \"Content-Type\": \"application/json\",\n \"User-Agent\": \"CodeReviewBot/1.0\",\n },\n body: JSON.stringify({ body }),\n }\n );\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Failed to post comment: ${response.status} ${response.statusText} - ${errorText}`);\n }\n}",[],[206],{"_105":214,"_96":215,"_158":216,"_160":-5,"_161":143,"_162":217,"_163":119,"_107":218,"_101":181,"_166":191,"_168":219,"_170":22,"_171":-5,"_172":220,"_99":221},"b4f7f29a-c61c-11f0-8ac9-42dde27851f2","index.ts","3f0005e6-c61c-11f0-9ca6-42dde27851f2",23,["D",1763648704591],"import { verifyWebhookSignature } from \"./utils.ts\";\nimport { reviewPullRequest } from \"./github.ts\";\n\nexport default async function(request: Request): Promise {\n const url = new URL(request.url);\n \n // Health check endpoint\n if (url.pathname === \"/\" && request.method === \"GET\") {\n return new Response(\n `Code Review Bot 🤖\n\n✅ Bot is running\n📍 Webhook endpoint: ${url.origin}/webhook\n🔧 Debug endpoint: ${url.origin.replace('/index.ts', '/debug.ts')}\n\nConfigure GitHub webhook to POST /webhook`,\n { headers: { \"Content-Type\": \"text/plain\" } }\n );\n }\n\n // Test webhook endpoint (for debugging)\n if (url.pathname === \"/webhook\" && request.method === \"GET\") {\n return new Response(\n JSON.stringify({\n message: \"Webhook endpoint is ready\",\n method: \"POST required\",\n contentType: \"application/json\",\n headers: {\n required: [\"x-github-event\", \"x-hub-signature-256\"],\n optional: [\"x-github-delivery\"]\n }\n }, null, 2),\n { headers: { \"Content-Type\": \"application/json\" } }\n );\n }\n\n // Webhook endpoint\n if (url.pathname === \"/webhook\" && request.method === \"POST\") {\n try {\n const signature = request.headers.get(\"x-hub-signature-256\");\n const body = await request.text();\n const webhookSecret = Deno.env.get(\"WEBHOOK_SECRET\");\n\n if (!webhookSecret) {\n console.error(\"WEBHOOK_SECRET not configured\");\n return new Response(\n JSON.stringify({ \n error: \"Server configuration error\", \n message: \"WEBHOOK_SECRET environment variable not set\" \n }), \n { \n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n }\n );\n }\n\n // Verify webhook signature\n if (!signature || !(await verifyWebhookSignature(body, signature, webhookSecret))) {\n console.error(\"Invalid webhook signature\");\n return new Response(\"Invalid signature\", { status: 401 });\n }\n\n const event = request.headers.get(\"x-github-event\");\n const contentType = request.headers.get(\"content-type\") || \"\";\n\n // Parse payload (GitHub can send as JSON or form-encoded)\n let payload;\n if (contentType.includes(\"application/json\")) {\n payload = JSON.parse(body);\n } else {\n // Handle form-encoded payload\n const params = new URLSearchParams(body);\n payload = JSON.parse(params.get(\"payload\") || \"{}\");\n }\n\n // Handle opened and reopened PRs\n if (\n event === \"pull_request\" &&\n (payload.action === \"opened\" || payload.action === \"reopened\")\n ) {\n console.log(`Starting review for PR #${payload.pull_request.number}`);\n \n // Start the review process (don't await to return quickly)\n reviewPullRequest(payload).catch((error) => {\n console.error(\"Review failed:\", error);\n });\n \n return new Response(\n JSON.stringify({ message: \"Review started\" }),\n { \n headers: { \"Content-Type\": \"application/json\" },\n status: 200 \n }\n );\n }\n\n return new Response(\n JSON.stringify({ message: \"Event ignored\" }),\n { \n headers: { \"Content-Type\": \"application/json\" },\n status: 200 \n }\n );\n\n } catch (error) {\n console.error(\"Webhook processing error:\", error);\n return new Response(\"Internal server error\", { status: 500 });\n }\n }\n\n return new Response(\"Not found\", { status: 404 });\n}",[],[215],{"_105":223,"_96":224,"_158":225,"_160":-5,"_161":143,"_162":190,"_163":119,"_107":226,"_101":32,"_166":182,"_168":73,"_170":22,"_171":-5,"_172":227,"_99":228},"c9ee2e40-c61b-11f0-b02f-42dde27851f2","main.ts","c9ee2ecc-c61b-11f0-b02f-42dde27851f2",["D",1763648310268],[],[224],{"_105":230,"_96":231,"_158":232,"_160":-5,"_161":143,"_162":233,"_163":119,"_107":234,"_101":190,"_166":191,"_168":235,"_170":22,"_171":-5,"_172":236,"_99":237},"6381dec6-c61c-11f0-889a-42dde27851f2","test.ts","6262d176-c61c-11f0-a522-42dde27851f2",9,["D",1763648567920],"import { verifyWebhookSignature } from \"./utils.ts\";\n\n// Test webhook signature verification\nexport default async function(): Promise {\n const testPayload = '{\"test\": \"payload\"}';\n const testSecret = \"test-secret\";\n \n // Generate expected signature\n const encoder = new TextEncoder();\n const key = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(testSecret),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n\n const signatureBytes = await crypto.subtle.sign(\n \"HMAC\",\n key,\n encoder.encode(testPayload),\n );\n \n const signature = \"sha256=\" + Array.from(new Uint8Array(signatureBytes))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n\n // Test verification\n const isValid = await verifyWebhookSignature(testPayload, signature, testSecret);\n const isInvalid = await verifyWebhookSignature(testPayload, \"sha256=invalid\", testSecret);\n\n return new Response(JSON.stringify({\n validSignature: isValid,\n invalidSignature: isInvalid,\n expectedSignature: signature\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n}",[],[231],{"_105":239,"_96":240,"_158":241,"_160":-5,"_161":143,"_162":242,"_163":119,"_107":243,"_101":190,"_166":182,"_168":244,"_170":22,"_171":-5,"_172":245,"_99":246},"8ea71ac0-c622-11f0-b725-42dde27851f2","utils.ts","4403e8c8-c61c-11f0-bf3e-42dde27851f2",29,["D",1763651217287],"/**\n * Verify GitHub webhook signature using HMAC-SHA256\n */\nexport async function verifyWebhookSignature(\n payload: string,\n signature: string,\n secret: string,\n): Promise {\n const encoder = new TextEncoder();\n \n // Import the secret as a key for HMAC\n const key = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(secret),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n\n // Sign the payload\n const signatureBytes = await crypto.subtle.sign(\n \"HMAC\",\n key,\n encoder.encode(payload),\n );\n \n // Convert to hex string with sha256= prefix\n const expected =\n \"sha256=\" +\n Array.from(new Uint8Array(signatureBytes))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n\n return signature === expected;\n}\n\n/**\n * Truncate text to a maximum length with ellipsis\n */\nexport function truncateText(text: string, maxLength: number): string {\n if (text.length <= maxLength) {\n return text;\n }\n return text.substring(0, maxLength - 3) + \"...\";\n}\n\n/**\n * Extract file extension from filename\n */\nexport function getFileExtension(filename: string): string {\n const parts = filename.split(\".\");\n return parts.length > 1 ? parts[parts.length - 1].toLowerCase() : \"\";\n}\n\n/**\n * Check if a file should be reviewed based on its extension\n */\nexport function shouldReviewFile(filename: string): boolean {\n const reviewableExtensions = [\n \"js\", \"ts\", \"jsx\", \"tsx\", \"py\", \"java\", \"cpp\", \"c\", \"cs\", \"php\", \n \"rb\", \"go\", \"rs\", \"swift\", \"kt\", \"scala\", \"clj\", \"hs\", \"ml\", \"fs\",\n \"vue\", \"svelte\", \"html\", \"css\", \"scss\", \"sass\", \"less\", \"sql\",\n \"md\", \"mdx\" // Added markdown files for typo checking\n ];\n \n const extension = getFileExtension(filename);\n return reviewableExtensions.includes(extension);\n}\n\n/**\n * Check if a file is a markdown file\n */\nexport function isMarkdownFile(filename: string): boolean {\n const extension = getFileExtension(filename);\n return [\"md\", \"mdx\"].includes(extension);\n}",[],[240],{"_105":248,"_96":249,"_158":250,"_160":-5,"_161":143,"_162":251,"_163":119,"_107":252,"_101":190,"_166":191,"_168":253,"_170":22,"_171":-5,"_172":254,"_99":255},"b205a488-c61c-11f0-b018-42dde27851f2","webhook-test.ts","b046b5ec-c61c-11f0-b786-42dde27851f2",22,["D",1763648699648],"/**\n * Test webhook with a mock GitHub payload\n */\nexport default async function(): Promise {\n // Mock GitHub PR payload\n const mockPayload = {\n action: \"opened\",\n pull_request: {\n number: 123,\n title: \"Test PR\",\n body: \"This is a test pull request\",\n user: { login: \"testuser\" },\n base: { ref: \"main\", sha: \"abc123\" },\n head: { ref: \"feature-branch\", sha: \"def456\" }\n },\n repository: {\n name: \"test-repo\",\n full_name: \"testuser/test-repo\",\n owner: { login: \"testuser\" }\n }\n };\n\n const payloadString = JSON.stringify(mockPayload);\n const secret = \"test-secret-123\";\n\n // Generate signature\n const encoder = new TextEncoder();\n const key = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(secret),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n\n const signatureBytes = await crypto.subtle.sign(\n \"HMAC\",\n key,\n encoder.encode(payloadString),\n );\n \n const signature = \"sha256=\" + Array.from(new Uint8Array(signatureBytes))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n\n // Test the webhook endpoint\n const webhookUrl = \"https://ianvph--3f0005e6c61c11f09ca642dde27851f2.web.val.run/webhook\";\n \n try {\n const response = await fetch(webhookUrl, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-github-event\": \"pull_request\",\n \"x-hub-signature-256\": signature,\n \"x-github-delivery\": \"test-delivery-123\"\n },\n body: payloadString\n });\n\n const responseText = await response.text();\n\n return new Response(JSON.stringify({\n success: response.ok,\n status: response.status,\n statusText: response.statusText,\n response: responseText,\n testPayload: {\n signature,\n event: \"pull_request\",\n action: \"opened\"\n }\n }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n\n } catch (error) {\n return new Response(JSON.stringify({\n success: false,\n error: error.message\n }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n}",[],[249],"files",[155,175,186,195,204,213,222,229,238,247],"counts",{"_260":32,"_261":190,"_262":190,"_263":264},"pulls","branches","forks","envVars",{"_265":181,"_266":32},"count","emptyCount","contents",[],{"_105":187,"_96":100,"_158":117,"_160":-5,"_161":143,"_162":188,"_163":22,"_107":270,"_101":190,"_166":191,"_168":192,"_170":22,"_171":-5,"_99":271},["D",1763648616049],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":280,"_153":285,"_256":316,"_167":317,"_267":319,"_320":-5,"_321":-5,"_322":-5,"_323":-5,"_324":325,"_263":-5},{"_105":106,"_96":97,"_107":281,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":123,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":282,"_137":283,"_140":284,"_152":22},["D",1763648310258],{"_94":95,"_135":136},{"_94":95,"_139":136,"_14":115},{"_101":142,"_96":44,"_105":143,"_144":106,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":97,"_151":95},[286,289,292,295,298,301,304,307,310,313],{"_105":156,"_96":157,"_158":159,"_160":-5,"_161":143,"_162":102,"_163":22,"_107":164,"_101":165,"_166":167,"_168":169,"_170":22,"_171":-5,"_172":287,"_99":288},[],[157],{"_105":176,"_96":177,"_158":178,"_160":-5,"_161":143,"_162":179,"_163":22,"_107":180,"_101":181,"_166":182,"_168":183,"_170":22,"_171":-5,"_172":290,"_99":291},[],[177],{"_105":187,"_96":100,"_158":117,"_160":-5,"_161":143,"_162":188,"_163":22,"_107":189,"_101":190,"_166":191,"_168":192,"_170":22,"_171":-5,"_172":293,"_99":294},[],[100],{"_105":196,"_96":197,"_158":198,"_160":-5,"_161":143,"_162":199,"_163":119,"_107":200,"_101":32,"_166":167,"_168":201,"_170":22,"_171":-5,"_172":296,"_99":297},[],[197],{"_105":205,"_96":206,"_158":207,"_160":-5,"_161":143,"_162":208,"_163":22,"_107":209,"_101":190,"_166":182,"_168":210,"_170":22,"_171":-5,"_172":299,"_99":300},[],[206],{"_105":214,"_96":215,"_158":216,"_160":-5,"_161":143,"_162":217,"_163":119,"_107":218,"_101":181,"_166":191,"_168":219,"_170":22,"_171":-5,"_172":302,"_99":303},[],[215],{"_105":223,"_96":224,"_158":225,"_160":-5,"_161":143,"_162":190,"_163":119,"_107":226,"_101":32,"_166":182,"_168":73,"_170":22,"_171":-5,"_172":305,"_99":306},[],[224],{"_105":230,"_96":231,"_158":232,"_160":-5,"_161":143,"_162":233,"_163":119,"_107":234,"_101":190,"_166":191,"_168":235,"_170":22,"_171":-5,"_172":308,"_99":309},[],[231],{"_105":239,"_96":240,"_158":241,"_160":-5,"_161":143,"_162":242,"_163":119,"_107":243,"_101":190,"_166":182,"_168":244,"_170":22,"_171":-5,"_172":311,"_99":312},[],[240],{"_105":248,"_96":249,"_158":250,"_160":-5,"_161":143,"_162":251,"_163":119,"_107":252,"_101":190,"_166":191,"_168":253,"_170":22,"_171":-5,"_172":314,"_99":315},[],[249],[286,289,292,295,298,301,304,307,310,313],{"_105":187,"_96":100,"_158":117,"_160":-5,"_161":143,"_162":188,"_163":22,"_107":270,"_101":190,"_166":191,"_168":192,"_170":22,"_171":-5,"_99":318},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]