webdrop-bridge/QUICKSTART.md

Quick Start Guide

Project Setup (5 minutes)

1. Open in VS Code

# Option A: Open the workspace file directly
code webdrop_bridge.code-workspace

# Option B: Open the folder
code .

2. Install Dependencies

# Create virtual environment
python -m venv venv

# Activate virtual environment
source venv/bin/activate    # macOS/Linux
# venv\Scripts\activate     # Windows

# Install development dependencies
pip install -r requirements-dev.txt

3. Verify Installation

# Run project structure tests
pytest tests/unit/test_project_structure.py -v

# Expected output:
# test_project_structure.py::test_project_structure PASSED
# test_project_structure.py::test_essential_files PASSED
# test_project_structure.py::test_python_package_structure PASSED

Project Structure Overview

webdrop-bridge/
│
├── src/webdrop_bridge/          ← Main application code
│   ├── core/                    ← Business logic (validator, drag interceptor)
│   ├── ui/                      ← UI components (main window, widgets)
│   └── utils/                   ← Utilities (logging, helpers)
│
├── tests/                       ← Test suite
│   ├── unit/                    ← Unit tests
│   ├── integration/             ← Integration tests
│   └── fixtures/                ← Test data
│
├── build/                       ← Build automation
│   ├── windows/                 ← Windows-specific
│   ├── macos/                   ← macOS-specific
│   └── scripts/                 ← Build scripts
│
├── docs/                        ← Documentation
│   └── ARCHITECTURE.md          ← Architecture guide
│
├── webapp/                      ← Embedded web application
│   └── index.html               ← Test drag-drop page
│
├── DEVELOPMENT_PLAN.md          ← Detailed roadmap
├── README.md                    ← User documentation
├── CONTRIBUTING.md              ← Contributing guidelines
└── Makefile                     ← Convenience commands

Common Tasks

Running Tests

# All tests
pytest tests -v

# With coverage
pytest --cov=src/webdrop_bridge

# Specific test type
pytest tests/unit/ -v           # Unit tests
pytest tests/integration/ -v    # Integration tests

Running Integration Tests

pytest tests/integration/ -v

Code Quality

# Format code
tox -e format

# Check formatting
tox -e lint

# Type checking
tox -e type

# All checks at once
tox

Building

# Windows MSI
python build/scripts/build_windows.py --msi

# macOS DMG
bash build/scripts/build_macos.sh

Documentation

# Build Sphinx docs
tox -e docs

# View docs
open docs/_build/html/index.html  # macOS
start docs\_build\html\index.html # Windows

Using Makefile (Convenience)

# List all commands
make help

# Install dependencies
make install-dev

# Run tests
make test

# Code quality
make lint
make format
make type

# Build
make build-windows
make build-macos

# Clean
make clean

VS Code Tips

Debugging

1. Set breakpoint: Click line number
2. Start debugging: F5 (or Run → Run Without Debugging)
3. Step over: F10
4. Step into: F11

Configurations available in .vscode/launch.json:

• Python: Current File
• WebDrop Bridge (main application)

Testing in VS Code

1. Open test file: tests/unit/test_project_structure.py
2. Run test: Click "Run Test" above test function
3. Debug test: Click "Debug Test"

Recommended Extensions

• Python (ms-python.python)
• Pylance (ms-python.vscode-pylance)
• Black Formatter (ms-python.black-formatter)
• Ruff (charliermarsh.ruff)

Configuration

Create .env file from template:

cp .env.example .env

Edit as needed:

• WEBAPP_URL - Web app location
• ALLOWED_ROOTS - Whitelisted directories
• LOG_LEVEL - DEBUG, INFO, WARNING, ERROR

Next Steps

To Run the Application

# Run the full application (requires config)
python -m webdrop_bridge.main

To Run Tests

# Run all tests
pytest tests -v

# Run with coverage
pytest --cov=src/webdrop_bridge tests

# Run specific test file
pytest tests/unit/test_config.py -v

To Contribute

Review CONTRIBUTING.md

Getting Help

• 📖 Documentation: See README.md, DEVELOPMENT_PLAN.md, docs/

---