[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":37,"_35":36,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","d49de13c-8c04-11f1-9f25-1607ee4eb77e","name","fileType","script","content","import { Hono } from \"npm:hono\";\nimport { cors } from \"npm:hono/cors\";\nimport fs from \"node:fs\";\nimport { Zip, ZipPassThrough } from \"npm:fflate\";\n\n// ---------------------------------------------------------\n// 1. HTML Frontend\n// ---------------------------------------------------------\nconst HTML_FRONTEND = `\n\n\n\n \n \n Wasm-Vips KRPano Generator\n \n\n\n

KRPano Multi-Res Generator

Generate multi-resolution panorama projects entirely in-memory.

\n \n \n

\n \n\n\n`;\n\n// ---------------------------------------------------------\n// 2. Wasm-Vips Environment Workaround\n// ---------------------------------------------------------\nconst virtualFS = { \"/src/build/target/lib/vips-modules-8.18\": { isDir: true, items: [] } };\nconst patchFs = (method, mockLogic) => {\n const original = fs[method];\n fs[method] = (path, ...args) => {\n const pathStr = path.toString().replace(/\\\\/g, \"/\");\n const vNodeKey = Object.keys(virtualFS).find((k) => pathStr.includes(k));\n return vNodeKey ? mockLogic(virtualFS[vNodeKey], pathStr) : original(path, ...args);\n };\n};\npatchFs(\"lstatSync\", (node) => ({ isFile: () => !node.isDir, isDirectory: () => node.isDir, size: 0, isBlockDevice: () => false, isCharacterDevice: () => false, isSymbolicLink: () => false, isFIFO: () => false, isSocket: () => false, mtime: new Date(), atime: new Date(), ctime: new Date() }));\npatchFs(\"readdirSync\", (node) => node.items || []);\npatchFs(\"readFileSync\", (node, pathStr) => {\n if (node.isDir) throw new Error(`EISDIR: illegal operation on a directory, read '${pathStr}'`);\n return Buffer.from(node.content || []);\n});\n\n// ---------------------------------------------------------\n// 3. Initialize VIPS and Hono\n// ---------------------------------------------------------\nconsole.log(\"Loading wasm-vips...\");\nconst { default: VipsInit } = await import(\"npm:wasm-vips\");\nconst vips = await VipsInit();\nif (vips.Cache) vips.Cache.max(0); // Essential for memory safety in edge environments\nconsole.log(\"wasm-vips ready.\");\n\nconst app = new Hono();\napp.use(\"*\", cors());\n\n// ---------------------------------------------------------\n// 4. Utility: Equirectangular to Cube Face LUT\n// ---------------------------------------------------------\nfunction createCubeFaceLUT(faceName, width, height, eqW, eqH) {\n const lut = new Float32Array(width * height * 2);\n let i = 0;\n for (let y = 0; y < height; y++) {\n const v = 1.0 - (y / (height - 1)) * 2.0; // 1 to -1\n for (let x = 0; x < width; x++) {\n const u = (x / (width - 1)) * 2.0 - 1.0; // -1 to 1\n let cx, cy, cz;\n \n // Map face and pre-apply rotation natively to match bash script output\n switch (faceName) {\n case 'f': cx = u; cy = v; cz = 1; break; \n case 'b': cx = -u; cy = v; cz = -1; break; \n case 'l': cx = -1; cy = v; cz = u; break; \n case 'r': cx = 1; cy = v; cz = -u; break; \n case 'u': cx = v; cy = 1; cz = u; break; // Pre-rotated 90deg top\n case 'd': cx = -v; cy = -1; cz = -u; break; // Pre-rotated 270deg bottom\n }\n\n const r = Math.sqrt(cx * cx + cy * cy + cz * cz);\n const theta = Math.acos(cy / r); // Latitude\n const phi = Math.atan2(cx, cz); // Longitude\n\n // Map back to source equirectangular image coordinates\n const eqX = ((phi + Math.PI) / (2 * Math.PI)) * (eqW - 1);\n const eqY = (theta / Math.PI) * (eqH - 1);\n \n lut[i++] = eqX;\n lut[i++] = eqY;\n }\n }\n // Create a 2-band float image for vips.mapim\n return vips.Image.newFromMemory(lut, width, height, 2, 'float');\n}\n\n// ---------------------------------------------------------\n// 5. Routes\n// ---------------------------------------------------------\napp.get(\"/\", (c) => c.html(HTML_FRONTEND));\n\napp.post(\"/api/makepano\", async (c) => {\n const body = await c.req.parseBody();\n const file = body[\"image\"];\n const baseSphereFile = body[\"basesphere\"];\n const imgBaseName = typeof file === \"string\" ? \"pano\" : file.name.replace(/\\.[^/.]+$/, \"\");\n\n if (!file || typeof file === \"string\") {\n return c.text(\"Missing image file\", 400);\n }\n\n const tileSize = parseInt(body[\"tileSize\"] || \"512\", 10);\n const levelsArg = body[\"levels\"] || \"auto\";\n\n let sourceImg;\n let baseImg;\n \n try {\n const arrayBuffer = await file.arrayBuffer();\n sourceImg = vips.Image.newFromBuffer(new Uint8Array(arrayBuffer));\n\n // 1. Nadir Patching\n if (baseSphereFile && typeof baseSphereFile !== \"string\") {\n const baseBuffer = await baseSphereFile.arrayBuffer();\n baseImg = vips.Image.newFromBuffer(new Uint8Array(baseBuffer));\n \n // Resize base to exactly match source dimensions, then blend\n const resizedBase = baseImg.resize(sourceImg.width / baseImg.width, {\n vscale: sourceImg.height / baseImg.height\n });\n const composited = sourceImg.composite(resizedBase, \"over\"); // 'over' applies standard alpha blend\n \n sourceImg.delete();\n resizedBase.delete();\n sourceImg = composited;\n }\n\n // 2. Geometry Calculation\n const fullWidth = sourceImg.width;\n let cubeWidth = Math.floor(fullWidth / 4);\n if (cubeWidth % 2 !== 0) cubeWidth -= 1; // Ensure even width\n\n // 3. Determine Levels\n let maxLevels = parseInt(levelsArg, 10);\n if (levelsArg === \"auto\" || isNaN(maxLevels)) {\n maxLevels = Math.max(1, Math.ceil(Math.log2(cubeWidth / tileSize)));\n }\n\n const readableStream = new ReadableStream({\n async start(controller) {\n let zip;\n try {\n zip = new Zip((err, dat, final) => {\n if (err) controller.error(err);\n else {\n if (dat.length > 0) controller.enqueue(dat);\n if (final) controller.close();\n }\n });\n\n const faces = ['l', 'f', 'r', 'b', 'u', 'd'];\n const previewStrips = [];\n let thumbBuffer;\n\n // 4 & 5. Loop over cube faces, extract using mapim, and Tile\n for (const face of faces) {\n const lutImg = createCubeFaceLUT(face, cubeWidth, cubeWidth, sourceImg.width, sourceImg.height);\n const faceImg = sourceImg.mapim(lutImg);\n lutImg.delete(); // Free memory immediately\n\n // Create Preview & Thumb assets (256x256 shrink for preview strip)\n const previewFace = faceImg.resize(256 / cubeWidth, { vscale: 256 / cubeWidth });\n previewStrips.push(previewFace);\n \n if (face === 'f') {\n const thumbImg = faceImg.resize(240 / cubeWidth, { vscale: 240 / cubeWidth });\n thumbBuffer = thumbImg.writeToBuffer(\".jpg\");\n thumbImg.delete();\n \n const thumbFile = new ZipPassThrough(`panos/${imgBaseName}/thumb.jpg`);\n zip.add(thumbFile);\n thumbFile.push(thumbBuffer, true);\n }\n\n // 6. Multi-resolution Tiling\n for (let l = 1; l <= maxLevels; l++) {\n const numTiles = Math.pow(2, l);\n const targetPx = numTiles * tileSize;\n \n // Scale face to the resolution required for this level\n const scale = targetPx / cubeWidth;\n const scaledFace = scale === 1 ? faceImg : faceImg.resize(scale);\n\n for (let ty = 0; ty < numTiles; ty++) {\n for (let tx = 0; tx < numTiles; tx++) {\n const tileImg = scaledFace.extractArea(tx * tileSize, ty * tileSize, tileSize, tileSize);\n const outBuffer = tileImg.writeToBuffer(\".jpg\");\n tileImg.delete();\n\n // KRpano typically expects 1-indexed variables (%v and %h)\n const yIndex = ty + 1;\n const xIndex = tx + 1;\n const tileFile = new ZipPassThrough(`panos/${imgBaseName}/${face}/l${l}/${yIndex}/l${l}_${face}_${yIndex}_${xIndex}.jpg`);\n zip.add(tileFile);\n tileFile.push(outBuffer, true);\n }\n await new Promise(r => setTimeout(r, 1)); // Yield to edge event loop\n }\n if (scale !== 1) scaledFace.delete();\n }\n faceImg.delete();\n }\n\n // Build & Stream Preview Strip (Vertical append)\n const previewStrip = vips.Image.arrayjoin(previewStrips, { across: 1 });\n const previewBuffer = previewStrip.writeToBuffer(\".jpg\");\n previewStrip.delete();\n previewStrips.forEach(p => p.delete());\n\n const previewFile = new ZipPassThrough(`panos/${imgBaseName}/preview.jpg`);\n zip.add(previewFile);\n previewFile.push(previewBuffer, true);\n\n // 8. Generate and Stream krpano.xml\n let multiresStr = `${tileSize}`;\n for (let l = 1; l <= maxLevels; l++) {\n multiresStr += `,${Math.pow(2, l) * tileSize}`;\n }\n\n const xmlContent = `\n \n \n \n \n \n \n \n \n \n \n`;\n\n const xmlFile = new ZipPassThrough(`krpano.xml`);\n zip.add(xmlFile);\n xmlFile.push(new TextEncoder().encode(xmlContent), true);\n\n zip.end();\n } catch (err) {\n controller.error(err);\n }\n }\n });\n\n c.header(\"Content-Type\", \"application/zip\");\n c.header(\"Content-Disposition\", `attachment; filename=\"${imgBaseName}_project.zip\"`);\n return c.body(readableStream);\n\n } catch (error) {\n if (sourceImg) sourceImg.delete();\n if (baseImg) baseImg.delete();\n console.error(\"Panorama processing error:\", error);\n return c.text(`Error: ${error.message}`, 500);\n }\n});\n\nexport default app.fetch;","http","createdAt",["D",1785408806982],"branchVersion","branchId","f62ff7e9-1cb5-44c6-a80c-6012b6045f34","id","6924fcbf-13d7-4885-92d5-da8bc0cb2c6d","panopg",["D",1785408779692],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","8d6857d3-cf1c-4e98-a094-0e379c10badf","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4f4797d6-1767-45ca-8dc5-5113174ca1c1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",15,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","g","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJqRlBqSjdFTUlTVmVORmpObmFqZmJLVWh5VCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":150,"_80":151,"_82":152,"_84":25},"tree",[144],"files",[144],"counts",{"_133":62,"_134":135,"_136":62,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":37,"_35":36,"_24":25,"_131":-5,"_27":132},"d903d9e0-7ae8-4b3f-98c2-5cc745369d69","parentId","latest",["D",1785408806982],2,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":135,"_143":62},"connections",{"_141":62,"_142":62},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":37,"_35":36,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1785408806982],"children",[],[28],["D",1785408779692],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":58,"_195":-5,"_196":-7,"_197":-7,"_198":62,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":86,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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 · v3