• Blog
  • Docs
  • Pricing
  • Weโ€™re hiring!
Log inSign up
kevin

kevin

untitled-1613

Public
Like
untitled-1613
Home
Code
3
README.md
H
index.ts
main.ts
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data โ€“ all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
โ€ฆ
Viewing readonly version of main branch: v8
View latest version
README.md

Image Processor - Wumbo Box

This HTTP endpoint accepts image uploads and adds a centered "wumbo" box overlay to the image.

Features

  • ๐Ÿ–ผ๏ธ Accepts any image format (PNG, JPEG, GIF, etc.)
  • ๐Ÿ“ฆ Adds a centered white box with "wumbo" text
  • ๐ŸŽจ Responsive box sizing based on image dimensions
  • ๐Ÿ’พ Automatic download of processed image
  • ๐ŸŒ Simple web interface for testing

Usage

Web Interface

  1. Visit the endpoint URL in your browser
  2. Upload an image using the form
  3. Click "Process Image"
  4. The processed image will automatically download

API Usage

Send a POST request to /process with the image as form data:

curl -X POST \ -F "image=@your-image.jpg" \ https://your-val-url.web.val.run/process

How it Works

  1. Upload: Image is uploaded via multipart form data
  2. Processing: Client-side Canvas API processes the image:
    • Draws the original image
    • Calculates center position
    • Adds a white box with shadow
    • Renders "wumbo" text in the center
  3. Download: Processed image is automatically downloaded as PNG

Technical Details

  • Framework: Vanilla JavaScript with HTML5 Canvas
  • Input: Any image format supported by browsers
  • Output: PNG format with "wumbo" box overlay
  • Box styling:
    • White background with 95% opacity
    • Dark border (3px)
    • Drop shadow effect
    • Responsive sizing (max 250x100px, scales with image)

Error Handling

  • Validates file type (must be image)
  • Handles image loading errors
  • Provides user feedback for all operations
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
Weโ€™re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
ยฉ 2026 Val Town, Inc.