svelte-wasm-pwa-image-lab

This is an image processing Progressive Web App (PWA) built with Svelte, Vite, and Rust (compiled to WebAssembly).

Features

• Image Processing (WASM/Rust):
  • Grayscale
  • Box Blur (with configurable radius)
  • Sobel Edge Detection
• UI (Svelte):
  • Upload images (PNG/JPEG).
  • Live preview of original and processed images.
  • Select filters and adjust parameters.
  • Save processed images to browser storage (IndexedDB).
• History Panel:
  • View a list of previously saved images.
  • Click a history item to load it back into the editor.
  • Works offline.
• PWA:
  • Installable on desktop and mobile.
  • Caches assets for offline use.

Development

Prerequisites

• Node.js
• Rust and wasm-pack

Setup

1. Clone the repository
2. Install dependencies:

   npm install
   

3. Build the WASM module:

   npm run build:wasm
   

4. Run the development server:

   npm run dev
   

Available Scripts

• dev: Starts the Vite development server.
• build: Builds the Svelte app and the WASM module for production.
• preview: Previews the production build locally.
• test: Runs Jest tests.
• build:wasm: Compiles the Rust crate to WebAssembly.# pwa-image-lab