expo / expo/snack

AI Integrated IDE

Open
#689 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.