[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_256":257,"_258":259},"routes/_app.x.$handle.$name",{"_94":93,"_31":43,"_102":84,"_26":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":56,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","backend/README.md","latestPath","fileId","f9535ec0-97fa-11f0-ba48-0224a6c84d84","name","README.md","fileType","content","# 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","createdAt",["D",1758576462901],"branchVersion","branchId","da20336c-97f9-11f0-a8cb-0224a6c84d84","id","da1f5096-97f9-11f0-a8cb-0224a6c84d84","xmp2reshade",["D",1758575981059],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","900a1ecc-26fd-4771-962a-c13dfb9ef64a","pinnedFileId","3f28628e-97fa-11f0-afe6-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","636fc787-66cd-4518-95de-3740f42b9de1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},"branch",{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"isOwned",35,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jjg","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYXJGSnhuRlpsMXE1ZnFWbElnbG15WlJKS0UifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":252,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":253,"_78":254,"_80":255,"_82":24},"tree",[174,177,181,184,185],"files",[174,175,176,177,178,179,180,181,182,183,184,185],"counts",{"_164":60,"_165":141,"_166":60,"_167":168,"_169":170},"contents",[124,125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":158,"_31":159,"_29":160,"_132":-5,"_39":40,"_38":161,"_134":56,"_36":162,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_26":163},{"_41":152,"_31":153,"_29":154,"_132":-5,"_39":40,"_38":155,"_134":56,"_36":156,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_26":157},{"_41":145,"_31":146,"_29":147,"_132":-5,"_39":40,"_38":148,"_134":56,"_36":149,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_26":151},{"_41":139,"_31":32,"_29":140,"_132":-5,"_39":40,"_38":141,"_134":56,"_36":142,"_13":60,"_33":20,"_34":143,"_23":24,"_137":-5,"_26":144},{"_41":129,"_31":130,"_29":131,"_132":-5,"_39":40,"_38":133,"_134":56,"_36":135,"_13":60,"_33":20,"_34":136,"_23":24,"_137":-5,"_26":138},"e3c14ed2-97fa-11f0-be5a-0224a6c84d84","test-sample.xmp","e3c14f86-97fa-11f0-be5a-0224a6c84d84","parentId",9,"latest",["D",1758576426712],"\n\n \n \n \n \n","label",[130],"252f5c48-97fa-11f0-83d2-0224a6c84d84","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",[32],"278db7d2-97fa-11f0-8c65-0224a6c84d84","shared","81259b5e-bb9a-4f49-a8eb-72cc7eff0c5a",2,["D",1758576110956],"directory",[146],"bed058f2-97fa-11f0-a8b1-0224a6c84d84","frontend","4cb1c1f5-a3dd-40ef-8e8f-e324fa9ba554",5,["D",1758576364731],[153],"3f286f68-97fa-11f0-afe6-0224a6c84d84","backend","46fa088b-50c8-498a-947a-445ef0086494",4,["D",1758576150562],[159],"pulls","branches","forks","envVars",{"_171":60,"_173":60},"connections",{"_171":60,"_172":60},"count","unfilledCount","emptyCount",{"_41":158,"_31":159,"_29":160,"_132":-5,"_39":40,"_38":161,"_134":56,"_36":249,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_187":250,"_26":251},{"_41":245,"_31":32,"_29":30,"_132":160,"_39":40,"_38":14,"_134":56,"_36":246,"_13":60,"_33":20,"_34":35,"_23":24,"_137":-5,"_187":247,"_26":248},{"_41":237,"_31":238,"_29":54,"_132":160,"_39":40,"_38":239,"_134":24,"_36":240,"_13":141,"_33":241,"_34":242,"_23":24,"_137":-5,"_187":243,"_26":244},{"_41":152,"_31":153,"_29":154,"_132":-5,"_39":40,"_38":155,"_134":56,"_36":234,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_187":235,"_26":236},{"_41":227,"_31":32,"_29":228,"_132":154,"_39":40,"_38":229,"_134":56,"_36":230,"_13":60,"_33":20,"_34":231,"_23":24,"_137":-5,"_187":232,"_26":233},{"_41":220,"_31":221,"_29":222,"_132":154,"_39":40,"_38":155,"_134":24,"_36":223,"_13":60,"_33":20,"_34":224,"_23":24,"_137":-5,"_187":225,"_26":226},{"_41":212,"_31":213,"_29":214,"_132":154,"_39":40,"_38":215,"_134":24,"_36":216,"_13":60,"_33":198,"_34":217,"_23":24,"_137":-5,"_187":218,"_26":219},{"_41":145,"_31":146,"_29":147,"_132":-5,"_39":40,"_38":148,"_134":56,"_36":209,"_13":60,"_33":150,"_34":-5,"_23":24,"_137":-5,"_187":210,"_26":211},{"_41":202,"_31":203,"_29":204,"_132":147,"_39":40,"_38":148,"_134":56,"_36":205,"_13":60,"_33":198,"_34":206,"_23":24,"_137":-5,"_187":207,"_26":208},{"_41":193,"_31":194,"_29":195,"_132":147,"_39":40,"_38":196,"_134":24,"_36":197,"_13":148,"_33":198,"_34":199,"_23":24,"_137":-5,"_187":200,"_26":201},{"_41":139,"_31":32,"_29":140,"_132":-5,"_39":40,"_38":141,"_134":56,"_36":190,"_13":60,"_33":20,"_34":143,"_23":24,"_137":-5,"_187":191,"_26":192},{"_41":129,"_31":130,"_29":131,"_132":-5,"_39":40,"_38":133,"_134":56,"_36":186,"_13":60,"_33":20,"_34":136,"_23":24,"_137":-5,"_187":188,"_26":189},["D",1758576426712],"children",[],[130],["D",1758576106986],[],[32],"ee835bf8-97fa-11f0-84ac-0224a6c84d84","xmp-parser.ts","385e842e-97fa-11f0-a04a-0224a6c84d84",10,["D",1758576444757],"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 console.log('XMP Data found:', Object.keys(xmpData).length, 'properties');\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 console.log(`Mapping ${xmpKey} -> ${lightroomKey}: ${value}`);\n \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}",[],[146,194],"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}",[],[146,203],["D",1758576110956],[182,183],[146],"cb56573e-97fa-11f0-9c3b-0224a6c84d84","index.tsx","cb5657fc-97fa-11f0-9c3b-0224a6c84d84",6,["D",1758576385745],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport type { ConversionResult } from '../shared/types.ts';\n\nclass XMPConverter {\n private fileInput: HTMLInputElement;\n private dropZone: HTMLElement;\n private convertBtn: HTMLButtonElement;\n private fileInfo: HTMLElement;\n private fileName: HTMLElement;\n private fileSize: HTMLElement;\n private loading: HTMLElement;\n private errorSection: HTMLElement;\n private errorMessage: HTMLElement;\n private resultSection: HTMLElement;\n private configOutput: HTMLElement;\n private copyBtn: HTMLButtonElement;\n private downloadBtn: HTMLButtonElement;\n private selectedFile: File | null = null;\n\n constructor() {\n this.initializeElements();\n this.setupEventListeners();\n }\n\n private initializeElements(): void {\n this.fileInput = document.getElementById('file-input') as HTMLInputElement;\n this.dropZone = document.querySelector('.drop-zone') as HTMLElement;\n this.convertBtn = document.getElementById('convert-btn') as HTMLButtonElement;\n this.fileInfo = document.getElementById('file-info') as HTMLElement;\n this.fileName = document.getElementById('file-name') as HTMLElement;\n this.fileSize = document.getElementById('file-size') as HTMLElement;\n this.loading = document.getElementById('loading') as HTMLElement;\n this.errorSection = document.getElementById('error-section') as HTMLElement;\n this.errorMessage = document.getElementById('error-message') as HTMLElement;\n this.resultSection = document.getElementById('result-section') as HTMLElement;\n this.configOutput = document.getElementById('config-output') as HTMLElement;\n this.copyBtn = document.getElementById('copy-btn') as HTMLButtonElement;\n this.downloadBtn = document.getElementById('download-btn') as HTMLButtonElement;\n }\n\n private setupEventListeners(): void {\n // File input change\n this.fileInput.addEventListener('change', (e) => {\n const target = e.target as HTMLInputElement;\n if (target.files && target.files[0]) {\n this.handleFileSelect(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 private handleFileSelect(file: File): void {\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 private formatFileSize(bytes: number): string {\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 private async convertFile(): Promise {\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: ConversionResult = 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 private showLoading(): void {\n this.loading.classList.remove('hidden');\n this.convertBtn.disabled = true;\n }\n\n private hideLoading(): void {\n this.loading.classList.add('hidden');\n this.convertBtn.disabled = false;\n }\n\n private showError(message: string): void {\n this.errorMessage.textContent = message;\n this.errorSection.classList.remove('hidden');\n }\n\n private hideError(): void {\n this.errorSection.classList.add('hidden');\n }\n\n private showResult(config: string): void {\n this.configOutput.textContent = config;\n this.resultSection.classList.remove('hidden');\n }\n\n private hideResult(): void {\n this.resultSection.classList.add('hidden');\n }\n\n private async copyToClipboard(): Promise {\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 private downloadConfig(): void {\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});",[],[153,213],"bed0420e-97fa-11f0-a8b1-0224a6c84d84","index.html","bed042cc-97fa-11f0-a8b1-0224a6c84d84",["D",1758576364731],"\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",[],[153,221],"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",[],[153,32],["D",1758576364731],[178,179,180],[153],"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;",[],[159,238],"f9535dda-97fa-11f0-ba48-0224a6c84d84",["D",1758576462901],[],[159,32],["D",1758576150562],[175,176],[159],["D",1758575981059],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_121":289,"_290":291,"_292":293,"_294":24,"_295":24,"_296":24,"_297":56,"_298":-5,"_299":-7,"_300":-7,"_301":60,"_302":24,"_303":24,"_304":-5,"_305":24,"_306":24,"_307":24,"_308":-5},"ENV",{"_260":261,"_262":263,"_264":84,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288},"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 · v12