XMP to Lightroom Config Converter

\n \n \n \n \n \n \n \n

\n \n

\n\n \n\n",[143],"252f5c48-97fa-11f0-83d2-0224a6c84d84","README.md","252f5d10-97fa-11f0-83d2-0224a6c84d84",1,["D",1758576106986],"# XMP to Lightroom Config Converter\n\nA web application that converts Adobe XMP sidecar files into Lightroom configuration format.\n\n## Features\n\n- Upload XMP files through a web interface\n- Parse XMP metadata and extract Lightroom adjustment settings\n- Convert to key-value configuration format\n- Download converted configuration file\n\n## Project Structure\n\n- `backend/index.ts` - Main Hono API server\n- `frontend/index.html` - Upload form interface\n- `frontend/index.tsx` - React frontend logic\n- `shared/types.ts` - Shared TypeScript types\n- `shared/xmp-parser.ts` - XMP parsing utilities\n\n## Usage\n\n1. Visit the web interface\n2. Upload an XMP file using the form\n3. The file will be parsed and converted to Lightroom config format\n4. Download the converted configuration file\n\n## API Endpoints\n\n- `GET /` - Serve the main interface\n- `POST /api/convert` - Convert uploaded XMP file",[150],"278db7d2-97fa-11f0-8c65-0224a6c84d84","shared","81259b5e-bb9a-4f49-a8eb-72cc7eff0c5a",2,["D",1758576110956],"directory",[157],"bed058f2-97fa-11f0-a8b1-0224a6c84d84","frontend","4cb1c1f5-a3dd-40ef-8e8f-e324fa9ba554",5,["D",1758576364731],[164],"3f286f68-97fa-11f0-afe6-0224a6c84d84","backend","46fa088b-50c8-498a-947a-445ef0086494",["D",1758576150562],[170],"pulls","forks","envVars",{"_180":53,"_182":53},"connections",{"_180":53,"_181":53},"count","unfilledCount","emptyCount",{"_20":169,"_13":170,"_121":171,"_123":-5,"_124":21,"_125":146,"_127":49,"_22":288,"_29":53,"_129":161,"_130":-5,"_132":38,"_133":-5,"_200":289,"_89":290},{"_20":281,"_13":150,"_121":282,"_123":171,"_124":21,"_125":283,"_127":49,"_22":284,"_29":53,"_129":101,"_130":285,"_132":38,"_133":-5,"_200":286,"_89":287},{"_20":273,"_13":274,"_121":47,"_123":171,"_124":21,"_125":275,"_127":49,"_22":276,"_29":166,"_129":277,"_130":278,"_132":38,"_133":-5,"_200":279,"_89":280},{"_20":163,"_13":164,"_121":165,"_123":-5,"_124":21,"_125":166,"_127":49,"_22":270,"_29":53,"_129":161,"_130":-5,"_132":38,"_133":-5,"_200":271,"_89":272},{"_20":263,"_13":150,"_121":264,"_123":165,"_124":21,"_125":265,"_127":49,"_22":266,"_29":53,"_129":101,"_130":267,"_132":38,"_133":-5,"_200":268,"_89":269},{"_20":255,"_13":256,"_121":257,"_123":165,"_124":21,"_125":258,"_127":49,"_22":259,"_29":53,"_129":101,"_130":260,"_132":38,"_133":-5,"_200":261,"_89":262},{"_20":247,"_13":248,"_121":249,"_123":165,"_124":21,"_125":250,"_127":49,"_22":251,"_29":166,"_129":101,"_130":252,"_132":38,"_133":-5,"_200":253,"_89":254},{"_20":239,"_13":240,"_121":241,"_123":165,"_124":21,"_125":242,"_127":49,"_22":243,"_29":152,"_129":218,"_130":244,"_132":38,"_133":-5,"_200":245,"_89":246},{"_20":156,"_13":157,"_121":158,"_123":-5,"_124":21,"_125":159,"_127":49,"_22":236,"_29":53,"_129":161,"_130":-5,"_132":38,"_133":-5,"_200":237,"_89":238},{"_20":229,"_13":150,"_121":230,"_123":158,"_124":21,"_125":231,"_127":49,"_22":232,"_29":53,"_129":101,"_130":233,"_132":38,"_133":-5,"_200":234,"_89":235},{"_20":222,"_13":223,"_121":224,"_123":158,"_124":21,"_125":159,"_127":49,"_22":225,"_29":53,"_129":218,"_130":226,"_132":38,"_133":-5,"_200":227,"_89":228},{"_20":212,"_13":213,"_121":214,"_123":158,"_124":21,"_125":215,"_127":49,"_22":216,"_29":217,"_129":218,"_130":219,"_132":38,"_133":-5,"_200":220,"_89":221},{"_20":149,"_13":150,"_121":151,"_123":-5,"_124":21,"_125":152,"_127":49,"_22":209,"_29":53,"_129":101,"_130":154,"_132":38,"_133":-5,"_200":210,"_89":211},{"_20":142,"_13":143,"_121":144,"_123":-5,"_124":21,"_125":30,"_127":49,"_22":206,"_29":146,"_129":101,"_130":147,"_132":38,"_133":-5,"_200":207,"_89":208},{"_20":135,"_13":136,"_121":137,"_123":-5,"_124":21,"_125":138,"_127":49,"_22":203,"_29":53,"_129":101,"_130":140,"_132":38,"_133":-5,"_200":204,"_89":205},{"_20":119,"_13":120,"_121":122,"_123":-5,"_124":21,"_125":126,"_127":49,"_22":199,"_29":53,"_129":101,"_130":131,"_132":38,"_133":-5,"_200":201,"_89":202},["D",1758576426712],"children",[],[120],["D",1758577403900],[],[136],["D",1758577698806],[],[143],["D",1758576106986],[],[150],"7abe837c-97fb-11f0-969b-0224a6c84d84","xmp-parser.ts","385e842e-97fa-11f0-a04a-0224a6c84d84",19,["D",1758576680025],3,"script","import type { LightroomConfig, XMPData } from './types.ts';\n\n// Mapping from XMP property names to Lightroom config keys\nconst XMP_TO_LIGHTROOM_MAPPING: Record = {\n // Global adjustments\n 'crs:Exposure2012': 'LIGHTROOM_GLOBAL_EXPOSURE',\n 'crs:Contrast2012': 'LIGHTROOM_GLOBAL_CONTRAST',\n 'crs:Highlights2012': 'LIGHTROOM_GLOBAL_HIGHLIGHTS_CURVE',\n 'crs:Shadows2012': 'LIGHTROOM_GLOBAL_SHADOWS_CURVE',\n 'crs:Whites2012': 'LIGHTROOM_GLOBAL_WHITES_CURVE',\n 'crs:Blacks2012': 'LIGHTROOM_GLOBAL_BLACKS_CURVE',\n 'crs:Texture': 'LIGHTROOM_GLOBAL_MIDTONES_CURVE',\n 'crs:Clarity2012': 'LIGHTROOM_GLOBAL_GAMMA',\n 'crs:Dehaze': 'LIGHTROOM_GLOBAL_BLACK_LEVEL',\n 'crs:Vibrance': 'LIGHTROOM_GLOBAL_VIBRANCE',\n 'crs:Saturation': 'LIGHTROOM_GLOBAL_SATURATION',\n 'crs:Temperature': 'LIGHTROOM_GLOBAL_TEMPERATURE',\n 'crs:Tint': 'LIGHTROOM_GLOBAL_TINT',\n \n // Color adjustments\n 'crs:RedHue': 'LIGHTROOM_RED_HUESHIFT',\n 'crs:RedSaturation': 'LIGHTROOM_RED_SATURATION',\n 'crs:RedLuminance': 'LIGHTROOM_RED_EXPOSURE',\n 'crs:OrangeHue': 'LIGHTROOM_ORANGE_HUESHIFT',\n 'crs:OrangeSaturation': 'LIGHTROOM_ORANGE_SATURATION',\n 'crs:OrangeLuminance': 'LIGHTROOM_ORANGE_EXPOSURE',\n 'crs:YellowHue': 'LIGHTROOM_YELLOW_HUESHIFT',\n 'crs:YellowSaturation': 'LIGHTROOM_YELLOW_SATURATION',\n 'crs:YellowLuminance': 'LIGHTROOM_YELLOW_EXPOSURE',\n 'crs:GreenHue': 'LIGHTROOM_GREEN_HUESHIFT',\n 'crs:GreenSaturation': 'LIGHTROOM_GREEN_SATURATION',\n 'crs:GreenLuminance': 'LIGHTROOM_GREEN_EXPOSURE',\n 'crs:AquaHue': 'LIGHTROOM_AQUA_HUESHIFT',\n 'crs:AquaSaturation': 'LIGHTROOM_AQUA_SATURATION',\n 'crs:AquaLuminance': 'LIGHTROOM_AQUA_EXPOSURE',\n 'crs:BlueHue': 'LIGHTROOM_BLUE_HUESHIFT',\n 'crs:BlueSaturation': 'LIGHTROOM_BLUE_SATURATION',\n 'crs:BlueLuminance': 'LIGHTROOM_BLUE_EXPOSURE',\n 'crs:PurpleHue': 'LIGHTROOM_PURPLE_HUESHIFT',\n 'crs:PurpleSaturation': 'LIGHTROOM_PURPLE_SATURATION',\n 'crs:PurpleLuminance': 'LIGHTROOM_PURPLE_EXPOSURE',\n 'crs:MagentaHue': 'LIGHTROOM_MAGENTA_HUESHIFT',\n 'crs:MagentaSaturation': 'LIGHTROOM_MAGENTA_SATURATION',\n 'crs:MagentaLuminance': 'LIGHTROOM_MAGENTA_EXPOSURE',\n \n // Vignette\n 'crs:VignetteAmount': 'LIGHTROOM_VIGNETTE_AMOUNT',\n 'crs:VignetteMidpoint': 'LIGHTROOM_VIGNETTE_RADIUS_INNER',\n 'crs:VignetteFeather': 'LIGHTROOM_VIGNETTE_RADIUS_OUTER',\n 'crs:VignetteRoundness': 'LIGHTROOM_VIGNETTE_CURVE',\n 'crs:VignetteStyle': 'LIGHTROOM_VIGNETTE_BLEND_MODE',\n};\n\n// Default values for common Lightroom settings\nconst DEFAULT_VALUES: Record = {\n 'LIGHTROOM_ENABLE_CLIPPING_DISPLAY': 0,\n 'LIGHTROOM_ENABLE_CURVE_DISPLAY': 0,\n 'LIGHTROOM_ENABLE_LUT': 0,\n 'LIGHTROOM_ENABLE_VIGNETTE': 0,\n 'LIGHTROOM_GLOBAL_WHITE_LEVEL': 255.000000,\n 'LIGHTROOM_LUT_SCROLL': 0,\n 'LIGHTROOM_LUT_TILE_COUNT': 16,\n 'LIGHTROOM_LUT_TILE_SIZE': 16,\n 'LIGHTROOM_VIGNETTE_COLOR': '0.171569,0.171569,0.171569',\n 'LIGHTROOM_VIGNETTE_HEIGHT': 0.739000,\n 'LIGHTROOM_VIGNETTE_OFFS': '0.000000,0.000000',\n 'LIGHTROOM_VIGNETTE_SHOW_RADII': 0,\n 'LIGHTROOM_VIGNETTE_WIDTH': 0.000000,\n};\n\nexport function parseXMP(xmpContent: string): XMPData {\n const data: XMPData = {};\n \n // Simple XML parsing - look for crs: attributes and elements\n const crsPattern = /crs:(\\w+)=\"([^\"]+)\"/g;\n let match;\n \n while ((match = crsPattern.exec(xmpContent)) !== null) {\n const [, key, value] = match;\n data[`crs:${key}`] = value;\n }\n \n // Also look for elements like value\n const elementPattern = /([^<]+)<\\/crs:\\w+>/g;\n while ((match = elementPattern.exec(xmpContent)) !== null) {\n const [, key, value] = match;\n data[`crs:${key}`] = value;\n }\n \n // Look for self-closing elements like \n const selfClosingPattern = //g;\n while ((match = selfClosingPattern.exec(xmpContent)) !== null) {\n const [, key] = match;\n data[`crs:${key}`] = \"true\";\n }\n \n // Handle nested structures and arrays (basic support)\n const nestedPattern = /]*>[\\s\\S]*?<\\/crs:\\w+>/g;\n while ((match = nestedPattern.exec(xmpContent)) !== null) {\n const [fullMatch, key] = match;\n // Extract attributes from nested elements\n const attrPattern = /(\\w+)=\"([^\"]+)\"/g;\n let attrMatch;\n while ((attrMatch = attrPattern.exec(fullMatch)) !== null) {\n const [, attrKey, attrValue] = attrMatch;\n if (attrKey !== 'xmlns' && !attrKey.startsWith('xmlns:')) {\n data[`crs:${key}_${attrKey}`] = attrValue;\n }\n }\n }\n \n return data;\n}\n\nexport function convertToLightroomConfig(xmpData: XMPData): string {\n const config: LightroomConfig = { ...DEFAULT_VALUES };\n \n // Convert XMP values to Lightroom format\n for (const [xmpKey, value] of Object.entries(xmpData)) {\n const lightroomKey = XMP_TO_LIGHTROOM_MAPPING[xmpKey];\n if (lightroomKey) {\n // Convert string values to numbers where appropriate\n const numValue = parseFloat(value as string);\n if (!isNaN(numValue)) {\n // Normalize values - XMP often uses different scales\n let normalizedValue = numValue;\n \n // Temperature and tint adjustments\n if (lightroomKey.includes('TEMPERATURE')) {\n normalizedValue = numValue / 1000; // XMP uses larger scale\n } else if (lightroomKey.includes('TINT')) {\n normalizedValue = numValue / 100; // XMP uses larger scale\n } else if (lightroomKey.includes('HUESHIFT')) {\n normalizedValue = numValue / 100; // Convert percentage to decimal\n } else if (lightroomKey.includes('SATURATION')) {\n normalizedValue = numValue / 100; // Convert percentage to decimal\n } else if (lightroomKey.includes('EXPOSURE') && !lightroomKey.includes('GLOBAL_EXPOSURE')) {\n // Color luminance adjustments (exposure per color)\n normalizedValue = numValue / 100; // Convert percentage to decimal\n } else if (lightroomKey.includes('CURVE')) {\n // Curve adjustments are typically in percentage\n normalizedValue = numValue / 100;\n } else if (lightroomKey.includes('VIGNETTE')) {\n // Vignette values vary by property\n if (lightroomKey.includes('AMOUNT')) {\n normalizedValue = numValue / 100;\n } else if (lightroomKey.includes('RADIUS')) {\n normalizedValue = numValue / 100;\n } else if (lightroomKey.includes('CURVE')) {\n normalizedValue = numValue / 100;\n }\n }\n \n config[lightroomKey] = normalizedValue;\n } else {\n config[lightroomKey] = value;\n }\n }\n }\n \n // Generate the output format\n const lines: string[] = [];\n const sortedKeys = Object.keys(config).sort();\n \n for (const key of sortedKeys) {\n const value = config[key];\n if (typeof value === 'number') {\n lines.push(`${key}=${value.toFixed(6)}`);\n } else {\n lines.push(`${key}=${value}`);\n }\n }\n \n return lines.join('\\n');\n}",[],[157,213],"278daed6-97fa-11f0-8c65-0224a6c84d84","types.ts","278dafa8-97fa-11f0-8c65-0224a6c84d84",["D",1758576110956],"// Shared types for XMP conversion\n\nexport interface LightroomConfig {\n [key: string]: string | number;\n}\n\nexport interface XMPData {\n [key: string]: any;\n}\n\nexport interface ConversionResult {\n success: boolean;\n config?: string;\n error?: string;\n}",[],[157,223],"fea73e32-97fa-11f0-98a1-0224a6c84d84","fea73ee6-97fa-11f0-98a1-0224a6c84d84",13,["D",1758576471842],"# Shared - XMP Parsing Utilities\n\nThis directory contains shared TypeScript code used by both frontend and backend.\n\n## Files\n\n- `types.ts` - TypeScript interfaces and types\n- `xmp-parser.ts` - XMP parsing and conversion logic\n\n## XMP Parser\n\nThe parser handles Adobe XMP sidecar files and converts them to Lightroom configuration format.\n\n### Supported XMP Properties\n\nThe parser maps common Adobe Camera Raw settings to Lightroom equivalents:\n\n**Global Adjustments:**\n- Exposure, Contrast, Highlights, Shadows, Whites, Blacks\n- Temperature, Tint, Vibrance, Saturation\n- Texture, Clarity, Dehaze\n\n**Color Adjustments (HSL):**\n- Red, Orange, Yellow, Green, Aqua, Blue, Purple, Magenta\n- Hue, Saturation, and Luminance for each color\n\n**Vignette Settings:**\n- Amount, Midpoint, Feather, Roundness, Style\n\n### Value Normalization\n\nThe parser normalizes XMP values to match Lightroom's expected ranges:\n- Percentages (0-100) → Decimals (0.0-1.0)\n- Temperature values scaled appropriately\n- Curve adjustments converted to decimal format\n\n### Output Format\n\nGenerates configuration in the format:\n```\nLIGHTROOM_PROPERTY_NAME=value\n```\n\nAll numeric values are formatted to 6 decimal places for consistency.",[],[157,150],["D",1758576110956],[192,193,194],[157],"d2375d72-97fb-11f0-bf07-0224a6c84d84","index.js","5b9c0992-97fb-11f0-9931-0224a6c84d84",20,["D",1758576826778],"// XMP Converter Frontend Logic\nclass XMPConverter {\n constructor() {\n this.selectedFile = null;\n this.initializeElements();\n this.setupEventListeners();\n }\n\n initializeElements() {\n this.fileInput = document.getElementById('file-input');\n this.dropZone = document.querySelector('.drop-zone');\n this.convertBtn = document.getElementById('convert-btn');\n this.fileInfo = document.getElementById('file-info');\n this.fileName = document.getElementById('file-name');\n this.fileSize = document.getElementById('file-size');\n this.loading = document.getElementById('loading');\n this.errorSection = document.getElementById('error-section');\n this.errorMessage = document.getElementById('error-message');\n this.resultSection = document.getElementById('result-section');\n this.configOutput = document.getElementById('config-output');\n this.copyBtn = document.getElementById('copy-btn');\n this.downloadBtn = document.getElementById('download-btn');\n }\n\n setupEventListeners() {\n // File input change\n this.fileInput.addEventListener('change', (e) => {\n if (e.target.files && e.target.files[0]) {\n this.handleFileSelect(e.target.files[0]);\n }\n });\n\n // Drag and drop\n this.dropZone.addEventListener('dragover', (e) => {\n e.preventDefault();\n this.dropZone.classList.add('dragover');\n });\n\n this.dropZone.addEventListener('dragleave', (e) => {\n e.preventDefault();\n this.dropZone.classList.remove('dragover');\n });\n\n this.dropZone.addEventListener('drop', (e) => {\n e.preventDefault();\n this.dropZone.classList.remove('dragover');\n \n const files = e.dataTransfer?.files;\n if (files && files[0]) {\n this.handleFileSelect(files[0]);\n }\n });\n\n // Convert button\n this.convertBtn.addEventListener('click', () => {\n if (this.selectedFile) {\n this.convertFile();\n }\n });\n\n // Copy button\n this.copyBtn.addEventListener('click', () => {\n this.copyToClipboard();\n });\n\n // Download button\n this.downloadBtn.addEventListener('click', () => {\n this.downloadConfig();\n });\n }\n\n handleFileSelect(file) {\n if (!file.name.toLowerCase().endsWith('.xmp')) {\n this.showError('Please select an XMP file.');\n return;\n }\n\n this.selectedFile = file;\n this.fileName.textContent = file.name;\n this.fileSize.textContent = `(${this.formatFileSize(file.size)})`;\n \n this.fileInfo.classList.remove('hidden');\n this.convertBtn.disabled = false;\n this.hideError();\n this.hideResult();\n }\n\n formatFileSize(bytes) {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n }\n\n async convertFile() {\n if (!this.selectedFile) return;\n\n this.showLoading();\n this.hideError();\n this.hideResult();\n\n try {\n const formData = new FormData();\n formData.append('xmpFile', this.selectedFile);\n\n const response = await fetch('/api/convert', {\n method: 'POST',\n body: formData\n });\n\n const result = await response.json();\n\n if (result.success && result.config) {\n this.showResult(result.config);\n } else {\n this.showError(result.error || 'Conversion failed');\n }\n } catch (error) {\n console.error('Conversion error:', error);\n this.showError('Network error occurred. Please try again.');\n } finally {\n this.hideLoading();\n }\n }\n\n showLoading() {\n this.loading.classList.remove('hidden');\n this.convertBtn.disabled = true;\n }\n\n hideLoading() {\n this.loading.classList.add('hidden');\n this.convertBtn.disabled = false;\n }\n\n showError(message) {\n this.errorMessage.textContent = message;\n this.errorSection.classList.remove('hidden');\n }\n\n hideError() {\n this.errorSection.classList.add('hidden');\n }\n\n showResult(config) {\n this.configOutput.textContent = config;\n this.resultSection.classList.remove('hidden');\n }\n\n hideResult() {\n this.resultSection.classList.add('hidden');\n }\n\n async copyToClipboard() {\n try {\n await navigator.clipboard.writeText(this.configOutput.textContent || '');\n \n // Show temporary success feedback\n const originalText = this.copyBtn.textContent;\n this.copyBtn.textContent = 'Copied!';\n this.copyBtn.classList.remove('bg-gray-600', 'hover:bg-gray-700');\n this.copyBtn.classList.add('bg-green-600', 'hover:bg-green-700');\n \n setTimeout(() => {\n this.copyBtn.textContent = originalText;\n this.copyBtn.classList.remove('bg-green-600', 'hover:bg-green-700');\n this.copyBtn.classList.add('bg-gray-600', 'hover:bg-gray-700');\n }, 2000);\n } catch (error) {\n console.error('Failed to copy to clipboard:', error);\n this.showError('Failed to copy to clipboard');\n }\n }\n\n downloadConfig() {\n const config = this.configOutput.textContent || '';\n const blob = new Blob([config], { type: 'text/plain' });\n const url = URL.createObjectURL(blob);\n \n const a = document.createElement('a');\n a.href = url;\n a.download = this.selectedFile ? \n this.selectedFile.name.replace('.xmp', '_lightroom_config.txt') : \n 'lightroom_config.txt';\n \n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n }\n}\n\n// Initialize the converter when the DOM is loaded\ndocument.addEventListener('DOMContentLoaded', () => {\n new XMPConverter();\n});\n});",[],[164,240],"20bbe2f0-97fd-11f0-9a23-0224a6c84d84","index.html","bed042cc-97fa-11f0-a8b1-0224a6c84d84",24,["D",1758577388004],"\n\n\n \n \n XMP to Lightroom Config Converter\n \n \n \n\n\n

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",[],[164,248],"43dea9b6-97fd-11f0-af22-0224a6c84d84","compact.html","43deaa74-97fd-11f0-af22-0224a6c84d84",27,["D",1758577446960],"\n\n\n \n \n XMP to Lightroom Config Converter\n \n \n\n\n

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

