Claude Code के साथ Tauri Practical Guide

Tauri Development को Claude Code के साथ तेज़ करें

Tauri एक Rust-based lightweight desktop app framework है। Electron की तुलना में binary size छोटा और memory consumption भी कम है — यही इसकी विशेषता है। Claude Code का उपयोग करके, Rust backend code और frontend के बीच integration को efficiently implement किया जा सकता है।

Tauri Commands की Implementation

Rust Side पर Command Definitions

> File management के लिए Tauri commands बनाओ।
> File read, write और listing implement करो।

// src-tauri/src/commands/file.rs
use std::fs;
use std::path::PathBuf;
use serde::Serialize;

#[derive(Serialize)]
pub struct FileInfo {
    name: String,
    path: String,
    size: u64,
    is_dir: bool,
}

#[tauri::command]
pub async fn read_file(path: String) -> Result<String, String> {
    fs::read_to_string(&path)
        .map_err(|e| format!("File read error: {}", e))
}

#[tauri::command]
pub async fn write_file(path: String, content: String) -> Result<(), String> {
    fs::write(&path, &content)
        .map_err(|e| format!("File write error: {}", e))
}

#[tauri::command]
pub async fn list_files(dir: String) -> Result<Vec<FileInfo>, String> {
    let entries = fs::read_dir(&dir)
        .map_err(|e| format!("Directory read error: {}", e))?;

    let files: Vec<FileInfo> = entries
        .filter_map(|entry| {
            let entry = entry.ok()?;
            let metadata = entry.metadata().ok()?;
            Some(FileInfo {
                name: entry.file_name().to_string_lossy().to_string(),
                path: entry.path().to_string_lossy().to_string(),
                size: metadata.len(),
                is_dir: metadata.is_dir(),
            })
        })
        .collect();

    Ok(files)
}

Frontend से Call करना

// src/lib/fileApi.ts
import { invoke } from '@tauri-apps/api/core';

export interface FileInfo {
  name: string;
  path: string;
  size: number;
  is_dir: boolean;
}

export const fileApi = {
  readFile: (path: string) =>
    invoke<string>('read_file', { path }),

  writeFile: (path: string, content: string) =>
    invoke<void>('write_file', { path, content }),

  listFiles: (dir: string) =>
    invoke<FileInfo[]>('list_files', { dir }),
};

Permission System (Capabilities)

Tauri v2 में एक permission system introduce किया गया है, जिससे आप frontend से access होने वाले APIs को fine-grained तरीके से control कर सकते हैं।

{
  "identifier": "main-capability",
  "windows": ["main"],
  "permissions": [
    "core:default",
    "dialog:allow-open",
    "dialog:allow-save",
    "fs:allow-read",
    "fs:allow-write"
  ]
}

Claude Code को “न्यूनतम आवश्यक permissions configure करो” कहने पर, वह least privilege principle के अनुसार capability configuration suggest करता है।

Plugins का उपयोग

Tauri के plugin ecosystem का उपयोग करके, file dialogs, notifications और auto-update जैसे features आसानी से add किए जा सकते हैं।

> Tauri app में auto-update feature add करो।
> GitHub Releases से distribute करने वाला setup बनाओ।

Electron vs Tauri

Item	Electron	Tauri
Binary size	~150MB	~10MB
Memory consumption	High	Low
Backend language	JavaScript	Rust
Ecosystem	Mature	Growing

Summary

Claude Code का उपयोग करके, Tauri के Rust backend और frontend के बीच integration को efficiently design किया जा सकता है। Electron desktop app development के साथ comparison और Rust development guide को भी reference के लिए देखें।

Tauri के details के लिए Tauri की official documentation देखें।