[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_242":243,"_244":245},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","shared/xmp-parser.ts","latestPath","fileId","385e842e-97fa-11f0-a04a-0224a6c84d84","name","xmp-parser.ts","fileType","script","content","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')) {\n // Exposure values are typically in stops, keep as-is\n normalizedValue = numValue;\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}","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}","createdAt",["D",1758576444757],"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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"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",{"_44":45,"_32":46,"_39":238,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":239,"_81":240,"_83":241,"_85":25},"tree",[178,180,183,186,187],"files",[178,179,180,181,182,183,184,185,186,187],"counts",{"_168":63,"_169":145,"_170":63,"_171":172,"_173":174},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":162,"_32":163,"_30":164,"_135":-5,"_42":43,"_41":165,"_137":59,"_39":166,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":167},{"_44":156,"_32":157,"_30":158,"_135":-5,"_42":43,"_41":159,"_137":59,"_39":160,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":161},{"_44":149,"_32":150,"_30":151,"_135":-5,"_42":43,"_41":152,"_137":59,"_39":153,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":155},{"_44":142,"_32":143,"_30":144,"_135":-5,"_42":43,"_41":145,"_137":59,"_39":146,"_13":63,"_34":20,"_36":147,"_24":25,"_140":-5,"_27":148},{"_44":132,"_32":133,"_30":134,"_135":-5,"_42":43,"_41":136,"_137":59,"_39":138,"_13":63,"_34":20,"_36":139,"_24":25,"_140":-5,"_27":141},"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",[133],"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",[143],"278db7d2-97fa-11f0-8c65-0224a6c84d84","shared","81259b5e-bb9a-4f49-a8eb-72cc7eff0c5a",2,["D",1758576110956],"directory",[150],"bed058f2-97fa-11f0-a8b1-0224a6c84d84","frontend","4cb1c1f5-a3dd-40ef-8e8f-e324fa9ba554",5,["D",1758576364731],[157],"3f286f68-97fa-11f0-afe6-0224a6c84d84","backend","46fa088b-50c8-498a-947a-445ef0086494",4,["D",1758576150562],[163],"pulls","branches","forks","envVars",{"_175":63,"_177":63},"connections",{"_175":63,"_176":63},"count","unfilledCount","emptyCount",{"_44":162,"_32":163,"_30":164,"_135":-5,"_42":43,"_41":165,"_137":59,"_39":235,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_189":236,"_27":237},{"_44":227,"_32":228,"_30":57,"_135":164,"_42":43,"_41":229,"_137":25,"_39":230,"_13":145,"_34":231,"_36":232,"_24":25,"_140":-5,"_189":233,"_27":234},{"_44":156,"_32":157,"_30":158,"_135":-5,"_42":43,"_41":159,"_137":59,"_39":224,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_189":225,"_27":226},{"_44":217,"_32":218,"_30":219,"_135":158,"_42":43,"_41":159,"_137":25,"_39":220,"_13":63,"_34":20,"_36":221,"_24":25,"_140":-5,"_189":222,"_27":223},{"_44":209,"_32":210,"_30":211,"_135":158,"_42":43,"_41":212,"_137":25,"_39":213,"_13":63,"_34":35,"_36":214,"_24":25,"_140":-5,"_189":215,"_27":216},{"_44":149,"_32":150,"_30":151,"_135":-5,"_42":43,"_41":152,"_137":59,"_39":206,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_189":207,"_27":208},{"_44":199,"_32":200,"_30":201,"_135":151,"_42":43,"_41":152,"_137":59,"_39":202,"_13":63,"_34":35,"_36":203,"_24":25,"_140":-5,"_189":204,"_27":205},{"_44":195,"_32":33,"_30":31,"_135":151,"_42":43,"_41":14,"_137":25,"_39":196,"_13":152,"_34":35,"_36":38,"_24":25,"_140":-5,"_189":197,"_27":198},{"_44":142,"_32":143,"_30":144,"_135":-5,"_42":43,"_41":145,"_137":59,"_39":192,"_13":63,"_34":20,"_36":147,"_24":25,"_140":-5,"_189":193,"_27":194},{"_44":132,"_32":133,"_30":134,"_135":-5,"_42":43,"_41":136,"_137":59,"_39":188,"_13":63,"_34":20,"_36":139,"_24":25,"_140":-5,"_189":190,"_27":191},["D",1758576426712],"children",[],[133],["D",1758576106986],[],[143],"ee835bf8-97fa-11f0-84ac-0224a6c84d84",["D",1758576444757],[],[150,33],"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}",[],[150,200],["D",1758576110956],[184,185],[150],"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});",[],[157,210],"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",[],[157,218],["D",1758576364731],[181,182],[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,228],["D",1758576150562],[179],[163],["D",1758575981059],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":275,"_276":277,"_278":279,"_280":25,"_281":25,"_282":25,"_283":59,"_284":-5,"_285":-7,"_286":-7,"_287":63,"_288":25,"_289":25,"_290":-5,"_291":25,"_292":25,"_293":25,"_294":-5},"ENV",{"_246":247,"_248":249,"_250":87,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"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 · v10