pytron-kit 0.1.8

An Electron-like library for Python using pywebview

Banner: pytron.png

Pytron

Pytron is a modern framework for building desktop applications using Python for the backend and web technologies (React, Vite) for the frontend. It combines the power of Python's ecosystem with the rich user interfaces of the web.

Features

• Type-Safe Bridge: Automatically generate TypeScript definitions (.d.ts) from your Python code.
• Reactive State: Synchronize state seamlessly between Python and JavaScript.
• Advanced Serialization: Built-in support for Pydantic models, PIL Images, UUIDs, and more.
• System Integration: Native file dialogs, notifications, and shortcuts.
• Developer Experience: Hot-reloading, automatic virtual environment management, and easy packaging.

Prerequisites

• Python 3.7+
• Node.js & npm (for frontend development)

Quick Start

1. Install Pytron:

   pip install pytron-kit
   

2. Initialize a New Project: This command scaffolds a new project, creates a virtual environment, installs dependencies, and sets up a frontend.

   # Default (React + Vite)
   pytron init my_app
   
   # Using a specific template (vue, svelte, next, etc.)
   pytron init my_app --template next
   

   Supported templates: react (default), vue, svelte, next (Next.js), vanilla, preact, lit, solid, qwik.

3. Run the App: Start the app in development mode (hot-reloading enabled).

   • Windows: run.bat
   • Linux/Mac: ./run.sh

   Or manually:

   pytron run --dev
   

Core Concepts

1. Exposing Python Functions

Use the @app.expose decorator to make Python functions available to the frontend.

from pytron import App
from pydantic import BaseModel

app = App()

class User(BaseModel):
    name: str
    age: int

@app.expose
def get_user(user_id: int) -> User:
    return User(name="Alice", age=30)

app.generate_types() # Generates frontend/src/pytron.d.ts
app.run()

2. Calling from Frontend

Import the client and call your functions with full TypeScript support.

import pytron from 'pytron-client';

async function loadUser() {
    const user = await pytron.get_user(1);
    console.log(user.name); // Typed as string
}

3. Reactive State

Sync data automatically.

Python:

app.state.counter = 0

JavaScript:

console.log(pytron.state.counter); // 0

// Listen for changes
pytron.on('pytron:state-update', (change) => {
    console.log(change.key, change.value);
});

4. Window Management

Control the window directly from JS.

pytron.minimize();
pytron.toggle_fullscreen();
pytron.close();

Configuration (settings.json)

Pytron uses a settings.json file in your project root to manage application configuration. This keeps your code clean and separates config from logic.

Example settings.json:

{
    "title": "My Awesome App",
    "pytron_version": "0.1.5",
    "frontend_framework": "react",
    "width": 1024,
    "height": 768,
    "resizable": true,
    "frameless": false,
    "easy_drag": true,
    "url": "frontend/dist/index.html",
    "icon": "assets/icon.ico",
    "version": "1.0.0"
}

• title: The window title and the name of your packaged executable.
• pytron_version: The version of Pytron used to create the project (used for compatibility checks).
• frontend_framework: The framework used (e.g., "react", "next").
• icon: Path to your application icon (relative to project root). Supports .ico (preferred) or .png.
• url: Entry point for the frontend (usually the built index.html).
• width/height: Initial window dimensions.

Packaging

Distribute your app as a standalone executable. Pytron automatically reads your settings.json to determine the app name, version, and icon.

1. Build:

   pytron package
   

   This uses PyInstaller to bundle your app. It will:

   • Use the title from settings.json for the executable name.
   • Use the icon from settings.json for the app icon.
   • Automatically exclude node_modules.
   • Include your settings.json and frontend assets.

2. Create Installer (NSIS):

   pytron package --installer
   

CLI Reference

• pytron init <name> [--template <name>]: Create a new project.
  • --template: Frontend framework to use (default: react). Supports next, vue, svelte, etc.
• pytron run [--dev]: Run the application.
• pytron package [--installer]: Build for distribution (uses settings.json).
• pytron info: Show environment and project details.
• pytron build-frontend <folder>: Build the frontend app.

---

Happy Coding with Pytron!