Renders an embedded interactive CodePen sandbox workspace within the document.
| Surface | Note |
|---|---|
| meet-stage | Live sandboxed tabs and result viewports fail to initialize. |
| googlechat | Blocked — degrades to CodePen URL link. |
| Third-party sandboxes reject external frame initialization. | |
| apps-script-web | external iframe — depends on site's X-Frame-Options; test before use |
| Field | Type | |
|---|---|---|
| pen_id | string. Alphanumeric identity of the target snippet. | required |
| user_handle | string. Profile handle owning the snippet. | required |
{
"type": "embed_codepen",
"pen_id": "Pen id",
"user_handle": "User handle"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:embed_codepen",
"displayName": "Embed Codepen",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/embed_codepen",
"capabilities": [
"web"
],
"description": "Renders an embedded interactive CodePen sandbox workspace within the document.",
"representativeQueries": [
"show a embed interactive CodePen workspace development environments",
"renders an embedded interactive codepen sandbox workspace within the document.",
"render a embed codepen"
]
}The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy