Otter Tools Shortcuts

[Soare-Robert-Daniel]

Closes #1350.

Summary

Approved changes for Otter Tools toolbar:

• remove the feedback button
• shortcuts for Copy/Paste

Screenshots

---

Test instructions

Please make sure that the shortcuts are displayed and that they work.
⚠️ For Windows, you will need a machine for it. Browserstack does not seem to work well.

---

Checklist before the final review

• Visual elements are not affected by independent changes.
• It is at least compatible with the minimum WordPress version.
• It loads additional script in frontend only if it is required.
• Does not impact the Core Web Vitals.
• In case of deprecation, old blocks are safely migrated.
• It is usable in Widgets and FSE.
• Copy/Paste is working if the attributes are modified.

[pirate-bot]

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	191.24 KB	191.24 KB	0 B (0.00%)
Blocks	1.26 MB	1.26 MB	839 B (0.06%)
CSS	6.65 KB	6.65 KB	0 B (0.00%)
Dashboard	43.59 KB	43.59 KB	0 B (0.00%)
Export Import	5.06 KB	5.06 KB	0 B (0.00%)
Pro	102.35 KB	102.35 KB	0 B (0.00%)

[github-actions]

Plugin build for 49f0a3f is ready 🛎️!

• Download Otter – Page Builder Blocks & Extensions for Gutenberg - Production ~ Development
• Download Otter Pro - Production ~ Development
• Download Blocks Animation - Production ~ Development
• Download Blocks CSS - Production ~ Development
• Download Blocks Export Import - Production ~ Development

[mghenciu]

For the Keyboard shortcuts, can't we use something inspired from Figma and/or Divi? Both of them work in a bunch of browsers.
Ctrl + Alt + C/V
CMD + Option + C/V
Shift + Alt + C/V

My assumption is that currently, as a user, I would need both hands to do a Copy Paste, and this may be annoying.

[Soare-Robert-Daniel]

Update for MacOS: Ctrl+c copy and Ctrl+v paste

[pirate-bot]

E2E Summary

Typing

Test	Average Time (ms)	Standard Deviation (ms)	Median Time (ms)	Quantile for soft limit (%)	Quantile for hard limit (%)
Typing	54.61	17.71	49.75	81.82 (60ms)	98.99 (80ms)

Values above 60ms

"2 - 60.60, 7 - 76.23, 11 - 76.13, 15 - 73.99, 16 - 67.29, 20 - 69.11, 21 - 68.67, 23 - 66.77, 24 - 75.46, 26 - 73.29, 27 - 63.19, 34 - 66.62, 40 - 77.30, 41 - 73.34, 42 - 66.42, 43 - 69.58, 93 - 208.53, 94 - 66.72"

[HardeepAsrani]

For me, I couldn't get it to work on Mac either with Control + Command + J/K @Soare-Robert-Daniel

[Soare-Robert-Daniel]

For me, I couldn't get it to work on Mac either with Control + Command + J/K @Soare-Robert-Daniel

Sorry, I forgot to update the displays for MacOS. The new shortcuts are those #1378 (comment)

[HardeepAsrani]

@Soare-Robert-Daniel My bad, works for me now. Can you put it on QA if you're satisfied? Will be good to test it back all the way to 5.8 just to confirm.

[Soare-Robert-Daniel]

I will after some testing on windows. Maybe we can find a better combination like on mac.

[Soare-Robert-Daniel]

Update for Windows: Alt+c copy and Alt+x paste

[irinelenache]

@Soare-Robert-Daniel Tested and the shortcuts work fine for me with the latest version of Wordpress. If i'm using Wordpress 6.0 or lower, i will get this error when i try to add any block https://vertis.d.pr/i/TrqlIs

[Soare-Robert-Daniel]

I added the MacOS detection function to our lib. Now should work on all WP versions.

[irinelenache]

@Soare-Robert-Daniel Checked again and now everything's fine, thank you 🚀

[pirate-bot]

🎉 This PR is included in version 2.2.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