The PodOS component <pos-literals> displays a record and adds the Sol-Component imported attribute data-edit-shape. This attribute reads the specified shape and auto-creates a solid-ui form for it and places a pencil icon on the PodOS element. When clicked the form opens in a modal and if the user is logged in, is able to edit it.
PodOS shows the record — click its pencil to edit
# sol-components manifest — the data-edit-* attributes auto-load the editing
# stack via a barrel module (a JS file that imports its constituents)
# (no object shared here — using the attributes just pulls in code on demand)
{
"attributes": {
"data-edit-shape": { "module": "sol-components/core/rdf-bundle.js" }
}
}
# core/rdf-bundle.js — importing it IS loading the stack:
# import 'solid-logic'; import 'solid-ui'; import 'sol-form';
# import 'sol-modal'; import 'sol-settings'; …