feat(ui): image paste from clipboard in editor (#425)#66
Open
advancedresearcharray wants to merge 10 commits into
Open
feat(ui): image paste from clipboard in editor (#425)#66advancedresearcharray wants to merge 10 commits into
advancedresearcharray wants to merge 10 commits into
Conversation
Enable clipboard paste and drag-and-drop image upload in both visual (BlockNote) and source (CodeMirror) editor modes with loading placeholders, standardized paste filenames, and error toasts. Co-authored-by: Cursor <cursoragent@cursor.com>
CodeMirror upload already renames via uploadAssetForEditor; derive alt text from the uploaded asset ref instead of pre-renaming the file twice. Co-authored-by: Cursor <cursoragent@cursor.com>
…kiwifs#425) Delegate file rename to the upload callback (same as CodeMirror path) and derive alt text from the uploaded asset ref basename. Co-authored-by: Cursor <cursoragent@cursor.com>
Block source-mode save while uploads are in-flight, fix Safari clipboard extraction fallback, add paste/drop handler tests, and remove unused ProseMirror plugin to avoid double-handling with BlockNote uploadFile. Co-authored-by: Cursor <cursoragent@cursor.com>
…iwifs#425) Include onUploadStart/onUploadEnd in MarkdownSourceEditor.imagePaste typing so source-mode save gating receives upload lifecycle events. Add 2026-07-03 delivery episode log. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Track BlockNote uploadFile lifecycle with pending upload counter so autosave and manual save wait for in-flight paste/drop uploads in both editor modes. Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Summary
paste-YYYYMMDD-HHMMSS.extnaming, Safari clipboard fallback, and uploading placeholderswhile uploading, then replaces with a relative markdown image ref on successuploadFilewith standardized rename, error toast, and failed-block cleanupkiwi-upload://placeholders remainCloses kiwifs#425
Files changed
New
ui/src/lib/editorImagePaste.ts— MIME helpers, paste filename, clipboard extraction, markdown refsui/src/lib/editorImagePasteExtension.ts— CodeMirror paste/drop handlersui/src/components/EditorImageDropOverlay.tsx— dashed drop-zone overlayui/src/lib/editorImagePaste.test.ts— 8 unit testsui/src/lib/editorImagePasteExtension.test.ts— 7 extension testsModified
ui/src/components/KiwiEditor.tsx— upload wiring, drop overlay, error toast, save gating (both modes)ui/src/components/editor/MarkdownSourceEditor.tsx— integrates image paste extensionTest plan
cd ui && npm test -- src/lib/editorImagePaste.test.ts src/lib/editorImagePasteExtension.test.ts→ 15 passedcd ui && npm test→ 204 passed (35 files)