Converting your XMP file...

\n\n

Conversion Error

\n\n

\n Conversion successful!\n

\n\n

Lightroom Configuration

\n \n \n

\n\n

\n\n \n\n",[],[164,256],"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",[],[164,150],["D",1758576364731],[187,188,189,190],[164],"c5926b5a-97fd-11f0-8157-0224a6c84d84","index.ts",33,["D",1758577664558],"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(\"/minimal.html\", import.meta.url);\n return c.html(html);\n});\n\n// Test download page\napp.get(\"/test\", async c => {\n const html = await readFile(\"/test-download.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// Test conversion endpoint\napp.get(\"/api/test-convert\", async c => {\n try {\n // Use the sample XMP file for testing\n const xmpContent = await readFile(\"/test-sample.xmp\", import.meta.url);\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(\"Test 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\nexport default app.fetch;",[],[170,274],"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",[],[170,150],["D",1758576150562],[184,185],[170],["D",1758575981059],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_44":45,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_69":-5,"_109":328,"_329":330,"_331":332,"_333":38,"_334":38,"_335":38,"_336":49,"_337":-5,"_338":-7,"_339":-7,"_340":53,"_341":38,"_342":38,"_343":-5,"_344":38,"_345":38,"_346":38,"_347":-5},"ENV",{"_299":300,"_301":302,"_303":26,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327},"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"]

Branches1

Branches
1