iced-swdir-tree

A reusable iced widget for displaying a directory tree with selection, lazy loading, filtering and asynchronous traversal.

Built on top of swdir's scan_dir for single-level, non-recursive directory listings — ideal for GUI trees that expand one folder at a time.

Features

• Multi-select with Shift/Ctrl-click and Shift-arrow range extension. A per-path authoritative set survives filter changes and subtree reloads; see Multi-select.
• Drag-and-drop between nodes. Drag one or more selected paths onto another folder; the widget emits a DragCompleted { sources, destination } event and the app performs the actual move/copy/ upload/whatever. The widget performs no filesystem operations itself. See Drag-and-drop.
• Lazy loading. Only the root is created eagerly; child folders are scanned on first expand.
• Non-blocking. Directory traversal runs on a worker thread through iced::Task::perform; the UI thread never stalls on disk I/O. Plug in your own executor (tokio, smol, etc.) via with_executor if you don't want the per-expansion thread-spawn default.
• Three display filters. FoldersOnly, FilesAndFolders (default), AllIncludingHidden. Filter changes are applied from an in-memory cache, so switching is instant — no re-scan. Expansion state and selection survive the swap.
• Keyboard navigation. Arrow keys, Home/End, Enter, Space, ←/→, plus Shift-modified variants for range extension and Escape to cancel a drag — see Keyboard navigation.
• Stale-result handling. Every scan carries a generation counter, so a collapse/re-expand cycle safely discards in-flight results from the cancelled round-trip.
• Error tolerance. Permission denials, missing paths, and symlink cycles are surfaced as per-node errors that the view greys out — no panics, no UI freezes.
• Optional lucide icons. Disabled by default; enable the icons feature to pull in real vector glyphs. The public API is identical in both modes.
• Cross-platform. Hidden-file detection follows OS conventions: dotfile on Unix, HIDDEN attribute plus dotfile fallback on Windows, dotfile elsewhere.

Installation

[dependencies]
iced = "0.14"
iced-swdir-tree = "0.4"

To use real lucide icons instead of the Unicode-symbol fallback:

[dependencies]
iced = "0.14"
iced-swdir-tree = { version = "0.4", features = ["icons"] }

The crate works without your application adding swdir directly — the widget internally wraps it and exposes the pieces you need through its own API.

Quick start

use std::path::PathBuf;
use iced::{Element, Task};
use iced_swdir_tree::{DirectoryFilter, DirectoryTree, DirectoryTreeEvent};

#[derive(Debug, Clone)]
enum Message {
    Tree(DirectoryTreeEvent),
}

struct App {
    tree: DirectoryTree,
}

impl App {
    fn new() -> (Self, Task<Message>) {
        let tree = DirectoryTree::new(PathBuf::from("."))
            .with_filter(DirectoryFilter::FilesAndFolders);
        (Self { tree }, Task::none())
    }

    fn update(&mut self, message: Message) -> Task<Message> {
        match message {
            Message::Tree(event) => {
                // React to app-level side effects BEFORE forwarding.
                // The third tuple element is the `SelectionMode`; match
                // with `_` when you only care about the clicked path.
                if let DirectoryTreeEvent::Selected(path, is_dir, _) = &event {
                    println!("selected {:?} (dir={})", path, is_dir);
                }
                self.tree.update(event).map(Message::Tree)
            }
        }
    }

    fn view(&self) -> Element<'_, Message> {
        self.tree.view(Message::Tree)
    }
}

fn main() -> iced::Result {
    iced::application(App::new, App::update, App::view).run()
}

For a working example with a filter picker and a selection status bar, see examples/basic.rs. For the lucide-icons version, see examples/with_icons.rs.

Using the icons feature

When icons is enabled, register the bundled lucide TTF with iced at startup:

use iced_swdir_tree::LUCIDE_FONT_BYTES;

fn main() -> iced::Result {
    iced::application(App::new, App::update, App::view)
        .font(LUCIDE_FONT_BYTES)
        .run()
}

Without this registration the icon widgets still render, but as tofu squares — the default system font doesn't have the lucide glyphs.

Configuration

# use std::path::PathBuf;
# use iced_swdir_tree::{DirectoryFilter, DirectoryTree};
let tree = DirectoryTree::new(PathBuf::from("."))
    .with_filter(DirectoryFilter::AllIncludingHidden)
    .with_max_depth(5);

Events

The widget emits DirectoryTreeEvent:

• Toggled(PathBuf) — the user clicked the caret on a folder.
• Selected(PathBuf, bool, SelectionMode) — the user selected a row; bool is true for directories, false for files, and the SelectionMode controls how the event composes with any existing selection.
• Loaded(LoadPayload) — internal; a pending scan completed. Parent applications route it straight back into update() without inspecting it.

Multi-select

The widget keeps a full selected set, a "most-recent-action" active path, and an anchor path for Shift-range extension. [SelectionMode] — exported from the crate root — controls how each click composes:

View-level click behaviour

