feat(expressions): add router-playground-modal [KM-299]

[2eha0]

Summary

• migrate <RouterPlaygroundModal /> from kong-admin to public-ui
• bump it in <RouterForm /> and add some tests
• RouterPlayground.cy.ts is skipped for temporary, it requires wasm and Monaco vite plugins during the component tests running, which we should discuss with core UI team

[CLAassistant]

All committers have signed the CLA.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.

---

Zehao Zhang seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[kaiarrowood]

Some nits and suggestions. Did not functional test

[ValeryG]

I think introducing the mix of packages that share cypress.config and another set op packages that requires it's of cypress config Is a mistake. This makes CI (already complicated) even more complicated.

This makes me as a developer trying to create new package even more confused - do I do it with my own config or do I use shared...

We need to find the way of doing it unified way. If it has to be cypress config for each package - let's do it for every package. Have shared config as a function and extend it for packages that are needed.

But let's keep CI and package structure universal.

[adamdehaven]

I agree with @ValeryG here. We have an existing pattern in konnect-ui-apps - if we need to change, we should be more similar across repos.

@2eha0 I'd recommend moving the test-related changes out of this PR if you need the rest of the component feature work.

[2eha0]

@adamdehaven @ValeryG
Alright, It seems that the current test configuration method needs to be refactored. I'll create another PR to address this, For now, in this PR, I will revert the CI changes and skip some tests.

[adamdehaven]

@adamdehaven @ValeryG Alright, It seems that the current test configuration method needs to be refactored. I'll create another PR to address this, For now, in this PR, I will revert the CI changes and skip some tests.

Rather than refactoring the test configuration, it may be better to write up a summary of why the current setup does not meet your needs, and let the Core UI team evaluate any changes we can implement so that it works better for everyone, rather than integrating changes for a specific package.

Comments addressed

[sumimakito]

Did functionality tests and LGTM 🚀

We have some known issues in the router playground:

• HTTP headers in requests appeared as [object Object] in the exported JSON
• Support HTTP headers with multiple values (should add context value per header value)
• Better ID handling while importing/exporting requests
• Missing VFG in the sandbox causing Vue warnings

As the main goal of this PR is to move the playground from kong-admin to here, we can address them as separate follow-ups to avoid blocking this one. I've created KM-391 to track them.

Please hold off merging this until we have green CI in adoption PRs.

[sumimakito]

Tested functionality in Kong Manager and Konnect Gateway Manager. LGTM