XMP to Lightroom Config Converter

Upload your Adobe XMP sidecar file to convert it to Lightroom configuration format

\n\n

\n \n

\n Click to upload or drag and drop\n

XMP files only

\n \n

\n \n \n \n

\n\n

\n \n

\n\n

Converting your XMP file...

\n\n

\n \n

Conversion Error

\n\n

\n \n Conversion successful!\n

\n\n

Lightroom Configuration

\n \n \n

\n\n

This tool converts Adobe Lightroom XMP sidecar files to configuration format.

Your files are processed locally and not stored on our servers.

\n\n \n\n",[],[157,238],"f3d88376-97fa-11f0-95bf-0224a6c84d84","f3d88416-97fa-11f0-95bf-0224a6c84d84",11,["D",1758576453706],"# Frontend - XMP Converter Interface\n\nThis directory contains the web interface for the XMP to Lightroom Config converter.\n\n## Files\n\n- `index.html` - Main HTML template with TailwindCSS styling\n- `index.tsx` - TypeScript frontend logic for file handling and conversion\n\n## Features\n\n- **Drag & Drop Upload**: Users can drag XMP files directly onto the upload zone\n- **File Validation**: Only accepts .xmp files\n- **Real-time Feedback**: Shows file information, loading states, and error messages\n- **Copy to Clipboard**: One-click copying of the converted configuration\n- **Download Config**: Download the converted configuration as a text file\n- **Responsive Design**: Works on desktop and mobile devices\n\n## User Flow\n\n1. User visits the main page\n2. Uploads an XMP file via drag-drop or file picker\n3. Clicks \"Convert to Lightroom Config\"\n4. Views the converted configuration\n5. Can copy to clipboard or download the result\n\n## Styling\n\nUses TailwindCSS via CDN for consistent, responsive styling with:\n- Clean, modern interface\n- Color-coded feedback (blue for info, green for success, red for errors)\n- Smooth transitions and hover effects\n- Mobile-responsive layout",[],[157,143],["D",1758576364731],[182,183,184],[157],"cd6bd896-97fa-11f0-97e4-0224a6c84d84","index.ts",7,["D",1758576389239],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { parseXMP, convertToLightroomConfig } from \"../shared/xmp-parser.ts\";\nimport type { ConversionResult } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Convert XMP file endpoint\napp.post(\"/api/convert\", async c => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"xmpFile\") as File;\n \n if (!file) {\n const result: ConversionResult = {\n success: false,\n error: \"No file uploaded\"\n };\n return c.json(result, 400);\n }\n \n if (!file.name.toLowerCase().endsWith('.xmp')) {\n const result: ConversionResult = {\n success: false,\n error: \"Please upload an XMP file\"\n };\n return c.json(result, 400);\n }\n \n const xmpContent = await file.text();\n \n if (!xmpContent.trim()) {\n const result: ConversionResult = {\n success: false,\n error: \"XMP file appears to be empty\"\n };\n return c.json(result, 400);\n }\n \n // Parse XMP and convert to Lightroom config\n const xmpData = parseXMP(xmpContent);\n const lightroomConfig = convertToLightroomConfig(xmpData);\n \n const result: ConversionResult = {\n success: true,\n config: lightroomConfig\n };\n \n return c.json(result);\n \n } catch (error) {\n console.error(\"Conversion error:\", error);\n const result: ConversionResult = {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error occurred\"\n };\n return c.json(result, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;",[],[163,256],"f9535dda-97fa-11f0-ba48-0224a6c84d84","f9535ec0-97fa-11f0-ba48-0224a6c84d84",12,["D",1758576462901],"# Backend - XMP Conversion API\n\nThis directory contains the Hono-based API server for XMP file conversion.\n\n## Files\n\n- `index.ts` - Main Hono application with API endpoints\n\n## API Endpoints\n\n### `GET /`\nServes the main web interface by reading and returning the frontend HTML.\n\n### `POST /api/convert`\nConverts uploaded XMP files to Lightroom configuration format.\n\n**Request:**\n- Content-Type: `multipart/form-data`\n- Body: Form data with `xmpFile` field containing the XMP file\n\n**Response:**\n```json\n{\n \"success\": true,\n \"config\": \"LIGHTROOM_GLOBAL_EXPOSURE=0.000000\\n...\"\n}\n```\n\n**Error Response:**\n```json\n{\n \"success\": false,\n \"error\": \"Error message\"\n}\n```\n\n### `GET /api/health`\nHealth check endpoint that returns server status and timestamp.\n\n## File Serving\n\nThe backend serves static files from the frontend and shared directories using Val Town's utility functions:\n- `/frontend/*` - Frontend assets\n- `/shared/*` - Shared TypeScript modules\n\n## Error Handling\n\n- Validates file uploads (XMP files only)\n- Handles parsing errors gracefully\n- Returns appropriate HTTP status codes\n- Logs errors for debugging",[],[163,143],["D",1758576150562],[179,180],[163],["D",1758575981059],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":51,"_97":98,"_99":24},{"_13":82,"_31":83,"_40":39,"_84":41,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":42,"_91":92},"ctx",{"_75":-5,"_120":310,"_311":312,"_313":314,"_315":24,"_316":24,"_317":24,"_318":55,"_319":-5,"_320":-7,"_321":-7,"_322":59,"_323":24,"_324":24,"_325":-5,"_326":24,"_327":24,"_328":24,"_329":-5},"ENV",{"_281":282,"_283":284,"_285":83,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v25