@a24z/dynamic-file-tree

React component for selective directory filtering and file tree visualization.

Overview

This package provides React components that allow users to:

• Select specific directories from a file tree
• Filter and show only selected directories
• Toggle directories as visible/hidden
• Provide a clean, filtered view of file trees

Inspired by the directory filter implementation in the electron-app search feature.

Installation

npm install @a24z/dynamic-file-tree
# or
yarn add @a24z/dynamic-file-tree
# or
bun add @a24z/dynamic-file-tree

Usage

import { DynamicFileTree } from '@a24z/dynamic-file-tree';

function App() {
  return (
    <DynamicFileTree
      // Props to be defined
    />
  );
}

Development

# Install dependencies
bun install

# Run tests
bun test

# Build the project
bun run build

# Type check
bun run typecheck

# Lint
bun run lint

# Run Storybook
bun run storybook

License

MIT

Credits

Developed by a24z.ai