[{"_1":2,"_228":-5,"_229":-5},"loaderData",{"_3":4,"_95":96,"_219":220},"root",{"_5":6,"_36":37,"_68":69},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":-5,"_32":33,"_34":22,"_35":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isBusinessOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","05f59031749f7c3b96db1577005a7eb635a7a5a8","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_70":71},"__internal_clerk_state",{"_72":73,"_74":47,"_75":76,"_77":76,"_78":22,"_79":76,"_80":76,"_81":76,"_82":76,"_83":84,"_93":22,"_94":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_85":22,"_21":22,"_86":76,"_87":88,"_89":76,"_90":47,"_91":22,"_92":76},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_97":98,"_99":100,"_101":-7,"_102":76,"_103":-7,"_104":105,"_156":157,"_189":190,"_191":192,"_204":205,"_212":-5,"_213":-5,"_214":-5,"_215":22,"_216":22,"_217":218},"handle","yrixelfieco45","name","untitled-952","branchName","path","version","project",{"_106":107,"_99":100,"_108":109,"_110":-5,"_111":22,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":135,"_138":139,"_143":144,"_155":22},"id","d7479260-2e4f-11f1-b213-42dde27851f2","createdAt",["D",1775105587427],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019d4c89-58a2-77f8-9ef8-d02e6eddc5a4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019d4c89-58a3-77ec-b78c-fa0317e2cccb","tursoName","tursoHostname","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_97":98,"_136":137},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCaVVSQzExN2pMbGxCbkxWZ3hITFhnZ0J5bSJ9","org",{"_97":98,"_140":137,"_14":116,"_141":142},"avatar","tier","free","branch",{"_103":145,"_99":45,"_106":146,"_147":107,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":100,"_154":98},14,"d7484dcc-2e4f-11f1-b213-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[158,180],{"_106":159,"_99":160,"_161":162,"_163":-5,"_164":146,"_165":166,"_167":168,"_108":169,"_103":170,"_171":172,"_173":174,"_175":22,"_176":-5,"_177":178,"_102":179},"77cd7354-2e54-11f1-9706-42dde27851f2","main-copy.ts","fileId","22f641a6-2e51-11f1-9cc5-42dde27851f2","parentId","branchId","branchVersion",11,"latest",true,["D",1775107574701],3,"fileType","interval","content","import { initWasm, Resvg } from \"npm:@resvg/resvg-wasm\";\nimport { Zip, ZipDeflate } from \"npm:fflate\";\n\nsetTimeout(() => fetch(\"https://api.val.town/run/project\", { headers: { authorization: \"Bearer vtwn_2y1AVR1viod6aG3XM76nFVWb1zUY\", \"content-type\": \"application/json\", }, body: JSON.stringify({ fileId: \"22f641a6-2e51-11f1-9cc5-42dde27851f2\" }), method: \"POST\", }).catch(e => console.error(e)), 5_000); \n\n\nconst CONFIG_FETCH_URL = \"http://random.8u.cz/remotion-config.json\"; const CONFIG_UPLOAD_URL = \"http://random.8u.cz/remotion-config.php\"; const TRANSFER_HOST = \"https://filebin.net\"; const FILEBIN_COOKIE = \"verified=2024-05-24\"; const RESERVE_RE = /^reserve_(\\d{6})-(\\d{6})_([0-9a-f]{8})\\.txt$/; const ZIP_RE = /^frames_(\\d{6})-(\\d{6})\\.zip$/; const COMP_DIMS = { TopoWave: { width: 3840, height: 2160 }, TopoWaveShort: { width: 2160, height: 3840 }, }; const SCHEMES = { \"contour-azure-white\": { bg: \"#f0f5ff\", fill: \"#003a8c\", wm: \"#2255aa\", contour: true, glow: false, }, \"contour-burgundy-beige\": { bg: \"#f5ede8\", fill: \"#6b1a2d\", wm: \"#8c3d50\", contour: true, glow: false, }, \"contour-cobalt-white\": { bg: \"#f0f8ff\", fill: \"#0047ab\", wm: \"#336699\", contour: true, glow: false, }, \"contour-coral-cream\": { bg: \"#fffaf7\", fill: \"#e85d4a\", wm: \"#cc4433\", contour: true, glow: false, }, \"contour-crimson-ivory\": { bg: \"#fffff0\", fill: \"#dc143c\", wm: \"#a0284d\", contour: true, glow: false, }, \"contour-emerald-white\": { bg: \"#fafffe\", fill: \"#047857\", wm: \"#109968\", contour: true, glow: false, }, \"contour-gold-black\": { bg: \"#000000\", fill: \"#d4a017\", wm: \"#c8a040\", contour: true, glow: false, }, \"contour-green-white\": { bg: \"#ffffff\", fill: \"#1a6b1a\", wm: \"#2d8c2d\", contour: true, glow: false, }, \"contour-grey-peach\": { bg: \"#fce8d5\", fill: \"#2a2a2a\", wm: \"#666666\", contour: true, glow: false, }, \"contour-grey-white\": { bg: \"#ffffff\", fill: \"#1a1a1a\", wm: \"#555555\", contour: true, glow: false, }, \"contour-maroon-cream\": { bg: \"#fff5f0\", fill: \"#800000\", wm: \"#a62942\", contour: true, glow: false, }, \"contour-moss-bark\": { bg: \"#3d3026\", fill: \"#7a8c3d\", wm: \"#99aa5c\", contour: true, glow: false, }, \"contour-navy-cream\": { bg: \"#fffdf5\", fill: \"#001f3f\", wm: \"#2d4a6f\", contour: true, glow: false, }, \"contour-olive-beige\": { bg: \"#f5f0e8\", fill: \"#556b2f\", wm: \"#6b8b3d\", contour: true, glow: false, }, \"contour-purple-cream\": { bg: \"#fdf6ff\", fill: \"#5c1a8c\", wm: \"#7733aa\", contour: true, glow: false, }, \"contour-rose\": { bg: \"#fffafb\", fill: \"#ff77aa\", wm: \"#b54060\", contour: true, glow: false, }, \"contour-rust-sand\": { bg: \"#f0e8dc\", fill: \"#a0522d\", wm: \"#cd853f\", contour: true, glow: false, }, \"contour-sapphire-white\": { bg: \"#fafaff\", fill: \"#0f52ba\", wm: \"#4169e1\", contour: true, glow: false, }, \"contour-slate-cream\": { bg: \"#faf8f5\", fill: \"#3d4d5c\", wm: \"#5a6b7a\", contour: true, glow: false, }, \"contour-teal-ivory\": { bg: \"#fffff8\", fill: \"#008080\", wm: \"#20a0a0\", contour: true, glow: false, }, \"contour-white-black\": { bg: \"#000000\", fill: \"#ffffff\", wm: \"#aaaaaa\", contour: true, glow: false, }, \"contour-cyan-black\": { bg: \"#000000\", fill: \"#00ffff\", wm: \"#88ffff\", contour: true, glow: false, }, \"contour-lavender-black\": { bg: \"#0a0010\", fill: \"#e6d5ff\", wm: \"#b8a0dc\", contour: true, glow: false, }, \"contour-mint-dark\": { bg: \"#001a10\", fill: \"#a0ffc8\", wm: \"#70d8a0\", contour: true, glow: false, }, \"contour-orange-black\": { bg: \"#000000\", fill: \"#ffaa44\", wm: \"#ff8844\", contour: true, glow: false, }, \"contour-pink-black\": { bg: \"#000000\", fill: \"#ff88cc\", wm: \"#ff66aa\", contour: true, glow: false, }, \"contour-silver-black\": { bg: \"#000000\", fill: \"#d0d8e0\", wm: \"#a8b8c8\", contour: true, glow: false, }, \"contour-sky-navy\": { bg: \"#0a1628\", fill: \"#87ceeb\", wm: \"#5da8d0\", contour: true, glow: false, }, \"contour-yellow-black\": { bg: \"#000000\", fill: \"#ffff88\", wm: \"#ffee44\", contour: true, glow: false, }, \"fill-amber-dark\": { bg: \"#1a0f00\", fill: \"#ffbf00\", wm: \"#ffd740\", contour: false, glow: false, }, \"fill-aqua-dark\": { bg: \"#001a1a\", fill: \"#00ffcc\", wm: \"#40ffe0\", contour: false, glow: false, }, \"fill-brick-sand\": { bg: \"#e8ddd0\", fill: \"#8c3a2b\", wm: \"#aa5544\", contour: false, glow: false, }, \"fill-bronze-dark\": { bg: \"#1a0f08\", fill: \"#cd7f32\", wm: \"#e89952\", contour: false, glow: false, }, \"fill-brown-beige\": { bg: \"#f0e8d6\", fill: \"#7a4e2d\", wm: \"#9d6942\", contour: false, glow: false, }, \"fill-burgundy-cream\": { bg: \"#fff8f5\", fill: \"#800020\", wm: \"#a62d42\", contour: false, glow: false, }, \"fill-charcoal-silver\": { bg: \"#e8e8e8\", fill: \"#36454f\", wm: \"#5a6a75\", contour: false, glow: false, }, \"fill-cobalt-gold\": { bg: \"#0a1628\", fill: \"#d4a017\", wm: \"#e8c050\", contour: false, glow: false, }, \"fill-cream-charcoal\": { bg: \"#2a2a2a\", fill: \"#d4c9b8\", wm: \"#e8ddd0\", contour: false, glow: false, }, \"fill-cyan-navy\": { bg: \"#0d1f3c\", fill: \"#5bc8f5\", wm: \"#8ad8f7\", contour: false, glow: false, }, \"fill-dusk-purple\": { bg: \"#0f0820\", fill: \"#5d3a7a\", wm: \"#7a5599\", contour: false, glow: false, }, \"fill-emerald-black\": { bg: \"#050a08\", fill: \"#50c878\", wm: \"#70d898\", contour: false, glow: false, }, \"fill-forest-green\": { bg: \"#0a1f0a\", fill: \"#2d8c2d\", wm: \"#4db84d\", contour: false, glow: false, }, \"fill-gold-navy\": { bg: \"#1a2a6c\", fill: \"#f5c518\", wm: \"#ffe680\", contour: false, glow: false, }, \"fill-gunmetal-gold\": { bg: \"#1a1d21\", fill: \"#d4a574\", wm: \"#e8c090\", contour: false, glow: false, }, \"fill-indigo-white\": { bg: \"#fafbff\", fill: \"#3e4a8c\", wm: \"#5a6aaa\", contour: false, glow: false, }, \"fill-jade-black\": { bg: \"#000a08\", fill: \"#00a878\", wm: \"#2dbf91\", contour: false, glow: false, }, \"fill-kelp-ocean\": { bg: \"#001a1c\", fill: \"#4a6b3d\", wm: \"#6b8c5c\", contour: false, glow: false, }, \"fill-lavender-dark\": { bg: \"#0f0820\", fill: \"#b57edc\", wm: \"#d0a0f0\", contour: false, glow: false, }, \"fill-magenta-black\": { bg: \"#100010\", fill: \"#ff00ff\", wm: \"#ff40ff\", contour: false, glow: false, }, \"fill-mauve-cream\": { bg: \"#faf5f0\", fill: \"#9d7a94\", wm: \"#b698ad\", contour: false, glow: false, }, \"fill-mint-dark\": { bg: \"#001a10\", fill: \"#98ff98\", wm: \"#b0ffb0\", contour: false, glow: false, }, \"fill-mustard-slate\": { bg: \"#2a3439\", fill: \"#d4a52a\", wm: \"#e8bf4d\", contour: false, glow: false, }, \"fill-navy-white\": { bg: \"#f5f5f5\", fill: \"#1a3a6c\", wm: \"#2d5499\", contour: false, glow: false, }, \"fill-peach-dark\": { bg: \"#1a0a00\", fill: \"#ffb07c\", wm: \"#ffc599\", contour: false, glow: false, }, \"fill-plum-dark\": { bg: \"#0f0012\", fill: \"#8e4585\", wm: \"#a85fa0\", contour: false, glow: false, }, \"fill-purple-midnight\": { bg: \"#0d0020\", fill: \"#7b2fbe\", wm: \"#9d55d4\", contour: false, glow: false, }, \"fill-red-black\": { bg: \"#0d0000\", fill: \"#cc1100\", wm: \"#ff6644\", contour: false, glow: false, }, \"fill-rose-red\": { bg: \"#1a0008\", fill: \"#e8224a\", wm: \"#ff5577\", contour: false, glow: false, }, \"fill-ruby-black\": { bg: \"#0d0005\", fill: \"#e0115f\", wm: \"#ff4477\", contour: false, glow: false, }, \"fill-seafoam-white\": { bg: \"#fefffd\", fill: \"#71b8a8\", wm: \"#93d4c6\", contour: false, glow: false, }, \"fill-silver-black\": { bg: \"#0a0a0a\", fill: \"#c0c8d0\", wm: \"#dce3e8\", contour: false, glow: false, }, \"fill-sunset-orange\": { bg: \"#1a0800\", fill: \"#e8520a\", wm: \"#f07840\", contour: false, glow: false, }, \"fill-teal-dark\": { bg: \"#001a1a\", fill: \"#00a896\", wm: \"#00ccbb\", contour: false, glow: false, }, \"fill-topaz-navy\": { bg: \"#0d1520\", fill: \"#f09100\", wm: \"#ffaa33\", contour: false, glow: false, }, \"fill-violet-black\": { bg: \"#0a0010\", fill: \"#8a2be2\", wm: \"#a555e8\", contour: false, glow: false, }, \"neon-blue-dark\": { bg: \"#040d1f\", fill: \"#00aaff\", core: \"#c0eaff\", wm: \"#55ccff\", contour: true, glow: true, }, \"neon-chartreuse-dark\": { bg: \"#080f00\", fill: \"#c0ff00\", core: \"#f0fff5\", wm: \"#d4ff44\", contour: true, glow: true, }, \"neon-coral-dark\": { bg: \"#0f0300\", fill: \"#ff6b4a\", core: \"#ffe5dd\", wm: \"#ff8866\", contour: true, glow: true, }, \"neon-crimson-dark\": { bg: \"#0f0002\", fill: \"#dc143c\", core: \"#ffd5e0\", wm: \"#ff5577\", contour: true, glow: true, }, \"neon-cyan-dark\": { bg: \"#000f10\", fill: \"#00ffee\", core: \"#ccfffc\", wm: \"#44ffee\", contour: true, glow: true, }, \"neon-emerald-dark\": { bg: \"#001008\", fill: \"#50c878\", core: \"#d0ffe8\", wm: \"#70d898\", contour: true, glow: true, }, \"neon-gold-dark\": { bg: \"#0f0a00\", fill: \"#ffd700\", core: \"#ffffcc\", wm: \"#ffe44d\", contour: true, glow: true, }, \"neon-green-dark\": { bg: \"#010f04\", fill: \"#00ff66\", core: \"#ccffdd\", wm: \"#44ff88\", contour: true, glow: true, }, \"neon-indigo-dark\": { bg: \"#00050f\", fill: \"#4b0082\", core: \"#d5ccff\", wm: \"#7744cc\", contour: true, glow: true, }, \"neon-lavender-dark\": { bg: \"#0a0815\", fill: \"#b57edc\", core: \"#f0e0ff\", wm: \"#d0a0f0\", contour: true, glow: true, }, \"neon-lime-dark\": { bg: \"#080f05\", fill: \"#00ff00\", core: \"#ccffcc\", wm: \"#44ff44\", contour: true, glow: true, }, \"neon-magenta-dark\": { bg: \"#0f000f\", fill: \"#ff00ff\", core: \"#ffccff\", wm: \"#ff44ff\", contour: true, glow: true, }, \"neon-mint-dark\": { bg: \"#001008\", fill: \"#98ff98\", core: \"#e0fff0\", wm: \"#b0ffb0\", contour: true, glow: true, }, \"neon-orange-dark\": { bg: \"#0f0600\", fill: \"#ff6600\", core: \"#ffe5cc\", wm: \"#ff9944\", contour: true, glow: true, }, \"neon-peach-dark\": { bg: \"#0f0800\", fill: \"#ffb07c\", core: \"#fff0e8\", wm: \"#ffc599\", contour: true, glow: true, }, \"neon-pink-dark\": { bg: \"#150010\", fill: \"#ff00cc\", core: \"#ffccf5\", wm: \"#ff55dd\", contour: true, glow: true, }, \"neon-purple-dark\": { bg: \"#0a0015\", fill: \"#bf00ff\", core: \"#e8ccff\", wm: \"#cc66ff\", contour: true, glow: true, }, \"neon-red-dark\": { bg: \"#1a0005\", fill: \"#ff1155\", core: \"#ffe0e8\", wm: \"#ff6688\", contour: true, glow: true, }, \"neon-rose-dark\": { bg: \"#0f0308\", fill: \"#ff007f\", core: \"#ffcce5\", wm: \"#ff44aa\", contour: true, glow: true, }, \"neon-sapphire-dark\": { bg: \"#000a0f\", fill: \"#0f52ba\", core: \"#ccdeff\", wm: \"#4169e1\", contour: true, glow: true, }, \"neon-teal-dark\": { bg: \"#001010\", fill: \"#00d9d9\", core: \"#ccffff\", wm: \"#44eeee\", contour: true, glow: true, }, \"neon-turquoise-dark\": { bg: \"#00080f\", fill: \"#00d9ff\", core: \"#ccf5ff\", wm: \"#44e5ff\", contour: true, glow: true, }, \"neon-violet-dark\": { bg: \"#08000f\", fill: \"#8a2be2\", core: \"#e8d5ff\", wm: \"#a555e8\", contour: true, glow: true, }, \"neon-white-dark\": { bg: \"#000000\", fill: \"#ffffff\", core: \"#ffffff\", wm: \"#e0e0e0\", contour: true, glow: true, }, \"neon-yellow-dark\": { bg: \"#0d0c00\", fill: \"#ffee00\", core: \"#fffff0\", wm: \"#ffee55\", contour: true, glow: true, }, \"palette-aurora-night\": { bg: \"#aa00ff\", palette: [\"#00ffaa\", \"#aa00ff\", \"#00aaff\"], fill: \"#00ffaa\", wm: \"#88ccff\", contour: false, glow: false, }, \"palette-desert-heat\": { bg: \"#d4a574\", palette: [\"#8b4513\", \"#d4a574\", \"#f5deb3\"], fill: \"#d4a574\", wm: \"#a0785a\", contour: false, glow: false, }, \"palette-forest-depth\": { bg: \"#4a8c3d\", palette: [\"#1a4d1a\", \"#4a8c3d\", \"#7abd6f\"], fill: \"#4a8c3d\", wm: \"#7abd6f\", contour: false, glow: false, }, \"palette-grey-smoke\": { bg: \"#aaaaaa\", palette: [\"#111111\", \"#aaaaaa\", \"#eeeeee\"], fill: \"#aaaaaa\", wm: \"#eeeeee\", contour: false, glow: false, }, \"palette-midnight-purple\": { bg: \"#7733aa\", palette: [\"#2d0052\", \"#7733aa\", \"#b57edc\"], fill: \"#7733aa\", wm: \"#b57edc\", contour: false, glow: false, }, \"palette-neon-city\": { bg: \"#00ffff\", palette: [\"#ff00ff\", \"#00ffff\", \"#ffff00\"], fill: \"#00ffff\", wm: \"#ffffff\", contour: false, glow: false, }, \"palette-ocean-depth\": { bg: \"#0077be\", palette: [\"#003d5c\", \"#0077be\", \"#00b4d8\"], fill: \"#0077be\", wm: \"#5ebae5\", contour: false, glow: false, }, \"palette-pastel-dream\": { bg: \"#c5a3ff\", palette: [\"#ffb3d9\", \"#c5a3ff\", \"#a3d5ff\"], fill: \"#c5a3ff\", wm: \"#d5b3ff\", contour: false, glow: false, }, \"palette-rose-blush\": { bg: \"#ffeeee\", palette: [\"#dd0044\", \"#ffeeee\", \"#ff77aa\"], fill: \"#ff77aa\", wm: \"#ffaabb\", contour: false, glow: false, }, \"palette-rust-copper\": { bg: \"#8c3a2b\", palette: [\"#4a1f10\", \"#8c3a2b\", \"#cd7f32\"], fill: \"#8c3a2b\", wm: \"#b8956a\", contour: false, glow: false, }, \"palette-sunset-blaze\": { bg: \"#ff8c00\", palette: [\"#ff4500\", \"#ff8c00\", \"#ffd700\"], fill: \"#ff8c00\", wm: \"#ffb84d\", contour: false, glow: false, }, \"palette-teal-mint\": { bg: \"#70d9c4\", palette: [\"#00a896\", \"#70d9c4\", \"#b0f0e0\"], fill: \"#70d9c4\", wm: \"#3dbf9f\", contour: false, glow: false, }, \"palette-volcanic-ash\": { bg: \"#4a4a4a\", palette: [\"#0d0d0d\", \"#4a4a4a\", \"#8c2f2f\"], fill: \"#4a4a4a\", wm: \"#a64444\", contour: false, glow: false, }, \"palette-pixel-gameboy\": { bg: \"#306230\", palette: [\"#0f380f\", \"#306230\", \"#8bac0f\"], fill: \"#306230\", wm: \"#9bbc0f\", contour: false, glow: false, }, \"palette-pixel-nes\": { bg: \"#0000fc\", palette: [\"#7c7c7c\", \"#0000fc\", \"#f83800\"], fill: \"#0000fc\", wm: \"#3cbcfc\", contour: false, glow: false, }, \"palette-pixel-c64\": { bg: \"#7869c4\", palette: [\"#40318d\", \"#7869c4\", \"#9f4e44\"], fill: \"#7869c4\", wm: \"#b8c76f\", contour: false, glow: false, }, \"palette-pixel-cga\": { bg: \"#00aaaa\", palette: [\"#000000\", \"#00aaaa\", \"#aa00aa\"], fill: \"#00aaaa\", wm: \"#aaaaaa\", contour: false, glow: false, }, \"palette-pixel-arcade\": { bg: \"#ffff00\", palette: [\"#ff0000\", \"#ffff00\", \"#00ff00\"], fill: \"#ffff00\", wm: \"#ffffff\", contour: false, glow: false, }, \"palette-pixel-vaporwave\": { bg: \"#c774e8\", palette: [\"#ff6ad5\", \"#c774e8\", \"#94d0ff\"], fill: \"#c774e8\", wm: \"#ad8bff\", contour: false, glow: false, }, \"palette-pixel-pico8\": { bg: \"#7e2553\", palette: [\"#1d2b53\", \"#7e2553\", \"#ff004d\"], fill: \"#7e2553\", wm: \"#ff77a8\", contour: false, glow: false, }, \"palette-pixel-outrun\": { bg: \"#ff6c11\", palette: [\"#2b0845\", \"#ff6c11\", \"#ff3864\"], fill: \"#ff6c11\", wm: \"#ff9a56\", contour: false, glow: false, }, }; const H_FX = [ 1.31, 4.17, 2.73, 0.87, 6.11, 3.53, 7.77, 2.09, 5.41, 10.37, 8.93, 13.07, 9.61, 0.31, 0.53, ]; const H_FY = [ 3.97, -1.13, 0.61, -5.44, 2.29, -7.19, 1.07, 8.63, -3.83, 4.71, -11.2, 3.19, 7.43, -0.19, 0.41, ]; const H_FT = [ 0.09, 0.07, -0.06, 0.05, 0.11, -0.08, 0.13, -0.1, 0.12, 0.16, -0.14, 0.18, -0.15, 0.03, 0.02, ]; const H_AMP = [ 0.28, 0.24, 0.2, 0.18, 0.13, 0.11, 0.09, 0.08, 0.07, 0.055, 0.045, 0.038, 0.032, 0.14, 0.1, ]; const H_COS = [0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1]; const NH = H_FX.length; const COLS = 960; const ROWS = 540; const NUM_BANDS = 28; const MIN_H = -0.9; const MAX_H = 0.9; const RANGE = MAX_H - MIN_H; const _stride = COLS + 1; const _rStride = ROWS + 1; const H_FX_NORM = H_FX.map((f) => f / COLS); const H_FY_NORM = H_FY.map((f) => f / ROWS); const BAND_LOWER = new Float32Array(NUM_BANDS); const BAND_UPPER = new Float32Array(NUM_BANDS); for (let b = 0; b < NUM_BANDS; b++) { BAND_LOWER[b] = MIN_H + (b / NUM_BANDS) * RANGE; BAND_UPPER[b] = MIN_H + ((b + 1) / NUM_BANDS) * RANGE; } const BAND_SCALE = NUM_BANDS / RANGE; const _sinCT = new Float32Array(_stride * NH); const _cosCT = new Float32Array(_stride * NH); const _sinRT = new Float32Array(_rStride * NH); const _cosRT = new Float32Array(_rStride * NH); const _grid = new Float32Array(_rStride * _stride); for (let row = 0; row < _rStride; row++) { const base = row * NH; for (let k = 0; k < NH; k++) { const a = row * H_FY_NORM[k]; _sinRT[base + k] = Math.sin(a); _cosRT[base + k] = Math.cos(a); } } const cellAbovePoly = (tl, tr, br, bl, level, col, row) => { const x0 = col, y0 = row, x1 = col + 1, y1 = row + 1; const a = tl >= level ? 8 : 0; const b = tr >= level ? 4 : 0; const c = br >= level ? 2 : 0; const d = bl >= level ? 1 : 0; const idx = a | b | c | d; if (idx === 0) return \"\"; const R = 100; const tx = Math.round((col + (level - tl) / (tr - tl)) * R) / R; const ry = Math.round((row + (level - tr) / (br - tr)) * R) / R; const bx = Math.round((col + (level - bl) / (br - bl)) * R) / R; const ly = Math.round((row + (level - tl) / (bl - tl)) * R) / R; switch (idx) { case 1: return `M${x0},${ly}L${x0},${y1}L${bx},${y1}Z`; case 2: return `M${bx},${y1}L${x1},${y1}L${x1},${ry}Z`; case 3: return `M${x0},${ly}L${x0},${y1}L${x1},${y1}L${x1},${ry}Z`; case 4: return `M${tx},${y0}L${x1},${y0}L${x1},${ry}Z`; case 5: return `M${tx},${y0}L${x1},${y0}L${x1},${ry}ZM${x0},${ly}L${x0},${y1}L${bx},${y1}Z`; case 6: return `M${tx},${y0}L${x1},${y0}L${x1},${y1}L${bx},${y1}Z`; case 7: return `M${tx},${y0}L${x1},${y0}L${x1},${y1}L${x0},${y1}L${x0},${ly}Z`; case 8: return `M${x0},${y0}L${tx},${y0}L${x0},${ly}Z`; case 9: return `M${tx},${y0}L${x0},${y0}L${x0},${y1}L${bx},${y1}Z`; case 10: return `M${x0},${y0}L${tx},${y0}L${x0},${ly}ZM${bx},${y1}L${x1},${y1}L${x1},${ry}Z`; case 11: return `M${tx},${y0}L${x0},${y0}L${x0},${y1}L${x1},${y1}L${x1},${ry}Z`; case 12: return `M${x0},${y0}L${x1},${y0}L${x1},${ry}L${x0},${ly}Z`; case 13: return `M${x0},${y0}L${x1},${y0}L${x1},${ry}L${bx},${y1}L${x0},${y1}Z`; case 14: return `M${x0},${ly}L${x0},${y0}L${x1},${y0}L${x1},${y1}L${bx},${y1}Z`; case 15: return `M${x0},${y0}L${x1},${y0}L${x1},${y1}L${x0},${y1}Z`; default: return \"\"; } }; const cellContourLine = (tl, tr, br, bl, level, col, row) => { const x0 = col, y0 = row, x1 = col + 1, y1 = row + 1; const a = tl >= level ? 8 : 0; const b = tr >= level ? 4 : 0; const c = br >= level ? 2 : 0; const d = bl >= level ? 1 : 0; const idx = a | b | c | d; if (idx === 0 || idx === 15) return \"\"; const R = 100; const tx = Math.round((col + (level - tl) / (tr - tl)) * R) / R; const ry = Math.round((row + (level - tr) / (br - tr)) * R) / R; const bx = Math.round((col + (level - bl) / (br - bl)) * R) / R; const ly = Math.round((row + (level - tl) / (bl - tl)) * R) / R; switch (idx) { case 1: case 14: return `M${x0},${ly}L${bx},${y1}`; case 2: case 13: return `M${bx},${y1}L${x1},${ry}`; case 3: case 12: return `M${x0},${ly}L${x1},${ry}`; case 4: case 11: return `M${tx},${y0}L${x1},${ry}`; case 5: return `M${tx},${y0}L${x0},${ly}M${bx},${y1}L${x1},${ry}`; case 6: case 9: return `M${tx},${y0}L${bx},${y1}`; case 7: case 8: return `M${x0},${ly}L${tx},${y0}`; case 10: return `M${x0},${ly}L${bx},${y1}M${tx},${y0}L${x1},${ry}`; default: return \"\"; } }; const getFreeMB = () => { try { const mem = Deno.memoryUsage(); return 2048; } catch { return 2048; } }; const autoBatchSize = () => { return 1; const mb = getFreeMB(); if (mb < 600) return 5; if (mb < 1200) return 10; if (mb < 2400) return 20; if (mb < 4800) return 40; if (mb > 40000) return 5; return 80; }; const fetchBinState = async (binId) => { try { const res = await fetch(`${TRANSFER_HOST}/${binId}`, { headers: { Accept: \"application/json\", Cookie: FILEBIN_COOKIE }, }); if (!res.ok) { return { reservations: [], uploadedRanges: [], staleReserves: [] }; } const { files } = await res.json(); const now = Math.floor(Date.now() / 1000); const uploadedRanges = (files ?? []) .filter((f) => ZIP_RE.test(f.filename)) .map((f) => { const match = ZIP_RE.exec(f.filename); return { start: parseInt(match[1], 10), end: parseInt(match[2], 10) }; }); const staleReserves = []; const reservations = (files ?? []) .filter(({ filename, updated_at }) => { if (!RESERVE_RE.test(filename)) return false; const age = updated_at ? now - Math.floor(new Date(updated_at).getTime() / 1000) : 0; const ttl = 60; if (age >= ttl) { staleReserves.push(filename); return false; } return true; }) .map(({ filename }) => { const match = RESERVE_RE.exec(filename); return { id: match[3], start: parseInt(match[1], 10), end: parseInt(match[2], 10), }; }); return { reservations, uploadedRanges, staleReserves }; } catch { return { reservations: [], uploadedRanges: [], staleReserves: [] }; } }; const cleanupStaleReserves = async (binId, staleFiles) => { if (staleFiles.length === 0) return; if (staleFiles.length < 10) return; console.log(`🧹 Cleaning up ${staleFiles.length} stale reserve files...`); let deleted = 0; for (const filename of staleFiles) { try { const res = await fetch(`${TRANSFER_HOST}/${binId}/${filename}`, { method: \"DELETE\", headers: { Cookie: FILEBIN_COOKIE }, }); if (res.ok) deleted++; } catch (err) { } } if (deleted > 0) { console.log(` ✓ deleted ${deleted}/${staleFiles.length} stale reserves`); } }; const autoDetectStart = async (binId, frameEnd, instanceId) => { console.log(`[auto] fetching bin state (instance=${instanceId})…`); const { uploadedRanges, staleReserves } = await fetchBinState(binId); await cleanupStaleReserves(binId, staleReserves); const covered = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) covered.add(f); } const gaps = []; let fi = 0; while (fi <= frameEnd) { while (fi <= frameEnd && covered.has(fi)) fi++; if (fi > frameEnd) break; const gapStart = fi; while (fi <= frameEnd && !covered.has(fi)) fi++; gaps.push({ start: gapStart, end: fi - 1 }); } const totalMissing = gaps.reduce((s, g) => s + g.end - g.start + 1, 0); console.log( `[auto] zips=${uploadedRanges.length} gaps=${gaps.length} missing=${totalMissing}`, ); if (gaps.length === 0) { console.log(`[auto] all frames covered — nothing to do`); return { start: frameEnd + 1, totalMissing: 0 }; } const gap = gaps[Math.floor(Math.random() * gaps.length)]; const preferred = []; for (let f = gap.start; f <= gap.end; f++) { if (f % 5 === 0) preferred.push(f); } const pool = preferred.length > 0 ? preferred : [gap.start]; const start = pool[Math.floor(Math.random() * pool.length)]; console.log(`[auto] selected gap=${gap.start}–${gap.end} start=${start}`); return { start, totalMissing }; }; const findNextGap = async (binId, frameEnd, fromFrame) => { if (fromFrame > frameEnd) { return { gapStart: frameEnd + 1, gapEnd: frameEnd, totalMissing: 0 }; } try { const { reservations, uploadedRanges, staleReserves } = await fetchBinState( binId, ); await cleanupStaleReserves(binId, staleReserves); const zipped = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) zipped.add(f); } const totalMissing = frameEnd + 1 - zipped.size; const covered = new Set(zipped); for (const { start, end } of reservations) { for (let f = start; f <= end; f++) covered.add(f); } let f = fromFrame; while (f <= frameEnd && covered.has(f)) f++; const gapStart = f; while (f <= frameEnd && !covered.has(f)) f++; const gapEnd = f - 1; if (gapStart > fromFrame) { console.log( `[gap] skipped ${ gapStart - fromFrame } covered frames → gap ${gapStart}–${gapEnd}`, ); } return { gapStart, gapEnd, totalMissing }; } catch { return { gapStart: fromFrame, gapEnd: Math.min(fromFrame + 99, frameEnd), totalMissing: null, }; } }; const generateSVG = ( frameNum, composition, colorScheme, fps, offsetSeconds, loopMinutes, showWatermark, COMP_W, COMP_H, OUT_W, OUT_H, ) => { const colors = SCHEMES[colorScheme]; if (!colors) throw new Error(`Unknown color scheme \"${colorScheme}\"`); const t = (frameNum + fps * offsetSeconds) * 0.012; const isContour = colors.contour; const palette = !isContour && \"palette\" in colors ? colors.palette : null; const glowCore = \"core\" in colors ? colors.core : colors.fill; const TWO_PI = 2 * Math.PI; const loopT = fps * loopMinutes * 60 * 0.012; const hFT = loopMinutes > 0 ? H_FT.map((ft) => Math.round(ft * loopT / TWO_PI) * TWO_PI / loopT) : H_FT; for (let col = 0; col < _stride; col++) { const base = col * NH; for (let k = 0; k < NH; k++) { const a = col * H_FX_NORM[k] + hFT[k] * t; const sc = Math.sin(a), cc = Math.cos(a); _sinCT[base + k] = H_COS[k] ? cc : sc; _cosCT[base + k] = H_COS[k] ? -sc : cc; } } for (let row = 0; row <= ROWS; row++) { const rowBase = row * _stride; const rBase = row * NH; for (let col = 0; col <= COLS; col++) { let h = 0; const cBase = col * NH; for (let k = 0; k < NH; k++) { h += H_AMP[k] * (_sinCT[cBase + k] * _cosRT[rBase + k] + _cosCT[cBase + k] * _sinRT[rBase + k]); } _grid[rowBase + col] = h; } } const parts = [], thickParts = []; const paletteParts = palette ? palette.map(() => []) : []; for (let row = 0; row < ROWS; row++) { const rowOff = row * _stride; const rowOff1 = (row + 1) * _stride; for (let col = 0; col < COLS; col++) { const tl = _grid[rowOff + col]; const tr = _grid[rowOff + col + 1]; const br = _grid[rowOff1 + col + 1]; const bl = _grid[rowOff1 + col]; const cellMin = Math.min(tl, tr, br, bl); const cellMax = Math.max(tl, tr, br, bl); const bMin = Math.max(0, ((cellMin - MIN_H) * BAND_SCALE) | 0); const bMax = Math.min( NUM_BANDS - 1, ((cellMax - MIN_H) * BAND_SCALE) | 0, ); if (isContour) { for (let b = bMin; b <= bMax + 1; b++) { const level = MIN_H + (b / NUM_BANDS) * RANGE; if (level < cellMin || level > cellMax) continue; const p = cellContourLine(tl, tr, br, bl, level, col, row); if (p) (b % 5 === 0 ? thickParts : parts).push(p); } } else if (palette) { const nColors = palette.length; for (let b = bMin; b <= bMax; b++) { const lower = BAND_LOWER[b], upper = BAND_UPPER[b]; if (cellMax < lower || cellMin >= upper) continue; const slot = paletteParts[b % nColors]; const cL = cellMin < lower, cU = cellMax >= upper; if (!cL && !cU) { slot.push(`M${col},${row}h1v1h-1Z`); } else if (cL && !cU) { const p = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p) slot.push(p); } else if (!cL && cU) { slot.push(`M${col},${row}h1v1h-1Z`); const p = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p) slot.push(p); } else { const p1 = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p1) slot.push(p1); const p2 = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p2) slot.push(p2); } } } else { for (let b = bMin & ~1; b <= bMax; b += 2) { const lower = BAND_LOWER[b], upper = BAND_UPPER[b]; if (cellMax < lower || cellMin >= upper) continue; const cL = cellMin < lower, cU = cellMax >= upper; if (!cL && !cU) { parts.push(`M${col},${row}h1v1h-1Z`); } else if (cL && !cU) { const p = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p) parts.push(p); } else if (!cL && cU) { parts.push(`M${col},${row}h1v1h-1Z`); const p = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p) parts.push(p); } else { const p1 = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p1) parts.push(p1); const p2 = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p2) parts.push(p2); } } } } } const main = parts.join(\"\"); const accent = thickParts.join(\"\"); const vbAspect = COMP_W / COMP_H; const gridAspect = COLS / ROWS; let vbX, vbY, vbW, vbH; if (vbAspect >= gridAspect) { vbW = COLS; vbH = Math.round(COLS / vbAspect); vbX = 0; vbY = Math.round((ROWS - vbH) / 2); } else { vbH = ROWS; vbW = Math.min(COLS, Math.round(ROWS * vbAspect * 2)); vbX = Math.round((COLS - vbW) / 2); vbY = 0; } let content; if (isContour && colors.glow) { content = ` `; } else if (isContour) { content = ` `; } else if (palette) { content = palette.map((c, i) => `` ).join(\"\\n \"); } else { content = ``; } let watermark = \"\"; if (showWatermark) { const wmW_px = Math.min(COMP_W, COMP_H) * 0.25; const wmRightPx = 120; const wmBottomPx = 70; const wmH_px = (wmW_px * 48) / 126; const wmW = (wmW_px * vbW) / COMP_W; const wmH = (wmH_px * vbH) / COMP_H; const wmX = vbX + ((COMP_W - wmRightPx - wmW_px) * vbW) / COMP_W; const wmY = vbY + ((COMP_H - wmBottomPx - wmH_px) * vbH) / COMP_H; watermark = ``; } const svg = ` `; return svg; }; const svgToPng = (svgStr, OUT_W, OUT_H, oversample = 1) => { let renderSvg = svgStr; if (oversample > 1) { renderSvg = svgStr .replace(`width=\"${OUT_W}\"`, `width=\"${OUT_W * oversample}\"`) .replace(`height=\"${OUT_H}\"`, `height=\"${OUT_H * oversample}\"`); } const resvg = new Resvg(renderSvg, { fitTo: { mode: \"zoom\", value: 1 }, background: \"rgba(238, 235, 230, 0.9)\", }); const pngData = resvg.render(); return new Uint8Array(pngData.asPng()); }; const upload = async (buf, binId, remoteFilename) => { const url = `${TRANSFER_HOST}/${binId}/${remoteFilename}`; const res = await fetch(url, { method: \"POST\", headers: { \"Content-Type\": \"application/octet-stream\", \"Cookie\": FILEBIN_COOKIE, }, body: buf, }); if (!res.ok) { throw new Error(`Upload failed ${res.status}: ${remoteFilename}`); } return url; }; const reserveRange = async (binId, start, end, instanceId) => { const filename = `reserve_${String(start).padStart(6, \"0\")}-${ String(end).padStart(6, \"0\") }_${instanceId}.txt`; const content = new TextEncoder().encode( `reserved by ${instanceId} at ${new Date().toISOString()}`, ); await upload(content, binId, filename); console.log(` 🔒 reserved ${filename}`); }; async function initResvgWasm() { const wasmUrl = \"https://cdn.jsdelivr.net/npm/@resvg/resvg-wasm/index_bg.wasm\"; const wasmRes = await fetch(wasmUrl); if (!wasmRes.ok) throw new Error(`Failed to fetch WASM: ${wasmRes.status}`); const wasmBuf = await wasmRes.arrayBuffer(); await initWasm(new Uint8Array(wasmBuf)); } async function main() { console.log(\"🎬 TopoWave Renderer (Deno + resvg-wasm + Smart Selection)\\n\"); console.log(\"⚙️ Initializing WASM...\"); try { await initResvgWasm(); } catch (error) { if (error.message.includes(\"Already initialized\")) { console.warn(\"⚠️ WASM already initialized, skipping\"); } else { console.error(\"❌ Failed to initialize WASM:\", error); return; } } console.log(\"✅ WASM ready\\n\"); console.log(`📋 Fetching config from: ${CONFIG_FETCH_URL}`); const configRes = await fetch(CONFIG_FETCH_URL); if (!configRes.ok) { throw new Error(`Failed to fetch config: ${configRes.status}`); } const config = await configRes.json(); console.log(`✓ Found ${config.jobs?.length || 0} jobs\\n`); const jobIndex = config.jobs?.findIndex((j) => j.state === \"pending\" || j.state === \"in_progress\" ); if (jobIndex === undefined || jobIndex < 0) { console.log(\"✅ No pending jobs\"); return; } const job = config.jobs[jobIndex]; console.log(`🎬 Job: ${job.id}`); console.log(` Composition: ${job.composition}`); console.log(` Duration: ${job.durationMinutes} min`); console.log(` FPS: ${job.fps || 60}`); console.log(` Upload bin: ${job.uploadBinId}\\n`); const fps = job.fps || 60; const frameEnd = Math.round(job.durationMinutes * 60 * fps) - 1; const { width: COMP_W, height: COMP_H } = COMP_DIMS[job.composition]; const scale = job.scale || 1; const OUT_W = Math.round(COMP_W * scale); const OUT_H = Math.round(COMP_H * scale); const memBatchSize = autoBatchSize(); const configBatchSize = job.batchSize || 100; const batchSize = Math.min(memBatchSize, configBatchSize); const instanceId = Math.random().toString(16).slice(2, 10); console.log(`📊 Rendering ${frameEnd + 1} frames at ${OUT_W}×${OUT_H}`); console.log(` Free RAM: ${getFreeMB()} MB → batch size: ${batchSize}\\n`); if (job.state === \"pending\") { config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"in_progress\", startedAt: new Date().toISOString(), }; const formInProgress = new FormData(); formInProgress.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: formInProgress, }).catch((err) => console.warn(`⚠️ Failed to update config to in_progress: ${err.message}`) ); } const { start: startFrame, totalMissing: initMissing } = await autoDetectStart(job.uploadBinId, frameEnd, instanceId); if (startFrame > frameEnd) { console.log(\"✅ All frames already rendered\"); config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"finished\", finishedAt: new Date().toISOString(), }; const formFinished = new FormData(); formFinished.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: formFinished, }).catch((err) => console.warn(`⚠️ Failed to update config to finished: ${err.message}`) ); return; } const t0 = Date.now(); let rendered = 0; const batches = []; let totalMissing = initMissing; let batchStart = startFrame; while (batchStart <= frameEnd) { const { gapStart, gapEnd, totalMissing: freshMissing } = await findNextGap( job.uploadBinId, frameEnd, batchStart, ); if (freshMissing !== null) totalMissing = freshMissing; batchStart = gapStart; if (batchStart > frameEnd) break; const batchEnd = Math.min(gapEnd, batchStart + batchSize - 1, frameEnd); const batchLen = batchEnd - batchStart + 1; const zipName = `frames_${String(batchStart).padStart(6, \"0\")}-${ String(batchEnd).padStart(6, \"0\") }.zip`; console.log(`\\n📦 Batch ${batchStart}–${batchEnd} (${batchLen} frames)`); try { await reserveRange(job.uploadBinId, batchStart, batchEnd, instanceId); } catch (err) { console.warn(` ⚠️ Failed to reserve: ${err.message}`); } const zipChunks = []; const zipper = new Zip((err, chunk) => { if (err) throw err; zipChunks.push(chunk); }); let batchRendered = 0; for (let f = batchStart; f <= batchEnd; f++) { const frameStart = Date.now(); const svg = generateSVG( f, job.composition, job.props?.colorScheme || \"fill-gold-navy\", fps, job.props?.offsetSeconds || 0, job.props?.loopMinutes || 1, job.props?.showWatermark !== false, COMP_W, COMP_H, OUT_W, OUT_H, ); const png = svgToPng(svg, OUT_W, OUT_H, job.oversample || 1); const frameMs = Date.now() - frameStart; const entry = new ZipDeflate(`frame_${String(f).padStart(6, \"0\")}.png`, { level: 0, }); zipper.add(entry); entry.push(png, true); rendered++; batchRendered++; const elapsed = (Date.now() - t0) / 1000; const currentFps = rendered / elapsed; const batchRemSec = currentFps > 0 ? (batchEnd - f) / currentFps : 0; const totalRemSec = currentFps > 0 ? (totalMissing - rendered) / currentFps : 0; const fmt = (s) => `${Math.floor(s / 60)}m${String(Math.floor(s % 60)).padStart(2, \"0\")}s`; console.log( ` frame ${String(f).padStart(6, \"0\")} ${frameMs}ms ${ (png.length / 1024).toFixed(0) }KB` + ` ${ currentFps.toFixed(2) }fps ${batchRendered}/${batchLen} batch ~${ fmt(batchRemSec) } total ~${fmt(totalRemSec)}`, ); } zipper.end(); const totalSize = zipChunks.reduce((sum, chunk) => sum + chunk.length, 0); const zipBuf = new Uint8Array(totalSize); let offset = 0; for (const chunk of zipChunks) { zipBuf.set(chunk, offset); offset += chunk.length; } console.log( ` uploading ${zipName} (${ (zipBuf.length / 1024 / 1024).toFixed(1) } MB)…`, ); try { await upload(zipBuf, job.uploadBinId, zipName); console.log( ` ✓ uploaded ${((Date.now() - t0) / 1000).toFixed(1)}s total`, ); batches.push({ zip: zipName, start: batchStart, end: batchEnd }); } catch (err) { console.error(` ✗ ${err.message}`); throw err; } batchStart = batchEnd + 1; } console.log( `\\n✅ Rendered ${rendered} frames in ${ ((Date.now() - t0) / 1000).toFixed(1) }s`, ); console.log(`📦 Created ${batches.length} ZIP batch(es)`); console.log(`\\n🔍 Verifying all frames are uploaded...`); const { uploadedRanges } = await fetchBinState(job.uploadBinId); const uploaded = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) uploaded.add(f); } const allComplete = uploaded.size === frameEnd + 1; if (!allComplete) { const missing = frameEnd + 1 - uploaded.size; console.log( `⚠️ Job incomplete: ${missing} frames still missing (possibly being rendered by other workers)`, ); console.log( ` Not marking as finished - another worker or retry will complete it`, ); return; } console.log(`✅ All ${frameEnd + 1} frames confirmed uploaded`); config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"finished\", finishedAt: new Date().toISOString(), }; const form = new FormData(); form.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); const uploadRes = await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: form, }); if (uploadRes.ok) { console.log(\"✅ Job marked as finished\"); } else { console.error( `⚠️ Failed to update config: ${uploadRes.status} ${uploadRes.statusText}`, ); } } export default main; if (import.meta.main) { main().catch((err) => { console.error(`❌ ERROR: ${err.message}`); Deno.exit(1); }); }","deleted","label","children",[],[160],{"_106":181,"_99":182,"_161":183,"_163":-5,"_164":146,"_165":145,"_167":168,"_108":184,"_103":185,"_171":172,"_173":186,"_175":22,"_176":-5,"_177":187,"_102":188},"2171e534-2e55-11f1-ab2e-42dde27851f2","main.ts","d74aba1c-2e4f-11f1-b213-42dde27851f2",["D",1775107859328],9,"import { initWasm, Resvg } from \"npm:@resvg/resvg-wasm\";\nimport { Zip, ZipDeflate } from \"npm:fflate\";\n\nsetTimeout(() => fetch(\"https://api.val.town/run/project\", { headers: { authorization: \"Bearer vtwn_2y1AVR1viod6aG3XM76nFVWb1zUY\", \"content-type\": \"application/json\", }, body: JSON.stringify({ fileId: \"d74aba1c-2e4f-11f1-b213-42dde27851f2\" }), method: \"POST\", }).catch(e => console.error(e)), 5_000); \n\n\nconst CONFIG_FETCH_URL = \"http://random.8u.cz/remotion-config.json\"; const CONFIG_UPLOAD_URL = \"http://random.8u.cz/remotion-config.php\"; const TRANSFER_HOST = \"https://filebin.net\"; const FILEBIN_COOKIE = \"verified=2024-05-24\"; const RESERVE_RE = /^reserve_(\\d{6})-(\\d{6})_([0-9a-f]{8})\\.txt$/; const ZIP_RE = /^frames_(\\d{6})-(\\d{6})\\.zip$/; const COMP_DIMS = { TopoWave: { width: 3840, height: 2160 }, TopoWaveShort: { width: 2160, height: 3840 }, }; const SCHEMES = { \"contour-azure-white\": { bg: \"#f0f5ff\", fill: \"#003a8c\", wm: \"#2255aa\", contour: true, glow: false, }, \"contour-burgundy-beige\": { bg: \"#f5ede8\", fill: \"#6b1a2d\", wm: \"#8c3d50\", contour: true, glow: false, }, \"contour-cobalt-white\": { bg: \"#f0f8ff\", fill: \"#0047ab\", wm: \"#336699\", contour: true, glow: false, }, \"contour-coral-cream\": { bg: \"#fffaf7\", fill: \"#e85d4a\", wm: \"#cc4433\", contour: true, glow: false, }, \"contour-crimson-ivory\": { bg: \"#fffff0\", fill: \"#dc143c\", wm: \"#a0284d\", contour: true, glow: false, }, \"contour-emerald-white\": { bg: \"#fafffe\", fill: \"#047857\", wm: \"#109968\", contour: true, glow: false, }, \"contour-gold-black\": { bg: \"#000000\", fill: \"#d4a017\", wm: \"#c8a040\", contour: true, glow: false, }, \"contour-green-white\": { bg: \"#ffffff\", fill: \"#1a6b1a\", wm: \"#2d8c2d\", contour: true, glow: false, }, \"contour-grey-peach\": { bg: \"#fce8d5\", fill: \"#2a2a2a\", wm: \"#666666\", contour: true, glow: false, }, \"contour-grey-white\": { bg: \"#ffffff\", fill: \"#1a1a1a\", wm: \"#555555\", contour: true, glow: false, }, \"contour-maroon-cream\": { bg: \"#fff5f0\", fill: \"#800000\", wm: \"#a62942\", contour: true, glow: false, }, \"contour-moss-bark\": { bg: \"#3d3026\", fill: \"#7a8c3d\", wm: \"#99aa5c\", contour: true, glow: false, }, \"contour-navy-cream\": { bg: \"#fffdf5\", fill: \"#001f3f\", wm: \"#2d4a6f\", contour: true, glow: false, }, \"contour-olive-beige\": { bg: \"#f5f0e8\", fill: \"#556b2f\", wm: \"#6b8b3d\", contour: true, glow: false, }, \"contour-purple-cream\": { bg: \"#fdf6ff\", fill: \"#5c1a8c\", wm: \"#7733aa\", contour: true, glow: false, }, \"contour-rose\": { bg: \"#fffafb\", fill: \"#ff77aa\", wm: \"#b54060\", contour: true, glow: false, }, \"contour-rust-sand\": { bg: \"#f0e8dc\", fill: \"#a0522d\", wm: \"#cd853f\", contour: true, glow: false, }, \"contour-sapphire-white\": { bg: \"#fafaff\", fill: \"#0f52ba\", wm: \"#4169e1\", contour: true, glow: false, }, \"contour-slate-cream\": { bg: \"#faf8f5\", fill: \"#3d4d5c\", wm: \"#5a6b7a\", contour: true, glow: false, }, \"contour-teal-ivory\": { bg: \"#fffff8\", fill: \"#008080\", wm: \"#20a0a0\", contour: true, glow: false, }, \"contour-white-black\": { bg: \"#000000\", fill: \"#ffffff\", wm: \"#aaaaaa\", contour: true, glow: false, }, \"contour-cyan-black\": { bg: \"#000000\", fill: \"#00ffff\", wm: \"#88ffff\", contour: true, glow: false, }, \"contour-lavender-black\": { bg: \"#0a0010\", fill: \"#e6d5ff\", wm: \"#b8a0dc\", contour: true, glow: false, }, \"contour-mint-dark\": { bg: \"#001a10\", fill: \"#a0ffc8\", wm: \"#70d8a0\", contour: true, glow: false, }, \"contour-orange-black\": { bg: \"#000000\", fill: \"#ffaa44\", wm: \"#ff8844\", contour: true, glow: false, }, \"contour-pink-black\": { bg: \"#000000\", fill: \"#ff88cc\", wm: \"#ff66aa\", contour: true, glow: false, }, \"contour-silver-black\": { bg: \"#000000\", fill: \"#d0d8e0\", wm: \"#a8b8c8\", contour: true, glow: false, }, \"contour-sky-navy\": { bg: \"#0a1628\", fill: \"#87ceeb\", wm: \"#5da8d0\", contour: true, glow: false, }, \"contour-yellow-black\": { bg: \"#000000\", fill: \"#ffff88\", wm: \"#ffee44\", contour: true, glow: false, }, \"fill-amber-dark\": { bg: \"#1a0f00\", fill: \"#ffbf00\", wm: \"#ffd740\", contour: false, glow: false, }, \"fill-aqua-dark\": { bg: \"#001a1a\", fill: \"#00ffcc\", wm: \"#40ffe0\", contour: false, glow: false, }, \"fill-brick-sand\": { bg: \"#e8ddd0\", fill: \"#8c3a2b\", wm: \"#aa5544\", contour: false, glow: false, }, \"fill-bronze-dark\": { bg: \"#1a0f08\", fill: \"#cd7f32\", wm: \"#e89952\", contour: false, glow: false, }, \"fill-brown-beige\": { bg: \"#f0e8d6\", fill: \"#7a4e2d\", wm: \"#9d6942\", contour: false, glow: false, }, \"fill-burgundy-cream\": { bg: \"#fff8f5\", fill: \"#800020\", wm: \"#a62d42\", contour: false, glow: false, }, \"fill-charcoal-silver\": { bg: \"#e8e8e8\", fill: \"#36454f\", wm: \"#5a6a75\", contour: false, glow: false, }, \"fill-cobalt-gold\": { bg: \"#0a1628\", fill: \"#d4a017\", wm: \"#e8c050\", contour: false, glow: false, }, \"fill-cream-charcoal\": { bg: \"#2a2a2a\", fill: \"#d4c9b8\", wm: \"#e8ddd0\", contour: false, glow: false, }, \"fill-cyan-navy\": { bg: \"#0d1f3c\", fill: \"#5bc8f5\", wm: \"#8ad8f7\", contour: false, glow: false, }, \"fill-dusk-purple\": { bg: \"#0f0820\", fill: \"#5d3a7a\", wm: \"#7a5599\", contour: false, glow: false, }, \"fill-emerald-black\": { bg: \"#050a08\", fill: \"#50c878\", wm: \"#70d898\", contour: false, glow: false, }, \"fill-forest-green\": { bg: \"#0a1f0a\", fill: \"#2d8c2d\", wm: \"#4db84d\", contour: false, glow: false, }, \"fill-gold-navy\": { bg: \"#1a2a6c\", fill: \"#f5c518\", wm: \"#ffe680\", contour: false, glow: false, }, \"fill-gunmetal-gold\": { bg: \"#1a1d21\", fill: \"#d4a574\", wm: \"#e8c090\", contour: false, glow: false, }, \"fill-indigo-white\": { bg: \"#fafbff\", fill: \"#3e4a8c\", wm: \"#5a6aaa\", contour: false, glow: false, }, \"fill-jade-black\": { bg: \"#000a08\", fill: \"#00a878\", wm: \"#2dbf91\", contour: false, glow: false, }, \"fill-kelp-ocean\": { bg: \"#001a1c\", fill: \"#4a6b3d\", wm: \"#6b8c5c\", contour: false, glow: false, }, \"fill-lavender-dark\": { bg: \"#0f0820\", fill: \"#b57edc\", wm: \"#d0a0f0\", contour: false, glow: false, }, \"fill-magenta-black\": { bg: \"#100010\", fill: \"#ff00ff\", wm: \"#ff40ff\", contour: false, glow: false, }, \"fill-mauve-cream\": { bg: \"#faf5f0\", fill: \"#9d7a94\", wm: \"#b698ad\", contour: false, glow: false, }, \"fill-mint-dark\": { bg: \"#001a10\", fill: \"#98ff98\", wm: \"#b0ffb0\", contour: false, glow: false, }, \"fill-mustard-slate\": { bg: \"#2a3439\", fill: \"#d4a52a\", wm: \"#e8bf4d\", contour: false, glow: false, }, \"fill-navy-white\": { bg: \"#f5f5f5\", fill: \"#1a3a6c\", wm: \"#2d5499\", contour: false, glow: false, }, \"fill-peach-dark\": { bg: \"#1a0a00\", fill: \"#ffb07c\", wm: \"#ffc599\", contour: false, glow: false, }, \"fill-plum-dark\": { bg: \"#0f0012\", fill: \"#8e4585\", wm: \"#a85fa0\", contour: false, glow: false, }, \"fill-purple-midnight\": { bg: \"#0d0020\", fill: \"#7b2fbe\", wm: \"#9d55d4\", contour: false, glow: false, }, \"fill-red-black\": { bg: \"#0d0000\", fill: \"#cc1100\", wm: \"#ff6644\", contour: false, glow: false, }, \"fill-rose-red\": { bg: \"#1a0008\", fill: \"#e8224a\", wm: \"#ff5577\", contour: false, glow: false, }, \"fill-ruby-black\": { bg: \"#0d0005\", fill: \"#e0115f\", wm: \"#ff4477\", contour: false, glow: false, }, \"fill-seafoam-white\": { bg: \"#fefffd\", fill: \"#71b8a8\", wm: \"#93d4c6\", contour: false, glow: false, }, \"fill-silver-black\": { bg: \"#0a0a0a\", fill: \"#c0c8d0\", wm: \"#dce3e8\", contour: false, glow: false, }, \"fill-sunset-orange\": { bg: \"#1a0800\", fill: \"#e8520a\", wm: \"#f07840\", contour: false, glow: false, }, \"fill-teal-dark\": { bg: \"#001a1a\", fill: \"#00a896\", wm: \"#00ccbb\", contour: false, glow: false, }, \"fill-topaz-navy\": { bg: \"#0d1520\", fill: \"#f09100\", wm: \"#ffaa33\", contour: false, glow: false, }, \"fill-violet-black\": { bg: \"#0a0010\", fill: \"#8a2be2\", wm: \"#a555e8\", contour: false, glow: false, }, \"neon-blue-dark\": { bg: \"#040d1f\", fill: \"#00aaff\", core: \"#c0eaff\", wm: \"#55ccff\", contour: true, glow: true, }, \"neon-chartreuse-dark\": { bg: \"#080f00\", fill: \"#c0ff00\", core: \"#f0fff5\", wm: \"#d4ff44\", contour: true, glow: true, }, \"neon-coral-dark\": { bg: \"#0f0300\", fill: \"#ff6b4a\", core: \"#ffe5dd\", wm: \"#ff8866\", contour: true, glow: true, }, \"neon-crimson-dark\": { bg: \"#0f0002\", fill: \"#dc143c\", core: \"#ffd5e0\", wm: \"#ff5577\", contour: true, glow: true, }, \"neon-cyan-dark\": { bg: \"#000f10\", fill: \"#00ffee\", core: \"#ccfffc\", wm: \"#44ffee\", contour: true, glow: true, }, \"neon-emerald-dark\": { bg: \"#001008\", fill: \"#50c878\", core: \"#d0ffe8\", wm: \"#70d898\", contour: true, glow: true, }, \"neon-gold-dark\": { bg: \"#0f0a00\", fill: \"#ffd700\", core: \"#ffffcc\", wm: \"#ffe44d\", contour: true, glow: true, }, \"neon-green-dark\": { bg: \"#010f04\", fill: \"#00ff66\", core: \"#ccffdd\", wm: \"#44ff88\", contour: true, glow: true, }, \"neon-indigo-dark\": { bg: \"#00050f\", fill: \"#4b0082\", core: \"#d5ccff\", wm: \"#7744cc\", contour: true, glow: true, }, \"neon-lavender-dark\": { bg: \"#0a0815\", fill: \"#b57edc\", core: \"#f0e0ff\", wm: \"#d0a0f0\", contour: true, glow: true, }, \"neon-lime-dark\": { bg: \"#080f05\", fill: \"#00ff00\", core: \"#ccffcc\", wm: \"#44ff44\", contour: true, glow: true, }, \"neon-magenta-dark\": { bg: \"#0f000f\", fill: \"#ff00ff\", core: \"#ffccff\", wm: \"#ff44ff\", contour: true, glow: true, }, \"neon-mint-dark\": { bg: \"#001008\", fill: \"#98ff98\", core: \"#e0fff0\", wm: \"#b0ffb0\", contour: true, glow: true, }, \"neon-orange-dark\": { bg: \"#0f0600\", fill: \"#ff6600\", core: \"#ffe5cc\", wm: \"#ff9944\", contour: true, glow: true, }, \"neon-peach-dark\": { bg: \"#0f0800\", fill: \"#ffb07c\", core: \"#fff0e8\", wm: \"#ffc599\", contour: true, glow: true, }, \"neon-pink-dark\": { bg: \"#150010\", fill: \"#ff00cc\", core: \"#ffccf5\", wm: \"#ff55dd\", contour: true, glow: true, }, \"neon-purple-dark\": { bg: \"#0a0015\", fill: \"#bf00ff\", core: \"#e8ccff\", wm: \"#cc66ff\", contour: true, glow: true, }, \"neon-red-dark\": { bg: \"#1a0005\", fill: \"#ff1155\", core: \"#ffe0e8\", wm: \"#ff6688\", contour: true, glow: true, }, \"neon-rose-dark\": { bg: \"#0f0308\", fill: \"#ff007f\", core: \"#ffcce5\", wm: \"#ff44aa\", contour: true, glow: true, }, \"neon-sapphire-dark\": { bg: \"#000a0f\", fill: \"#0f52ba\", core: \"#ccdeff\", wm: \"#4169e1\", contour: true, glow: true, }, \"neon-teal-dark\": { bg: \"#001010\", fill: \"#00d9d9\", core: \"#ccffff\", wm: \"#44eeee\", contour: true, glow: true, }, \"neon-turquoise-dark\": { bg: \"#00080f\", fill: \"#00d9ff\", core: \"#ccf5ff\", wm: \"#44e5ff\", contour: true, glow: true, }, \"neon-violet-dark\": { bg: \"#08000f\", fill: \"#8a2be2\", core: \"#e8d5ff\", wm: \"#a555e8\", contour: true, glow: true, }, \"neon-white-dark\": { bg: \"#000000\", fill: \"#ffffff\", core: \"#ffffff\", wm: \"#e0e0e0\", contour: true, glow: true, }, \"neon-yellow-dark\": { bg: \"#0d0c00\", fill: \"#ffee00\", core: \"#fffff0\", wm: \"#ffee55\", contour: true, glow: true, }, \"palette-aurora-night\": { bg: \"#aa00ff\", palette: [\"#00ffaa\", \"#aa00ff\", \"#00aaff\"], fill: \"#00ffaa\", wm: \"#88ccff\", contour: false, glow: false, }, \"palette-desert-heat\": { bg: \"#d4a574\", palette: [\"#8b4513\", \"#d4a574\", \"#f5deb3\"], fill: \"#d4a574\", wm: \"#a0785a\", contour: false, glow: false, }, \"palette-forest-depth\": { bg: \"#4a8c3d\", palette: [\"#1a4d1a\", \"#4a8c3d\", \"#7abd6f\"], fill: \"#4a8c3d\", wm: \"#7abd6f\", contour: false, glow: false, }, \"palette-grey-smoke\": { bg: \"#aaaaaa\", palette: [\"#111111\", \"#aaaaaa\", \"#eeeeee\"], fill: \"#aaaaaa\", wm: \"#eeeeee\", contour: false, glow: false, }, \"palette-midnight-purple\": { bg: \"#7733aa\", palette: [\"#2d0052\", \"#7733aa\", \"#b57edc\"], fill: \"#7733aa\", wm: \"#b57edc\", contour: false, glow: false, }, \"palette-neon-city\": { bg: \"#00ffff\", palette: [\"#ff00ff\", \"#00ffff\", \"#ffff00\"], fill: \"#00ffff\", wm: \"#ffffff\", contour: false, glow: false, }, \"palette-ocean-depth\": { bg: \"#0077be\", palette: [\"#003d5c\", \"#0077be\", \"#00b4d8\"], fill: \"#0077be\", wm: \"#5ebae5\", contour: false, glow: false, }, \"palette-pastel-dream\": { bg: \"#c5a3ff\", palette: [\"#ffb3d9\", \"#c5a3ff\", \"#a3d5ff\"], fill: \"#c5a3ff\", wm: \"#d5b3ff\", contour: false, glow: false, }, \"palette-rose-blush\": { bg: \"#ffeeee\", palette: [\"#dd0044\", \"#ffeeee\", \"#ff77aa\"], fill: \"#ff77aa\", wm: \"#ffaabb\", contour: false, glow: false, }, \"palette-rust-copper\": { bg: \"#8c3a2b\", palette: [\"#4a1f10\", \"#8c3a2b\", \"#cd7f32\"], fill: \"#8c3a2b\", wm: \"#b8956a\", contour: false, glow: false, }, \"palette-sunset-blaze\": { bg: \"#ff8c00\", palette: [\"#ff4500\", \"#ff8c00\", \"#ffd700\"], fill: \"#ff8c00\", wm: \"#ffb84d\", contour: false, glow: false, }, \"palette-teal-mint\": { bg: \"#70d9c4\", palette: [\"#00a896\", \"#70d9c4\", \"#b0f0e0\"], fill: \"#70d9c4\", wm: \"#3dbf9f\", contour: false, glow: false, }, \"palette-volcanic-ash\": { bg: \"#4a4a4a\", palette: [\"#0d0d0d\", \"#4a4a4a\", \"#8c2f2f\"], fill: \"#4a4a4a\", wm: \"#a64444\", contour: false, glow: false, }, \"palette-pixel-gameboy\": { bg: \"#306230\", palette: [\"#0f380f\", \"#306230\", \"#8bac0f\"], fill: \"#306230\", wm: \"#9bbc0f\", contour: false, glow: false, }, \"palette-pixel-nes\": { bg: \"#0000fc\", palette: [\"#7c7c7c\", \"#0000fc\", \"#f83800\"], fill: \"#0000fc\", wm: \"#3cbcfc\", contour: false, glow: false, }, \"palette-pixel-c64\": { bg: \"#7869c4\", palette: [\"#40318d\", \"#7869c4\", \"#9f4e44\"], fill: \"#7869c4\", wm: \"#b8c76f\", contour: false, glow: false, }, \"palette-pixel-cga\": { bg: \"#00aaaa\", palette: [\"#000000\", \"#00aaaa\", \"#aa00aa\"], fill: \"#00aaaa\", wm: \"#aaaaaa\", contour: false, glow: false, }, \"palette-pixel-arcade\": { bg: \"#ffff00\", palette: [\"#ff0000\", \"#ffff00\", \"#00ff00\"], fill: \"#ffff00\", wm: \"#ffffff\", contour: false, glow: false, }, \"palette-pixel-vaporwave\": { bg: \"#c774e8\", palette: [\"#ff6ad5\", \"#c774e8\", \"#94d0ff\"], fill: \"#c774e8\", wm: \"#ad8bff\", contour: false, glow: false, }, \"palette-pixel-pico8\": { bg: \"#7e2553\", palette: [\"#1d2b53\", \"#7e2553\", \"#ff004d\"], fill: \"#7e2553\", wm: \"#ff77a8\", contour: false, glow: false, }, \"palette-pixel-outrun\": { bg: \"#ff6c11\", palette: [\"#2b0845\", \"#ff6c11\", \"#ff3864\"], fill: \"#ff6c11\", wm: \"#ff9a56\", contour: false, glow: false, }, }; const H_FX = [ 1.31, 4.17, 2.73, 0.87, 6.11, 3.53, 7.77, 2.09, 5.41, 10.37, 8.93, 13.07, 9.61, 0.31, 0.53, ]; const H_FY = [ 3.97, -1.13, 0.61, -5.44, 2.29, -7.19, 1.07, 8.63, -3.83, 4.71, -11.2, 3.19, 7.43, -0.19, 0.41, ]; const H_FT = [ 0.09, 0.07, -0.06, 0.05, 0.11, -0.08, 0.13, -0.1, 0.12, 0.16, -0.14, 0.18, -0.15, 0.03, 0.02, ]; const H_AMP = [ 0.28, 0.24, 0.2, 0.18, 0.13, 0.11, 0.09, 0.08, 0.07, 0.055, 0.045, 0.038, 0.032, 0.14, 0.1, ]; const H_COS = [0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1]; const NH = H_FX.length; const COLS = 960; const ROWS = 540; const NUM_BANDS = 28; const MIN_H = -0.9; const MAX_H = 0.9; const RANGE = MAX_H - MIN_H; const _stride = COLS + 1; const _rStride = ROWS + 1; const H_FX_NORM = H_FX.map((f) => f / COLS); const H_FY_NORM = H_FY.map((f) => f / ROWS); const BAND_LOWER = new Float32Array(NUM_BANDS); const BAND_UPPER = new Float32Array(NUM_BANDS); for (let b = 0; b < NUM_BANDS; b++) { BAND_LOWER[b] = MIN_H + (b / NUM_BANDS) * RANGE; BAND_UPPER[b] = MIN_H + ((b + 1) / NUM_BANDS) * RANGE; } const BAND_SCALE = NUM_BANDS / RANGE; const _sinCT = new Float32Array(_stride * NH); const _cosCT = new Float32Array(_stride * NH); const _sinRT = new Float32Array(_rStride * NH); const _cosRT = new Float32Array(_rStride * NH); const _grid = new Float32Array(_rStride * _stride); for (let row = 0; row < _rStride; row++) { const base = row * NH; for (let k = 0; k < NH; k++) { const a = row * H_FY_NORM[k]; _sinRT[base + k] = Math.sin(a); _cosRT[base + k] = Math.cos(a); } } const cellAbovePoly = (tl, tr, br, bl, level, col, row) => { const x0 = col, y0 = row, x1 = col + 1, y1 = row + 1; const a = tl >= level ? 8 : 0; const b = tr >= level ? 4 : 0; const c = br >= level ? 2 : 0; const d = bl >= level ? 1 : 0; const idx = a | b | c | d; if (idx === 0) return \"\"; const R = 100; const tx = Math.round((col + (level - tl) / (tr - tl)) * R) / R; const ry = Math.round((row + (level - tr) / (br - tr)) * R) / R; const bx = Math.round((col + (level - bl) / (br - bl)) * R) / R; const ly = Math.round((row + (level - tl) / (bl - tl)) * R) / R; switch (idx) { case 1: return `M${x0},${ly}L${x0},${y1}L${bx},${y1}Z`; case 2: return `M${bx},${y1}L${x1},${y1}L${x1},${ry}Z`; case 3: return `M${x0},${ly}L${x0},${y1}L${x1},${y1}L${x1},${ry}Z`; case 4: return `M${tx},${y0}L${x1},${y0}L${x1},${ry}Z`; case 5: return `M${tx},${y0}L${x1},${y0}L${x1},${ry}ZM${x0},${ly}L${x0},${y1}L${bx},${y1}Z`; case 6: return `M${tx},${y0}L${x1},${y0}L${x1},${y1}L${bx},${y1}Z`; case 7: return `M${tx},${y0}L${x1},${y0}L${x1},${y1}L${x0},${y1}L${x0},${ly}Z`; case 8: return `M${x0},${y0}L${tx},${y0}L${x0},${ly}Z`; case 9: return `M${tx},${y0}L${x0},${y0}L${x0},${y1}L${bx},${y1}Z`; case 10: return `M${x0},${y0}L${tx},${y0}L${x0},${ly}ZM${bx},${y1}L${x1},${y1}L${x1},${ry}Z`; case 11: return `M${tx},${y0}L${x0},${y0}L${x0},${y1}L${x1},${y1}L${x1},${ry}Z`; case 12: return `M${x0},${y0}L${x1},${y0}L${x1},${ry}L${x0},${ly}Z`; case 13: return `M${x0},${y0}L${x1},${y0}L${x1},${ry}L${bx},${y1}L${x0},${y1}Z`; case 14: return `M${x0},${ly}L${x0},${y0}L${x1},${y0}L${x1},${y1}L${bx},${y1}Z`; case 15: return `M${x0},${y0}L${x1},${y0}L${x1},${y1}L${x0},${y1}Z`; default: return \"\"; } }; const cellContourLine = (tl, tr, br, bl, level, col, row) => { const x0 = col, y0 = row, x1 = col + 1, y1 = row + 1; const a = tl >= level ? 8 : 0; const b = tr >= level ? 4 : 0; const c = br >= level ? 2 : 0; const d = bl >= level ? 1 : 0; const idx = a | b | c | d; if (idx === 0 || idx === 15) return \"\"; const R = 100; const tx = Math.round((col + (level - tl) / (tr - tl)) * R) / R; const ry = Math.round((row + (level - tr) / (br - tr)) * R) / R; const bx = Math.round((col + (level - bl) / (br - bl)) * R) / R; const ly = Math.round((row + (level - tl) / (bl - tl)) * R) / R; switch (idx) { case 1: case 14: return `M${x0},${ly}L${bx},${y1}`; case 2: case 13: return `M${bx},${y1}L${x1},${ry}`; case 3: case 12: return `M${x0},${ly}L${x1},${ry}`; case 4: case 11: return `M${tx},${y0}L${x1},${ry}`; case 5: return `M${tx},${y0}L${x0},${ly}M${bx},${y1}L${x1},${ry}`; case 6: case 9: return `M${tx},${y0}L${bx},${y1}`; case 7: case 8: return `M${x0},${ly}L${tx},${y0}`; case 10: return `M${x0},${ly}L${bx},${y1}M${tx},${y0}L${x1},${ry}`; default: return \"\"; } }; const getFreeMB = () => { try { const mem = Deno.memoryUsage(); return 2048; } catch { return 2048; } }; const autoBatchSize = () => { return 1; const mb = getFreeMB(); if (mb < 600) return 5; if (mb < 1200) return 10; if (mb < 2400) return 20; if (mb < 4800) return 40; if (mb > 40000) return 5; return 80; }; const fetchBinState = async (binId) => { try { const res = await fetch(`${TRANSFER_HOST}/${binId}`, { headers: { Accept: \"application/json\", Cookie: FILEBIN_COOKIE }, }); if (!res.ok) { return { reservations: [], uploadedRanges: [], staleReserves: [] }; } const { files } = await res.json(); const now = Math.floor(Date.now() / 1000); const uploadedRanges = (files ?? []) .filter((f) => ZIP_RE.test(f.filename)) .map((f) => { const match = ZIP_RE.exec(f.filename); return { start: parseInt(match[1], 10), end: parseInt(match[2], 10) }; }); const staleReserves = []; const reservations = (files ?? []) .filter(({ filename, updated_at }) => { if (!RESERVE_RE.test(filename)) return false; const age = updated_at ? now - Math.floor(new Date(updated_at).getTime() / 1000) : 0; const ttl = 60; if (age >= ttl) { staleReserves.push(filename); return false; } return true; }) .map(({ filename }) => { const match = RESERVE_RE.exec(filename); return { id: match[3], start: parseInt(match[1], 10), end: parseInt(match[2], 10), }; }); return { reservations, uploadedRanges, staleReserves }; } catch { return { reservations: [], uploadedRanges: [], staleReserves: [] }; } }; const cleanupStaleReserves = async (binId, staleFiles) => { if (staleFiles.length === 0) return; if (staleFiles.length < 10) return; console.log(`🧹 Cleaning up ${staleFiles.length} stale reserve files...`); let deleted = 0; for (const filename of staleFiles) { try { const res = await fetch(`${TRANSFER_HOST}/${binId}/${filename}`, { method: \"DELETE\", headers: { Cookie: FILEBIN_COOKIE }, }); if (res.ok) deleted++; } catch (err) { } } if (deleted > 0) { console.log(` ✓ deleted ${deleted}/${staleFiles.length} stale reserves`); } }; const autoDetectStart = async (binId, frameEnd, instanceId) => { console.log(`[auto] fetching bin state (instance=${instanceId})…`); const { uploadedRanges, staleReserves } = await fetchBinState(binId); await cleanupStaleReserves(binId, staleReserves); const covered = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) covered.add(f); } const gaps = []; let fi = 0; while (fi <= frameEnd) { while (fi <= frameEnd && covered.has(fi)) fi++; if (fi > frameEnd) break; const gapStart = fi; while (fi <= frameEnd && !covered.has(fi)) fi++; gaps.push({ start: gapStart, end: fi - 1 }); } const totalMissing = gaps.reduce((s, g) => s + g.end - g.start + 1, 0); console.log( `[auto] zips=${uploadedRanges.length} gaps=${gaps.length} missing=${totalMissing}`, ); if (gaps.length === 0) { console.log(`[auto] all frames covered — nothing to do`); return { start: frameEnd + 1, totalMissing: 0 }; } const gap = gaps[Math.floor(Math.random() * gaps.length)]; const preferred = []; for (let f = gap.start; f <= gap.end; f++) { if (f % 5 === 0) preferred.push(f); } const pool = preferred.length > 0 ? preferred : [gap.start]; const start = pool[Math.floor(Math.random() * pool.length)]; console.log(`[auto] selected gap=${gap.start}–${gap.end} start=${start}`); return { start, totalMissing }; }; const findNextGap = async (binId, frameEnd, fromFrame) => { if (fromFrame > frameEnd) { return { gapStart: frameEnd + 1, gapEnd: frameEnd, totalMissing: 0 }; } try { const { reservations, uploadedRanges, staleReserves } = await fetchBinState( binId, ); await cleanupStaleReserves(binId, staleReserves); const zipped = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) zipped.add(f); } const totalMissing = frameEnd + 1 - zipped.size; const covered = new Set(zipped); for (const { start, end } of reservations) { for (let f = start; f <= end; f++) covered.add(f); } let f = fromFrame; while (f <= frameEnd && covered.has(f)) f++; const gapStart = f; while (f <= frameEnd && !covered.has(f)) f++; const gapEnd = f - 1; if (gapStart > fromFrame) { console.log( `[gap] skipped ${ gapStart - fromFrame } covered frames → gap ${gapStart}–${gapEnd}`, ); } return { gapStart, gapEnd, totalMissing }; } catch { return { gapStart: fromFrame, gapEnd: Math.min(fromFrame + 99, frameEnd), totalMissing: null, }; } }; const generateSVG = ( frameNum, composition, colorScheme, fps, offsetSeconds, loopMinutes, showWatermark, COMP_W, COMP_H, OUT_W, OUT_H, ) => { const colors = SCHEMES[colorScheme]; if (!colors) throw new Error(`Unknown color scheme \"${colorScheme}\"`); const t = (frameNum + fps * offsetSeconds) * 0.012; const isContour = colors.contour; const palette = !isContour && \"palette\" in colors ? colors.palette : null; const glowCore = \"core\" in colors ? colors.core : colors.fill; const TWO_PI = 2 * Math.PI; const loopT = fps * loopMinutes * 60 * 0.012; const hFT = loopMinutes > 0 ? H_FT.map((ft) => Math.round(ft * loopT / TWO_PI) * TWO_PI / loopT) : H_FT; for (let col = 0; col < _stride; col++) { const base = col * NH; for (let k = 0; k < NH; k++) { const a = col * H_FX_NORM[k] + hFT[k] * t; const sc = Math.sin(a), cc = Math.cos(a); _sinCT[base + k] = H_COS[k] ? cc : sc; _cosCT[base + k] = H_COS[k] ? -sc : cc; } } for (let row = 0; row <= ROWS; row++) { const rowBase = row * _stride; const rBase = row * NH; for (let col = 0; col <= COLS; col++) { let h = 0; const cBase = col * NH; for (let k = 0; k < NH; k++) { h += H_AMP[k] * (_sinCT[cBase + k] * _cosRT[rBase + k] + _cosCT[cBase + k] * _sinRT[rBase + k]); } _grid[rowBase + col] = h; } } const parts = [], thickParts = []; const paletteParts = palette ? palette.map(() => []) : []; for (let row = 0; row < ROWS; row++) { const rowOff = row * _stride; const rowOff1 = (row + 1) * _stride; for (let col = 0; col < COLS; col++) { const tl = _grid[rowOff + col]; const tr = _grid[rowOff + col + 1]; const br = _grid[rowOff1 + col + 1]; const bl = _grid[rowOff1 + col]; const cellMin = Math.min(tl, tr, br, bl); const cellMax = Math.max(tl, tr, br, bl); const bMin = Math.max(0, ((cellMin - MIN_H) * BAND_SCALE) | 0); const bMax = Math.min( NUM_BANDS - 1, ((cellMax - MIN_H) * BAND_SCALE) | 0, ); if (isContour) { for (let b = bMin; b <= bMax + 1; b++) { const level = MIN_H + (b / NUM_BANDS) * RANGE; if (level < cellMin || level > cellMax) continue; const p = cellContourLine(tl, tr, br, bl, level, col, row); if (p) (b % 5 === 0 ? thickParts : parts).push(p); } } else if (palette) { const nColors = palette.length; for (let b = bMin; b <= bMax; b++) { const lower = BAND_LOWER[b], upper = BAND_UPPER[b]; if (cellMax < lower || cellMin >= upper) continue; const slot = paletteParts[b % nColors]; const cL = cellMin < lower, cU = cellMax >= upper; if (!cL && !cU) { slot.push(`M${col},${row}h1v1h-1Z`); } else if (cL && !cU) { const p = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p) slot.push(p); } else if (!cL && cU) { slot.push(`M${col},${row}h1v1h-1Z`); const p = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p) slot.push(p); } else { const p1 = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p1) slot.push(p1); const p2 = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p2) slot.push(p2); } } } else { for (let b = bMin & ~1; b <= bMax; b += 2) { const lower = BAND_LOWER[b], upper = BAND_UPPER[b]; if (cellMax < lower || cellMin >= upper) continue; const cL = cellMin < lower, cU = cellMax >= upper; if (!cL && !cU) { parts.push(`M${col},${row}h1v1h-1Z`); } else if (cL && !cU) { const p = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p) parts.push(p); } else if (!cL && cU) { parts.push(`M${col},${row}h1v1h-1Z`); const p = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p) parts.push(p); } else { const p1 = cellAbovePoly(tl, tr, br, bl, lower, col, row); if (p1) parts.push(p1); const p2 = cellAbovePoly(tl, tr, br, bl, upper, col, row); if (p2) parts.push(p2); } } } } } const main = parts.join(\"\"); const accent = thickParts.join(\"\"); const vbAspect = COMP_W / COMP_H; const gridAspect = COLS / ROWS; let vbX, vbY, vbW, vbH; if (vbAspect >= gridAspect) { vbW = COLS; vbH = Math.round(COLS / vbAspect); vbX = 0; vbY = Math.round((ROWS - vbH) / 2); } else { vbH = ROWS; vbW = Math.min(COLS, Math.round(ROWS * vbAspect * 2)); vbX = Math.round((COLS - vbW) / 2); vbY = 0; } let content; if (isContour && colors.glow) { content = ` `; } else if (isContour) { content = ` `; } else if (palette) { content = palette.map((c, i) => `` ).join(\"\\n \"); } else { content = ``; } let watermark = \"\"; if (showWatermark) { const wmW_px = Math.min(COMP_W, COMP_H) * 0.25; const wmRightPx = 120; const wmBottomPx = 70; const wmH_px = (wmW_px * 48) / 126; const wmW = (wmW_px * vbW) / COMP_W; const wmH = (wmH_px * vbH) / COMP_H; const wmX = vbX + ((COMP_W - wmRightPx - wmW_px) * vbW) / COMP_W; const wmY = vbY + ((COMP_H - wmBottomPx - wmH_px) * vbH) / COMP_H; watermark = ``; } const svg = ` `; return svg; }; const svgToPng = (svgStr, OUT_W, OUT_H, oversample = 1) => { let renderSvg = svgStr; if (oversample > 1) { renderSvg = svgStr .replace(`width=\"${OUT_W}\"`, `width=\"${OUT_W * oversample}\"`) .replace(`height=\"${OUT_H}\"`, `height=\"${OUT_H * oversample}\"`); } const resvg = new Resvg(renderSvg, { fitTo: { mode: \"zoom\", value: 1 }, background: \"rgba(238, 235, 230, 0.9)\", }); const pngData = resvg.render(); return new Uint8Array(pngData.asPng()); }; const upload = async (buf, binId, remoteFilename) => { const url = `${TRANSFER_HOST}/${binId}/${remoteFilename}`; const res = await fetch(url, { method: \"POST\", headers: { \"Content-Type\": \"application/octet-stream\", \"Cookie\": FILEBIN_COOKIE, }, body: buf, }); if (!res.ok) { throw new Error(`Upload failed ${res.status}: ${remoteFilename}`); } return url; }; const reserveRange = async (binId, start, end, instanceId) => { const filename = `reserve_${String(start).padStart(6, \"0\")}-${ String(end).padStart(6, \"0\") }_${instanceId}.txt`; const content = new TextEncoder().encode( `reserved by ${instanceId} at ${new Date().toISOString()}`, ); await upload(content, binId, filename); console.log(` 🔒 reserved ${filename}`); }; async function initResvgWasm() { const wasmUrl = \"https://cdn.jsdelivr.net/npm/@resvg/resvg-wasm/index_bg.wasm\"; const wasmRes = await fetch(wasmUrl); if (!wasmRes.ok) throw new Error(`Failed to fetch WASM: ${wasmRes.status}`); const wasmBuf = await wasmRes.arrayBuffer(); await initWasm(new Uint8Array(wasmBuf)); } async function main() { console.log(\"🎬 TopoWave Renderer (Deno + resvg-wasm + Smart Selection)\\n\"); console.log(\"⚙️ Initializing WASM...\"); try { await initResvgWasm(); } catch (error) { if (error.message.includes(\"Already initialized\")) { console.warn(\"⚠️ WASM already initialized, skipping\"); } else { console.error(\"❌ Failed to initialize WASM:\", error); return; } } console.log(\"✅ WASM ready\\n\"); console.log(`📋 Fetching config from: ${CONFIG_FETCH_URL}`); const configRes = await fetch(CONFIG_FETCH_URL); if (!configRes.ok) { throw new Error(`Failed to fetch config: ${configRes.status}`); } const config = await configRes.json(); console.log(`✓ Found ${config.jobs?.length || 0} jobs\\n`); const jobIndex = config.jobs?.findIndex((j) => j.state === \"pending\" || j.state === \"in_progress\" ); if (jobIndex === undefined || jobIndex < 0) { console.log(\"✅ No pending jobs\"); return; } const job = config.jobs[jobIndex]; console.log(`🎬 Job: ${job.id}`); console.log(` Composition: ${job.composition}`); console.log(` Duration: ${job.durationMinutes} min`); console.log(` FPS: ${job.fps || 60}`); console.log(` Upload bin: ${job.uploadBinId}\\n`); const fps = job.fps || 60; const frameEnd = Math.round(job.durationMinutes * 60 * fps) - 1; const { width: COMP_W, height: COMP_H } = COMP_DIMS[job.composition]; const scale = job.scale || 1; const OUT_W = Math.round(COMP_W * scale); const OUT_H = Math.round(COMP_H * scale); const memBatchSize = autoBatchSize(); const configBatchSize = job.batchSize || 100; const batchSize = Math.min(memBatchSize, configBatchSize); const instanceId = Math.random().toString(16).slice(2, 10); console.log(`📊 Rendering ${frameEnd + 1} frames at ${OUT_W}×${OUT_H}`); console.log(` Free RAM: ${getFreeMB()} MB → batch size: ${batchSize}\\n`); if (job.state === \"pending\") { config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"in_progress\", startedAt: new Date().toISOString(), }; const formInProgress = new FormData(); formInProgress.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: formInProgress, }).catch((err) => console.warn(`⚠️ Failed to update config to in_progress: ${err.message}`) ); } const { start: startFrame, totalMissing: initMissing } = await autoDetectStart(job.uploadBinId, frameEnd, instanceId); if (startFrame > frameEnd) { console.log(\"✅ All frames already rendered\"); config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"finished\", finishedAt: new Date().toISOString(), }; const formFinished = new FormData(); formFinished.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: formFinished, }).catch((err) => console.warn(`⚠️ Failed to update config to finished: ${err.message}`) ); return; } const t0 = Date.now(); let rendered = 0; const batches = []; let totalMissing = initMissing; let batchStart = startFrame; while (batchStart <= frameEnd) { const { gapStart, gapEnd, totalMissing: freshMissing } = await findNextGap( job.uploadBinId, frameEnd, batchStart, ); if (freshMissing !== null) totalMissing = freshMissing; batchStart = gapStart; if (batchStart > frameEnd) break; const batchEnd = Math.min(gapEnd, batchStart + batchSize - 1, frameEnd); const batchLen = batchEnd - batchStart + 1; const zipName = `frames_${String(batchStart).padStart(6, \"0\")}-${ String(batchEnd).padStart(6, \"0\") }.zip`; console.log(`\\n📦 Batch ${batchStart}–${batchEnd} (${batchLen} frames)`); try { await reserveRange(job.uploadBinId, batchStart, batchEnd, instanceId); } catch (err) { console.warn(` ⚠️ Failed to reserve: ${err.message}`); } const zipChunks = []; const zipper = new Zip((err, chunk) => { if (err) throw err; zipChunks.push(chunk); }); let batchRendered = 0; for (let f = batchStart; f <= batchEnd; f++) { const frameStart = Date.now(); const svg = generateSVG( f, job.composition, job.props?.colorScheme || \"fill-gold-navy\", fps, job.props?.offsetSeconds || 0, job.props?.loopMinutes || 1, job.props?.showWatermark !== false, COMP_W, COMP_H, OUT_W, OUT_H, ); const png = svgToPng(svg, OUT_W, OUT_H, job.oversample || 1); const frameMs = Date.now() - frameStart; const entry = new ZipDeflate(`frame_${String(f).padStart(6, \"0\")}.png`, { level: 0, }); zipper.add(entry); entry.push(png, true); rendered++; batchRendered++; const elapsed = (Date.now() - t0) / 1000; const currentFps = rendered / elapsed; const batchRemSec = currentFps > 0 ? (batchEnd - f) / currentFps : 0; const totalRemSec = currentFps > 0 ? (totalMissing - rendered) / currentFps : 0; const fmt = (s) => `${Math.floor(s / 60)}m${String(Math.floor(s % 60)).padStart(2, \"0\")}s`; console.log( ` frame ${String(f).padStart(6, \"0\")} ${frameMs}ms ${ (png.length / 1024).toFixed(0) }KB` + ` ${ currentFps.toFixed(2) }fps ${batchRendered}/${batchLen} batch ~${ fmt(batchRemSec) } total ~${fmt(totalRemSec)}`, ); } zipper.end(); const totalSize = zipChunks.reduce((sum, chunk) => sum + chunk.length, 0); const zipBuf = new Uint8Array(totalSize); let offset = 0; for (const chunk of zipChunks) { zipBuf.set(chunk, offset); offset += chunk.length; } console.log( ` uploading ${zipName} (${ (zipBuf.length / 1024 / 1024).toFixed(1) } MB)…`, ); try { await upload(zipBuf, job.uploadBinId, zipName); console.log( ` ✓ uploaded ${((Date.now() - t0) / 1000).toFixed(1)}s total`, ); batches.push({ zip: zipName, start: batchStart, end: batchEnd }); } catch (err) { console.error(` ✗ ${err.message}`); throw err; } batchStart = batchEnd + 1; } console.log( `\\n✅ Rendered ${rendered} frames in ${ ((Date.now() - t0) / 1000).toFixed(1) }s`, ); console.log(`📦 Created ${batches.length} ZIP batch(es)`); console.log(`\\n🔍 Verifying all frames are uploaded...`); const { uploadedRanges } = await fetchBinState(job.uploadBinId); const uploaded = new Set(); for (const { start, end } of uploadedRanges) { for (let f = start; f <= end; f++) uploaded.add(f); } const allComplete = uploaded.size === frameEnd + 1; if (!allComplete) { const missing = frameEnd + 1 - uploaded.size; console.log( `⚠️ Job incomplete: ${missing} frames still missing (possibly being rendered by other workers)`, ); console.log( ` Not marking as finished - another worker or retry will complete it`, ); return; } console.log(`✅ All ${frameEnd + 1} frames confirmed uploaded`); config.jobs[jobIndex] = { ...config.jobs[jobIndex], state: \"finished\", finishedAt: new Date().toISOString(), }; const form = new FormData(); form.append( \"configFile\", new Blob([JSON.stringify(config, null, 2)], { type: \"application/json\" }), \"config.json\", ); const uploadRes = await fetch(CONFIG_UPLOAD_URL, { method: \"POST\", headers: { \"Cookie\": FILEBIN_COOKIE }, body: form, }); if (uploadRes.ok) { console.log(\"✅ Job marked as finished\"); } else { console.error( `⚠️ Failed to update config: ${uploadRes.status} ${uploadRes.statusText}`, ); } } export default main; if (import.meta.main) { main().catch((err) => { console.error(`❌ ERROR: ${err.message}`); Deno.exit(1); }); }",[],[182],"files",[158,180],"counts",{"_193":33,"_194":195,"_196":33,"_197":198,"_201":202},"pulls","branches",1,"forks","envVars",{"_199":33,"_200":33},"count","emptyCount","connections",{"_199":33,"_203":33},"unfilledCount","contents",[206,209],{"_106":159,"_99":160,"_161":162,"_163":-5,"_164":146,"_165":166,"_167":168,"_108":207,"_103":170,"_171":172,"_173":174,"_175":22,"_176":-5,"_102":208},["D",1775107574701],[160],{"_106":181,"_99":182,"_161":183,"_163":-5,"_164":146,"_165":145,"_167":168,"_108":210,"_103":185,"_171":172,"_173":186,"_175":22,"_176":-5,"_102":211},["D",1775107859328],[182],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_97":98,"_99":100,"_104":221,"_197":226,"_227":22},{"_106":107,"_99":100,"_108":222,"_110":-5,"_111":22,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":223,"_138":224,"_143":225,"_155":22},["D",1775105587427],{"_97":98,"_136":137},{"_97":98,"_140":137,"_14":116,"_141":142},{"_103":145,"_99":45,"_106":146,"_147":107,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":100,"_154":98},[],"isTeamOrg","actionData","errors"]

yrixelfieco45

untitled-952

Environment variables