AI Integrated IDE
- Dominant language
- TypeScript
- Stars
- 508
- Forks
- 178
- Avg merge
- 5h 7m
- Merged PRs (30d)
- 5
Description
Description
This PR integrates an AI-powered coding assistant directly into the Expo Snack web platform. It leverages the Monaco Editor's completion provider API to add inline ghost-text completions and introduces a collapsible chat sidebar for generating component code, refactoring, and debugging React Native screens.
Key Changes
Inline Autocomplete: Implements a Monaco InlineCompletionsProvider triggering debounced code suggestions based on the active file context.
AI Chat Panel: Adds a responsive sidebar UI panel alongside the previewer to ask questions or request full-component generations.
Secure API Route: Introduces a lightweight proxy endpoint under packages/website to forward streaming requests securely to LLMs without exposing frontend API keys.
🛠️ Mock Implementation & Code Diffs
Here is how the core architecture should be structured across the monorepo:
1. The Proxy API Endpoint
Create a server route to securely handle AI requests under the website backend.
Contributor guide
Research direction
Start in the Expo Snack monorepo, especially packages/website, and identify the Monaco InlineCompletionsProvider, the previewer layout, and the website backend route described in the issue. Review the proposed inline completion, chat sidebar, and streaming proxy requirements before defining the implementation scope. Done means these components are integrated securely and the stated AI workflows function together.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- ai, api, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100