Claude/visual editing react native 0147 a mtd8 jj lt2 pa dtf4 p qb2 #2076
+6,174
−3,202
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Features Added - Visual editor overlay with style panel - Live element selection and style editing - Color pickers for background, text, and border - Border controls (width, style, color) - Individual corner radius controls - Text content editing - Font weight selector - Opacity slider - Message-passing architecture for cross-origin iframe communication ## Architecture - VisualEditorOverlay component in Preview.tsx - Injected visual-editor-script.js for iframe-side element interaction - postMessage communication for VISUAL_EDITOR_* events - Real-time DOM updates via style property changes ## Technical Implementation - Fixed Babel imports for browser compatibility - Added TypeScript type definitions (@types/babel__*) - Implemented iframe message handler for element selection and updates - Added comprehensive style editing controls ## Documentation - Created VISUAL_EDITOR_ROADMAP.md with Figma-like canvas implementation guide - Analyzed reference Figma clone for drag/resize/multi-select features - Documented next steps for canvas-based visual editing ## Next Steps (See .claude/VISUAL_EDITOR_ROADMAP.md) - Add drag & resize handles - Implement multi-select with selection box - Add rotation handle - Canvas state management for element creation 🎨 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
- Install @ai-sdk/cerebras package - Create Cerebras provider implementation with 6 models (Llama 3.1 8B, Llama 3.3 70B, Qwen 3 32B, Qwen 3 235B, GPT-OSS 120B, ZAI GLM 4.6) - Add Cerebras provider to registry - Hide 15 providers from dropdown: Perplexity, OpenRouter, Moonshot, Mistral, Anthropic, Amazon Bedrock, HuggingFace, Github, Hyperbolic, Deepseek, Ollama, LM Studio, OpenAI-like, Together, Cohere - Keep only 5 visible providers: Cerebras, OpenAI, Google, Groq, XAI - Add getVisibleProviders() method to LLMManager for filtering providers - Update PROVIDER_LIST to use visible providers only - Fix all linting and TypeScript errors in visual editor components Also includes user's visual editor changes and environment updates.
- Refactored transform logic to use incremental deltas for smoother tracking - Added pointer capture for resize handles and element dragging - Changed to pointer events for better touch/mouse support - Added iframe scroll synchronization for overlay alignment - Increased resize handle size and made them circular - Minor Cerebras provider cleanup and formatting
- Add CEREBRAS_API_KEY to .env.example with setup instructions - Add Cerebras to CloudProvidersTab UI (type, icon, description) - Add Cerebras to import/export API keys template - Add Cerebras completion limits (4096 tokens) Cerebras is now fully integrated and discoverable in settings UI
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.