Files
SnapOtter/packages/shared/src/constants.ts
T

358 lines
9.8 KiB
TypeScript

import type { CategoryInfo, SocialMediaPreset, Tool } from "./types.js";
export const CATEGORIES: CategoryInfo[] = [
{ id: "essentials", name: "Essentials", icon: "Layers", color: "#3B82F6" },
{ id: "optimization", name: "Optimization", icon: "Zap", color: "#10B981" },
{ id: "adjustments", name: "Adjustments", icon: "SlidersHorizontal", color: "#8B5CF6" },
{ id: "ai", name: "AI Tools", icon: "Sparkles", color: "#F59E0B" },
{ id: "watermark", name: "Watermark & Overlay", icon: "Stamp", color: "#EF4444" },
{ id: "utilities", name: "Utilities", icon: "Wrench", color: "#6366F1" },
{ id: "layout", name: "Layout & Composition", icon: "LayoutGrid", color: "#EC4899" },
{ id: "format", name: "Format & Conversion", icon: "FileType", color: "#14B8A6" },
{ id: "automation", name: "Automation", icon: "Workflow", color: "#F97316" },
];
export const TOOLS: Tool[] = [
// Essentials
{
id: "resize",
name: "Resize",
description: "Resize by pixels, percentage, or social media presets",
category: "essentials",
icon: "Maximize2",
route: "/resize",
},
{
id: "crop",
name: "Crop",
description: "Freeform crop, aspect ratio presets, shape crop",
category: "essentials",
icon: "Crop",
route: "/crop",
},
{
id: "rotate",
name: "Rotate & Flip",
description: "Rotate, flip, and straighten images",
category: "essentials",
icon: "RotateCw",
route: "/rotate",
},
{
id: "convert",
name: "Convert",
description: "Convert between image formats",
category: "essentials",
icon: "FileOutput",
route: "/convert",
},
{
id: "compress",
name: "Compress",
description: "Reduce file size by quality or target size",
category: "essentials",
icon: "Minimize2",
route: "/compress",
},
// Optimization
{
id: "strip-metadata",
name: "Strip Metadata",
description: "Remove EXIF, GPS, and camera info",
category: "optimization",
icon: "ShieldOff",
route: "/strip-metadata",
},
{
id: "bulk-rename",
name: "Bulk Rename",
description: "Rename multiple files with patterns",
category: "optimization",
icon: "FileEdit",
route: "/bulk-rename",
},
{
id: "image-to-pdf",
name: "Image to PDF",
description: "Combine images into a PDF document",
category: "optimization",
icon: "FileText",
route: "/image-to-pdf",
},
{
id: "favicon",
name: "Favicon Generator",
description: "Generate all favicon and app icon sizes",
category: "optimization",
icon: "Globe",
route: "/favicon",
},
// Adjustments
{
id: "brightness-contrast",
name: "Brightness & Contrast",
description: "Adjust brightness and contrast levels",
category: "adjustments",
icon: "Sun",
route: "/brightness-contrast",
},
{
id: "saturation",
name: "Saturation & Exposure",
description: "Adjust color saturation and exposure",
category: "adjustments",
icon: "Palette",
route: "/saturation",
},
{
id: "color-channels",
name: "Color Channels",
description: "Adjust individual R, G, B channels",
category: "adjustments",
icon: "CircleDot",
route: "/color-channels",
},
{
id: "color-effects",
name: "Color Effects",
description: "Grayscale, Sepia, Invert, Tint",
category: "adjustments",
icon: "Paintbrush",
route: "/color-effects",
},
{
id: "replace-color",
name: "Replace & Invert Color",
description: "Replace specific colors or invert",
category: "adjustments",
icon: "Pipette",
route: "/replace-color",
},
// AI Tools
{
id: "remove-background",
name: "Remove Background",
description: "AI-powered background removal",
category: "ai",
icon: "Eraser",
route: "/remove-background",
},
{
id: "upscale",
name: "Image Upscaling",
description: "AI super-resolution enhancement",
category: "ai",
icon: "ZoomIn",
route: "/upscale",
},
{
id: "erase-object",
name: "Object Eraser",
description: "Paint over unwanted elements",
category: "ai",
icon: "Wand2",
route: "/erase-object",
},
{
id: "ocr",
name: "OCR / Text Extraction",
description: "Extract text from images",
category: "ai",
icon: "ScanText",
route: "/ocr",
},
{
id: "blur-faces",
name: "Face / PII Blur",
description: "Auto-detect and blur faces and sensitive info",
category: "ai",
icon: "EyeOff",
route: "/blur-faces",
},
{
id: "smart-crop",
name: "Smart Crop",
description: "AI detects subject and crops optimally",
category: "ai",
icon: "Focus",
route: "/smart-crop",
},
// Watermark & Overlay
{
id: "watermark-text",
name: "Text Watermark",
description: "Add text watermark overlay",
category: "watermark",
icon: "Type",
route: "/watermark-text",
},
{
id: "watermark-image",
name: "Image Watermark",
description: "Overlay a logo as watermark",
category: "watermark",
icon: "Image",
route: "/watermark-image",
},
{
id: "text-overlay",
name: "Text Overlay",
description: "Add styled text to images",
category: "watermark",
icon: "TextCursorInput",
route: "/text-overlay",
},
{
id: "compose",
name: "Image Composition",
description: "Layer images with position and opacity",
category: "watermark",
icon: "Layers",
route: "/compose",
},
// Utilities
{
id: "info",
name: "Image Info",
description: "View all metadata and image properties",
category: "utilities",
icon: "Info",
route: "/info",
},
{
id: "compare",
name: "Image Compare",
description: "Side-by-side comparison of two images",
category: "utilities",
icon: "Columns2",
route: "/compare",
},
{
id: "find-duplicates",
name: "Find Duplicates",
description: "Detect duplicate and near-duplicate images",
category: "utilities",
icon: "Copy",
route: "/find-duplicates",
},
{
id: "color-palette",
name: "Color Palette",
description: "Extract dominant colors from image",
category: "utilities",
icon: "Palette",
route: "/color-palette",
},
{
id: "qr-generate",
name: "QR Code Generator",
description: "Generate QR codes from text or URLs",
category: "utilities",
icon: "QrCode",
route: "/qr-generate",
},
{
id: "barcode-read",
name: "Barcode Reader",
description: "Read QR codes and barcodes from images",
category: "utilities",
icon: "ScanLine",
route: "/barcode-read",
},
// Layout & Composition
{
id: "collage",
name: "Collage / Grid",
description: "Combine images into a grid layout",
category: "layout",
icon: "LayoutGrid",
route: "/collage",
},
{
id: "split",
name: "Image Splitting",
description: "Split image into grid parts",
category: "layout",
icon: "Grid3x3",
route: "/split",
},
{
id: "border",
name: "Border & Frame",
description: "Add borders, rounded corners, shadows",
category: "layout",
icon: "Frame",
route: "/border",
},
// Format & Conversion
{
id: "svg-to-raster",
name: "SVG to Raster",
description: "Convert SVG to PNG/JPG at custom resolution",
category: "format",
icon: "FileImage",
route: "/svg-to-raster",
},
{
id: "vectorize",
name: "Image to SVG",
description: "Vectorize images using tracing",
category: "format",
icon: "PenTool",
route: "/vectorize",
},
{
id: "gif-tools",
name: "GIF Tools",
description: "Resize/crop/convert animated GIFs",
category: "format",
icon: "Film",
route: "/gif-tools",
},
// Automation
{
id: "pipeline",
name: "Pipeline Builder",
description: "Chain multiple tools into a workflow",
category: "automation",
icon: "Workflow",
route: "/pipeline",
},
{
id: "batch",
name: "Batch Processing",
description: "Apply any tool to multiple images",
category: "automation",
icon: "FolderInput",
route: "/batch",
},
];
export const SOCIAL_MEDIA_PRESETS: SocialMediaPreset[] = [
{ platform: "Instagram", name: "Post (Square)", width: 1080, height: 1080 },
{ platform: "Instagram", name: "Story / Reel", width: 1080, height: 1920 },
{ platform: "Instagram", name: "Profile Picture", width: 320, height: 320 },
{ platform: "Instagram", name: "Landscape Post", width: 1080, height: 566 },
{ platform: "Instagram", name: "Portrait Post", width: 1080, height: 1350 },
{ platform: "Twitter/X", name: "Post Image", width: 1200, height: 675 },
{ platform: "Twitter/X", name: "Header", width: 1500, height: 500 },
{ platform: "Twitter/X", name: "Profile Picture", width: 400, height: 400 },
{ platform: "Facebook", name: "Post Image", width: 1200, height: 630 },
{ platform: "Facebook", name: "Cover Photo", width: 820, height: 312 },
{ platform: "Facebook", name: "Profile Picture", width: 170, height: 170 },
{ platform: "Facebook", name: "Event Cover", width: 1920, height: 1005 },
{ platform: "YouTube", name: "Thumbnail", width: 1280, height: 720 },
{ platform: "YouTube", name: "Channel Banner", width: 2560, height: 1440 },
{ platform: "YouTube", name: "Profile Picture", width: 800, height: 800 },
{ platform: "LinkedIn", name: "Post Image", width: 1200, height: 627 },
{ platform: "LinkedIn", name: "Banner", width: 1584, height: 396 },
{ platform: "LinkedIn", name: "Profile Picture", width: 400, height: 400 },
{ platform: "TikTok", name: "Video Cover", width: 1080, height: 1920 },
{ platform: "TikTok", name: "Profile Picture", width: 200, height: 200 },
{ platform: "WhatsApp", name: "Profile Picture", width: 500, height: 500 },
{ platform: "Pinterest", name: "Pin", width: 1000, height: 1500 },
{ platform: "Threads", name: "Post Image", width: 1080, height: 1080 },
];
export const APP_VERSION = "0.14.2";