feat(editor): add image support to scripts (paste, drop, file picker)

[Builder106]

Summary

Brings the script-image workflow to the v3.0.0 React/Tiptap editor. This supersedes #4, which was written against the pre-v3.0.0 vanilla-JS frontend/renderer editor that no longer exists. Reimplemented as a first-class Tiptap image node rather than the old base64-in-textarea [[image:…]] marker hack.

Changes

• Dependency: add @tiptap/extension-image, pinned to 3.22.3 so it resolves the same @tiptap/core as the rest of the Tiptap stack (a floating ^3.22.3 pulls core@3.26, which breaks @tiptap/react@3.22.3). The lockfile also picks up the stale version field fix (2.2.1 → 3.0.0) since npm install regenerates it.
• EditView: insert images via paste, drag-and-drop, and a 🖼 toolbar file picker; images are stored as base64 data-URLs in the doc. Image-only scripts now save/start (guards switched from getText().trim() to editor.isEmpty).
• tokenizer: emit an image token for image nodes so the read view sees them.
• ReadView: render image tokens as <img class="read-image"> in the scrolling teleprompter.
• style: image sizing/centering in both the editor and the read view.

Testing

• npm run build:frontend passes clean.
• Logic reviewed end-to-end: edit (insert) → save (getJSON persists the image node) → read (tokenizer → <img>).

Runtime verification inside the Tauri shell is recommended before merge.

[Builder106]

@ArunNGun Bumping this one as well. Let me know if you need any changes or if there are any blockers.

[ArunNGun]

this looks good will merge after running an final build, thank you for your contribution

[Builder106]

@ArunNGun

Thanks. I pushed 1b2febf to SankofaForge:pr/4-react-script-images. It fixes the order of multiple pasted or dropped images, replaces selected text when an image is pasted, and avoids updating an editor after it has been destroyed.

The combined PR #5 and PR #6 changes passed the tests, lint, frontend build, dependency audit, and full ARM64 Tauri build. The build produced .deb, .rpm, and AppImage bundles.

I recommend merging PR #6 first because both PRs touch the dependency files. After that, I can refresh PR #5 against main, regenerate its lockfile, and run the checks again.