Auto Factory — Words go in. Things come out.

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_161":162,"_163":164},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":131,"_16":-7,"_132":-5,"_17":133,"_134":135,"_28":136,"_21":137,"_23":138,"_139":-5,"_140":-5,"_141":-5,"_142":35,"_143":144,"_145":38,"_146":-5,"_147":-5,"_148":149},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","isaactai","name","auto_factory_landing","branchName","version","project",{"_39":76,"_13":14,"_50":77,"_78":-5,"_79":35,"_80":81,"_82":81,"_83":84,"_85":-5,"_86":87,"_88":43,"_89":38,"_90":-5,"_91":-5,"_92":52,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":109,"_110":111,"_112":113,"_114":35},"tags",[],"counts",{"_66":52,"_67":48,"_68":52,"_69":70,"_71":72},"contents",[63],"readme","upstream","pull","files",[31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","c39deaf1-f60a-4fc4-b961-980ef0b87255","http.tsx","fileId","4c304d0e-7a4c-11f1-832b-1607ee4eb77e","parentId","branchId","59276afc-b389-4e91-baf4-23cba5ae1684","branchVersion",1,"latest","createdAt",["D",1783460353942],0,"fileType","http","content","const CSS = `\n:root {\n --gr-bg: #fcf4ec;\n --gr-paper: #ffffff;\n --gr-ink: #000000;\n --gr-muted: #5b5b5b;\n --gr-pink: #ff90e8;\n --gr-yellow: #ffc900;\n --gr-teal: #23a094;\n --gr-blue: #90a8ed;\n --ease-swift: cubic-bezier(0.2, 0, 0, 1);\n --font-geist-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;\n --font-geist-mono: 'Geist Mono', ui-monospace, monospace;\n --font-display: 'Fredoka', ui-rounded, system-ui, sans-serif;\n}\n*, *::before, *::after { box-sizing: border-box; }\nhtml { min-height: 100%; background: var(--gr-bg); }\nbody { min-height: 100vh; margin: 0; background: var(--gr-bg); color: var(--gr-ink); font-family: var(--font-geist-sans); }\nbutton, input, select, textarea { font: inherit; }\nbutton { cursor: pointer; }\nbutton:disabled { cursor: not-allowed; opacity: 0.55; }\n:focus-visible { outline: 2px solid #2b5bff; outline-offset: 2px; }\n.gumroad-funnel { position: relative; left: 50%; width: 100vw; height: 410px; margin-top: -6px; margin-left: -50vw; }\n.gumroad-word-paths { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }\n.gumroad-word-canvas { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; }\n.gumroad-fx-layer { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }\n.gumroad-fx-obj { position: absolute; top: 0; left: 0; pointer-events: none; will-change: transform, opacity; }\n.gumroad-machine { position: absolute; top: 50%; left: 50%; z-index: 3; display: flex; width: 158px; height: 138px; transform: translate(-50%, -50%) rotate(-1deg); transition: transform 0.18s var(--ease-swift); flex-direction: column; border: 2px solid var(--gr-ink); border-radius: 42% 46% 44% 48% / 50% 44% 52% 42%; background: var(--gr-paper); box-shadow: 4px 4px 0 var(--gr-ink); }\n.gumroad-machine.gulp { transform: translate(-50%, -50%) scale(1.09) rotate(-1.2deg); }\n.gumroad-machine-face { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 7px; margin-top: 1rem; }\n.gumroad-eyes { display: flex; gap: 16px; }\n.gumroad-eyes i { width: 14px; height: 14px; border-radius: 50%; background: var(--gr-ink); animation: gumroad-eye-blink 5.4s infinite; transform-origin: center; display: block; }\n.gumroad-eyes i:nth-child(2) { animation-delay: 0.035s; }\n@keyframes gumroad-eye-blink { 0%, 3%, 38%, 41%, 100% { transform: scaleY(1); } 1.5%, 39.5% { transform: scaleY(0.08); } }\n.gumroad-machine-face strong { font-family: var(--font-display); font-size: 29px; font-weight: 700; line-height: 1; }\n.gumroad-star { position: absolute; top: -24px; right: -28px; display: grid; width: 68px; height: 68px; place-items: center; background: var(--gr-yellow); clip-path: polygon(50% 0, 61% 29%, 93% 16%, 75% 48%, 100% 68%, 65% 69%, 64% 100%, 45% 75%, 17% 95%, 24% 61%, 0 46%, 34% 40%); font-family: var(--font-geist-mono); font-size: 12px; font-weight: 900; }\n.gumroad-promptbar { width: min(590px, 100%); }\n.gumroad-promptbar form { display: flex; gap: 8px; border: 2px solid var(--gr-ink); border-radius: 24px; background: var(--gr-paper); box-shadow: 4px 4px 0 var(--gr-ink); padding: 8px; }\n.gumroad-promptbar input { min-width: 0; flex: 1; border: 0; background: transparent; color: var(--gr-ink); padding: 9px 11px; font-size: 16px; }\n.gumroad-promptbar input:focus { outline: none; }\n.gumroad-promptbar button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 2px solid var(--gr-ink); border-radius: 18px; background: var(--gr-pink); box-shadow: 3px 3px 0 var(--gr-ink); color: var(--gr-ink); padding: 10px 18px; font-size: 14px; font-weight: 900; white-space: nowrap; }\n.gumroad-examples { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding-top: 13px; }\n.gumroad-examples button { border: 2px solid var(--gr-ink); border-radius: 999px; background: var(--gr-paper); box-shadow: 2px 2px 0 var(--gr-ink); color: var(--gr-muted); padding: 7px 11px; font-size: 12px; font-weight: 700; }\n.gumroad-prompt-status { margin: 10px 8px 0; font-size: 13px; font-weight: 700; }\n.gumroad-prompt-status.success { color: #0b9b57; }\n.gumroad-prompt-status.danger { color: #d93438; }\n.gumroad-tv-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr); gap: 28px; align-items: start; }\n@keyframes gumroad-marquee { to { transform: translateX(-50%); } }\n.animate-gumroad-marquee { animation: gumroad-marquee 32s linear infinite; }\n.gumroad-tv { position: relative; border: 2px solid var(--gr-ink); border-radius: 34px; background: var(--gr-blue); box-shadow: 4px 4px 0 var(--gr-ink); padding: 18px; }\n.gumroad-antenna { position: absolute; top: -34px; left: 50%; width: 120px; height: 40px; transform: translateX(-50%); }\n.gumroad-antenna i { position: absolute; bottom: 0; left: 50%; width: 3px; height: 40px; background: var(--gr-ink); transform-origin: bottom; display: block; }\n.gumroad-antenna i:first-child { transform: rotate(-28deg); }\n.gumroad-antenna i:last-child { transform: rotate(24deg); }\n.gumroad-tv-inner { display: grid; grid-template-columns: 1fr 74px; gap: 14px; }\n.gumroad-screen, .gumroad-mini-screen { position: relative; overflow: hidden; border: 2px solid var(--gr-ink); background: repeating-linear-gradient(0deg, rgb(255 255 255 / 0.08) 0 1px, transparent 1px 4px), radial-gradient(circle at 55% 50%, #4e4a3e, #171612 68%); }\n.gumroad-screen { aspect-ratio: 16 / 9.5; border-radius: 12px; }\n.gumroad-camera-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }\n.gumroad-static { position: absolute; inset: 0; background: repeating-radial-gradient(circle at 18% 22%, rgb(255 255 255 / 0.85) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, #0b0b0b 0 2px, #f7f7f7 2px 3px, #232323 3px 5px); filter: contrast(1.8); animation: gumroad-static-jitter 90ms steps(2) infinite, gumroad-static-roll 420ms linear infinite; }\n.gumroad-static::after { position: absolute; inset: 0; background: radial-gradient(circle at center, transparent 35%, rgb(0 0 0 / 0.5) 80%); content: \"\"; }\n@keyframes gumroad-static-jitter { 0% { transform: translate(0, 0) scale(1.02); } 50% { transform: translate(-2%, 1%) scale(1.04); } 100% { transform: translate(1%, -1%) scale(1.02); } }\n@keyframes gumroad-static-roll { to { background-position: 13px 29px, 0 22px; } }\n.gumroad-screen-top, .gumroad-screen-bottom { position: absolute; right: 12px; left: 12px; z-index: 2; pointer-events: none; display: flex; justify-content: space-between; color: #f8f3e8; font-family: var(--font-geist-mono); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; }\n.gumroad-screen-top { top: 10px; }\n.gumroad-screen-bottom { bottom: 10px; }\n.gumroad-print-head { position: absolute; top: 28%; left: 48%; width: 20px; height: 20px; border: 2px solid #f8f3e8; background: var(--gr-pink); box-shadow: 0 0 0 999px rgb(0 0 0 / 0.08); }\n.gumroad-print-head::before, .gumroad-print-head::after { position: absolute; background: rgb(248 243 232 / 0.45); content: \"\"; }\n.gumroad-print-head::before { top: 9px; left: -170px; width: 360px; height: 1px; }\n.gumroad-print-head::after { top: -75px; left: 9px; width: 1px; height: 170px; }\n.gumroad-print-bed { position: absolute; right: 18%; bottom: 18%; left: 18%; display: flex; justify-content: center; gap: 18px; border-top: 2px solid rgb(248 243 232 / 0.45); padding-top: 22px; }\n.gumroad-print-bed i { width: 34px; height: 42px; border: 2px solid #f8f3e8; border-radius: 12px 12px 7px 7px; background: var(--gr-yellow); display: block; }\n.gumroad-tv-panel { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 6px; }\n.gumroad-tv-panel button { width: 40px; height: 40px; border: 2px solid var(--gr-ink); border-radius: 50%; background: var(--gr-paper); box-shadow: 3px 3px 0 var(--gr-ink); transition: box-shadow 0.1s var(--ease-swift), transform 0.1s var(--ease-swift), background-color 0.12s; }\n.gumroad-tv-panel button:hover { background: var(--gr-yellow); transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--gr-ink); }\n.gumroad-tv-panel button.pressed { background: var(--gr-pink); transform: translate(3px, 3px) scale(0.94); box-shadow: 0 0 0 var(--gr-ink); }\n.gumroad-tv-panel > span { width: 44px; flex: 1; min-height: 60px; border-radius: 4px; background: repeating-linear-gradient(0deg, var(--gr-ink) 0 2px, transparent 2px 6px); opacity: 0.8; display: block; }\n.gumroad-cam-stack { display: flex; flex-direction: column; gap: 14px; }\n.gumroad-mini-cam { border: 2px solid var(--gr-ink); border-radius: 18px; background: var(--gr-paper); box-shadow: 4px 4px 0 var(--gr-ink); padding: 10px; }\n.gumroad-mini-screen { display: flex; aspect-ratio: 16 / 7.8; align-items: end; justify-content: center; gap: 12px; border-radius: 12px; padding-bottom: 20px; }\n.gumroad-mini-screen i { width: 20px; height: 26px; border: 2px solid #f8f3e8; border-radius: 12px 12px 7px 7px; background: var(--gr-yellow); display: block; }\n.gumroad-mini-cam p { display: flex; justify-content: space-between; margin: 8px 2px 0; color: var(--gr-muted); font-family: var(--font-geist-mono); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }\n.gumroad-mini-cam b { color: var(--gr-ink); }\n.gumroad-flow { position: relative; display: grid; grid-template-columns: 1.2fr 0.9fr 1fr 0.85fr; gap: 18px; align-items: stretch; }\n.gumroad-prompt-demo, .gumroad-queue, .gumroad-plate, .gumroad-printer { border: 2px solid var(--gr-ink); border-radius: 22px; background: var(--gr-paper); box-shadow: 4px 4px 0 var(--gr-ink); padding: 18px; }\n.gumroad-flow > div > span:first-child { display: block; margin: 0; color: var(--gr-muted); font-family: var(--font-geist-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }\n.gumroad-input-bar { display: flex; align-items: center; gap: 5px; min-height: 40px; margin: 22px 0; border: 2px solid var(--gr-ink); border-radius: 14px; background: var(--gr-bg); padding: 8px 10px; font-size: 15px; font-weight: 700; line-height: 1.25; }\n.gumroad-input-text { overflow: hidden; min-width: 0; white-space: nowrap; }\n.gumroad-input-caret { width: 2px; height: 1.1em; flex: none; background: var(--gr-pink); animation: gumroad-caret-blink 1.05s steps(1) infinite; display: block; }\n@keyframes gumroad-caret-blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }\n.gumroad-input-submit { display: grid; flex: none; width: 25px; height: 25px; margin-left: auto; place-items: center; border: 2px solid var(--gr-ink); border-radius: 100px; background: var(--gr-yellow); font-size: 13px; transition: transform 0.1s; }\n.gumroad-input-submit.pressed { transform: translate(1.5px, 1.5px) scale(0.92); }\n.gumroad-queue { position: relative; display: flex; flex-direction: column; gap: 10px; }\n.gumroad-queue-slot { height: 46px; border: 2px dashed rgba(0,0,0,0.25); border-radius: 13px; }\n.gumroad-queue-card { position: absolute; top: 0; left: 0; z-index: 2; max-width: 190px; overflow: hidden; border: 2px solid var(--gr-ink); border-radius: 13px; background: var(--gr-pink); box-shadow: 3px 3px 0 var(--gr-ink); padding: 10px 12px; font-size: 14px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; transition: transform 0.5s var(--ease-swift), width 0.5s var(--ease-swift), height 0.5s var(--ease-swift), font-size 0.5s var(--ease-swift), padding 0.5s var(--ease-swift), opacity 0.3s, background-color 0.3s ease 0.22s, border-color 0.3s ease 0.22s, box-shadow 0.3s ease 0.22s; }\n.gumroad-queue-card.bare { background: transparent; border-color: transparent; box-shadow: none; padding: 0; }\n.gumroad-plate > div { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 18px 0 12px; transition: transform 0.7s cubic-bezier(0.5, 0, 0.8, 0.4), opacity 0.7s; }\n.gumroad-plate > div.sending { transform: translate(24px, 18px) scale(0.85); opacity: 0; }\n.gumroad-plate > div.reset { transition: none; transform: translate(-24px, -18px) scale(0.92); opacity: 0; }\n.gumroad-plate-cell { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; overflow: hidden; border: 2px solid var(--gr-ink); border-radius: 10px; background: #fff8d8; transition: border-color 0.2s, background-color 0.2s; }\n.gumroad-plate-cell.reserved { border-color: rgba(0,0,0,0.55); border-style: dashed; }\n.gumroad-plate-cell.filled { border-color: var(--gr-ink); background: var(--gr-paper); }\n.gumroad-plate-cell svg { width: 76%; height: auto; }\n.gumroad-plate small, .gumroad-printer small { color: var(--gr-muted); font-family: var(--font-geist-mono); font-size: 11px; font-weight: 800; text-transform: uppercase; }\n.gumroad-printer > div { position: relative; overflow: hidden; height: 142px; margin: 18px 0 12px; border: 2px solid var(--gr-ink); border-radius: 18px; background: var(--gr-paper); }\n.gumroad-printer-fill { position: absolute; right: 0; bottom: 0; left: 0; height: 0%; background: var(--gr-blue); transition: height 0.4s linear; }\n.gumroad-printer i { position: absolute; top: 30px; left: 50%; z-index: 1; width: 50px; height: 58px; transform: translateX(-50%); border: 2px solid var(--gr-ink); border-radius: 16px 16px 8px 8px; background: var(--gr-yellow); display: block; }\n@keyframes gumroad-rumble { 0%, 100% { transform: translate(0,0); } 25% { transform: translate(-1.5px,0) rotate(-0.4deg); } 75% { transform: translate(1.5px,0) rotate(0.4deg); } }\n.gumroad-printer.rumble { animation: gumroad-rumble 0.5s linear infinite; }\n.gumroad-shelf { display: flex; align-items: flex-end; gap: 6px; min-height: 30px; margin-top: 10px; }\n.gumroad-shelf-item { display: inline-flex; }\n@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }\n@media (max-width: 900px) { .gumroad-tv-grid, .gumroad-flow { grid-template-columns: 1fr; } .gumroad-tv-inner { grid-template-columns: 1fr; } .gumroad-tv-panel { display: none; } }\n@media (max-width: 640px) { .gumroad-funnel { height: 330px; } .gumroad-promptbar form { flex-direction: column; } .gumroad-promptbar button { min-height: 52px; } }\n`;\n\nconst CLIENT_JS = `\nimport { useState, useEffect, useRef, createElement as h } from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\nconst SHORT = [\"corgi\",\"a vase\",\"the moon\",\"lucky dice\",\"a crab clip\",\"tiny wrench\",\"a whistle\",\"hair claw\",\"NICE TRY\",\"a thumb ring\",\"soap dish\",\"one gnome\",\"more hooks\",\"a bird?\"];\nconst LONG = [\"a whistle that actually works\",\"a corgi cookie cutter\",\"cable clip for my desk\",\"a tiny vase for one flower\",\"phone stand at exactly 60 deg\",\"hair claw with wavy teeth\",\"drawer divider, three slots\",\"a comically small wrench\",\"keyhook shaped like a comma\",\"stamp that says NICE TRY\",\"earbud case that snaps shut\",\"a spinning top that hums\",\"plant label with a smiley\",\"dice with only sixes\",\"a ring for a thumb\",\"soap dish with drainage\",\"bag clip shaped like a crab\",\"the moon, but pocket size\"];\nconst TAPE = [\"Tiny dragon queued for pink PLA\",\"Printer P1S-01 is 62% through plate 48\",\"Nine prompts become one packed build plate\",\"Live cams stay open from slice to cool-down\",\"Ship it, pick it up, or watch the next run\"];\nconst EXAMPLES = [\"a tiny dragon guarding a d20\",\"a phone stand shaped like a whale\",\"a planter shaped like a lighthouse\"];\n\nconst PALETTE = [\"#ff90e8\",\"#ffc900\",\"#23a094\",\"#90a8ed\",\"#ff4e11\",\"#181817\",\"#a259ff\",\"#f4f1e6\",\"#2b5bff\",\"#0b9b57\",\"#ff7a3c\",\"#b8ff9f\"];\nfunction pickColor() { return PALETTE[Math.floor(Math.random()*PALETTE.length)]; }\nfunction shade(hex, f) { const v=parseInt(hex.slice(1),16); return \"rgb(\"+Math.round(((v>>16)&255)*f)+\",\"+Math.round(((v>>8)&255)*f)+\",\"+Math.round((v&255)*f)+\")\"; }\nfunction iso(x,y,z) { return [Number(((x-y)*0.866).toFixed(2)),Number(((x+y)*0.5-z).toFixed(2))]; }\nfunction poly(pts,fill) { return ''; }\nfunction prism(x,y,z0,w,d,ht,col) {\n var top=[iso(x,y,z0+ht),iso(x+w,y,z0+ht),iso(x+w,y+d,z0+ht),iso(x,y+d,z0+ht)];\n return poly([top[2],top[3],iso(x,y+d,z0),iso(x+w,y+d,z0)],shade(col,0.8))+poly([top[1],top[2],iso(x+w,y+d,z0),iso(x+w,y,z0)],shade(col,0.6))+poly(top,col);\n}\nfunction svgObj(size) {\n var p=pickColor(),s=pickColor(),k=Math.floor(Math.random()*7),b=\"\";\n if(k===0){var w=11+Math.random()*8,d=11+Math.random()*8,ht=7+Math.random()*11;b=prism(-w/2,-d/2,0,w,d,ht,p);if(Math.random()<0.6)b+=prism(-w*.28,-d*.28,ht,w*.56,d*.56,3+Math.random()*5,s);}\n else if(k===1){b=prism(-6.5,-6.5,0,13,13,3,s)+prism(-4.5,-4.5,3,9,9,15+Math.random()*7,p);}\n else if(k===2){b=prism(-9,-6,0,6,12,5,p)+prism(-3,-6,0,6,12,10,p)+prism(3,-6,0,6,12,15,s);}\n else if(k===3){b=prism(-9,-9,0,18,18,4,p)+prism(-3.5,-3.5,4,7,7,6,s);}\n else if(k===4){b=prism(-8,-5,0,5,10,12,p)+prism(3,-5,0,5,10,12,p)+prism(-9,-5.5,12,18,11,4,s);}\n else if(k===5){b=prism(-6,-6,0,12,12,4,p)+prism(-4,-4,4,8,8,4,p)+prism(-5.5,-5.5,12,11,11,3,s);}\n else{var r=8+Math.random()*4;b='';}\n return '';\n}\n\nvar LW=[2.6,0.7,1.6,0.55,1.9,0.9],LC=LW.length,LWS=LW.reduce(function(a,b){return a+b;},0);\nvar LCUM=LW.reduce(function(acc,w){acc.push(acc[acc.length-1]+w/LWS);return acc;},[0]);\nvar FX0=-60,FX1=538,SFP=84,OLYS=[55,145,240,335,425];\nfunction ease(u){var p=Math.pow(Math.max(0,Math.min(1,u)),1.45);return p*p*(3-2*p);}\nfunction eTop(u){return 10+(222-10)*ease(u);}\nfunction eBot(u){return 470-(470-258)*ease(u);}\nfunction eH(u){return eBot(u)-eTop(u);}\nfunction lT(u,l){return eH(u)*LW[l]/LWS;}\nfunction lM(u,l,j){return eTop(u)+eH(u)*LCUM[l]+lT(u,l)*(0.5+j*0.12);}\nfunction pick(a){return a[Math.floor(Math.random()*a.length)];}\n\nfunction PromptFunnel() {\n var canvasRef=useRef(null),fxRef=useRef(null),machRef=useRef(null),svgRef=useRef(null);\n useEffect(function(){\n var canvas=canvasRef.current,fx=fxRef.current,mach=machRef.current,svg=svgRef.current;\n if(!canvas||!fx||!mach||!svg) return;\n var ctx=canvas.getContext(\"2d\"); if(!ctx) return;\n var rm=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n var paths=OLYS.map(function(y){\n var p=document.createElementNS(\"http://www.w3.org/2000/svg\",\"path\");\n p.setAttribute(\"d\",\"M 664 240 C 760 \"+(240+(y-240)*0.16)+\", 900 \"+y+\", 1230 \"+y);\n p.setAttribute(\"fill\",\"none\"); p.setAttribute(\"stroke\",\"none\");\n svg.appendChild(p); return p;\n });\n var words=[],objs=[],last=new Array(LC).fill(null);\n function ink(){return getComputedStyle(canvas).getPropertyValue(\"--gr-ink\").trim()||\"#000\";}\n function acc(){return getComputedStyle(canvas).getPropertyValue(\"--gr-pink\").trim()||\"#ff90e8\";}\n function fnt(){var f=getComputedStyle(document.documentElement).getPropertyValue(\"--font-geist-sans\").trim();return f||\"system-ui,sans-serif\";}\n function sprite(text,hi){\n var font=\"800 \"+SFP+\"px \"+fnt();\n var pr=document.createElement(\"canvas\").getContext(\"2d\"); pr.font=font;\n var tw=Math.ceil(pr.measureText(text).width);\n var sp=document.createElement(\"canvas\"); sp.width=Math.max(2,tw+14); sp.height=Math.ceil(SFP*1.34);\n var sc=sp.getContext(\"2d\"); sc.font=font; sc.textBaseline=\"middle\";\n sc.fillStyle=hi?acc():ink(); sc.fillText(text,7,sp.height/2); return sp;\n }\n function spawn(text,hi){\n hi=hi||false;\n var rect=canvas.getBoundingClientRect(); if(!rect.width) return;\n var open=[]; last.forEach(function(w,l){if(!w||w.u>0.42)open.push(l);});\n if(!open.length){if(!hi)return;open.push(2);}\n var lane=hi?open[Math.floor(open.length/2)]:pick(open);\n var t=text!==null?text:(LW[lane]>=1.4?pick(SHORT):LW[lane]<=0.9?pick(LONG):Math.random()<0.5?pick(SHORT):pick(LONG));\n var sp=sprite(t,hi); var px=rect.width/1200,py=rect.height/480;\n var fill=0.72+Math.random()*0.26;\n var eh=lT(0,lane)*fill*py; var s0=eh/(SFP*1.05);\n var lu=Math.min(0.46,(sp.width*s0)/((FX1-FX0)*px));\n var w={canvas:sp,lane:lane,jitter:Math.random()*2-1,fill:fill,u:0,lengthU:lu,durationMs:4400+Math.random()*1600,gulped:false};\n words.push(w); last[lane]=w;\n }\n function spawnObj(){\n var el=document.createElement(\"span\"); el.className=\"gumroad-fx-obj\";\n el.innerHTML=svgObj(Math.round(46+Math.random()*22));\n fx.appendChild(el);\n objs.push({el:el,path:pick(paths),t:0,durationMs:3800+Math.random()*1400,rot:Math.random()*22-11});\n }\n function size(){\n var rect=canvas.getBoundingClientRect(),dpr=Math.min(2,window.devicePixelRatio||1);\n var w=Math.round(rect.width*dpr),ht=Math.round(rect.height*dpr);\n if(canvas.width!==w||canvas.height!==ht){canvas.width=w;canvas.height=ht;ctx.setTransform(dpr,0,0,dpr,0,0);}\n return rect;\n }\n function draw(dt){\n var rect=size(),px=rect.width/1200,py=rect.height/480;\n ctx.clearRect(0,0,rect.width,rect.height);\n for(var i=words.length-1;i>=0;i--){\n var w=words[i]; w.u+=dt/w.durationMs;\n var comp=0.4+0.6*(eH(Math.min(1,Math.max(0,w.u)))/eH(0));\n var tl=w.lengthU*comp,tu=w.u-tl;\n if(!w.gulped&&w.u>=1){w.gulped=true;mach.classList.add(\"gulp\");setTimeout(function(){mach.classList.remove(\"gulp\");},200);}\n if(tu>=1){words.splice(i,1);spawnObj();continue;}\n var sc=Math.max(14,Math.min(56,Math.round(w.canvas.width/6)));\n var sw=w.canvas.width/sc;\n for(var s=0;s=1)continue;\n var fr=1; if(u1>1){fr=(1-u0)/(u1-u0);u1=1;}\n var um=(u0+u1)/2;\n var x0=(FX0+(FX1-FX0)*u0)*px,x1=(FX0+(FX1-FX0)*u1)*px;\n var bc=lM(um,w.lane,w.jitter)*py,bh=Math.max(1.5,lT(um,w.lane)*w.fill*py);\n ctx.drawImage(w.canvas,ss*w.canvas.width,0,Math.max(0.5,sw*fr),w.canvas.height,x0,bc-bh/2,x1-x0+0.75,bh);\n }\n }\n }\n function frameObj(o){\n var rect=fx.getBoundingClientRect(),len=o.path.getTotalLength(),pt=o.path.getPointAtLength(len*o.t);\n var x=(pt.x/1200)*rect.width,y=(pt.y/480)*rect.height;\n var sc=0.25+o.t*0.85,op=o.t<0.08?o.t/0.08:o.t>0.9?(1-o.t)/0.1:1;\n o.el.style.transform=\"translate(\"+(x-20).toFixed(1)+\"px,\"+(y-10).toFixed(1)+\"px) scale(\"+sc.toFixed(3)+\") rotate(\"+o.rot.toFixed(1)+\"deg)\";\n o.el.style.opacity=op.toFixed(2);\n }\n var last_t=null,fh=0;\n function tick(ts){\n if(last_t===null)last_t=ts;\n var dt=Math.min(50,ts-last_t); last_t=ts;\n if(!document.hidden){\n draw(dt);\n for(var i=objs.length-1;i>=0;i--){var o=objs[i];o.t+=dt/o.durationMs;if(o.t>=1){o.el.remove();objs.splice(i,1);continue;}frameObj(o);}\n }\n fh=requestAnimationFrame(tick);\n }\n var disposed=false,started=false,cad;\n function start(){\n if(disposed||started)return; started=true;\n if(rm){\n [[0,0.3],[1,0.55],[2,0.78],[3,0.42],[4,0.62],[5,0.5]].forEach(function(pair,idx){\n spawn(idx%2?pick(SHORT):(LONG[idx]||pick(LONG)));\n var ww=words[words.length-1]; if(ww){ww.lane=pair[0];ww.u=pair[1];}\n });\n draw(0); return;\n }\n fh=requestAnimationFrame(tick);\n cad=setInterval(function(){if(!document.hidden&&words.length<10)spawn(null);},520);\n }\n if(document.fonts&&document.fonts.ready){document.fonts.ready.then(start).catch(start);}else{start();}\n var fb=setTimeout(start,1500);\n return function(){disposed=true;clearTimeout(fb);if(cad)clearInterval(cad);cancelAnimationFrame(fh);fx.querySelectorAll(\".gumroad-fx-obj\").forEach(function(el){el.remove();});paths.forEach(function(p){p.remove();});};\n },[]);\n return h(\"div\",{className:\"gumroad-funnel\",\"aria-hidden\":\"true\"},\n h(\"svg\",{ref:svgRef,className:\"gumroad-word-paths\",viewBox:\"0 0 1200 480\",preserveAspectRatio:\"none\"}),\n h(\"canvas\",{ref:canvasRef,className:\"gumroad-word-canvas\"}),\n h(\"div\",{ref:fxRef,className:\"gumroad-fx-layer\"}),\n h(\"div\",{ref:machRef,className:\"gumroad-machine\"},\n h(\"div\",{className:\"gumroad-machine-face\"},\n h(\"div\",{className:\"gumroad-eyes\"},h(\"i\",null),h(\"i\",null)),\n h(\"strong\",null,\"make!\")\n ),\n h(\"div\",{className:\"gumroad-star\"},\"NEW\")\n )\n );\n}\n\nfunction playClick(){\n var AC=window.AudioContext||window.webkitAudioContext; if(!AC)return;\n var ctx=new AC(),now=ctx.currentTime,osc=ctx.createOscillator(),gain=ctx.createGain(),filt=ctx.createBiquadFilter();\n osc.type=\"square\"; osc.frequency.setValueAtTime(760,now); osc.frequency.exponentialRampToValueAtTime(180,now+0.035);\n filt.type=\"lowpass\"; filt.frequency.setValueAtTime(1800,now);\n gain.gain.setValueAtTime(0.0001,now); gain.gain.exponentialRampToValueAtTime(0.18,now+0.004); gain.gain.exponentialRampToValueAtTime(0.0001,now+0.055);\n osc.connect(filt); filt.connect(gain); gain.connect(ctx.destination);\n osc.start(now); osc.stop(now+0.06); setTimeout(function(){ctx.close();},120);\n}\n\nfunction MiniCam(props) {\n return h(\"div\",{className:\"gumroad-mini-cam\"},\n h(\"div\",{className:\"gumroad-mini-screen\"},h(\"i\",null),h(\"i\",null),h(\"i\",null)),\n h(\"p\",null,h(\"span\",null,props.label),h(\"b\",null,props.status))\n );\n}\n\nfunction LandingTv() {\n var _=useState(\"camera\"),ch=_[0],setCh=_[1];\n var __=useState(null),pk=__[0],setPk=__[1];\n var timer=useRef(null);\n function sw(knob){\n playClick(); setPk(knob); setTimeout(function(){setPk(null);},160);\n if(timer.current)clearTimeout(timer.current);\n setCh(\"static\");\n timer.current=setTimeout(function(){setCh(\"rickroll\");timer.current=null;},850);\n }\n var screenContent;\n if(ch===\"rickroll\") screenContent=h(\"iframe\",{allow:\"autoplay; fullscreen; picture-in-picture\",className:\"gumroad-camera-frame\",src:\"https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&playsinline=1&rel=0\",title:\"Never Gonna Give You Up\"});\n else if(ch===\"static\") screenContent=h(\"div\",{className:\"gumroad-static\",\"aria-hidden\":\"true\"});\n else screenContent=h(\"div\",null,h(\"div\",{className:\"gumroad-print-head\"}),h(\"div\",{className:\"gumroad-print-bed\"},h(\"i\",null),h(\"i\",null),h(\"i\",null)));\n return h(\"div\",{className:\"gumroad-tv-grid\"},\n h(\"div\",{className:\"gumroad-tv\"},\n h(\"div\",{className:\"gumroad-antenna\"},h(\"i\",null),h(\"i\",null)),\n h(\"div\",{className:\"gumroad-tv-inner\"},\n h(\"div\",{className:\"gumroad-screen\"},\n h(\"div\",{className:\"gumroad-screen-top\"},\n h(\"span\",null,ch===\"rickroll\"?\"CHANNEL 87\":ch===\"static\"?\"TUNING\":\"LIVE CAM\"),\n h(\"span\",null,ch===\"camera\"?\"14:36:09\":\"NEVER GONNA PRINT YOU UP\")\n ),\n screenContent,\n h(\"div\",{className:\"gumroad-screen-bottom\"},\n h(\"span\",null,ch===\"camera\"?\"PLATE 48\":\"RICK ASTLEY\"),\n h(\"span\",null,ch===\"camera\"?\"62%\":ch===\"static\"?\"...\":\"1987\")\n )\n ),\n h(\"div\",{className:\"gumroad-tv-panel\",\"aria-label\":\"TV channel controls\"},\n h(\"button\",{className:pk===0?\"pressed\":undefined,type:\"button\",onClick:function(){sw(0);},\"aria-label\":\"Switch channel\"}),\n h(\"button\",{className:pk===1?\"pressed\":undefined,type:\"button\",onClick:function(){sw(1);},\"aria-label\":\"Switch channel again\"}),\n h(\"span\",null)\n )\n )\n ),\n h(\"div\",{className:\"gumroad-cam-stack\"},\n h(MiniCam,{label:\"BAY P1S-02\",status:\"warming up\"}),\n h(MiniCam,{label:\"AMS\",status:\"PLA loaded\"}),\n h(MiniCam,{label:\"OUTBOX\",status:\"3 ready\"})\n )\n );\n}\n\nvar QC=3,PCC=9,PDA=6,WSM=720,WRM=2400,WPM=9000;\nfunction relRect(el,stage){var e=el.getBoundingClientRect(),s=stage.getBoundingClientRect();return{x:e.left-s.left,y:e.top-s.top,width:e.width,height:e.height};}\n\nfunction ConveyorExplainer() {\n var stageR=useRef(null),inputR=useRef(null),submitR=useRef(null),queueR=useRef(null),gridR=useRef(null),statR=useRef(null),printerR=useRef(null),fillR=useRef(null),labelR=useRef(null),shelfR=useRef(null);\n useEffect(function(){\n var st=stageR.current,inp=inputR.current,sub=submitR.current,qu=queueR.current,gr=gridR.current,stat=statR.current,pr=printerR.current,fl=fillR.current,lb=labelR.current,sh=shelfR.current;\n if(!st||!inp||!sub||!qu||!gr||!stat||!pr||!fl||!lb||!sh)return;\n var rm=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n var slots=Array.from(qu.querySelectorAll(\".gumroad-queue-slot\"));\n var cells=Array.from(gr.querySelectorAll(\".gumroad-plate-cell\"));\n var cards=[],disposed=false,typing=false,busy=false,lastWave=0;\n function filled(){return cells.filter(function(c){return c.classList.contains(\"filled\");}).length;}\n function updateStat(){\n var f=filled();\n stat.textContent=f>=PDA?(busy?\"full enough - waiting for a free printer\":\"departing -> printer\"):\"departs at \"+PDA+\"/\"+PCC+\" now \"+f+\"/\"+PCC;\n }\n function layout(){cards.forEach(function(card,i){var slot=slots[i];if(!slot)return;var r=relRect(slot,st);card.style.transform=\"translate(\"+(r.x+6)+\"px,\"+(r.y+(r.height-card.offsetHeight)/2)+\"px)\";});}\n function submitCard(text){\n var card=document.createElement(\"div\"); card.className=\"gumroad-queue-card\"; card.textContent=text;\n st.appendChild(card); var nw=Math.min(190,card.offsetWidth);\n var tr=relRect(inp,st); card.classList.add(\"bare\"); card.style.transition=\"none\";\n card.style.transform=\"translate(\"+tr.x+\"px,\"+(tr.y-2)+\"px)\"; card.style.width=Math.max(24,tr.width+6)+\"px\";\n void card.offsetWidth; card.style.transition=\"\"; card.classList.remove(\"bare\"); card.style.width=nw+\"px\";\n cards.push(card); layout();\n }\n function typeLoop(){\n if(disposed)return;\n if(document.hidden||cards.length>=QC||typing){setTimeout(typeLoop,500);return;}\n typing=true; var text=pick(LONG),idx=0; inp.textContent=\"\";\n function step(){\n if(disposed)return;\n if(document.hidden){typing=false;inp.textContent=\"\";setTimeout(typeLoop,900);return;}\n if(idx=100){\n clearInterval(iv); pr.classList.remove(\"rumble\"); fl.style.height=\"0%\";\n var item=document.createElement(\"span\"); item.className=\"gumroad-shelf-item\"; item.innerHTML=svgObj(42);\n sh.appendChild(item); if(sh.children.length>4&&sh.firstElementChild)sh.removeChild(sh.firstElementChild);\n busy=false; lb.textContent=\"free\"; updateStat(); maybeDepart();\n }\n },420);\n },780);\n }\n function boardLoop(){\n if(disposed)return; var delay=700;\n if(!document.hidden){\n var fc=cells.filter(function(c){return!c.classList.contains(\"filled\")&&!c.classList.contains(\"reserved\");}).length;\n var over=Date.now()-lastWave>WPM;\n if(fc>0&&cards.length&&(cards.length>=QC||over)){\n lastWave=Date.now(); var ws=Math.min(cards.length,fc);\n for(var i=0;i\n\n\n\n\nAuto Factory — Words go in. Things come out.\n\n\n\n\n\n\n\n

\n\n\n`,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n","deleted","label","children",[],"path",[41],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":65},["D",1783460353942],[41],"pulls","branches","forks","envVars",{"_73":52,"_75":52},"connections",{"_73":52,"_74":52},"count","unfilledCount","emptyCount","963790e6-9e41-4bed-83b5-d861657d3612",["D",1783458061105],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Auto Factory landing page — words go in, things come out","imageUrl","userId","019c43c7-ae19-73e6-a4c2-66264b02db38","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019c43c7-ae19-73e6-a4c2-6aa1754cf089","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_130":126},"org",{"_11":12,"_124":-5,"_125":126,"_86":87,"_127":128,"_129":35},"branch",{"_16":48,"_13":115,"_39":46,"_116":76,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5UmZCUkowRTJwYVVxRnJLYUZQVExoVFF6biJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":76,"_13":14,"_50":157,"_78":-5,"_79":35,"_80":81,"_82":81,"_83":84,"_85":-5,"_86":87,"_88":43,"_89":38,"_90":-5,"_91":-5,"_92":52,"_93":94,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":100,"_101":100,"_102":103,"_104":103,"_105":103,"_106":100,"_107":100,"_108":158,"_110":159,"_112":160,"_114":35},"tree",[154],[154],{"_66":52,"_67":48,"_68":52,"_69":152,"_71":153},[150],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":64,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":151},[41],{"_73":52,"_75":52},{"_73":52,"_74":52},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":155,"_61":156},[],[41],["D",1783458061105],{"_11":12,"_130":126},{"_11":12,"_124":-5,"_125":126,"_86":87,"_127":128,"_129":35},{"_16":48,"_13":115,"_39":46,"_116":76,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"ctx",{"_108":-5,"_147":194,"_195":196,"_197":198,"_199":35,"_200":35,"_201":35,"_202":38,"_203":-5,"_204":-7,"_205":-7,"_206":52,"_207":35,"_208":35,"_209":-5,"_210":35,"_211":35,"_212":35,"_213":-5},"ENV",{"_165":166,"_167":168,"_169":115,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"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"]