[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_227":228,"_229":230},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_106":87,"_26":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":24,"_121":122,"_123":58,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":53,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",29,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","util/Keybind.tsx","latestPath","fileId","6e236816-0c06-11f0-804e-569c3dd06744","name","Keybind.tsx","fileType","script","content","import keycode from 'keycode'\n\nclass Keybind {\n constructor (bindings) {\n this.bindings = []\n bindings.forEach(this.add.bind(this))\n }\n\n add ({ key, keys = [], handler }) {\n if (key) {\n keys.push(key)\n }\n\n keys.forEach(k => {\n const binding = window.addEventListener('keydown', (e) => {\n const eventKey = keycode(e)\n if (eventKey === k) {\n e.preventDefault()\n handler()\n }\n })\n this.bindings.push(binding)\n })\n }\n}\n\nexport default Keybind\n\n","createdAt",["D",1743188220556],"branchVersion","branchId","5a8583fe-0c04-11f0-98e0-569c3dd06744","id","5a851e46-0c04-11f0-98e0-569c3dd06744","skullcat",["D",1743187328653],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/94955aa0-1881-4d5f-3432-bc330e945c00/square512?exp=1789570799&sig=434c90b464f3723454cd80280375d6e791b1e18789847159810cd7c2e2511bbf","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","9e1303d0-0c04-11f0-88cf-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",141,"likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",143,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789570799&sig=ebd798345c40321a5d918b212f53442759b29a613c9610f74b9405c565972cd2","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":223,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":53,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":224,"_81":225,"_83":226,"_85":24},"tree",[193,195,196,197,198,199],"files",[193,194,195,196,197,198,199],"counts",{"_183":63,"_184":165,"_185":63,"_186":187,"_188":189},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":176,"_31":177,"_29":178,"_137":-5,"_40":41,"_39":179,"_139":58,"_37":180,"_13":63,"_33":181,"_35":-5,"_23":24,"_142":-5,"_26":182},{"_42":168,"_31":169,"_29":170,"_137":-5,"_40":41,"_39":171,"_139":24,"_37":172,"_13":173,"_33":34,"_35":174,"_23":24,"_142":-5,"_26":175},{"_42":160,"_31":161,"_29":162,"_137":-5,"_40":41,"_39":163,"_139":24,"_37":164,"_13":165,"_33":34,"_35":166,"_23":24,"_142":-5,"_26":167},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":24,"_37":156,"_13":157,"_33":34,"_35":158,"_23":24,"_142":-5,"_26":159},{"_42":144,"_31":145,"_29":56,"_137":-5,"_40":41,"_39":146,"_139":24,"_37":147,"_13":148,"_33":149,"_35":150,"_23":24,"_142":44,"_26":151},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":140,"_13":63,"_33":34,"_35":141,"_23":24,"_142":-5,"_26":143},"54bd98a6-0c06-11f0-b2b9-569c3dd06744","scenes.tsx","54bd996e-0c06-11f0-b2b9-569c3dd06744","parentId",27,"latest",["D",1743188177946],"const scenes = [\n 'A', 'B', 'C', 'D'\n]\n\nexport default scenes\n","label",[135],"e2c9b1ee-0c05-11f0-9698-569c3dd06744","http.tsx",20,["D",1743187986761],12,"http","const CLIENT_MODULE = import.meta.url.replace(\"http.tsx\", \"client.tsx\");\n\nconst html = `\n\n\nskullcat\n\n\n\n

\n\n\n\n`;\n\nexport default async function (req: Request): Promise {\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n",[145],"d9909bec-0c05-11f0-a654-569c3dd06744","client.tsx","2337cece-0c05-11f0-b1d8-569c3dd06744",17,["D",1743187971287],6,"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from \"https://esm.sh/react@15\";\nimport { render } from \"https://esm.sh/react-dom@15\";\n\nfunction App () {\n return (

hi

);\n}\n\nconst div = document.getElementById(\"app\");\nrender(, div);\n",[153],"47764756-0c06-11f0-bc84-569c3dd06744","bumpkit.tsx","3e5a5838-0c06-11f0-9041-569c3dd06744",26,["D",1743188155630],1,"import Bumpkit from 'https://esm.sh/bumpkit'\nimport scenes from './scenes.tsx'\n\nconst config = {\n tempo: 160,\n loop: 256\n}\n\nconst DOMAIN = 'http://jxnblk.s3.amazonaws.com/skullcat/3d/'\n\nconst bumpkit = new Bumpkit(config)\n\nbumpkit.setState({\n loading: true,\n intro: true\n})\n\nexport const tracks = {\n 'intro': {\n uri: 'intro.mp3',\n bpm: 160,\n loop: 128\n },\n 'A0': {\n uri: '1984_A0.mp3',\n bpm: 160,\n loop: 128\n },\n 'A1': {\n uri: '1984_A1.mp3',\n bpm: 160,\n loop: 128\n },\n 'A2': {\n uri: '1984_A2.mp3',\n bpm: 160,\n loop: 128\n },\n 'A3': {\n uri: '1984_A3.mp3',\n bpm: 160,\n loop: 128\n },\n 'B0': {\n uri: '2016_B0.mp3',\n bpm: 160,\n loop: 128\n },\n 'B1': {\n uri: '2016_B1.mp3',\n bpm: 160,\n loop: 128\n },\n 'B2': {\n uri: '2016_B2.mp3',\n bpm: 160,\n loop: 128\n },\n 'B3': {\n uri: '2016_B3.mp3',\n bpm: 160,\n loop: 128\n },\n 'C0': {\n uri: '2016_C0.mp3',\n bpm: 160,\n loop: 128\n },\n 'C1': {\n uri: '2016_C1.mp3',\n bpm: 160,\n loop: 128\n },\n 'C2': {\n uri: '2016_C2.mp3',\n bpm: 160,\n loop: 128\n },\n 'C3': {\n uri: '2016_C3.mp3',\n bpm: 160,\n loop: 128\n },\n 'D0': {\n uri: '2048_D0.mp3',\n bpm: 160,\n loop: 128\n },\n 'D1': {\n uri: '2048_D1.mp3',\n bpm: 160,\n loop: 128\n },\n 'D2': {\n uri: '2048_D2.mp3',\n bpm: 160,\n loop: 128\n },\n 'D3': {\n uri: '2048_D3.mp3',\n bpm: 160,\n loop: 128\n }\n}\n\nexport const clips = {\n '88mph': {\n uri: '88mph.mp3'\n },\n 'fries': {\n uri: 'fries-your-brain.mp3'\n },\n 'talk': {\n uri: 'i-dont-wanna-talk.mp3'\n },\n 'box': {\n uri: 'the-box.mp3'\n },\n 'see': {\n uri: 'i-see.mp3'\n },\n 'heavy': {\n uri: 'heavy.mp3'\n },\n 'unit': {\n uri: 'unit-of-measure.mp3'\n },\n 'power-up': {\n uri: 'power-up.mp3'\n },\n '4d3d3d3': {\n uri: '4d3d3d3.mp3'\n },\n 'beta': {\n uri: 'beta.mp3'\n },\n}\n\nlet loadedCount = 0\n\nconst handleLoad = (r) => {\n loadedCount++\n let { loading } = bumpkit.state\n if (typeof loading === 'boolean') {\n loading = '\\n' + 'init tachyonic_EPROM.xh --y=1984\\n' +\n 'OK\\n' +\n 'cat ' + Object.keys(tracks).join(' ') + ' > flux.cap\\n' +\n 'Loading 4D coordinates...\\n'\n }\n const l = Object.keys(tracks).length + Object.keys(clips).length\n const p = Math.floor(loadedCount / l * 100)\n loading += `\\n${p}%`\n bumpkit.setState({ loading })\n if (loadedCount >= l) {\n console.error('TIME CIRCUIT MISMATCH')\n setTimeout(() => {\n bumpkit.setState({ loading: false })\n }, 500)\n }\n}\n\nconst handleLoadErr = (err) => {\n console.error(':(')\n bumpkit.setState({ sadface: true })\n}\n\nconst createLooper = (track) => {\n track.active = false\n track.looper = new Bumpkit.Looper(bumpkit, track)\n track.looper.load(DOMAIN + track.uri)\n .then(handleLoad)\n .catch(handleLoadErr)\n}\n\nconst createSampler = (clip) => {\n clip.sampler = new Bumpkit.Sampler(bumpkit.context, clip)\n clip.sampler.load(DOMAIN + clip.uri)\n .then(handleLoad)\n .catch(handleLoadErr)\n}\n\nObject.keys(tracks).map(key => {\n const track = tracks[key]\n createLooper(track)\n})\n\nObject.keys(clips).map(key => {\n const clip = clips[key]\n createSampler(clip)\n})\n\nclips.glory = {\n uri: 'glory.mp3'\n}\ncreateSampler(clips.glory)\n\nexport const setScene = ({ year, scene, level }) => {\n\n // To do: handle level\n Object.keys(tracks).forEach((key) => {\n const track = tracks[key]\n if (key === `${scenes[scene]}${level}`) {\n track.looper.active = true\n } else {\n track.looper.active = false\n }\n })\n}\n\ntracks.intro.looper.active = true\n\nexport default bumpkit\n",[161],"29dc6f18-0c06-11f0-8ae6-569c3dd06744","App.tsx","0a9461ec-0c06-11f0-9e7d-569c3dd06744",24,["D",1743188105998],3,"/** @jsxImportSource https://esm.sh/react@15 */\n\nimport React from 'https://esm.sh/react@15'\n// import Perf from 'react-addons-perf'\nimport { Flex } from 'https://esm.sh/reflexbox'\nimport { Fixed } from 'https://esm.she/rebass'\nimport bumpkit, { tracks, clips, setScene } from './bumpkit.tsx'\nimport Keybind from './util/Keybind.tsx'\nimport fullscreen from './util/fullscreen.tsx'\nimport getFrame, { resetFrame } from './get-frame.tsx'\nimport getUnlocks from './get-unlocks.tsx'\nimport storage from './util/storage.tsx'\nimport scenes from './scenes.tsx'\nimport Stage from './Stage.tsx'\nimport Controls from './Controls.tsx'\nimport Year from './Year.tsx'\nimport Loading from './Loading.tsx'\nimport Achievement from './Achievement.tsx'\nimport Paused from './Paused.tsx'\n\nclass App extends React.Component {\n constructor () {\n super()\n this.state = {\n loading: true,\n index: 0,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n skullLeftX: 0,\n skullLeftY: 0,\n skullRightX: 0,\n skullRightY: 0,\n year: 1984,\n scene: 0,\n level: 0,\n plays: [],\n unlocks: [],\n achievement: false\n }\n\n this.introListener = this.introListener.bind(this)\n this.addMatrixKeybindings = this.addMatrixKeybindings.bind(this)\n this.incrementScene = this.incrementScene.bind(this)\n this.decrementScene = this.decrementScene.bind(this)\n this.incrementLevel = this.incrementLevel.bind(this)\n this.decrementLevel = this.decrementLevel.bind(this)\n this.updateMatrix = this.updateMatrix.bind(this)\n this.flip = this.flip.bind(this)\n this.setYear = this.setYear.bind(this)\n this.addPlay = this.addPlay.bind(this)\n this.showAchievement = this.showAchievement.bind(this)\n }\n\n introListener ({ step }) {\n if (step >= 255) {\n const flip = this.flip.bind(this)\n bumpkit.setState({ loop: 128, intro: false })\n bumpkit.unsync(this.introListener)\n clips['88mph'].sampler.play()\n flip('down')()\n setScene(this.state)\n this.addMatrixKeybindings()\n storage.x = true\n }\n }\n\n addMatrixKeybindings () {\n const flip = this.flip.bind(this)\n this.keybind.add({ keys: ['h', 'left'], handler: flip('left') })\n this.keybind.add({ keys: ['j', 'down'], handler: flip('down') })\n this.keybind.add({ keys: ['k', 'up'], handler: flip('up') })\n this.keybind.add({ keys: ['l', 'right'], handler: flip('right') })\n }\n\n incrementScene () {\n let { scene } = this.state\n scene < 3 ? scene++ : scene = 0\n this.setState({ scene }, this.updateMatrix)\n }\n\n decrementScene () {\n let { scene } = this.state\n scene > 0 ? scene-- : scene = scenes.length - 1\n this.setState({ scene }, this.updateMatrix)\n }\n\n incrementLevel () {\n let { level } = this.state\n level < 3 ? level++ : level = 0\n this.setState({ level }, this.updateMatrix)\n }\n\n decrementLevel () {\n let { level } = this.state\n level > 0 ? level-- : level = 3\n this.setState({ level }, this.updateMatrix)\n }\n\n updateMatrix () {\n setScene(this.state)\n this.setYear()\n this.addPlay()\n }\n\n flip (direction) {\n return (e) => {\n this.setState({ flip: direction })\n switch (direction) {\n case 'up':\n this.decrementScene()\n break\n case 'down':\n this.incrementScene()\n break\n case 'left':\n this.decrementLevel()\n break\n case 'right':\n this.incrementLevel()\n break\n }\n setTimeout(() => {\n this.setState({ flip: false })\n }, 300)\n }\n }\n\n setYear () {\n const { scene } = this.state\n let year\n switch (scene) {\n case 0:\n year = 1984\n break\n case 1:\n case 2:\n year = 2016\n break\n case 3:\n year = 2048\n break\n default:\n year = 2016\n }\n this.setState({ year })\n }\n\n addPlay () {\n const { plays, unlocks, scene, level } = this.state\n const play = scenes[scene] + level\n plays.push(play)\n const lock = getUnlocks(plays)\n if (lock) {\n unlocks.push(lock)\n this.showAchievement(lock)\n }\n this.setState({ plays, unlocks })\n }\n\n showAchievement (achievement) {\n if (achievement) {\n this.setState({ achievement })\n this.timeout = null\n this.timeout = setTimeout(() => {\n this.setState({ achievement: false })\n }, 4000)\n }\n }\n\n /* Perf testing\n * To do: test safari\n componentDidUpdate () {\n const { step } = this.state\n if (step === 4) {\n console.log('Perf.start()')\n Perf.start()\n } else if (step === 64) {\n Perf.printWasted()\n } else if (step === 127) {\n Perf.stop()\n Perf.printWasted()\n }\n }\n */\n\n componentDidMount () {\n this.setState(bumpkit.state)\n this.addPlay()\n bumpkit.subscribe((state) => this.setState(state))\n\n // Add keyboard shortcuts\n this.keybind = new Keybind([\n { key: 'space', handler: bumpkit.playPause },\n { key: 'f', handler: fullscreen }\n ])\n\n if (storage.x) {\n bumpkit.setState({ loop: 128, intro: false })\n setScene(this.state)\n this.addMatrixKeybindings()\n } else {\n bumpkit.sync(this.introListener)\n }\n }\n\n render () {\n const {\n loading,\n year,\n step,\n intro,\n playing,\n scene,\n level,\n plays,\n achievement\n } = this.state\n\n const mode = year === 1984 ?\n '8bit' :\n year === 2048 ?\n 'cyber' :\n 'now'\n\n const sx = {\n root: {\n color: (mode === 'cyber') ? '#f00' : null\n }\n }\n\n if (loading) {\n return \n }\n\n if (!playing) {\n return (\n

\n {!intro && }\n \n

\n )\n }\n\n return (\n

\n \n \n \n {achievement && (\n \n \n \n \n \n )}\n

\n )\n }\n}\n\nexport default App\n",[169],"5f40dac2-0c06-11f0-8f2a-569c3dd06744","util","5f40db9e-0c06-11f0-8f2a-569c3dd06744",28,["D",1743188195585],"directory",[177],"pulls","branches","forks","envVars",{"_190":63,"_192":63},"connections",{"_190":63,"_191":63},"count","unfilledCount","emptyCount",{"_42":176,"_31":177,"_29":178,"_137":-5,"_40":41,"_39":179,"_139":58,"_37":220,"_13":63,"_33":181,"_35":-5,"_23":24,"_142":-5,"_201":221,"_26":222},{"_42":216,"_31":32,"_29":30,"_137":178,"_40":41,"_39":14,"_139":24,"_37":217,"_13":63,"_33":34,"_35":36,"_23":24,"_142":-5,"_201":218,"_26":219},{"_42":168,"_31":169,"_29":170,"_137":-5,"_40":41,"_39":171,"_139":24,"_37":213,"_13":173,"_33":34,"_35":174,"_23":24,"_142":-5,"_201":214,"_26":215},{"_42":160,"_31":161,"_29":162,"_137":-5,"_40":41,"_39":163,"_139":24,"_37":210,"_13":165,"_33":34,"_35":166,"_23":24,"_142":-5,"_201":211,"_26":212},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":24,"_37":207,"_13":157,"_33":34,"_35":158,"_23":24,"_142":-5,"_201":208,"_26":209},{"_42":144,"_31":145,"_29":56,"_137":-5,"_40":41,"_39":146,"_139":24,"_37":204,"_13":148,"_33":149,"_35":150,"_23":24,"_142":44,"_201":205,"_26":206},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":200,"_13":63,"_33":34,"_35":141,"_23":24,"_142":-5,"_201":202,"_26":203},["D",1743188177946],"children",[],[135],["D",1743187986761],[],[145],["D",1743187971287],[],[153],["D",1743188155630],[],[161],["D",1743188105998],[],[169],"6e2365c8-0c06-11f0-804e-569c3dd06744",["D",1743188220556],[],[177,32],["D",1743188195585],[194],[177],["D",1743187328653],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":54,"_102":103,"_104":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_125":260,"_261":262,"_263":264,"_265":24,"_266":24,"_267":24,"_268":58,"_269":-5,"_270":-7,"_271":-7,"_272":63,"_273":24,"_274":24,"_275":-5,"_276":24,"_277":24,"_278":24,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":87,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v29