fix(share): replace btoa/atob with encodeURIComponent for Unicode support #1660

[Tarulatapriya]

Description

This PR addresses issue #1660 where btoa throws an InvalidCharacterError when the user includes Unicode characters (like emojis or non-Latin text) in the editor state and attempts to copy the share link.

Fixes Made:

• Encoding/Decoding: Replaced btoa(JSON.stringify(recipe)) with encodeURIComponent(JSON.stringify(recipe)) in VideoEditor.tsx and useVideoEditor.ts.
• Backward Compatibility: Updated decodeRecipe to safely attempt decoding via decodeURIComponent first. If the decoded string isn't a valid JSON object (meaning the link was generated with the old base64 method), it gracefully falls back to atob(encoded). This guarantees that existing share links out in the wild will not break!

Related Issues

Fixes #1660
Fixes #1725

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• Backwards compatible enhancement

Additional Notes

• Contributing under GSSoC 2026.

[github-actions]

👋 Thanks for your PR, @Tarulatapriya!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
2. ✅ Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
3. 👀 Code review — a maintainer will review your changes
4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

• PR title follows Conventional Commits (e.g. feat: add dark mode)
• Linked the issue this PR closes (e.g. Closes #123)
• Tested the changes locally (bun run dev)
• Build passes (bun run build)

Useful links

• 📖 CONTRIBUTING.md
• 🐛 Open Issues
• ⭐ Star the repo to support the project!

Happy coding! 🎉

[github-actions]

✅ PR Format Check Passed — @Tarulatapriya

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

[Tarulatapriya]

Hey @saurabhhhcodes 👋 (GSSoC '26)

I've fixed this bug by replacing btoa/atob with encodeURIComponent/decodeURIComponent to fully support Unicode characters and emojis.

I also added a backward-compatibility fallback in decodeRecipe: it defaults to the new decoding method, but falls back to atob for old base64 share links, so existing URLs won't break for users!

Let me know if this looks good to merge!

[netlify]

✅ Deploy Preview for reframe-os ready!

Name	Link
🔨 Latest commit	37c70ba
🔍 Latest deploy log	https://app.netlify.com/projects/reframe-os/deploys/6aa98323763cf000083a7038
😎 Deploy Preview	https://deploy-preview-1758--reframe-os.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.