pierrecomputer/pierre

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.

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/pierrecomputer/pierre --skill trees

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

@pierre/trees

Use @pierre/trees for an interactive file tree. Public state and callbacks use path strings.

Install

bash
pnpm add @pierre/trees

Install react and react-dom when the app uses the React entry.

Select an API reference

EntryReference
@pierre/treesCore API
@pierre/trees/reactReact API
@pierre/trees/ssrSSR API
@pierre/trees/web-componentsWeb components API

Select a recipe

TaskRecipe
Render and update a tree in ReactUse React
Render and update a tree without ReactUse vanilla JavaScript
Preload a tree on the serverUse SSR
Apply a resolved Shiki or VS Code themeApply a theme
Configure search, rename, drag and drop, and git statusAdd interactions

タスクに関連する項目

同じリポジトリから

関連する Skills

すべての Skills