feat: add QR code generator tool

Add a sixth tool with live SVG preview, customizable foreground/background
colors, error correction level, margin control, and export as PNG (256–2048px)
or SVG. URL params enable shareable state. All processing runs client-side
via the qrcode package.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-28 00:58:57 +01:00
parent 695ba434e2
commit f917891a31
13 changed files with 776 additions and 16 deletions

View File

@@ -11,7 +11,7 @@ import { addRecentFont } from '@/lib/storage/favorites';
import { decodeFromUrl, updateUrl, getShareableUrl } from '@/lib/utils/urlSharing';
import { toast } from 'sonner';
import type { ASCIIFont } from '@/types/ascii';
import { Card, CardContent } from '../ui/card';
import { Card, CardContent, CardHeader, CardTitle } from '../ui/card';
export function ASCIIConverter() {
const [text, setText] = React.useState('ASCII');
@@ -121,7 +121,11 @@ export function ASCIIConverter() {
{/* Left Column - Input and Preview */}
<div className="lg:col-span-2 space-y-6 overflow-y-auto custom-scrollbar">
<Card>
<CardHeader>
<CardTitle>Text</CardTitle>
</CardHeader>
<CardContent>
<TextInput
value={text}
onChange={setText}