Luca Rossi 0effc563dc fix: drag-and-drop images into editor — add drop overlay and copy-to-attachments (#150)
* feat: add copy_image_to_vault Rust command for native drag-drop

Adds a new Tauri command that copies an image file from a source path
(provided by Tauri's drag-drop event) directly into vault/attachments/.
More efficient than base64 encoding for filesystem drag-drop.

Also adds core:webview:allow-on-drag-drop-event permission.

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

* feat: handle Tauri native drag-drop for filesystem images

Listen for Tauri's onDragDropEvent to intercept OS-level file drops
that bypass the webview's HTML5 DnD API. When image files are dropped:
1. Copy to vault/attachments via copy_image_to_vault command
2. Insert image block into BlockNote at cursor position

Also passes vaultPath through Editor → EditorContent → SingleEditorView
so the hook can invoke the Tauri command.

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

* fix: remove nonexistent drag-drop permission from capabilities

The onDragDropEvent API works through core:event:default (included
in core:default), not a separate webview permission.

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

* fix: correct DragDropEvent type handling for 'over' events

Tauri's DragDropEvent discriminated union only provides `paths` on 'drop'
events, not 'over'. Show drag overlay unconditionally on 'over' since we
can't filter by image paths at that stage.

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

* design: drag-drop-images wireframes (idle + drag-over overlay)

* style: rustfmt mcp.rs and image.rs

---------

Co-authored-by: Test <test@test.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
2026-02-28 21:31:47 +01: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%