bootstrap
Adom Hydrogen (platform base)
Public Made by Adomby adom
Layer Hydrogen's workspace onto a standard Adom workstation.
← Commit history
0.5.47: hydrogen-widget skill 1.5.1 (max-content measurement, /preview pictures)
3 files changed
+12−5
package.json+1−1@@ -4,7 +4,7 @@ "type": "bootstrap", "title": "Adom Hydrogen (platform base)", "brief": "Layer Hydrogen's workspace onto a standard Adom workstation.",- "version": "0.5.46",+ "version": "0.5.47", "description": "Hydrogen's PLATFORM-GENERIC workspace layer on top of adom/core. Installs adom/core for the full Adom ecosystem, then adds everything common to running inside Hydrogen on ANY platform: the runtime-neutral hydrogen-* skills and the generic editor configuration (Claude Code CLI + extension, VS Code settings, trusted domains). Platform-specific layers depend on THIS: adom/hydrogen-windows-bootstrap (WSL2), adom/hydrogen-mac-bootstrap, adom/hydrogen-ubuntu-bootstrap. The reference design other orgs copy to build their own bootstrap on adom/core.", "org": "adom", "tags": [
page.json+2−2@@ -4,7 +4,7 @@ "type": "bootstrap", "title": "Adom Hydrogen (platform base)", "brief": "Layer Hydrogen's workspace onto a standard Adom workstation.",- "version": "0.5.46",+ "version": "0.5.47", "description": "Hydrogen's PLATFORM-GENERIC workspace layer on top of adom/core. Installs adom/core for the full Adom ecosystem, then adds everything common to running inside Hydrogen on ANY platform: the runtime-neutral hydrogen-* skills and the generic editor configuration (Claude Code CLI + extension, VS Code settings, trusted domains). Platform-specific layers depend on THIS: adom/hydrogen-windows-bootstrap (WSL2), adom/hydrogen-mac-bootstrap, adom/hydrogen-ubuntu-bootstrap. The reference design other orgs copy to build their own bootstrap on adom/core.", "org": "adom", "tags": [@@ -49,4 +49,4 @@ "hydrogen editor configuration", "where do hydrogen skills come from" ]-}+}
skills/hydrogen-widget/SKILL.md+9−2@@ -1,7 +1,7 @@ --- name: hydrogen-widget description: "Build, list, open and drive Hydrogen Widgets: small live panels in Hydrogen Desktop's Title Bar (Claude usage, Codex usage, a clock, or your own), each served by a binary inside the workspace and mounted in a sandboxed slot. Covers the hydrogen-widget.json facet a wiki repo carries (alone, or next to its dock manifest and project workspace), the per-widget page the pulldown links to, the launch contract (HYDROGEN_WIDGET_ID / _PORT / _SLOT / HYDROGEN_PROXY_PORT, the health URL, the explicit takeover, stop-first relaunch), the tall and compact layouts, vendor marks, private repos (read with the user's session), the curated list on adom/hydrogen-bootstrap, the Hydrogen Widgets pulldown, and the control API (GET /widgets, POST /widgets/open|close|navigate|refresh|menu, GET /widgets/status) so an AI can do all of it with no mouse. Trigger words: hydrogen widget, hydrogen-widget, title bar widget, widgets pulldown, widget slot, claude usage widget, codex usage widget, tokens left widget, usage meter in the title bar, hydrogen-widget.json, /widgets/open, make a widget, add a widget to hydrogen, private widget, widget SDK."-version: 1.5.0+version: 1.5.1 --- # hydrogen-widget: small live panels in Hydrogen Desktop's Title Bar@@ -160,7 +160,14 @@ and post `window.parent.postMessage({hdWidget: {width: <px>}}, '*')`; Hydrogen s it (clamped 48..320) and knows which slot from the frame that sent it. The manifest's `width` (compact) and `width_tall` (full) are only the first guess before your page has measured. So a tall layout can be narrow (rows stacked) and the compact one wide (one row), which is what the-shipped helper does. The shipped widgets are+shipped helper does. Measure on a hidden copy of your content laid out at `width: max-content`+(clone the root, remove ids, `position:absolute; left:-10000px; height:100vh; width:max-content;+visibility:hidden`, read its width, remove it): the live boxes stretch to the slot, so measuring+them only ever grows the slot (the clock once asked for 361 px that way). The helper's+`postWidth()` is that code; keep it when you copy the helper. For pictures of your widget the+helper serves `/preview?h=38` and `/preview?h=20`: its page in a frame of that height that follows+the width the page asks for, so a browser screenshot of `#w` at a high device scale is a crisp+docs image (`?w=` pins the frame instead). The shipped widgets are the reference: adom/adom-vscode `widgets/bin/hydrogen-widget-lib.py` is the page and layout, `hydrogen-widget-claude-usage` and `hydrogen-widget-codex-usage` the data feeds, and adom/hydrogen-bootstrap `bin/hydrogen-widget-clock` the smallest one.