feat: use editable actions for AI Toolbar

[Soare-Robert-Daniel]

Closes https://github.com/Codeinwp/otter-internals/issues/215

Summary

Added the toolbar actions as editable custom prompts.

Technical changes:

• new wp_option entry to save the custom actions
• I reworked the flow to hot-swap the pre-defined actions with the custom ones.

Screenshots

2024-07-30_12-55-01.mp4

2024-07-30_14-47-31.mp4

---

Test instructions

Note

Make sure to have an OpenAI API Key

1. Insert a paragraph block
2. Check the new actions in AI Toolbar
3. Check if you can modify the actions

---

Checklist before the final review

• Included E2E or unit tests for the changes in this PR.
• 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.
• PR is following the best practices

[pirate-bot]

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	263.53 KB	263.53 KB	0 B (0.00%)
Blocks	1.51 MB	1.51 MB	-455 B (-0.03%)
CSS	93.23 KB	93.23 KB	0 B (0.00%)
Dashboard	196.5 KB	198.65 KB	2.15 KB (1.09%)
Onboarding	153.19 KB	153.19 KB	0 B (0.00%)
Export Import	90.25 KB	90.25 KB	0 B (0.00%)
Pro	365.23 KB	365.23 KB	0 B (0.00%)

[pirate-bot]

Plugin build for e7edad1 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

[pirate-bot]

E2E Tests

Playwright Test Status:

Performance Results

serverResponse: 245.7, firstPaint: 153.1, domContentLoaded: 1610.85, loaded: 1611.55, firstContentfulPaint: 3670.15, firstBlock: 8152.7, type: 14.21, minType: 12.89, maxType: 17.18, typeContainer: 9.72, minTypeContainer: 7.7, maxTypeContainer: 13.49, focus: 36.06, minFocus: 32.58, maxFocus: 46.62, inserterOpen: 23.37, minInserterOpen: 21.07, maxInserterOpen: 27.32, inserterSearch: 0.76, minInserterSearch: 0.62, maxInserterSearch: 0.9, inserterHover: 4.22, minInserterHover: 2.81, maxInserterHover: 16.52, listViewOpen: 152.92, minListViewOpen: 143.17, maxListViewOpen: 167.25

[HardeepAsrani]

Just a few things:

• Can you make these button look like others? Maybe just have the icon to imply that they will open a new window as currently they look bit out of place.
• We should keep OpenAI Panel in the same place as it was before rather than moving it to top.
• Only show the option to edit prompts if the API key is present to avoid wasting space for those who aren't using the API key.

[carlalexander]

Looks good! I had one small thing around ternary operators in JS.

You should also at least merge the chore commit in the feat commit. If you want to keep the fix commit, you should have a test to show what you're fixing.

[carlalexander]

Thanks for doing the ternary operator change! 🙌

Just missing what I mentioned about commits in the last review:

You should also at least merge the chore commit in the feat commit. If you want to keep the fix commit, you should have a test to show what you're fixing.

The other option is to just merge everything into the feat commit. A fix commit should almost always have a test because you're fixing something. There are a few exceptions, but this doesn't seem like one to me.

[Soare-Robert-Daniel]

@carlalexander, the order is acceptable. I want the third commit to be separated as it is. I will change the name of the four commits to be more explicit than is about the three commit.

UPDATE: let's leave like this. The rebase is not working to well and I think I need to make new clean branch to make the change

[carlalexander]

I think it might be the merge commits. Usually, it's better to rebase the PR branch. Let's go ahead with this and we'll work more on this next time 🥳

[pirate-bot]

🎉 This PR is included in version 3.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