[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_327":328,"_329":330},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_249":250,"_49":-7,"_251":-5,"_17":252,"_253":254,"_255":256,"_257":258,"_259":260,"_63":-5,"_261":-5,"_262":-5,"_263":24,"_264":265,"_266":267,"_268":-5,"_269":-5,"_270":271},"routes/_app.x.$handle.$name.branch.$branch.history",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","getflourish","name","font-identification","branchName","main","project",{"_43":203,"_13":14,"_47":204,"_205":-5,"_206":24,"_207":208,"_209":208,"_210":-5,"_211":-5,"_25":78,"_212":-5,"_213":24,"_214":-5,"_215":-5,"_216":20,"_51":52,"_217":-5,"_218":-5,"_219":-5,"_220":-5,"_221":222,"_223":222,"_224":225,"_226":225,"_227":225,"_228":222,"_229":222,"_61":230,"_231":232,"_233":234,"_235":24},"page",0,"history",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"hasNext",false,"userId",{"_43":196,"_45":46,"_47":197,"_49":198,"_51":52,"_53":189,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":199,"_63":200,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":201},{"_43":189,"_45":46,"_47":190,"_49":191,"_51":52,"_53":182,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":192,"_63":193,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":194},{"_43":182,"_45":46,"_47":183,"_49":184,"_51":52,"_53":174,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":185,"_63":186,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":187},{"_43":174,"_45":46,"_47":175,"_49":176,"_51":52,"_53":165,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":177,"_63":178,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":179},{"_43":165,"_45":46,"_47":166,"_49":167,"_51":52,"_53":158,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":168,"_63":169,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":170},{"_43":158,"_45":46,"_47":159,"_49":160,"_51":52,"_53":151,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":161,"_63":162,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":163},{"_43":151,"_45":46,"_47":152,"_49":153,"_51":52,"_53":143,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":154,"_63":155,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":156},{"_43":143,"_45":46,"_47":144,"_49":145,"_51":52,"_53":136,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":146,"_63":147,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":148},{"_43":136,"_45":46,"_47":137,"_49":138,"_51":52,"_53":129,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":139,"_63":140,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":141},{"_43":129,"_45":46,"_47":130,"_49":131,"_51":52,"_53":122,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":132,"_63":133,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":134},{"_43":122,"_45":46,"_47":123,"_49":124,"_51":52,"_53":115,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":125,"_63":126,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":127},{"_43":115,"_45":46,"_47":116,"_49":117,"_51":52,"_53":107,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":118,"_63":119,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":120},{"_43":107,"_45":46,"_47":108,"_49":109,"_51":52,"_53":99,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":110,"_63":111,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":112},{"_43":99,"_45":46,"_47":100,"_49":101,"_51":52,"_53":90,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":102,"_63":103,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":104},{"_43":90,"_45":46,"_47":91,"_49":92,"_51":52,"_53":81,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":93,"_63":94,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":95},{"_43":81,"_45":46,"_47":82,"_49":83,"_51":52,"_53":44,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":84,"_63":85,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":86},{"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70},"id","d95c5176-fabf-11f0-a929-42dde27851f2","branchId","d950b348-fabf-11f0-a929-42dde27851f2","createdAt",["D",1769436234023],"version",1,"orgId","00603770-e43d-45d9-b81a-1fd887072742","parentId","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_43":78,"_51":52,"_11":12,"_79":80},"file",{"_72":73,"_13":74,"_75":76,"_77":24},"pull","merge","revert","multiple","commits",[71],{"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5},"fileId","d95a8364-fabf-11f0-a929-42dde27851f2","main.ts","fileType","script","deleted","6a4c0930-29db-11f0-b58d-e3db2f179d77","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yd2dmanRHVERSOUJuZnBNQ3NMWkM4WEZKeHoifQ","e22db592-fabf-11f0-892a-42dde27851f2",["D",1769436248856],2,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":88,"_13":89,"_75":76,"_77":24},[87],{"_43":81,"_45":46,"_47":82,"_49":83,"_51":52,"_53":44,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":84,"_63":85,"_65":-5,"_66":-5,"_67":-5},"e22b74c6-fabf-11f0-892a-42dde27851f2","new-file-6784.ts","e2e63da6-fabf-11f0-b871-42dde27851f2",["D",1769436250056],3,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":97,"_13":98,"_75":76,"_77":24},[96],{"_43":90,"_45":46,"_47":91,"_49":92,"_51":52,"_53":81,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":93,"_63":94,"_65":-5,"_66":-5,"_67":-5},"e2e355fa-fabf-11f0-b871-42dde27851f2","new-file-7556.ts","e7c3b72c-fabf-11f0-bf62-42dde27851f2",["D",1769436258225],4,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":88,"_13":106,"_75":76,"_77":24},[105],{"_43":99,"_45":46,"_47":100,"_49":101,"_51":52,"_53":90,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":102,"_63":103,"_65":-5,"_66":-5,"_67":-5},"processImage.ts","eadaf416-fabf-11f0-8ec1-42dde27851f2",["D",1769436263388],5,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":97,"_13":114,"_75":76,"_77":24},[113],{"_43":107,"_45":46,"_47":108,"_49":109,"_51":52,"_53":99,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":110,"_63":111,"_65":-5,"_66":-5,"_67":-5},"types.ts","fb009a44-fabf-11f0-b9e7-42dde27851f2",["D",1769436290502],6,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":97,"_13":114,"_75":76,"_77":24},[121],{"_43":115,"_45":46,"_47":116,"_49":117,"_51":52,"_53":107,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":118,"_63":119,"_65":-5,"_66":-5,"_67":-5},"fc231d98-fabf-11f0-be0a-42dde27851f2",["D",1769436292413],7,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":88,"_13":106,"_75":76,"_77":24},[128],{"_43":122,"_45":46,"_47":123,"_49":124,"_51":52,"_53":115,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":125,"_63":126,"_65":-5,"_66":-5,"_67":-5},"fd13e264-fabf-11f0-9b44-42dde27851f2",["D",1769436293979],8,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":73,"_13":74,"_75":76,"_77":24},[135],{"_43":129,"_45":46,"_47":130,"_49":131,"_51":52,"_53":122,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":132,"_63":133,"_65":-5,"_66":-5,"_67":-5},"046f48c8-fac0-11f0-9c0b-42dde27851f2",["D",1769436306323],9,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":73,"_13":74,"_75":76,"_77":24},[142],{"_43":136,"_45":46,"_47":137,"_49":138,"_51":52,"_53":129,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":139,"_63":140,"_65":-5,"_66":-5,"_67":-5},"123037ba-fac0-11f0-ab56-42dde27851f2",["D",1769436329408],10,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":73,"_13":74,"_75":150,"_77":24},[149],{"_43":143,"_45":46,"_47":144,"_49":145,"_51":52,"_53":136,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":146,"_63":147,"_65":-5,"_66":-5,"_67":-5},"http","17d167a2-fac0-11f0-be6c-42dde27851f2",["D",1769436338840],11,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":88,"_13":106,"_75":76,"_77":24},[157],{"_43":151,"_45":46,"_47":152,"_49":153,"_51":52,"_53":143,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":154,"_63":155,"_65":-5,"_66":-5,"_67":-5},"350ba03a-fac0-11f0-ab56-42dde27851f2",["D",1769436387890],12,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":88,"_13":106,"_75":76,"_77":24},[164],{"_43":158,"_45":46,"_47":159,"_49":160,"_51":52,"_53":151,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":161,"_63":162,"_65":-5,"_66":-5,"_67":-5},"3f37f3ce-0015-11f1-bda7-42dde27851f2",["D",1770022667994],13,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":172,"_13":173,"_75":76,"_77":24},[171],{"_43":165,"_45":46,"_47":166,"_49":167,"_51":52,"_53":158,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":168,"_63":169,"_65":-5,"_66":-5,"_67":-5},"3f3608a2-0015-11f1-bda7-42dde27851f2","new-file-4284.ts","4135717e-0015-11f1-ad69-42dde27851f2",["D",1770022671333],14,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":172,"_13":181,"_75":76,"_77":24},[180],{"_43":174,"_45":46,"_47":175,"_49":176,"_51":52,"_53":165,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":177,"_63":178,"_65":-5,"_66":-5,"_67":-5},"compare.ts","45bf19c0-0015-11f1-a74a-42dde27851f2",["D",1770022678953],15,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":172,"_13":181,"_75":76,"_77":24},[188],{"_43":182,"_45":46,"_47":183,"_49":184,"_51":52,"_53":174,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":185,"_63":186,"_65":-5,"_66":-5,"_67":-5},"f4f2f65a-0015-11f1-8766-42dde27851f2",["D",1770022972880],16,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":172,"_13":181,"_75":150,"_77":24},[195],{"_43":189,"_45":46,"_47":190,"_49":191,"_51":52,"_53":182,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":192,"_63":193,"_65":-5,"_66":-5,"_67":-5},"dbf8dc04-0016-11f1-85b9-42dde27851f2",["D",1770023360464],17,{"_43":78,"_51":52,"_11":12,"_79":80},{"_72":172,"_13":181,"_75":150,"_77":24},[202],{"_43":196,"_45":46,"_47":197,"_49":198,"_51":52,"_53":189,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":199,"_63":200,"_65":-5,"_66":-5,"_67":-5},"d94fb31c-fabf-11f0-a929-42dde27851f2",["D",1769436233995],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_248":80},"org",{"_11":12,"_244":-5,"_79":80,"_25":78,"_245":246,"_247":24},"branch",{"_49":198,"_13":16,"_43":46,"_236":203,"_237":-5,"_238":-5,"_239":-5,"_240":-5,"_241":-5,"_242":14,"_243":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","path","","adoptOrgId",{"_43":203,"_13":14,"_47":323,"_205":-5,"_206":24,"_207":208,"_209":208,"_210":-5,"_211":-5,"_25":78,"_212":-5,"_213":24,"_214":-5,"_215":-5,"_216":20,"_51":52,"_217":-5,"_218":-5,"_219":-5,"_220":-5,"_221":222,"_223":222,"_224":225,"_226":225,"_227":225,"_228":222,"_229":222,"_61":324,"_231":325,"_233":326,"_235":24},"tree",[306,307,308,309],"files",[306,307,308,309],"counts",{"_296":20,"_297":50,"_298":20,"_299":300,"_301":302},"contents",[272,273,274,275],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":292,"_13":181,"_72":172,"_53":-5,"_45":46,"_277":198,"_278":267,"_47":293,"_49":101,"_75":150,"_280":294,"_77":24,"_282":-5,"_249":295},{"_43":288,"_13":74,"_72":73,"_53":-5,"_45":46,"_277":145,"_278":267,"_47":289,"_49":92,"_75":150,"_280":290,"_77":24,"_282":-5,"_249":291},{"_43":284,"_13":106,"_72":88,"_53":-5,"_45":46,"_277":160,"_278":267,"_47":285,"_49":101,"_75":76,"_280":286,"_77":24,"_282":-5,"_249":287},{"_43":276,"_13":114,"_72":97,"_53":-5,"_45":46,"_277":117,"_278":267,"_47":279,"_49":83,"_75":76,"_280":281,"_77":24,"_282":-5,"_249":283},"fafe898e-fabf-11f0-b9e7-42dde27851f2","branchVersion","latest",["D",1769436290502],"content","export interface ColorThresholds {\n red: { r: number; g: number; b: number; tolerance: number };\n black: { brightness: number };\n white: { brightness: number };\n}\n\nexport interface AnalysisResult {\n distances: number[];\n averageDistance: number;\n maxDistance: number;\n minDistance: number;\n targetPixelCount: number;\n processedImageUrl: string;\n imageWidth: number;\n imageHeight: number;\n}\n\nexport interface ProcessingState {\n status: \"idle\" | \"processing\" | \"completed\" | \"error\";\n progress: number;\n message?: string;\n}","label",[114],"350a0b1c-fac0-11f0-ab56-42dde27851f2",["D",1769436387890],"export interface ColorThresholds {\n red: { r: number; g: number; b: number; tolerance: number };\n black: { brightness: number };\n white: { brightness: number };\n}\n\nexport interface AnalysisResult {\n distances: number[];\n averageDistance: number;\n maxDistance: number;\n minDistance: number;\n targetPixelCount: number;\n processedImageUrl: string;\n imageWidth: number;\n imageHeight: number;\n}\n\nexport interface ProcessingState {\n status: \"idle\" | \"processing\" | \"completed\" | \"error\";\n progress: number;\n message?: string;\n}\n\n/**\n * Contextual Distance Transform with Scalable SVG Output.\n * Generates an SVG string containing:\n * - A black background.\n * - Faint underlay of the original image (10% opacity).\n * - Red probe points (heatmap-style) as vector paths.\n * - High-precision white vectors (lines with SVG markers) connecting probes to references.\n */\n\nexport async function processImage(\n imageData: ImageData,\n thresholds: ColorThresholds,\n originalImageUri: string,\n onProgress: (p: number) => void,\n): Promise {\n const { width, height, data } = imageData;\n const targetPoints: [number, number][] = [];\n const whitePoints: [number, number][] = [];\n const blackPoints: [number, number][] = [];\n\n const isWhiteMask = new Uint8Array(width * height);\n const diagonal = Math.sqrt(width * width + height * height);\n const maxVisualDistance = diagonal * 0.03;\n\n // 1. Classification Pass\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n const idx = (y * width + x) * 4;\n const r = data[idx];\n const g = data[idx + 1];\n const b = data[idx + 2];\n const brightness = (r + g + b) / 3;\n\n const isRed = r > thresholds.red.r - thresholds.red.tolerance &&\n g < thresholds.red.g + thresholds.red.tolerance &&\n b < thresholds.red.b + thresholds.red.tolerance;\n\n if (isRed) targetPoints.push([x, y]);\n if (brightness >= thresholds.white.brightness) {\n whitePoints.push([x, y]);\n isWhiteMask[y * width + x] = 1;\n }\n if (brightness <= thresholds.black.brightness) blackPoints.push([x, y]);\n }\n if (y % 50 === 0) onProgress((y / height) * 0.1);\n }\n\n if (targetPoints.length === 0) throw new Error(\"No red pixels found.\");\n if (whitePoints.length === 0 && blackPoints.length === 0) {\n throw new Error(\"No reference pixels (B/W) found.\");\n }\n\n const distances: number[] = [];\n let sumDist = 0;\n let maxDist = 0;\n let minDist = Infinity;\n\n // Collection for vector lines\n const vectorLines: string[] = [];\n const probePathBuckets: string[] = Array(10).fill(\"\");\n\n const isNearWhite = (px: number, py: number) => {\n const r = 2;\n for (let dy = -r; dy <= r; dy++) {\n for (let dx = -r; dx <= r; dx++) {\n const nx = px + dx;\n const ny = py + dy;\n if (nx >= 0 && nx < width && ny >= 0 && ny < height) {\n if (isWhiteMask[ny * width + nx]) return true;\n }\n }\n }\n return false;\n };\n\n // 2. Distance Computation & Geometry Construction\n // Sample vectors to maintain SVG performance (max ~8000 lines)\n const vectorStep = Math.max(1, Math.floor(targetPoints.length / 8000));\n\n for (let i = 0; i < targetPoints.length; i++) {\n const [tx, ty] = targetPoints[i];\n const onWhite = isNearWhite(tx, ty);\n const referenceSet = onWhite ? blackPoints : whitePoints;\n\n let minD = Infinity;\n let closestPt: [number, number] | null = null;\n\n for (let j = 0; j < referenceSet.length; j++) {\n const [rx, ry] = referenceSet[j];\n const dx = tx - rx;\n const dy = ty - ry;\n const dSq = dx * dx + dy * dy;\n if (dSq < minD * minD) {\n minD = Math.sqrt(dSq);\n closestPt = [rx, ry];\n }\n if (minD < 0.5) {\n minD = 0;\n closestPt = [rx, ry];\n break;\n }\n }\n\n distances.push(minD);\n sumDist += minD;\n if (minD > maxDist) maxDist = minD;\n if (minD < minDist) minDist = minD;\n\n // Build vector lines with marker reference\n if (closestPt && i % vectorStep === 0) {\n const [rx, ry] = closestPt;\n // Only draw arrowhead if distance is >= 2px\n const markerAttr = minD >= 2 ? ' marker-end=\"url(#arrowhead)\"' : \"\";\n vectorLines.push(\n ``,\n );\n }\n\n // Add to probe path bucket (all probes represented)\n const alphaLevel = Math.min(9, Math.floor((minD / maxVisualDistance) * 10));\n probePathBuckets[alphaLevel] += `M${tx},${ty}h0.1`;\n\n if (i % 2000 === 0) onProgress(0.1 + (i / targetPoints.length) * 0.8);\n }\n\n // 3. Assemble SVG String\n let probeElements = \"\";\n probePathBuckets.forEach((path, i) => {\n if (path) {\n const opacity = (i + 1) / 10;\n probeElements +=\n ``;\n }\n });\n\n const svgString = `\n \n `.trim();\n\n const base64Svg = btoa(unescape(encodeURIComponent(svgString)));\n const processedImageUrl = `data:image/svg+xml;base64,${base64Svg}`;\n\n onProgress(1.0);\n\n return {\n distances,\n averageDistance: sumDist / targetPoints.length,\n maxDistance: maxDist,\n minDistance: minDist === Infinity ? 0 : minDist,\n targetPixelCount: targetPoints.length,\n processedImageUrl,\n imageWidth: width,\n imageHeight: height,\n };\n}",[106],"122ea878-fac0-11f0-ab56-42dde27851f2",["D",1769436329408],"// @ts-ignore - Val Town is Deno runtime\nimport { processImage } from \"./processImage.ts\"; // put your function in another val/module\nimport type { ColorThresholds } from \"./types.ts\";\n\n// Reasonable defaults (override via POST body)\nconst DEFAULT_THRESHOLDS: ColorThresholds = {\n red: { r: 255, g: 0, b: 0, tolerance: 40 },\n white: { brightness: 240 },\n black: { brightness: 20 },\n};\n\nfunction withCors(resp: Response) {\n const h = new Headers(resp.headers);\n h.set(\"Access-Control-Allow-Origin\", \"*\");\n h.set(\"Access-Control-Allow-Methods\", \"GET,POST,OPTIONS\");\n h.set(\"Access-Control-Allow-Headers\", \"Content-Type\");\n return new Response(resp.body, { status: resp.status, headers: h });\n}\n\nasync function fetchImageAsDataUrl(\n url: string,\n): Promise<{ blob: Blob; dataUrl: string }> {\n const r = await fetch(url);\n if (!r.ok) {\n throw new Error(`Failed to fetch image: ${r.status} ${r.statusText}`);\n }\n\n const contentType = r.headers.get(\"content-type\") ||\n \"application/octet-stream\";\n const bytes = new Uint8Array(await r.arrayBuffer());\n const blob = new Blob([bytes], { type: contentType });\n\n // Create a data URL for underlay in your SVG\n // (keeps SVG self-contained even if the original URL is private/expiring)\n const b64 = btoa(String.fromCharCode(...bytes));\n const dataUrl = `data:${contentType};base64,${b64}`;\n return { blob, dataUrl };\n}\n\nasync function decodeToImageData(blob: Blob): Promise {\n // Deno supports canvas primitives; we use createImageBitmap + OffscreenCanvas.\n // Docs: Canvas/ImageBitmapSource, etc. :contentReference[oaicite:2]{index=2}\n const bmp = await createImageBitmap(blob);\n const canvas = new OffscreenCanvas(bmp.width, bmp.height);\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) throw new Error(\"No 2D canvas context available\");\n\n ctx.drawImage(bmp, 0, 0);\n return ctx.getImageData(0, 0, bmp.width, bmp.height);\n}\n\nexport default async function handler(req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return withCors(new Response(null, { status: 204 }));\n }\n\n try {\n let url: string | null = null;\n let thresholds: ColorThresholds = DEFAULT_THRESHOLDS;\n\n if (req.method === \"GET\") {\n const u = new URL(req.url);\n url = u.searchParams.get(\"url\");\n } else if (req.method === \"POST\") {\n const body = await req.json().catch(() => ({}));\n url = body?.url ?? null;\n thresholds = body?.thresholds ?? thresholds;\n } else {\n return withCors(\n Response.json({ error: \"Use GET or POST.\" }, { status: 405 }),\n );\n }\n\n if (!url) {\n return withCors(\n Response.json(\n {\n error: \"Missing image url\",\n usage: {\n get: \"GET ?url=https://example.com/image.png\",\n post: {\n url: \"https://example.com/image.png\",\n thresholds: DEFAULT_THRESHOLDS,\n },\n },\n },\n { status: 400 },\n ),\n );\n }\n\n // Fetch + decode\n const { blob, dataUrl: originalImageUri } = await fetchImageAsDataUrl(url);\n const imageData = await decodeToImageData(blob);\n\n // Progress is optional; you can also stream/log this instead\n let lastProgress = 0;\n const onProgress = (p: number) => {\n // keep it cheap\n if (p - lastProgress >= 0.05 || p === 1) lastProgress = p;\n };\n\n const result = await processImage(\n imageData,\n thresholds,\n originalImageUri,\n onProgress,\n );\n\n return withCors(Response.json(result));\n } catch (e) {\n return withCors(\n Response.json(\n { error: e instanceof Error ? e.message : String(e) },\n { status: 500 },\n ),\n );\n }\n}",[74],"dbf60b50-0016-11f1-85b9-42dde27851f2",["D",1770023360464],"// Val Town HTTP val\n// POST JSON:\n//\n// Option 1 (URLs):\n// {\n// \"imageUrl1\": \"https://.../a.png\",\n// \"imageUrl2\": \"https://.../b.png\",\n// \"threshold\": 1.5\n// }\n//\n// Option 2 (raw grayscale buffers):\n// {\n// \"width\": 200,\n// \"height\": 200,\n// \"image1\": number[] | string, // length=width*height, values 0..255 OR base64/raw-bytes\n// \"image2\": number[] | string,\n// \"threshold\": 1.5\n// }\n//\n// Returns JSON stats (distance map not returned; only shape).\n\nimport { Image } from \"npm:imagescript@1.3.0\";\n\nconst INF = 1e15;\n\ntype Stats = {\n intersectionPixels: number;\n xorPixels: number;\n img1OnlyPixels: number;\n img2OnlyPixels: number;\n maxDistance: number;\n meanDistance: number;\n threshold: number;\n pixelsAboveThreshold: number;\n percentageAboveThreshold: number;\n img1PixelsAboveThreshold: number;\n img1PercentageAboveThreshold: number;\n img2PixelsAboveThreshold: number;\n img2PercentageAboveThreshold: number;\n distanceMapShape: string;\n};\n\nfunction normalizeBase64(s: string): string {\n // strip data URL prefix if present\n if (s.startsWith(\"data:\")) s = s.slice(s.indexOf(\",\") + 1);\n // base64url -> base64\n s = s.replace(/-/g, \"+\").replace(/_/g, \"/\");\n // pad\n const pad = s.length % 4;\n if (pad !== 0) s += \"=\".repeat(4 - pad);\n return s;\n}\n\nfunction decodeRawGray(\n input: number[] | string,\n width: number,\n height: number,\n): Uint8Array {\n const n = width * height;\n\n if (typeof input === \"string\") {\n const s = normalizeBase64(input);\n let bin: string;\n try {\n bin = atob(s);\n } catch {\n throw new Error(\n \"Failed to decode base64 (check base64url/padding/data-url)\",\n );\n }\n const bytes = Uint8Array.from(bin, (c) => c.charCodeAt(0));\n if (bytes.length !== n) {\n throw new Error(\n `decoded length ${bytes.length} ≠ width*height ${n} (you likely sent PNG bytes, not raw pixels)`,\n );\n }\n return bytes;\n }\n\n if (!Array.isArray(input) || input.length !== n) {\n throw new Error(\n `image array length mismatch: got ${input?.length}, expected ${n}`,\n );\n }\n\n const out = new Uint8Array(n);\n for (let i = 0; i < n; i++) out[i] = input[i] & 0xff;\n return out;\n}\n\n// Fetch URL image and convert to grayscale pixel buffer (0..255)\nasync function fetchUrlAsGray(\n url: string,\n): Promise<{ gray: Uint8Array; width: number; height: number }> {\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Failed to fetch ${url}: ${res.status}`);\n const bytes = new Uint8Array(await res.arrayBuffer());\n\n const img = await Image.decode(bytes); // supports PNG/JPEG/etc\n const { width, height } = img;\n\n const gray = new Uint8Array(width * height);\n const rgba = img.bitmap; // RGBA bytes\n\n for (let i = 0, p = 0; i < rgba.length; i += 4, p++) {\n const r = rgba[i], g = rgba[i + 1], b = rgba[i + 2];\n // luma\n gray[p] = Math.round(0.299 * r + 0.587 * g + 0.114 * b);\n }\n\n return { gray, width, height };\n}\n\n// grayscale -> binary 0/1 with threshold 127\nfunction toBinary(gray: Uint8Array): Uint8Array {\n const out = new Uint8Array(gray.length);\n for (let i = 0; i < gray.length; i++) out[i] = gray[i] > 127 ? 1 : 0;\n return out;\n}\n\n// 1D squared EDT (Felzenszwalb/Huttenlocher)\nfunction edt1d(f: Float64Array): Float64Array {\n const n = f.length;\n const d = new Float64Array(n);\n const v = new Int32Array(n);\n const z = new Float64Array(n + 1);\n\n let k = 0;\n v[0] = 0;\n z[0] = -INF;\n z[1] = INF;\n\n const sq = (x: number) => x * x;\n\n for (let q = 1; q < n; q++) {\n let s = ((f[q] + sq(q)) - (f[v[k]] + sq(v[k]))) / (2 * (q - v[k]));\n while (s <= z[k]) {\n k--;\n s = ((f[q] + sq(q)) - (f[v[k]] + sq(v[k]))) / (2 * (q - v[k]));\n }\n k++;\n v[k] = q;\n z[k] = s;\n z[k + 1] = INF;\n }\n\n k = 0;\n for (let q = 0; q < n; q++) {\n while (z[k + 1] < q) k++;\n const dx = q - v[k];\n d[q] = sq(dx) + f[v[k]];\n }\n return d;\n}\n\n// Exact 2D distance to nearest intersection pixel (Euclidean)\nfunction distanceToIntersection(\n intersection: Uint8Array,\n width: number,\n height: number,\n): Float64Array {\n const n = width * height;\n\n // pass 1: columns\n const colTmp = new Float64Array(n); // squared\n for (let x = 0; x < width; x++) {\n const f = new Float64Array(height);\n for (let y = 0; y < height; y++) {\n const idx = y * width + x;\n f[y] = intersection[idx] === 1 ? 0 : INF;\n }\n const dcol = edt1d(f);\n for (let y = 0; y < height; y++) colTmp[y * width + x] = dcol[y];\n }\n\n // pass 2: rows\n const out = new Float64Array(n); // euclidean\n for (let y = 0; y < height; y++) {\n const f = new Float64Array(width);\n for (let x = 0; x < width; x++) f[x] = colTmp[y * width + x];\n const drow = edt1d(f); // squared\n for (let x = 0; x < width; x++) out[y * width + x] = Math.sqrt(drow[x]);\n }\n\n return out;\n}\n\nfunction computeStats(\n gray1: Uint8Array,\n gray2: Uint8Array,\n width: number,\n height: number,\n threshold: number,\n): Stats {\n const img1 = toBinary(gray1);\n const img2 = toBinary(gray2);\n const n = width * height;\n\n const intersection = new Uint8Array(n);\n const xor = new Uint8Array(n);\n const img1Only = new Uint8Array(n);\n const img2Only = new Uint8Array(n);\n\n let intersectionPixels = 0;\n let xorPixels = 0;\n let img1OnlyPixels = 0;\n let img2OnlyPixels = 0;\n\n for (let i = 0; i < n; i++) {\n const a = img1[i];\n const b = img2[i];\n\n const inter = (a & b) as 0 | 1;\n const x = (a ^ b) as 0 | 1;\n const aOnly = (a & (b ^ 1)) as 0 | 1;\n const bOnly = (b & (a ^ 1)) as 0 | 1;\n\n intersection[i] = inter;\n xor[i] = x;\n img1Only[i] = aOnly;\n img2Only[i] = bOnly;\n\n intersectionPixels += inter;\n xorPixels += x;\n img1OnlyPixels += aOnly;\n img2OnlyPixels += bOnly;\n }\n\n const dist = distanceToIntersection(intersection, width, height);\n\n let maxDist = 0;\n let sumDist = 0;\n let pixelsAbove = 0;\n let img1Above = 0;\n let img2Above = 0;\n\n for (let i = 0; i < n; i++) {\n if (xor[i] === 1) {\n const d = dist[i];\n if (d > maxDist) maxDist = d;\n sumDist += d;\n if (d > threshold) {\n pixelsAbove++;\n if (img1Only[i] === 1) img1Above++;\n if (img2Only[i] === 1) img2Above++;\n }\n }\n }\n\n const meanDist = xorPixels > 0 ? sumDist / xorPixels : 0;\n const pctAbove = xorPixels > 0 ? (pixelsAbove / xorPixels) * 100 : 0;\n const img1PctAbove = img1OnlyPixels > 0\n ? (img1Above / img1OnlyPixels) * 100\n : 0;\n const img2PctAbove = img2OnlyPixels > 0\n ? (img2Above / img2OnlyPixels) * 100\n : 0;\n\n return {\n intersectionPixels,\n xorPixels,\n img1OnlyPixels,\n img2OnlyPixels,\n maxDistance: maxDist,\n meanDistance: meanDist,\n threshold,\n pixelsAboveThreshold: pixelsAbove,\n percentageAboveThreshold: pctAbove,\n img1PixelsAboveThreshold: img1Above,\n img1PercentageAboveThreshold: img1PctAbove,\n img2PixelsAboveThreshold: img2Above,\n img2PercentageAboveThreshold: img2PctAbove,\n distanceMapShape: `${height}x${width}`,\n };\n}\n\nexport default async function handler(req: Request): Promise {\n if (req.method !== \"POST\") {\n return Response.json(\n {\n ok: false,\n usage:\n \"POST { imageUrl1, imageUrl2, threshold? } OR { width, height, image1, image2, threshold? }\",\n },\n { status: 405 },\n );\n }\n\n try {\n const body = await req.json();\n const threshold = body.threshold == null ? 1.5 : Number(body.threshold);\n if (!Number.isFinite(threshold) || threshold < 0) {\n throw new Error(\"Invalid threshold\");\n }\n\n let width: number, height: number;\n let gray1: Uint8Array, gray2: Uint8Array;\n\n if (body.imageUrl1 && body.imageUrl2) {\n const a = await fetchUrlAsGray(String(body.imageUrl1));\n const b = await fetchUrlAsGray(String(body.imageUrl2));\n if (a.width !== b.width || a.height !== b.height) {\n throw new Error(\n `Image sizes differ: ${a.width}x${a.height} vs ${b.width}x${b.height}`,\n );\n }\n width = a.width;\n height = a.height;\n gray1 = a.gray;\n gray2 = b.gray;\n } else {\n width = Number(body.width);\n height = Number(body.height);\n if (\n !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 ||\n height <= 0\n ) {\n throw new Error(\"Invalid width/height\");\n }\n gray1 = decodeRawGray(body.image1, width, height);\n gray2 = decodeRawGray(body.image2, width, height);\n }\n\n const stats = computeStats(gray1, gray2, width, height, threshold);\n return Response.json({ ok: true, width, height, ...stats });\n } catch (e) {\n return Response.json(\n { ok: false, message: e instanceof Error ? e.message : String(e) },\n { status: 400 },\n );\n }\n}",[181],"pulls","branches","forks","envVars",{"_303":20,"_305":20},"connections",{"_303":20,"_304":20},"count","unfilledCount","emptyCount",{"_43":292,"_13":181,"_72":172,"_53":-5,"_45":46,"_277":198,"_278":267,"_47":320,"_49":101,"_75":150,"_280":294,"_77":24,"_282":-5,"_311":321,"_249":322},{"_43":288,"_13":74,"_72":73,"_53":-5,"_45":46,"_277":145,"_278":267,"_47":317,"_49":92,"_75":150,"_280":290,"_77":24,"_282":-5,"_311":318,"_249":319},{"_43":284,"_13":106,"_72":88,"_53":-5,"_45":46,"_277":160,"_278":267,"_47":314,"_49":101,"_75":76,"_280":286,"_77":24,"_282":-5,"_311":315,"_249":316},{"_43":276,"_13":114,"_72":97,"_53":-5,"_45":46,"_277":117,"_278":267,"_47":310,"_49":83,"_75":76,"_280":281,"_77":24,"_282":-5,"_311":312,"_249":313},["D",1769436290502],"children",[],[114],["D",1769436387890],[],[106],["D",1769436329408],[],[74],["D",1770023360464],[],[181],["D",1769436233995],{"_11":12,"_248":80},{"_11":12,"_244":-5,"_79":80,"_25":78,"_245":246,"_247":24},{"_49":198,"_13":16,"_43":46,"_236":203,"_237":-5,"_238":-5,"_239":-5,"_240":-5,"_241":-5,"_242":14,"_243":12},"ctx",{"_61":-5,"_269":360,"_361":362,"_363":364,"_365":24,"_366":24,"_367":24,"_368":267,"_369":-5,"_370":-7,"_371":-7,"_372":20,"_373":24,"_374":24,"_375":-5,"_376":24,"_377":24,"_378":24,"_379":-5},"ENV",{"_331":332,"_333":334,"_335":16,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History