HopDev.Tree.Web 2.0.0

HopDev.Tree

A cross-platform hierarchical tree control for .NET MAUI, Avalonia, WPF, and Blazor with built-in database persistence, CRUD operations, drag-and-drop, search, checkboxes, accessibility, and localization.

Key Features

• Items within nodes — dual entity model (folders + items) in a single tree
• Database-first — built-in EF Core persistence (SQLite, SQL Server, PostgreSQL, MySQL, Oracle)
• 4 platforms, 1 ViewModel — shared TreeViewModel across MAUI, Avalonia, WPF, and Blazor
• Built-in CRUD — add/rename/delete via context menus with validation hooks
• Drag-and-drop — internal reorder + external drop support
• Search — highlight and filter modes, scoped to nodes/items/both, with next/previous navigation
• Checkboxes — three-state, cascading, scoped, with database persistence
• Theming — Light, Dark, High Contrast, System, per-control theming, 15 color tokens
• Accessibility — MAUI SemanticProperties, Avalonia AutomationProperties, Blazor ARIA (15+ attributes), AutomationIds
• Localization — 22 strings via ITreeStringProvider, runtime language switch, RTL support, 6 sample languages
• Font tokens — TreeFontSize, TreeFontFamily, KioskFontScale
• Kiosk mode — touch-optimized with larger hit targets
• ILogger integration — structured logging with 4 severity levels and exception capture

Solution Structure

HopDev.Tree.slnx
├── src/
│   ├── HopDev.Tree.Core                    Core models, enums, abstractions
│   ├── HopDev.Tree.UI                      Shared ViewModels, services, business logic
│   ├── HopDev.Tree.EntityFramework         EF Core repositories and unit of work
│   ├── HopDev.Tree.EntityFramework.*       Provider packages (Sqlite, SqlServer, PostgreSql, MySql, Oracle)
│   ├── HopDev.Tree.Maui                    .NET MAUI tree control
│   ├── HopDev.Tree.Avalonia               Avalonia tree control
│   ├── HopDev.Tree.Wpf                    WPF tree control
│   └── HopDev.Tree.Web                    Blazor tree control
├── samples/
│   ├── HopDev.Tree.Sample                  MAUI sample app
│   ├── HopDev.Tree.Avalonia.Sample        Avalonia sample app
│   └── HopDev.Tree.Wpf.Sample            WPF sample app
├── tests/
│   └── HopDev.Tree.Tests                  397 unit tests
└── docs/                                   Architecture, API, guides, ADRs, designs

Quick Start

MAUI

<ct:TreeControl x:Name="TreeControl"
                HierarchyName="MyApp"
                SubsystemName="Documents" />

TreeControl.Initialize(unitOfWork, actions);
await TreeControl.LoadAsync();

Avalonia

<tree:TreeControl x:Name="TreeControl" />

TreeControl.Initialize(unitOfWork, actions);
await TreeControl.LoadAsync();

Blazor

<TreeControl HierarchyName="MyApp" SubsystemName="Documents"
             UnitOfWork="@unitOfWork" Actions="@actions" />

License

MIT

WPF

<tree:TreeControl x:Name="TreeControl" />

TreeControl.Initialize(unitOfWork, actions);
await TreeControl.LoadAsync();