Adding a custom widget to a uikit app with the new Frame component

I’ve got a uikit app I’m trying to add an html editor to. Currently using TinyMCE, but really anything would work. It works fine in my Tunnel environment, but when I move it to prod, I get 422 errors because of the .css and .js files that TinyMCE is using. What’s the best practice to get an external widget like that to work in the Frame component? My manifest.yml file has these permissions: content:
scripts:
- ‘unsafe-inline’
- ‘unsafe-eval’
styles:
- ‘unsafe-inline’ error from my browser: Request URL:
https://3h7wcu-b8066b5aj-12kv8bxnd3--1i1f8g4-tiyiw3fdv-1bm6cpwwxa.cdn.prod.atlassian-dev.net/static/js/main.f18faaf0.js
Request Method:
GET
Status Code:
422 Unprocessable Content
Remote Address:
13.35.248.9:443
Referrer Policy:
strict-origin-when-cross-origin

Hi @EricKruegerStrataCom. Nice meeting you at Team`25! I’ll be shooting you a DM to ask for more details. When we get down to the bottom of this, we’ll share publicly.

1 Like

I have a similar issue.

I added a Custom UI activity panel (not using Frame) and getting 422 downloading my custom ui’s main.js and main.css files.

I have a barebones page.

Any movement on this issue? Seems like a bug…

1 Like

Ah.. I got it to work.

Add this line to your Custom UI’s package.json:

"homepage": "."

If you have "main": "index.js", remove it.