2edd122d9b
## 🚀 Feature: Inline Code Editor This PR adds a comprehensive inline code editing experience to the DyadWrite component. ### ✨ What's New - **Inline Monaco Editor**: Edit code directly within the component using Monaco Editor - **Cancel/Revert**: Cancel changes and revert to original code state - **Language Detection**: Automatic syntax highlighting based on file extensions - **Theme Support**: Proper dark/light mode theming integration https://github.com/user-attachments/assets/c44ab622-6b86-403c-904d-3f327f9719e8 <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Adds an inline Monaco-based code editor to DyadWrite so users can edit code blocks in place, then save or cancel changes. Saves stream edits back to the chat as a dyad-edit block. - **New Features** - Inline editor with Edit, Save, and Cancel; preserves original code and auto-expands when editing. - Language detection from file extension and dark/light theme support. - Save streams edits via useStreamChat as <dyad-edit path="...">...</dyad-edit> tied to the selected chat. - Non-edit view still uses CodeHighlight; visibility toggle and in-progress state respected. - **Refactors** - ChatMessage now uses DyadMarkdownParser instead of VanillaMarkdownParser. <!-- End of auto-generated description by cubic. -->
20 lines
333 B
YAML
20 lines
333 B
YAML
- paragraph: Create a utility function in src/utils/helper.ts
|
|
- img
|
|
- text: file1.txt
|
|
- button "Edit":
|
|
- img
|
|
- img
|
|
- text: file1.txt typescript
|
|
- button "Copy":
|
|
- img
|
|
- paragraph: More EOM
|
|
- img
|
|
- text: Approved
|
|
- img
|
|
- text: less than a minute ago
|
|
- img
|
|
- text: wrote 1 file(s)
|
|
- button "Undo":
|
|
- img
|
|
- button "Retry":
|
|
- img |