Luca Rossi 7534b8f20c feat: smart property display — type-aware rendering with display mode override (#83)
* design: add smart property display wireframes

Frames: date picker, boolean toggle, status badge, display mode override dropdown.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: smart property display — type-aware rendering with display mode override

- Add property type auto-detection (date, boolean, status, url, text) based on value content and property name
- Date properties (ISO strings) show as friendly format (e.g. "Mar 31, 2026") with native date picker on click
- Boolean properties show as toggle buttons
- Status properties auto-detected from key name or known status values, rendered as colored badges
- Each property gets a display mode override dropdown (visible on hover) to force a specific display type
- Display mode overrides persist across sessions via localStorage
- Add mock data with date/boolean fields for testing
- 36 new tests covering type detection, date formatting, localStorage persistence, and UI rendering

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-26 00:12:40 +00:00
2026-02-16 14:26:36 +01:00
2026-02-16 16:56:44 +01:00
2026-02-16 16:56:44 +01:00

Laputa App

Personal knowledge and life management desktop app built with Tauri v2 + React + TypeScript + BlockNote.

Documentation

Quick Start

Prerequisites

  • Node.js 20+
  • pnpm 8+
  • Rust (latest stable)
  • macOS (for development)

Setup

# Install dependencies
pnpm install

# Install git hooks (optional but recommended)
.github/hooks/install-hooks.sh

# Run dev server
pnpm dev

# Open in browser (mock mode)
open http://localhost:5173

# Or run in Tauri
pnpm tauri dev

Testing

# Frontend tests
pnpm test

# Backend tests
cargo test

# Coverage
pnpm test:coverage

# E2E tests
pnpm test:e2e

Code Quality

# Lint
pnpm lint

# Rust checks
cargo clippy
cargo fmt --check

# CodeScene (via Claude Code)
claude 'Check code health with CodeScene MCP'

Development Workflow

See CLAUDE.md for coding guidelines and workflow.

Key principles:

  • Small, atomic commits
  • Test as you go
  • Visual verification mandatory
  • Documentation updated with code changes

CI/CD

GitHub Actions runs on every push/PR:

  • Tests (frontend + Rust)
  • 📊 Coverage (70% threshold)
  • 🎨 Lint & format
  • ⚠️ Documentation check

See .github/SETUP.md for CI/CD configuration.

Git Hooks

Pre-commit hook checks code health before every commit. See .github/HOOKS.md for details.

License

Private repository — not licensed for public use.

Description
Desktop app to manage markdown knowledge bases
Readme AGPL-3.0 107 MiB
Languages
TypeScript 70.4%
JavaScript 13.7%
Rust 13.7%
Python 1%
CSS 0.6%
Other 0.5%