ossrules.md

trees

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag and drop, icons, git status, and themes.

Install
npx skills add 'https://github.com/pierrecomputer/pierre/tree/main/skills/trees'
Download bundle ↓
main · 1831817 ↗Scanned 2026-09-15

Contributors

GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.

File history ↗

references/api-web-components.md

references/api-web-components.mdBrowse 10 files
View on GitHub
148 tokens

859 bytes
Token encoding: o200k_base
Snapshot 1831817

← Back to SKILL.md

Web components API

Import @pierre/trees/web-components to register the file-tree-container custom element. The entry exports these APIs:

ExportKindPurpose
FileTreeContainerLoadedValueConfirms that the registration module ran.
adoptDeclarativeShadowDomFunctionCopies a declarative template into an empty shadow root.
ensureFileTreeStylesFunctionInstalls the core tree stylesheet in a shadow root.
prepareFileTreeShadowRootFunctionAdopts server markup, installs styles, and measures the scrollbar gutter.
Referenced from SKILL.md
SKILL.mdView in source ↗
Source excerpt starting at line 28.
| `@pierre/trees/ssr`            | [SSR API](references/api-ssr.md)                       || `@pierre/trees/web-components` | [Web components API](references/api-web-components.md) |
← All Pierre skillsProject instructions →