vybe
01ac7e9041
- Introduces a general-purpose opencode skill to help agents build, debug, and publish DMS plugins. - Includes orientation, decision trees (plugin types), condensed cheat sheets, ecosystem map, and four generic vertical-slice starter templates (bar widget, popout widget, launcher, desktop widget). - Skill is versioned here for this project while remaining available as a global opencode skill. - Updated .gitignore to ignore globally-installed copies of the skill. Written by AI agent working for @jtmorris. Model: grok-build-0.1.
18 lines
No EOL
635 B
Markdown
18 lines
No EOL
635 B
Markdown
# Example Popout Widget Template
|
|
|
|
Bar widget that opens a styled popout panel when clicked.
|
|
|
|
## Key Things This Template Shows
|
|
|
|
- `layerNamespacePlugin` (critical for popouts)
|
|
- `PopoutComponent` usage with proper height calculation
|
|
- `closePopout()` available on the PopoutComponent root
|
|
- Separate horizontal/vertical bar pills
|
|
|
|
## Usage
|
|
|
|
Copy the folder, update `plugin.json`, customize the content inside the `PopoutComponent`, add real settings as needed.
|
|
|
|
Add `layerNamespacePlugin: "your-unique-id"` on every widget that opens a popout.
|
|
|
|
See the official docs for `PopoutComponent` props (`headerHeight`, `detailsHeight`, etc.). |