[{"_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",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_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","http","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

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 = {\n \"/src/build/target/lib/vips-modules-8.18\": { isDir: true, items: [] },\n};\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\n ? mockLogic(virtualFS[vNodeKey], pathStr)\n : original(path, ...args);\n };\n};\npatchFs(\"lstatSync\", (node) => ({\n isFile: () => !node.isDir,\n isDirectory: () => node.isDir,\n size: 0,\n isBlockDevice: () => false,\n isCharacterDevice: () => false,\n isSymbolicLink: () => false,\n isFIFO: () => false,\n isSocket: () => false,\n mtime: new Date(),\n atime: new Date(),\n ctime: new Date(),\n}));\npatchFs(\"readdirSync\", (node) => node.items || []);\npatchFs(\"readFileSync\", (node, pathStr) => {\n if (node.isDir) {\n throw new Error(\n `EISDIR: illegal operation on a directory, read '${pathStr}'`,\n );\n }\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 // Generate standard KRpano orientations directly\n switch (faceName) {\n case \"f\":\n cx = u;\n cy = v;\n cz = 1;\n break;\n case \"b\":\n cx = -u;\n cy = v;\n cz = -1;\n break;\n case \"l\":\n cx = -1;\n cy = v;\n cz = u;\n break;\n case \"r\":\n cx = 1;\n cy = v;\n cz = -u;\n break;\n case \"u\":\n cx = u;\n cy = 1;\n cz = -v;\n break; // Native Up\n case \"d\":\n cx = u;\n cy = -1;\n cz = v;\n break; // Native Down\n }\n\n const r = Math.sqrt(cx * cx + cy * cy + cz * cz);\n\n // Clamp cy/r to [-1, 1] to prevent NaN at the exact poles due to float precision\n const theta = Math.acos(Math.max(-1.0, Math.min(1.0, cy / r)));\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\"\n ? \"pano\"\n : 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(\n face,\n cubeWidth,\n cubeWidth,\n sourceImg.width,\n sourceImg.height,\n );\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, {\n vscale: 256 / cubeWidth,\n });\n previewStrips.push(previewFace);\n\n if (face === \"f\") {\n const thumbImg = faceImg.resize(240 / cubeWidth, {\n vscale: 240 / cubeWidth,\n });\n thumbBuffer = thumbImg.writeToBuffer(\".jpg\");\n thumbImg.delete();\n\n const thumbFile = new ZipPassThrough(\n `panos/${imgBaseName}/thumb.jpg`,\n );\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(\n tx * tileSize,\n ty * tileSize,\n tileSize,\n tileSize,\n );\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(\n `panos/${imgBaseName}/${face}/l${l}/${yIndex}/l${l}_${face}_${yIndex}_${xIndex}.jpg`,\n );\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, {\n across: 1,\n });\n const previewBuffer = previewStrip.writeToBuffer(\".jpg\");\n previewStrip.delete();\n previewStrips.forEach((p) => p.delete());\n\n const previewFile = new ZipPassThrough(\n `panos/${imgBaseName}/preview.jpg`,\n );\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(\n \"Content-Disposition\",\n `attachment; filename=\"${imgBaseName}_project.zip\"`,\n );\n return c.body(readableStream);\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;","createdAt",["D",1785409251742],"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":34,"_35":37,"_24":25,"_131":-5,"_27":132},"4f51e56d-e3da-49d0-8c95-3c857b7e5ea6","parentId","latest",["D",1785409251742],3,"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":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1785409251742],"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 · v4