iced 0.14's button::on_press cannot observe modifier keys, so the widget's built-in view always emits SelectionMode::Replace on click. Applications that want real multi-select track modifier state separately and rewrite the event in their own update handler:

use iced::keyboard::{self, Modifiers};
use iced_swdir_tree::{DirectoryTreeEvent, SelectionMode};

// In your update:
Message::Tree(DirectoryTreeEvent::Selected(path, is_dir, _)) => {
    let mode = SelectionMode::from_modifiers(self.modifiers);
    let event = DirectoryTreeEvent::Selected(path, is_dir, mode);
    self.tree.update(event).map(Message::Tree)
}
Message::ModifiersChanged(m) => {
    self.modifiers = m;
    Task::none()
}

// In your subscription:
fn subscription(app: &App) -> iced::Subscription<Message> {
    keyboard::listen().map(|event| match event {
        keyboard::Event::ModifiersChanged(m) => Message::ModifiersChanged(m),
        keyboard::Event::KeyPressed { key, modifiers, .. } =>
            Message::TreeKey(key, modifiers),
        _ => /* ... */,
    })
}

See examples/multi_select.rs for a complete working app with a live selection-count status bar.

Drag-and-drop

The widget tracks drag gestures internally and emits a DragCompleted { sources, destination } event when the user releases over a valid folder. The widget does not touch the filesystem — your app reacts to DragCompleted and performs the actual move / copy / upload / whatever, then re-scans affected folders so the view reflects the new layout.

match message {
    Message::Tree(DirectoryTreeEvent::DragCompleted {
        sources,
        destination,
    }) => {
        for src in &sources {
            if let Some(name) = src.file_name() {
                let _ = std::fs::rename(src, destination.join(name));
            }
        }
        // Refresh the destination and each source's parent so the
        // tree picks up the new layout. A collapse+re-expand via
        // two Toggled events is the simplest invalidation.
        let mut tasks = vec![];
        let mut refresh: std::collections::HashSet<PathBuf> = Default::default();
        refresh.insert(destination);
        for s in &sources {
            if let Some(p) = s.parent() { refresh.insert(p.into()); }
        }
        for p in refresh {
            tasks.push(Task::done(Message::Tree(DirectoryTreeEvent::Toggled(p.clone()))));
            tasks.push(Task::done(Message::Tree(DirectoryTreeEvent::Toggled(p))));
        }
        Task::batch(tasks)
    }
    Message::Tree(event) => self.tree.update(event).map(Message::Tree),
    // ...
}

Pressing the mouse on a row that's already in the selection drags the whole selected set; pressing on an unselected row drags only that row. Escape cancels an in-flight drag. If the mouse is released outside the tree (or over empty space), the drag stays active until Escape or an app-initiated cancel — deliberately chosen to match native file-browser behaviour.

Three read-only accessors let your UI reflect drag state:

tree.is_dragging();      // bool
tree.drag_sources();     // &[PathBuf]
tree.drop_target();      // Option<&Path> — hovered valid folder

See examples/drag_drop.rs for a complete working app with fs::rename on drop, post-move refresh, and a live drag-preview status bar.

Keyboard navigation

DirectoryTree::handle_key(&Key, Modifiers) -> Option<DirectoryTreeEvent> translates a key press into the right event. The widget stays focus-neutral — you decide when the tree has focus and subscribe to the key stream yourself:

use iced::keyboard;

fn subscription(app: &App) -> iced::Subscription<Message> {
    keyboard::listen().map(|event| match event {
        keyboard::Event::KeyPressed { key, modifiers, .. } =>
            Message::TreeKey(key, modifiers),
        _ => Message::Noop,
    })
}

// ...in update:
Message::TreeKey(key, mods) => {
    if let Some(event) = self.tree.handle_key(&key, mods) {
        return self.tree.update(event).map(Message::Tree);
    }
    Task::none()
}

See examples/keyboard_nav.rs for a single-select navigation demo and examples/multi_select.rs for multi-select with Shift/Ctrl-click.

Custom scan executor

By default the widget spawns one std::thread per folder expansion via ThreadExecutor. Apps that already run a blocking-task pool (tokio, smol, rayon, ...) can route through it by implementing ScanExecutor:

use std::sync::Arc;
use std::future::Future;
use std::pin::Pin;
use iced_swdir_tree::{ScanExecutor, ScanJob, ScanFuture, DirectoryTree};

struct TokioExecutor;

impl ScanExecutor for TokioExecutor {
    fn spawn_blocking(&self, job: ScanJob) -> ScanFuture {
        Box::pin(async move {
            tokio::task::spawn_blocking(job)
                .await
                .expect("scan task panicked")
        })
    }
}

let tree = DirectoryTree::new(root)
    .with_executor(Arc::new(TokioExecutor));

The default behaviour is unchanged if you don't call with_executor — existing v0.1 code keeps working as-is.

Architecture

See ARCHITECTURE.md.

Testing

See DEVELOPMENT.md#testing.