[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_631":632,"_633":634},"routes/_app.x.$handle.$name",{"_96":95,"_31":43,"_105":86,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":24,"_120":121,"_122":57,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":52,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",132,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","sk.css.tsx","latestPath","fileId","56215968-0c0f-11f0-b271-569c3dd06744","name","fileType","script","content","export const css = `\nbody {\n height: 100vh;\n min-height: 100vh;\n color: white;\n background-color: #000;\n}\n\n.p2 { padding: 1rem }\n\n.flex { display: flex }\n\n.fixed { position: fixed }\n.t0 { top: 0 }\n.r0 { right: 0 }\n.b0 { bottom: 0 }\n.l0 { left: 0 }\n\n.an-spin {\n animation-name: spin;\n animation-duration: 32s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n.an-scroll {\n animation-name: scroll;\n animation-duration: .5s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n}\n\n@keyframes spin {\n from { transform: rotate(0deg) }\n to { transform: rotate(360deg) }\n}\n\n@keyframes scroll {\n from { transform: translateX(0) }\n to { transform: translateX(-64px) }\n}\n`;\n","createdAt",["D",1743192045748],"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=1789556399&sig=bffbf227bc41a4bf2cb21331252d053ba4941f6f07e1492b04eca97fda7f21f4","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",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":53,"_101":102,"_103":24},"branch",{"_13":85,"_31":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"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=1789556399&sig=91750b53ebb206e103877e2ab9f7d3cfe4951c4b4f61dcbbda6aa7f3a4e8a9c0","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":627,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":52,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":628,"_80":629,"_82":630,"_84":24},"tree",[447,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487],"files",[447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487],"counts",{"_437":62,"_438":183,"_439":62,"_440":441,"_442":443},"contents",[127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":430,"_31":431,"_29":432,"_166":-5,"_39":40,"_38":433,"_167":57,"_36":434,"_13":62,"_32":435,"_34":-5,"_23":24,"_169":-5,"_26":436},{"_41":423,"_31":424,"_29":425,"_166":-5,"_39":40,"_38":426,"_167":57,"_36":427,"_13":183,"_32":33,"_34":428,"_23":24,"_169":-5,"_26":429},{"_41":416,"_31":417,"_29":418,"_166":-5,"_39":40,"_38":419,"_167":24,"_36":420,"_13":236,"_32":33,"_34":421,"_23":24,"_169":-5,"_26":422},{"_41":409,"_31":410,"_29":411,"_166":-5,"_39":40,"_38":412,"_167":57,"_36":413,"_13":183,"_32":33,"_34":414,"_23":24,"_169":-5,"_26":415},{"_41":402,"_31":403,"_29":404,"_166":-5,"_39":40,"_38":405,"_167":57,"_36":406,"_13":228,"_32":33,"_34":407,"_23":24,"_169":-5,"_26":408},{"_41":395,"_31":396,"_29":397,"_166":-5,"_39":40,"_38":398,"_167":57,"_36":399,"_13":183,"_32":33,"_34":400,"_23":24,"_169":-5,"_26":401},{"_41":388,"_31":389,"_29":390,"_166":-5,"_39":40,"_38":391,"_167":57,"_36":392,"_13":228,"_32":33,"_34":393,"_23":24,"_169":-5,"_26":394},{"_41":381,"_31":382,"_29":383,"_166":-5,"_39":40,"_38":384,"_167":57,"_36":385,"_13":183,"_32":33,"_34":386,"_23":24,"_169":-5,"_26":387},{"_41":374,"_31":375,"_29":376,"_166":-5,"_39":40,"_38":377,"_167":57,"_36":378,"_13":183,"_32":33,"_34":379,"_23":24,"_169":-5,"_26":380},{"_41":367,"_31":368,"_29":369,"_166":-5,"_39":40,"_38":370,"_167":57,"_36":371,"_13":183,"_32":33,"_34":372,"_23":24,"_169":-5,"_26":373},{"_41":360,"_31":361,"_29":362,"_166":-5,"_39":40,"_38":363,"_167":57,"_36":364,"_13":183,"_32":33,"_34":365,"_23":24,"_169":-5,"_26":366},{"_41":352,"_31":353,"_29":354,"_166":-5,"_39":40,"_38":355,"_167":24,"_36":356,"_13":357,"_32":33,"_34":358,"_23":24,"_169":-5,"_26":359},{"_41":345,"_31":346,"_29":347,"_166":-5,"_39":40,"_38":348,"_167":57,"_36":349,"_13":183,"_32":33,"_34":350,"_23":24,"_169":-5,"_26":351},{"_41":338,"_31":339,"_29":340,"_166":-5,"_39":40,"_38":341,"_167":57,"_36":342,"_13":228,"_32":33,"_34":343,"_23":24,"_169":-5,"_26":344},{"_41":331,"_31":332,"_29":333,"_166":-5,"_39":40,"_38":334,"_167":57,"_36":335,"_13":183,"_32":33,"_34":336,"_23":24,"_169":-5,"_26":337},{"_41":324,"_31":325,"_29":326,"_166":-5,"_39":40,"_38":327,"_167":57,"_36":328,"_13":183,"_32":33,"_34":329,"_23":24,"_169":-5,"_26":330},{"_41":317,"_31":318,"_29":319,"_166":-5,"_39":40,"_38":320,"_167":57,"_36":321,"_13":236,"_32":33,"_34":322,"_23":24,"_169":-5,"_26":323},{"_41":310,"_31":311,"_29":312,"_166":-5,"_39":40,"_38":313,"_167":57,"_36":314,"_13":183,"_32":33,"_34":315,"_23":24,"_169":-5,"_26":316},{"_41":303,"_31":304,"_29":305,"_166":-5,"_39":40,"_38":306,"_167":57,"_36":307,"_13":183,"_32":33,"_34":308,"_23":24,"_169":-5,"_26":309},{"_41":296,"_31":297,"_29":298,"_166":-5,"_39":40,"_38":299,"_167":57,"_36":300,"_13":183,"_32":33,"_34":301,"_23":24,"_169":-5,"_26":302},{"_41":289,"_31":290,"_29":291,"_166":-5,"_39":40,"_38":292,"_167":57,"_36":293,"_13":183,"_32":33,"_34":294,"_23":24,"_169":-5,"_26":295},{"_41":282,"_31":283,"_29":284,"_166":-5,"_39":40,"_38":285,"_167":57,"_36":286,"_13":228,"_32":33,"_34":287,"_23":24,"_169":-5,"_26":288},{"_41":274,"_31":275,"_29":276,"_166":-5,"_39":40,"_38":277,"_167":57,"_36":278,"_13":279,"_32":33,"_34":280,"_23":24,"_169":-5,"_26":281},{"_41":267,"_31":268,"_29":269,"_166":-5,"_39":40,"_38":270,"_167":57,"_36":271,"_13":183,"_32":33,"_34":272,"_23":24,"_169":-5,"_26":273},{"_41":260,"_31":261,"_29":262,"_166":-5,"_39":40,"_38":263,"_167":57,"_36":264,"_13":183,"_32":33,"_34":265,"_23":24,"_169":-5,"_26":266},{"_41":253,"_31":254,"_29":255,"_166":-5,"_39":40,"_38":256,"_167":57,"_36":257,"_13":228,"_32":33,"_34":258,"_23":24,"_169":-5,"_26":259},{"_41":246,"_31":247,"_29":248,"_166":-5,"_39":40,"_38":249,"_167":57,"_36":250,"_13":183,"_32":33,"_34":251,"_23":24,"_169":-5,"_26":252},{"_41":239,"_31":240,"_29":241,"_166":-5,"_39":40,"_38":242,"_167":57,"_36":243,"_13":228,"_32":33,"_34":244,"_23":24,"_169":-5,"_26":245},{"_41":231,"_31":232,"_29":233,"_166":-5,"_39":40,"_38":234,"_167":24,"_36":235,"_13":236,"_32":33,"_34":237,"_23":24,"_169":-5,"_26":238},{"_41":223,"_31":224,"_29":225,"_166":-5,"_39":40,"_38":226,"_167":24,"_36":227,"_13":228,"_32":33,"_34":229,"_23":24,"_169":-5,"_26":230},{"_41":215,"_31":216,"_29":217,"_166":-5,"_39":40,"_38":218,"_167":57,"_36":219,"_13":220,"_32":33,"_34":221,"_23":24,"_169":-5,"_26":222},{"_41":208,"_31":209,"_29":210,"_166":-5,"_39":40,"_38":211,"_167":57,"_36":212,"_13":62,"_32":33,"_34":213,"_23":24,"_169":-5,"_26":214},{"_41":201,"_31":202,"_29":203,"_166":-5,"_39":40,"_38":204,"_167":57,"_36":205,"_13":183,"_32":33,"_34":206,"_23":24,"_169":-5,"_26":207},{"_41":194,"_31":195,"_29":196,"_166":-5,"_39":40,"_38":197,"_167":24,"_36":198,"_13":183,"_32":33,"_34":199,"_23":24,"_169":-5,"_26":200},{"_41":186,"_31":187,"_29":55,"_166":-5,"_39":40,"_38":188,"_167":24,"_36":189,"_13":190,"_32":191,"_34":192,"_23":24,"_169":43,"_26":193},{"_41":178,"_31":179,"_29":180,"_166":-5,"_39":40,"_38":181,"_167":57,"_36":182,"_13":183,"_32":33,"_34":184,"_23":24,"_169":-5,"_26":185},{"_41":171,"_31":172,"_29":173,"_166":-5,"_39":40,"_38":174,"_167":57,"_36":175,"_13":62,"_32":33,"_34":176,"_23":24,"_169":-5,"_26":177},{"_41":165,"_31":27,"_29":30,"_166":-5,"_39":40,"_38":14,"_167":57,"_36":168,"_13":62,"_32":33,"_34":35,"_23":24,"_169":-5,"_26":170},"562158c8-0c0f-11f0-b271-569c3dd06744","parentId","latest",["D",1743192045748],"label",[27],"54bd98a6-0c06-11f0-b2b9-569c3dd06744","scenes.tsx","54bd996e-0c06-11f0-b2b9-569c3dd06744",27,["D",1743188177946],"const scenes = [\n 'A', 'B', 'C', 'D'\n]\n\nexport default scenes\n",[172],"178528ae-0c07-11f0-99b0-569c3dd06744","path-constants.tsx","16f41134-0c07-11f0-87ab-569c3dd06744",43,["D",1743188504727],1,"\nexport const M = 'M'\nexport const A = 'A'\nexport const L = 'L'\nexport const H = 'H'\nexport const V = 'V'\nexport const Q = 'Q'\nexport const Z = 'Z'\n\nexport const d = (...args) => args.join(' ')\n\n",[179],"4b4f4766-0c0f-11f0-8cd4-569c3dd06744","http.tsx",130,["D",1743192027593],18,"http","import { css } from \"./sk.css\";\n\nconst 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\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",[187],"c2ed08e8-0c06-11f0-a790-569c3dd06744","get-unlocks.tsx","c257e83a-0c06-11f0-8f2a-569c3dd06744",36,["D",1743188362802],"import React from 'https://esm.sh/react@15'\nimport {\n flatten,\n difference,\n differenceWith,\n isEqual,\n includes\n} from 'https://esm.sh/lodash'\nimport { clips } from './bumpkit.tsx'\nimport scenes from './scenes.tsx'\n\nconst levels = [ 0, 1, 2, 3 ]\nconst all = flatten(scenes.map(s => {\n return levels.map(l => s + l)\n}))\n\nconst sceneMatch = (a, b) => {\n return includes(b, a)\n}\n\nconst hasScenes = (plays) => {\n return differenceWith(scenes, plays, sceneMatch).length === 0\n}\n\nconst hasLevels = (plays) => {\n return differenceWith(levels, plays, sceneMatch).length === 0\n}\n\nconst hasAll = (plays) => {\n return difference(all, plays).length === 0\n}\n\nconst hasN = (n) => {\n const x = n * 2\n return (plays) => {\n if (plays.length < x) { return false }\n const end = plays.slice(-x)\n const a = end.slice(0, n)\n const b = end.slice(-n)\n return isEqual(a, b) //.length === 0\n }\n}\n\nconst hasFour = hasN(4)\nconst hasSix = hasN(6)\nconst hasEight = hasN(8)\nconst hasTwelve = hasN(12)\nconst hasSixteen = hasN(16)\n\nconst locks = [\n {\n name: 'All scenes',\n badge: '✌',\n sample: 'fries',\n condition: hasScenes\n },\n {\n name: 'All levels',\n badge: '⬕',\n sample: 'talk',\n condition: hasLevels\n },\n {\n name: 'All loops',\n badge: '☲',\n sample: 'see',\n condition: hasAll\n },\n {\n name: '4x',\n badge: '⦰', // '\\u2620', // '\\u9760',\n sample: 'see',\n condition: hasFour\n },\n {\n name: '666',\n badge: '♱',\n sample: 'box',\n condition: hasSix\n },\n {\n name: '8x',\n badge: '❖',\n sample: 'heavy',\n condition: hasEight\n },\n {\n name: '12x',\n badge: '♛',\n sample: 'power-up',\n condition: hasTwelve\n },\n {\n name: '16x',\n badge: '★',\n sample: 'unit',\n condition: hasSixteen\n },\n {\n name: '4d3d3d3',\n badge: '☃',\n sample: '4d3d3d3',\n condition: (plays) => plays.length > 48\n },\n {\n name: 'beta sequence',\n badge: '✇',\n sample: 'beta',\n condition: (plays) => plays.length > 96\n },\n {\n name: 'wtf',\n badge: 'ᵊ⟿',\n sample: 'glory',\n condition: (plays) => plays.length > 512\n }\n]\n\nconst getUnlocks = (plays) => {\n let l\n // console.log('plays: ', plays.length)\n locks.forEach((lock, i) => {\n if (lock.condition && lock.condition(plays)) {\n lock.sample && clips[lock.sample] && clips[lock.sample].sampler.play()\n l = lock\n locks.splice(i, 1)\n return\n }\n })\n return l || false\n}\n\nexport default getUnlocks\n\n",[195],"8f774d84-0c06-11f0-be42-569c3dd06744","get-frame.tsx","8cba08f2-0c06-11f0-88cf-569c3dd06744",33,["D",1743188276463],"import bumpkit from './bumpkit.tsx'\nimport frames from './frames.tsx'\nimport scenes from './scenes.tsx'\n\nlet previousFrame = {}\nlet unsets = []\n\nconst randomInt = (max, min = 0) => {\n return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\nconst bool = [ true ]\n\nconst colors = {\n 1984: [\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'red',\n 'blue',\n 'green',\n 'yellow',\n 'lime',\n 'aqua',\n 'fuchsia',\n ],\n 2016: [\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n 'transparent',\n '#222',\n '#333',\n '#666',\n '#777',\n '#888',\n '#999',\n '#ccc',\n '#eee',\n 'cyan',\n 'cyan',\n 'cyan',\n 'cyan',\n // 'yellow',\n 'magenta',\n ],\n 2048: [\n 'transparent',\n '#f00',\n '#e10',\n '#d10',\n '#b10',\n '#910',\n '#710',\n '#610',\n '#410',\n '#300',\n '#100',\n ],\n}\n\nconst yValues = [\n -32,\n -16,\n -8,\n 0,\n 0,\n 8,\n 16,\n 32\n]\n\nconst xValues = [\n 0,\n 0,\n 8,\n 16,\n 32\n]\n\nconst bubCoords = [\n -320,\n -288,\n -256,\n -224,\n -192,\n -160,\n -128,\n 128,\n 160,\n 192,\n 224,\n 256,\n 288,\n 320,\n].map((n, i) => ({ x: n, y: (i % 2 ? -1 : 1) * randomInt(192, 128) }))\n\nconst zoom = [\n -128,\n -64,\n 0,\n 64,\n 128,\n 256,\n]\n\nconst angles = [\n -90,\n -60,\n -45,\n -30,\n -15,\n -15,\n -15,\n -5,\n 0,\n 0,\n 0,\n 0,\n 5,\n 15,\n 15,\n 15,\n 30,\n 45,\n 60,\n 90\n]\nconst angles3d = [\n -30,\n -15,\n -15,\n -15,\n -5,\n 0,\n 5,\n 15,\n 15,\n 15,\n 30,\n]\n\nconst props = {\n rotate: angles,\n rotateX: angles3d,\n rotateY: angles3d,\n translateZ: zoom,\n skullLeftX: xValues.map(n => n * -1),\n skullLeftY: yValues,\n skullRightX: xValues,\n skullRightY: yValues,\n bit: bool,\n leftCircle: bool,\n rightCircle: bool,\n leftTriangle: bool,\n rightTriangle: bool,\n leftX: bool,\n rightX: bool,\n leftCursor: bool,\n rightCursor: bool,\n bgLeft: colors,\n bgRight: colors,\n ring: bool,\n tachyons: bool,\n bubbleA: bubCoords,\n bubbleB: bubCoords,\n bubbleC: bubCoords,\n}\n\nconst variations2016 = [\n 'rotate',\n 'rotate',\n 'rotate',\n 'rotateX',\n 'rotateY',\n 'skullLeftX',\n 'skullLeftY',\n 'skullRightX',\n 'skullRightY',\n 'leftCircle',\n 'leftCircle',\n 'leftTriangle',\n 'leftTriangle',\n 'rightTriangle',\n 'rightTriangle',\n 'leftX',\n 'rightX',\n 'rightX',\n 'leftCursor',\n 'rightCursor',\n 'bgLeft',\n 'bgRight',\n 'bgRight',\n 'ring',\n 'ring',\n 'tachyons',\n 'tachyons',\n 'bubbleA',\n 'bubbleA',\n 'bubbleB',\n 'bubbleB',\n 'bubbleC',\n 'bubbleC',\n]\n\nconst variations = {\n 1984: [\n 'rotate',\n 'rotate',\n 'rotate',\n 'rotateX',\n 'rotateY',\n 'leftX',\n 'rightX',\n 'leftCursor',\n 'rightCursor',\n 'bgLeft',\n 'bgLeft',\n 'bgLeft',\n 'bgRight',\n 'bgRight',\n 'bgRight',\n 'tachyons',\n 'tachyons',\n 'bubbleA',\n 'bubbleA',\n 'bubbleB',\n 'bubbleB',\n 'bubbleC',\n 'bubbleC',\n ],\n 2016: variations2016,\n 2048: variations2016\n}\n\nconst shortProps = {\n skullLeftX: 8,\n skullLeftY: 16,\n skullRightX: 8,\n skullRightY: 16,\n bit: 8,\n leftCircle: 8,\n rightCircle: 8,\n leftTriangle: 8,\n rightTriangle: 8,\n leftX: 8,\n rightX: 8,\n leftCursor: 8,\n rightCursor: 8,\n bgLeft: 16,\n bgRight: 16,\n ring: 64,\n tachyons: 64,\n bubbleA: 8,\n bubbleB: 8,\n bubbleC: 8,\n}\n\nconst getVariationKey = (year) => {\n const i = randomInt(variations[year].length - 1)\n const key = variations[year][i]\n return key\n}\n\nconst getPropValue = (key, year = 2016) => {\n const values = props[key][year] || props[key] || []\n const i = randomInt(values.length - 1)\n return values[i]\n}\n\nconst getFrame = ({\n step = 0,\n year = 2016,\n scene = 0,\n level = 0,\n intro\n}) => {\n\n let frame = previousFrame || {}\n\n const key = intro ? 'intro' : `${scenes[scene]}${level}`\n const f = frames[key] ? frames[key][step] || {} : frames.def[step] || {}\n\n // unset props\n if (unsets[step]) {\n unsets[step].forEach(prop => {\n frame[prop] = frames.reset[prop] || 0\n })\n unsets[step] = []\n }\n\n for (var i = 0; i < f.variation || 0; i++) {\n const k = getVariationKey(year)\n const val = getPropValue(k, year)\n // add to unsets\n if (shortProps[k]) {\n // Hard-coded loop length\n const n = (step + shortProps[k]) % bumpkit.state.loop\n unsets[n] = unsets[n] || []\n unsets[n].push(k)\n }\n frame[k] = val\n }\n\n if (f.kick) {\n frame.translateZ = f.kick * 128\n } else {\n frame.translateZ = 0\n }\n\n previousFrame = frame\n return frame\n}\n\nexport const resetFrame = () => {\n previousFrame = frames.reset\n}\n\nexport default getFrame\n\n",[202],"9d8af3d0-0c06-11f0-ae4d-569c3dd06744","frames.tsx","9d8af470-0c06-11f0-ae4d-569c3dd06744",34,["D",1743188300089],"// relative frame config\n\nconst combine = ({\n variation = {},\n kick = {}\n}, length = 128) => {\n const config = {}\n const arr = Array.from({ length })\n arr.forEach((a, i) => {\n config[i] = Object.assign({}, {\n variation: variation[i] || null,\n kick: kick[i] || null\n })\n })\n return config\n}\n\nconst introv = {\n 0: 4,\n 8: 4,\n\n 16: 4,\n 24: 4,\n\n 32: 4,\n 40: 4,\n 56: 4,\n\n 72: 4,\n 88: 4,\n\n 104: 4,\n 118: 8,\n 120: 8,\n 122: 8,\n 126: 8,\n\n 128: 8,\n 130: 8,\n 132: 8,\n 134: 8,\n 136: 8,\n 138: 8,\n 140: 8,\n 142: 8,\n\n 144: 8,\n 146: 8,\n 148: 8,\n 150: 8,\n 152: 8,\n 154: 8,\n 156: 8,\n 158: 8,\n\n 160: 8,\n 162: 8,\n 164: 8,\n 166: 8,\n 168: 8,\n 170: 8,\n 172: 8,\n 174: 8,\n\n 176: 8,\n 178: 8,\n 180: 8,\n 182: 8,\n 184: 8,\n 186: 8,\n 188: 8,\n 190: 8,\n\n 192: 8,\n 194: 8,\n 196: 8,\n 198: 8,\n 200: 8,\n 202: 8,\n 204: 8,\n 206: 8,\n\n 208: 8,\n 210: 8,\n 212: 8,\n 214: 8,\n 216: 8,\n 218: 8,\n 220: 8,\n 222: 8,\n\n 224: 8,\n 226: 8,\n 228: 8,\n 230: 8,\n 232: 8,\n 234: 8,\n 236: 8,\n 238: 8,\n\n 240: 8,\n 242: 8,\n 244: 8,\n 248: 8,\n 252: 8\n}\n\nconst introk = {\n 28: 4,\n 32: 4,\n 34: 4,\n 48: 4,\n 52: 4,\n 60: 4,\n 64: 4,\n 66: 4,\n 80: 4,\n 84: 4,\n 92: 4,\n 96: 4,\n 98: 4,\n 110: 4,\n 114: 4,\n 116: 4,\n 122: 4,\n 124: 4,\n\n 128: 4,\n 154: 4,\n 158: 4,\n 166: 4,\n 180: 4,\n 186: 4,\n}\n\n// Variations\nconst A0v = {\n 0: 4,\n 6: 4,\n 8: 4,\n 12: 4,\n 18: 4,\n 24: 4,\n 30: 4,\n\n 32: 4,\n 38: 4,\n 40: 4,\n 44: 4,\n 50: 4,\n 56: 4,\n 62: 4,\n\n 64: 4,\n 70: 4,\n 72: 4,\n 76: 4,\n 82: 4,\n 88: 4,\n 94: 4,\n\n 96: 4,\n 102: 4,\n 104: 4,\n 108: 4,\n 114: 4,\n 120: 4,\n 121: 4,\n 122: 4,\n 123: 4,\n 124: 4,\n 125: 4,\n 126: 4,\n 127: 4,\n}\n\n// Kicks\nconst A0k = {\n 0: 4,\n 2: 4,\n 14: 4,\n 20: 4,\n 28: 4,\n 32: 4,\n 34: 4,\n 46: 4,\n 52: 4,\n 60: 4,\n 64: 4,\n 66: 4,\n 78: 4,\n 84: 4,\n 92: 4,\n 96: 4,\n 98: 4,\n 126: 4,\n}\n\nconst A1k = {\n 0: 8,\n 2: 8,\n 14: 8,\n 20: 8,\n 28: 8,\n 32: 8,\n 34: 8,\n 46: 8,\n 52: 8,\n 60: 8,\n 64: 8,\n 66: 8,\n 78: 8,\n 84: 8,\n 92: 8,\n 96: 8,\n 98: 8,\n 110: 8,\n 114: 8,\n 116: 8,\n 120: 8,\n 122: 8,\n 126: 8\n}\n\nconst A2v = {\n 0: 8,\n 2: 8,\n 4: 8,\n 6: 8,\n 8: 8,\n 10: 8,\n 12: 8,\n 14: 8,\n 16: 8,\n 18: 8,\n 20: 8,\n 22: 8,\n 24: 8,\n 26: 8,\n 28: 8,\n 30: 8,\n 32: 8,\n 34: 8,\n 36: 8,\n 38: 8,\n 40: 8,\n 42: 8,\n 44: 8,\n 46: 8,\n 48: 8,\n 50: 8,\n 52: 8,\n 54: 8,\n 56: 8,\n 58: 8,\n 60: 8,\n 62: 8,\n 64: 8,\n 66: 8,\n 68: 8,\n 70: 8,\n 72: 8,\n 74: 8,\n 76: 8,\n 78: 8,\n 80: 8,\n 82: 8,\n 84: 8,\n 86: 8,\n 88: 8,\n 90: 8,\n 92: 8,\n 94: 8,\n 96: 8,\n 98: 8,\n 100: 8,\n 102: 8,\n 104: 8,\n 106: 8,\n 108: 8,\n 110: 8,\n 112: 8,\n 114: 8,\n 116: 8,\n 118: 8,\n 120: 8,\n 122: 8,\n 123: 8,\n 124: 8,\n 126: 8,\n}\n\nconst A2k = {\n 0: 8,\n 26: 8,\n 30: 8,\n 38: 8,\n 52: 8,\n 58: 8,\n 64: 8,\n 90: 8,\n 94: 8,\n 100: 8,\n 110: 8,\n 112: 8,\n 114: 8,\n 116: 8,\n 122: 8,\n 124: 8,\n}\n\nconst A3v = {\n 0: 8,\n 6: 8,\n 12: 8,\n 18: 8,\n 24: 8,\n 30: 8,\n\n 32: 8,\n 38: 8,\n 44: 8,\n 50: 8,\n 56: 8,\n 62: 8,\n\n 64: 8,\n 70: 8,\n 76: 8,\n 82: 8,\n 88: 8,\n 94: 8,\n\n 96: 8,\n 102: 8,\n 108: 8,\n 114: 8,\n 120: 8,\n 126: 8,\n}\n\nconst A3k = {\n 0: 8,\n 26: 8,\n 30: 8,\n 38: 8,\n 52: 8,\n 58: 8,\n 64: 8,\n 90: 8,\n 94: 8,\n 102: 8,\n 110: 8,\n 112: 8,\n 114: 8,\n 116: 8,\n 122: 8,\n 124: 8,\n}\n\nconst B0v = {\n 0: 3,\n 8: 1,\n 16: 1,\n 24: 1,\n 32: 2,\n 40: 1,\n 48: 1,\n 56: 1,\n 64: 2,\n 72: 1,\n 80: 1,\n 88: 1,\n 96: 3,\n 104: 1,\n 112: 4,\n}\n\nconst B0k = {\n 0: 4,\n 32: 3,\n 62: 2,\n 64: 3,\n 96: 3,\n 126: 2,\n}\n\nconst B1v = {\n 0: 6,\n 8: 1,\n 16: 6,\n 24: 1,\n 32: 6,\n 40: 1,\n 48: 6,\n 56: 1,\n 64: 6,\n 72: 1,\n 80: 6,\n 88: 4,\n 96: 6,\n 104: 8,\n 112: 8,\n}\n\nconst B1k = {\n 0: 4,\n 16: 2,\n 32: 2,\n 48: 2,\n 60: 2,\n 64: 3,\n 80: 2,\n 96: 3,\n 112: 2\n}\n\nconst B2v = {\n 0: 8,\n 8: 6,\n 16: 12,\n 24: 6,\n 32: 12,\n 40: 6,\n 48: 12,\n 56: 6,\n 64: 12,\n 72: 6,\n 80: 12,\n 88: 6,\n 96: 12,\n 100: 12,\n 104: 12,\n 108: 12,\n 112: 12,\n 116: 12,\n 120: 16,\n 124: 16,\n 126: 8,\n}\n\nconst B2k = {\n 0: 4,\n 16: 2,\n 32: 2,\n 48: 2,\n 60: 2,\n 64: 3,\n 80: 2,\n 96: 3,\n 112: 2\n}\n\nconst B3v = {\n 0: 4,\n 6: 4,\n 12: 4,\n 18: 4,\n 24: 4,\n 30: 2,\n\n 32: 4,\n 38: 4,\n 44: 4,\n 50: 4,\n 56: 4,\n 62: 2,\n\n 64: 4,\n 70: 4,\n 76: 4,\n 82: 4,\n 88: 4,\n 94: 2,\n\n 96: 4,\n 102: 4,\n 108: 4,\n 114: 4,\n 120: 4,\n 126: 4,\n}\n\nconst B3k = {\n 0: 4\n}\n\nconst C0v = {\n 0: 8,\n 16: 8,\n 32: 8,\n 48: 8,\n 60: 8,\n 64: 8,\n 80: 8,\n 96: 8,\n 112: 8,\n 120: 8,\n}\n\nconst C1v = {\n 0: 8,\n 16: 8,\n 18: 4,\n 20: 8,\n 22: 4,\n 24: 8,\n 26: 4,\n 28: 8,\n 32: 8,\n 48: 8,\n 52: 6,\n 58: 6,\n 62: 6,\n 64: 8,\n 80: 8,\n 84: 8,\n 88: 8,\n 92: 8,\n 94: 2,\n 96: 8,\n 104: 4,\n 112: 8,\n 116: 8,\n 120: 8,\n 124: 8,\n 125: 2,\n 126: 2,\n 127: 2,\n}\n\nconst C2v = {\n 0: 16,\n 4: 8,\n 8: 4,\n 16: 8,\n 24: 2,\n 32: 8,\n 40: 4,\n 48: 8,\n 50: 1,\n 52: 1,\n 54: 1,\n 56: 4,\n 58: 1,\n 60: 1,\n 64: 8,\n 72: 4,\n 80: 8,\n 88: 8,\n 96: 8,\n 104: 8,\n 112: 8,\n 116: 8,\n 120: 8,\n 124: 8,\n}\n\nconst C2k = {\n 0: 3,\n 4: 2,\n 14: 2,\n 22: 2,\n 32: 2,\n 52: 2,\n 60: 2,\n 62: 2,\n 68: 2,\n 78: 2,\n 96: 2,\n 110: 2,\n 124: 2\n}\n\nconst C3v = {\n 0: 16,\n 14: 4,\n 16: 4,\n 17: 2,\n 18: 2,\n 19: 2,\n 20: 2,\n 21: 2,\n 22: 2,\n 23: 2,\n 24: 2,\n 28: 4,\n 30: 4,\n 32: 8,\n 46: 4,\n 48: 4,\n 49: 2,\n 50: 2,\n 51: 2,\n 52: 2,\n 53: 2,\n 54: 2,\n 55: 2,\n 56: 2,\n 57: 2,\n 58: 2,\n 60: 2,\n 62: 2,\n 64: 4,\n 78: 4,\n 80: 4,\n 81: 2,\n 82: 2,\n 83: 2,\n 84: 2,\n 85: 2,\n 86: 2,\n 87: 2,\n 88: 2,\n 90: 2,\n 92: 2,\n 94: 2,\n 96: 4,\n 110: 4,\n 112: 4,\n 113: 2,\n 114: 2,\n 115: 2,\n 116: 2,\n 117: 2,\n 118: 2,\n 119: 2,\n 120: 2,\n 121: 2,\n 122: 2,\n 124: 2,\n 126: 2,\n}\n\nconst C3k = {\n 0: 3,\n 14: 2,\n 32: 2,\n 46: 2,\n 60: 2,\n 64: 2,\n 78: 2,\n 96: 2,\n 110: 2,\n 124: 2\n}\n\nconst D0v = {\n 0: 8,\n 8: 12,\n 24: 12,\n 40: 12,\n 54: 12,\n 56: 12,\n 60: 12,\n 72: 12,\n 88: 12,\n 104: 12,\n 118: 12,\n 120: 12,\n 124: 8,\n 128: 8,\n}\n\nconst D0k = {\n 0: 4,\n 14: 2,\n 22: 2,\n 28: 2,\n 36: 2,\n 54: 1,\n 56: 1,\n 60: 2,\n 62: 2,\n\n 64: 4,\n 78: 2,\n 86: 2,\n 92: 2,\n 100: 2,\n 118: 1,\n 120: 1,\n 124: 2,\n 128: 2,\n}\n\nconst D1v = {\n 0: 2,\n 8: 8,\n 10: 3,\n 14: 3,\n 18: 3,\n 24: 3,\n 28: 3,\n 40: 8,\n 42: 3,\n 46: 3,\n 50: 3,\n 54: 3,\n 60: 3,\n 72: 8,\n 76: 3,\n 78: 3,\n 82: 3,\n 86: 3,\n 88: 3,\n 90: 3,\n 104: 8,\n 108: 3,\n 110: 3,\n 114: 3,\n}\n\nconst D2v = {\n 16: 8,\n 24: 12,\n 48: 8,\n 56: 2,\n 80: 8,\n 88: 12,\n 112: 8,\n}\n\nconst D3v = {\n 0: 4,\n 2: 4,\n 4: 4,\n 6: 4,\n 8: 8,\n 24: 8,\n 40: 8,\n 56: 8,\n 58: 8,\n 72: 8,\n 88: 8,\n 104: 8,\n 120: 8,\n 122: 8,\n}\n\nconst D3k = {\n 0: 3,\n 2: 1,\n 4: 1,\n 6: 1,\n 14: 2,\n 20: 2,\n 21: 1,\n 22: 1,\n 28: 2,\n 32: 2,\n 33: 1,\n 34: 1,\n 38: 2,\n\n 64: 3,\n 66: 1,\n 68: 1,\n 70: 2,\n 78: 2,\n 84: 2,\n 85: 1,\n 86: 1,\n 92: 2,\n 96: 2,\n 97: 1,\n 98: 1,\n 102: 2,\n}\n\n// Defaults\nconst def = combine({\n variations: {\n },\n kick: {\n 0: 2,\n 16: 1,\n 32: 1,\n 48: 1,\n 64: 1,\n 80: 1,\n 96: 1,\n 112: 1,\n }\n})\n\nconst intro = combine({ variation: introv, kick: introk }, 256)\n\nconst A0 = combine({ variation: A0v, kick: A0k })\nconst A1 = combine({ variation: A0v, kick: A1k })\nconst A2 = combine({ variation: A2v, kick: A2k })\nconst A3 = combine({ variation: A3v, kick: A3k })\n\nconst B0 = combine({ variation: B0v, kick: B0k })\nconst B1 = combine({ variation: B1v, kick: B1k })\nconst B2 = combine({ variation: B2v, kick: B2k })\nconst B3 = combine({ variation: B3v, kick: B3k })\n\nconst C0 = combine({ variation: C0v, kick: B1k })\nconst C1 = combine({ variation: C1v, kick: B1k })\nconst C2 = combine({ variation: C2v, kick: C2k })\nconst C3 = combine({ variation: C3v, kick: C3k })\n\nconst D0 = combine({ variation: D0v, kick: D0k })\nconst D1 = combine({ variation: D1v, kick: D0k })\nconst D2 = combine({ variation: D2v, kick: D0k })\nconst D3 = combine({ variation: D3v, kick: D3k })\n\nconst _reset = {\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n translateZ: 0,\n skullLeftX: 0,\n skullLeftY: 0,\n skullRightX: 0,\n skullRightY: 0,\n bit: false,\n leftCircle: false,\n rightCircle: false,\n leftTriangle: false,\n rightTriangle: false,\n leftX: false,\n rightX: false,\n leftCursor: false,\n rightCursor: false,\n bgLeft: 'transparent',\n bgRight: 'transparent',\n ring: false,\n tachyons: false,\n bubbleA: false,\n bubbleB: false,\n bubbleC: false,\n}\n\nconst frames = {\n get reset () {\n return Object.assign({}, _reset)\n },\n def,\n intro,\n A0, A1, A2, A3,\n B0, B1, B2, B3,\n C0, C1, C2, C3,\n D0, D1, D2, D3\n}\n\nexport default frames\n\n",[209],"92f21efa-0c0e-11f0-b410-569c3dd06744","client.tsx","2337cece-0c05-11f0-b1d8-569c3dd06744",123,["D",1743191718281],9,"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from \"https://esm.sh/react@15\";\nimport { render } from \"https://esm.sh/react-dom@15\";\n\nimport Skullcat from \"./App.tsx\";\nconsole.log({ Skullcat });\n\nfunction App () { return (

hi

); }\n\nconst div = document.getElementById(\"app\");\nrender(, div);\n",[216],"59f8d86e-0c0e-11f0-baa4-569c3dd06744","bumpkit.tsx","3e5a5838-0c06-11f0-9041-569c3dd06744",122,["D",1743191622663],2,"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 = 'https://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",[224],"01adfd6a-0c0e-11f0-bd7b-569c3dd06744","Year.tsx","718a57ce-0c08-11f0-8167-569c3dd06744",119,["D",1743191474562],5,"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport { Motion, spring } from 'https://esm.sh/react-motion'\nimport { Progress } from 'https://esm.sh/rebass@0.2.4'\nimport bumpkit from './bumpkit.tsx'\nimport Badge from './Badge.tsx'\n\nconst msx = {\n display: 'inline-block',\n textAlign: 'center',\n width: '.75em'\n}\nconst Mono = ({text}) => (\n \n {text.split('').map((l, i) => (\n {l}\n ))}\n \n)\n\nconst sx = {\n year: {\n fontSize: 32,\n lineHeight: 1\n },\n progress: {\n height: 2\n },\n position: {\n fontSize: 12,\n marginTop: 16,\n marginBottom: 16\n },\n badge: {\n fontSize: 20\n }\n}\n\nclass Year extends React.Component {\n shouldComponentUpdate ({ step, year, unlocks }) {\n return step !== this.props.step ||\n year !== this.props.year ||\n unlocks !== this.props.unlocks\n }\n\n render () {\n const { step, year, unlocks } = this.props\n\n return (\n

\n \n {interpolated =>\n

\n \n

\n }\n \n \n

\n \n

\n {unlocks.map((u, i) => (\n

\n \n

\n ))}\n

\n )\n }\n}\n\nexport default Year\n\n",[232],"8d13ff32-0c0c-11f0-9061-569c3dd06744","X.tsx","c790bb8c-0c07-11f0-96b1-569c3dd06744",114,["D",1743190849441],"/** @jsxImportSource https://esm.sh/react@15 */\n\nimport React from 'https://esm.sh/react@15'\nimport {\n d,\n M,\n L\n} from './path-constants.tsx'\n\nconst X = ({ size: x, active, ...props }) => {\n const style = {\n g: {\n // display: active ? 'block' : 'none',\n transformOrigin: '50% 50%'\n },\n path: {\n color: '#f60',\n opacity: .75,\n fill: 'none',\n stroke: 'currentcolor',\n strokeWidth: 2,\n }\n }\n\n const path = d(\n M, -x, -x,\n L, x, x,\n M, x, -x,\n L, -x, x\n )\n\n if (!active) {\n return \n }\n\n return (\n \n \n \n )\n}\n\nX.defaultProps = {\n size: 32\n}\n\nexport default X\n\n",[240],"8b345c8e-0c0c-11f0-9306-569c3dd06744","Triangle.tsx","0b7c58c4-0c08-11f0-ab67-569c3dd06744",113,["D",1743190846298],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n d,\n M,\n L,\n Z\n} from './path-constants.tsx'\n\nconst x = 32\nconst opp = Math.sqrt(0.75) * x\nconst offset = (x - opp) / 2\n\nconst path = d(\n M, 0, -x + offset,\n L, x, opp / 2 + offset,\n L, -x, opp / 2 + offset,\n Z\n)\n\nconst sx = {\n path: {\n fill: 'none',\n stroke: 'currentcolor',\n strokeWidth: 2,\n }\n}\n\nconst Triangle = ({ active, mode, className, ...props }) => {\n if (!active) {\n return \n }\n\n const sxg = {\n color: (mode === 'cyber') ? '#f00' : 'cyan'\n }\n\n return (\n \n \n \n )\n}\n\nexport default Triangle\n\n",[247],"898f3138-0c0c-11f0-bbc2-569c3dd06744","Tachyons.tsx","9b346dd6-0c07-11f0-9f9e-569c3dd06744",112,["D",1743190843540],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport Tachyon from './Tachyon.tsx'\n\nconst length = 256\nconst x = 16\nconst tachyons = Array.from({ length }, (a, b) => b)\n .map((n) => (\n \n ))\n\nconst sx = {\n color: '#ccc'\n}\n\nconst Tachyons = ({ active }) => {\n if (!active) {\n return \n }\n\n return (\n \n {tachyons}\n \n )\n}\n\nexport default Tachyons\n",[254],"87fe6582-0c0c-11f0-a0f1-569c3dd06744","Tachyon.tsx","ac5c52ea-0c07-11f0-b972-569c3dd06744",111,["D",1743190840910],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n d,\n M,\n H,\n V\n} from './path-constants.tsx'\n\nconst path = d(M, 0, -2, V, 2, M, -2, 0, H, 2)\n\nconst sx = {\n fill: 'none',\n stroke: 'currentcolor'\n}\n\nconst Tachyon = (props) => (\n \n)\n\nexport default Tachyon\n\n",[261],"85e78918-0c0c-11f0-b3bc-569c3dd06744","Svg.tsx","0d9ae270-0c07-11f0-8233-569c3dd06744",110,["D",1743190837405],"/** @jsxImportSource https://esm.sh/react@15 */\n\nimport React from 'https://esm.sh/react@15'\n\nimport {\n M,\n L,\n Z,\n d\n} from './path-constants.tsx'\n\nconst sx = {\n root: {\n width: '100%',\n maxHeight: 'none',\n overflow: 'visible',\n fill: 'currentcolor'\n },\n guide: {\n fill: 'none',\n stroke: 'red',\n opacity: .5\n }\n}\n\nconst size = 1024\nconst c = size / 2\nconst viewBox = `${-size / 2} ${-size / 2} ${size} ${size}`\n\nconst guidesPath = d(\n M, -c * 2, 0,\n L, c *2 , 0,\n M, 0, -c * 2,\n L, 0, c * 2\n)\n\nconst Svg = ({\n guides,\n children,\n style,\n ...props\n}) => {\n\n const rootStyle = { ...sx.root, ...style }\n\n return (\n \n )\n}\n\nSvg.defaultProps = {\n guides: false\n}\n\nexport default Svg\n\n",[268],"8451ade0-0c0c-11f0-bbc2-569c3dd06744","Stage.tsx","e619d5a8-0c06-11f0-bd24-569c3dd06744",109,["D",1743190834749],3,"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport getFrame from './get-frame.tsx'\nimport Frame from './Frame.tsx'\nimport Svg from './Svg.tsx'\n\nimport BgLeft from './BgLeft.tsx'\nimport BgRight from './BgRight.tsx'\nimport SkullLeft from './SkullLeft.tsx'\nimport SkullRight from './SkullRight.tsx'\n\nimport SkullRightMagenta from './SkullRightMagenta.tsx'\n\nimport BitSkull from './BitSkull.tsx'\nimport Tachyons from './Tachyons.tsx'\nimport Cursor from './Cursor.tsx'\n\nimport X from './X.tsx'\nimport Circle from './Circle.tsx'\nimport Triangle from './Triangle.tsx'\nimport Ring from './Ring.tsx'\n\nimport Bubble from './Bubble.tsx'\n\nconst directions = {\n up: {\n transform: 'translateY(100vh)',\n top: '-100vh',\n },\n down: {\n transform: 'translateY(-100vh)',\n top: '100vh',\n },\n left: {\n transform: 'translateX(100vw)',\n left: '-100vw',\n },\n right: {\n transform: 'translateX(-100vw)',\n left: '100vw',\n },\n}\n\nclass Stage extends React.Component {\n shouldComponentUpdate (nextProps) {\n return nextProps.step !== this.props.step\n }\n\n render () {\n const { props } = this\n const {\n transitionDuration,\n step,\n scene,\n level,\n flip,\n year,\n mode,\n intro\n } = props\n\n const f = getFrame({\n step,\n scene,\n level,\n year,\n intro\n })\n\n const {\n rotate,\n rotateX = 0,\n rotateY = 0,\n translateZ,\n scale,\n skullLeftX,\n skullLeftY,\n skullRightX,\n skullRightY,\n bit,\n leftCircle,\n rightCircle,\n leftTriangle,\n rightTriangle,\n leftX,\n rightX,\n leftCursor,\n rightCursor,\n bgLeft,\n bgRight,\n ring,\n tachyons,\n bubbleA = {},\n bubbleB = {},\n bubbleC = {},\n } = f\n\n const direction = directions[flip] || directions.up\n const sx = {\n root: {\n overflow: 'hidden',\n height: '100vh',\n color: (mode === 'cyber') ? '#f00' : null\n },\n inner: {\n transform: flip ? direction.transform : 'translateY(0)',\n transition: flip ? 'transform .2s ease-out' : null\n },\n ghost: {\n position: 'absolute',\n backgroundColor: 'yellow',\n width: '100vw',\n height: '100vh',\n top: direction.top || 0,\n left: direction.left || 0,\n },\n layer1: {\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transform: 'translateZ(-64px)',\n width: '100%',\n maxHeight: 'none',\n overflow: 'visible',\n fill: 'currentcolor',\n },\n layer2: {\n position: 'relative',\n zIndex: 1,\n width: '100%',\n maxHeight: 'none',\n overflow: 'visible',\n fill: 'currentcolor',\n },\n layer3: {\n position: 'absolute',\n zIndex: 2,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n transform: 'translateZ(64px)',\n width: '100%',\n maxHeight: 'none',\n overflow: 'visible',\n fill: 'currentcolor',\n }\n }\n\n const viewBox = '-512 -512 1024 1024'\n\n const frameProps = {\n transitionDuration,\n rotate,\n rotateX,\n rotateY,\n translateZ,\n scale,\n year\n }\n\n const frame = (\n \n \n \n \n )\n\n const ghostFrame = flip ? React.cloneElement(frame) : false\n\n return (\n

\n {frame}\n

\n {ghostFrame}\n

\n \n

\n )\n }\n}\n\nStage.defaultProps = {\n transitionDuration: '.1s'\n}\n\nexport default Stage\n\n",[275],"800f2852-0c0c-11f0-b3bc-569c3dd06744","SkullRightMagenta.tsx","7b16a7d0-0c07-11f0-83c9-569c3dd06744",108,["D",1743190827599],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport SkullRight from './SkullRight.tsx'\n\nconst SkullRightMagenta = ({ active, ...props }) => {\n const sx = {\n display: active ? null : 'none',\n color: 'magenta',\n opacity: .75\n }\n\n return \n}\n\nexport default SkullRightMagenta\n\n",[283],"7dbd4142-0c0c-11f0-8784-569c3dd06744","SkullRight.tsx","695380b8-0c07-11f0-87ab-569c3dd06744",106,["D",1743190823710],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport SkullCat from './SkullCat.tsx'\n\nconst SkullRight = ({ x, y, transitionDuration, mode, ...props }) => {\n const transform = `translate(${x}px, ${y}px)`\n const sx = {\n transform,\n transitionProperty: 'transform',\n transitionTimingFunction: 'ease-in-out',\n transitionDuration,\n }\n\n return (\n \n \n \n )\n}\n\nexport default SkullRight\n\n",[290],"79844422-0c0c-11f0-a876-569c3dd06744","SkullLeft.tsx","587351d8-0c07-11f0-a799-569c3dd06744",105,["D",1743190816622],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport SkullCat from './SkullCat.tsx'\n\nconst SkullLeft = ({ x, y, transitionDuration, mode, ...props }) => {\n const transform = `translate(${x}px, ${y}px)`\n const sx = {\n transform,\n transitionProperty: 'transform',\n transitionTimingFunction: 'ease-in-out',\n transitionDuration,\n }\n\n return (\n \n \n \n )\n}\n\nexport default SkullLeft\n\n",[297],"77d83f3e-0c0c-11f0-8784-569c3dd06744","SkullCat.tsx","7f217d3a-0c09-11f0-b712-569c3dd06744",104,["D",1743190813821],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst SkullCat = ({ size, mode, ...props }) => {\n const sx = {\n overflow: 'visible',\n // color: (mode === 'cyber') ? '#f10' : null,\n opacity: (mode === 'cyber') ? 0.9375 : null,\n }\n\n return (\n \n )\n}\n\nSkullCat.defaultProps = {\n size: 512\n}\n\nexport default SkullCat\n\n",[304],"75fc7144-0c0c-11f0-9e47-569c3dd06744","Ring.tsx","1a799242-0c08-11f0-ad91-569c3dd06744",103,["D",1743190810698],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n M,\n L,\n d\n} from './path-constants.tsx'\n\nconst length = 60\nconst path = d(M, 0, -256, L, 0, -248)\n\nconst ticks = Array.from({ length }, (a, b) => b)\n .map((n) => {\n const angle = 360 / length * n\n return { angle }\n })\n .map(({ angle }) => {\n const strokeWidth = angle % (360 / length * 5) === 0 ? 4 : 1\n const transform = `rotate(${angle})`\n\n return (\n \n )\n })\n\nconst sx = {\n root: {},\n inner: {\n fill: 'none',\n stroke: 'currentcolor',\n opacity: .5,\n strokeWidth: 1\n }\n}\n\nconst Ring = ({ active, ...props }) => {\n if (!active) {\n return \n }\n\n return (\n \n \n {ticks}\n \n \n )\n}\n\nexport default Ring\n\n",[311],"04ba993c-0c0e-11f0-a868-569c3dd06744","Paused.tsx","a76d41a8-0c08-11f0-b358-569c3dd06744",120,["D",1743191479680],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport { Block } from 'https://esm.sh/rebass@0.2.4'\nimport Centered from './Centered.tsx'\nimport Btn from './Btn.tsx'\nimport { BlockCursor } from './Loading.tsx'\n\nconst sx = {\n root: {\n color: 'lime',\n },\n inner: {\n padding: 32,\n border: '1px solid'\n }\n}\n\n// https://twitter.com/intent/tweet?text=Open%20source%20icons%20for%20the%20web:%20&url=http://geomicons.com&via=jxnblk\nconst tweetLink = [\n 'https://twitter.com/intent/tweet',\n '?text=Skullcat%203D',\n '&url=http://jxnblk.com/skullcat',\n '&via=jxnblk',\n '&related=mrmrs_'\n].join('')\n\nconst Paused = () => {\n return (\n

\n \n \n \n Paused {' '}\n \n \n \n \n \n \n \n \n \n \n

\n )\n}\n\nexport default Paused\n\n",[318],"726296c6-0c0c-11f0-a135-569c3dd06744","Matrix.tsx","59276d2a-0c08-11f0-b387-569c3dd06744",101,["D",1743190804658],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst size = 32\n\nconst sx = {\n root: {\n fill: 'currentcolor',\n overflow: 'visible'\n },\n stroke: {\n fill: 'none',\n stroke: 'currentcolor',\n vectorEffect: 'non-scaling-stroke',\n opacity: .75\n }\n}\n\nconst Matrix = ({ scene = 0, level = 0 }) => {\n return (\n \n )\n}\n\nexport default Matrix\n\n",[325],"6ed7a4b0-0c0c-11f0-a224-569c3dd06744","Loading.tsx","8ad08906-0c08-11f0-af0c-569c3dd06744",100,["D",1743190798713],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nexport const BlockCursor = () => {\n return (\n

\n        {'> '}\n        {'█'}\n

\n )\n}\n\nconst Loading = ({ loading }) => {\n const sx = {\n root: {\n fontSize: 14,\n color: 'lime'\n },\n pre: {\n fontFamily: 'inherit'\n }\n }\n\n return (\n

MEOW x256{loading}

\n \n

\n )\n}\n\nexport default Loading\n\n",[332],"6cfeefd6-0c0c-11f0-9f41-569c3dd06744","Frame.tsx","226c0ec0-0c09-11f0-a911-569c3dd06744",99,["D",1743190795616],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst Frame = ({\n transitionDuration,\n rotate,\n rotateX,\n rotateY,\n translateZ,\n scale,\n year,\n children,\n ...props\n}) => {\n const transform = (year === 1984) ?\n `translate3d(${rotateX * 2}px, ${rotateY * 2}px, ${translateZ}px)` :\n `translate3d(0, 0, ${translateZ}px)\n scale(${scale})\n rotateZ(${rotate}deg)\n rotateX(${rotateX}deg)\n rotateY(${rotateY}deg)`\n\n const sx = {\n root: {\n perspective: '100vw',\n backgroundColor: 'black',\n overflow: 'hidden',\n },\n inner: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxSizing: 'border-box',\n height: '100vh',\n transitionProperty: 'transform',\n transitionTimingFunction: 'ease-in-out',\n transitionDuration: '.05s',\n transformStyle: 'preserve-3d',\n transform\n },\n center: {\n position: 'relative',\n marginBottom: '10vh',\n width: '100%'\n }\n }\n\n return (\n

\n {children}\n

\n )\n}\n\nFrame.defaultProps = {\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n translateZ: 0,\n scale: 1,\n}\n\nexport default Frame\n\n",[339],"6b2a0f60-0c0c-11f0-8784-569c3dd06744","Cursor.tsx","b9e7ef3c-0c07-11f0-929a-569c3dd06744",98,["D",1743190792546],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst Cursor = ({ active, ...props }) => {\n if (!active) {\n return \n }\n\n return (\n \n )\n}\n\nexport default Cursor\n\n",[346],"07656aa4-0c0e-11f0-b0be-569c3dd06744","Controls.tsx","3d65ffe8-0c08-11f0-b9f8-569c3dd06744",121,["D",1743191484153],4,"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n Block,\n Space,\n Slider\n} from 'https://esm.sh/rebass@0.2.4'\nimport Icon from 'https://esm.sh/react-geomicons'\nimport fullscreen from './util/fullscreen.tsx'\nimport Btn from './Btn.tsx'\nimport Matrix from './Matrix.tsx'\n\nclass Controls extends React.Component {\n shouldComponentUpdate ({ intro, playing, scene, level }) {\n return intro !== this.props.intro ||\n playing !== this.props.playing ||\n scene !== this.props.scene ||\n level !== this.props.level\n }\n\n render () {\n const {\n intro,\n playing,\n playPause,\n flip,\n scene,\n level,\n } = this.props\n\n return (\n

\n \n \n \n \n

\n {!intro && playing && (\n

\n \n \n \n \n \n \n

\n )}\n

\n )\n }\n}\n\nexport default Controls\n\n",[353],"66d81128-0c0c-11f0-b670-569c3dd06744","Circle.tsx","dbfd7baa-0c07-11f0-b040-569c3dd06744",96,["D",1743190785294],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n d,\n M,\n A\n} from './path-constants.tsx'\n\nconst Circle = ({ size: x, active, color, ...props }) => {\n const style = {\n g: {\n color: 'red',\n opacity: .5,\n // transition: 'color .2s linear',\n // display: active ? null : 'none',\n transformOrigin: '50% 50%'\n },\n path: {\n fill: 'none',\n stroke: 'currentcolor',\n strokeWidth: 2,\n }\n }\n\n const path = d(\n M, 0, -x,\n A, x, x, 0, 0, 0, 0, x,\n A, x, x, 0, 0, 0, 0, -x\n )\n\n if (!active) {\n return \n }\n\n return (\n \n \n \n )\n}\n\nCircle.defaultProps = {\n size: 32\n}\n\nexport default Circle\n\n",[361],"64e6053c-0c0c-11f0-8f82-569c3dd06744","Centered.tsx","b98fd86e-0c08-11f0-9256-569c3dd06744",95,["D",1743190782028],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst sx = {\n root: {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: '90vh'\n }\n}\n\nconst Centered = ({ children, style, ...props }) => {\n return (\n

\n {children}\n

\n )\n}\n\nexport default Centered\n\n",[368],"6255094e-0c0c-11f0-80ea-569c3dd06744","Bubble.tsx","267bb426-0c08-11f0-95e3-569c3dd06744",94,["D",1743190777728],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst sx = {\n fill: 'none',\n stroke: 'currentColor',\n // strokeWidth: 2,\n transformOrigin: '50% 50%'\n}\n\nconst Bubble = ({ active, x, y, ...props }) => {\n if (!active) {\n return \n }\n\n return (\n \n )\n}\n\nexport default Bubble\n\n",[375],"6052f5b6-0c0c-11f0-bb00-569c3dd06744","Btn.tsx","4cc3ecca-0c08-11f0-8167-569c3dd06744",93,["D",1743190774356],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst sx = {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n height: 32,\n minWidth: 32,\n padding: 8,\n fontFamily: 'inherit',\n fontSize: 14,\n fontWeight: 'bold',\n color: 'inherit',\n backgroundColor: 'transparent',\n borderWidth: 1,\n borderStyle: 'solid',\n borderColor: 'currentcolor',\n cursor: 'pointer',\n outline: 'none',\n WebkitAppearance: 'none',\n textDecoration: 'none'\n}\n\nconst Btn = (props) => {\n const Comp = props.href ? 'a' : 'button'\n return \n}\n\nexport default Btn\n\n",[382],"5e995fb2-0c0c-11f0-b3bc-569c3dd06744","BitSkull.tsx","89e3bb40-0c07-11f0-a741-569c3dd06744",92,["D",1743190771461],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\nimport {\n d,\n M,\n L,\n H,\n V,\n Z\n} from './path-constants.tsx'\n\nconst path = d(\n M, -8, -6,\n V, 2,\n H, -3,\n V, 5,\n L, -2, 4,\n H, 2,\n L, 3, 5,\n V, 2,\n H, 8,\n V, -6,\n Z,\n\n M, -7, -3,\n H, -3,\n V, 1,\n H, -7,\n Z,\n\n M, 3, -3,\n H, 7,\n V, 1,\n H, 3,\n Z\n)\n\nconst BitSkull = ({ active, ...props }) => {\n if (!active) {\n return \n }\n\n return (\n \n )\n}\n\nexport default BitSkull\n",[389],"5ccb42ea-0c0c-11f0-a5b7-569c3dd06744","BgRight.tsx","46da9490-0c07-11f0-861f-569c3dd06744",91,["D",1743190768401],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst BgRight = ({ color, ...props }) => {\n const sx = {\n color,\n // opacity: .75,\n fill: 'currentcolor',\n // transition: 'color .2s ease-in-out'\n }\n return (\n \n )\n}\n\nBgRight.defaultProps = {\n color: 'black'\n}\n\nexport default BgRight\n\n",[396],"5a879d8a-0c0c-11f0-9061-569c3dd06744","BgLeft.tsx","3886d3cc-0c07-11f0-a26a-569c3dd06744",90,["D",1743190764629],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst BgLeft = ({ color, ...props }) => {\n const sx = {\n color,\n // opacity: .75,\n mixBlendMode: 'screen',\n fill: 'currentcolor',\n // transition: 'color .2s ease-in-out'\n }\n return (\n \n )\n}\nBgLeft.defaultProps = {\n color: 'black'\n}\n\nexport default BgLeft\n\n",[403],"578d8108-0c0c-11f0-a87b-569c3dd06744","Badge.tsx","1278a7d0-0c09-11f0-b704-569c3dd06744",88,["D",1743190759639],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst sx = {\n root: {\n display: 'inline-block',\n position: 'relative',\n textAlign: 'center',\n width: 24,\n height: 24,\n margin: 4,\n },\n bg: {\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n backgroundColor: 'currentcolor',\n opacity: .5\n },\n text: {\n position: 'relative',\n zIndex: 1,\n color: '#000'\n }\n}\n\nconst Badge = ({ children }) => (\n

\n)\n\nexport default Badge\n\n",[410],"fe8d00f4-0c0d-11f0-9725-569c3dd06744","App.tsx","0a9461ec-0c06-11f0-9e7d-569c3dd06744",118,["D",1743191469313],"/** @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.sh/rebass@0.2.4'\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",[417],"553b56d2-0c0c-11f0-8532-569c3dd06744","Achievement.tsx","9811eace-0c08-11f0-a095-569c3dd06744",87,["D",1743190755744],"/** @jsxImportSource https://esm.sh/react@15 */\nimport React from 'https://esm.sh/react@15'\n\nconst sx = {\n root: {\n position: 'relative',\n padding: 16,\n border: '1px solid currentcolor'\n },\n text: {\n fontSize: 14,\n fontWeight: 500,\n textTransform: 'uppercase',\n letterSpacing: '0.2em'\n },\n badge: {\n fontFamily: 'Arial Unicode MS',\n }\n}\n\nconst Achievement = ({ name, badge, ...props }) => {\n return (\n

\n {badge} {name} Unlocked\n

\n )\n}\n\nexport default Achievement\n\n",[424],"5f40dac2-0c06-11f0-8f2a-569c3dd06744","util","5f40db9e-0c06-11f0-8f2a-569c3dd06744",28,["D",1743188195585],"directory",[431],"pulls","branches","forks","envVars",{"_444":62,"_446":62},"connections",{"_444":62,"_445":62},"count","unfilledCount","emptyCount",{"_41":430,"_31":431,"_29":432,"_166":-5,"_39":40,"_38":433,"_167":57,"_36":624,"_13":62,"_32":435,"_34":-5,"_23":24,"_169":-5,"_489":625,"_26":626},{"_41":616,"_31":617,"_29":618,"_166":432,"_39":40,"_38":619,"_167":24,"_36":620,"_13":183,"_32":33,"_34":621,"_23":24,"_169":-5,"_489":622,"_26":623},{"_41":608,"_31":609,"_29":610,"_166":432,"_39":40,"_38":611,"_167":57,"_36":612,"_13":62,"_32":33,"_34":613,"_23":24,"_169":-5,"_489":614,"_26":615},{"_41":600,"_31":601,"_29":602,"_166":432,"_39":40,"_38":603,"_167":57,"_36":604,"_13":62,"_32":33,"_34":605,"_23":24,"_169":-5,"_489":606,"_26":607},{"_41":423,"_31":424,"_29":425,"_166":-5,"_39":40,"_38":426,"_167":57,"_36":597,"_13":183,"_32":33,"_34":428,"_23":24,"_169":-5,"_489":598,"_26":599},{"_41":416,"_31":417,"_29":418,"_166":-5,"_39":40,"_38":419,"_167":24,"_36":594,"_13":236,"_32":33,"_34":421,"_23":24,"_169":-5,"_489":595,"_26":596},{"_41":409,"_31":410,"_29":411,"_166":-5,"_39":40,"_38":412,"_167":57,"_36":591,"_13":183,"_32":33,"_34":414,"_23":24,"_169":-5,"_489":592,"_26":593},{"_41":402,"_31":403,"_29":404,"_166":-5,"_39":40,"_38":405,"_167":57,"_36":588,"_13":228,"_32":33,"_34":407,"_23":24,"_169":-5,"_489":589,"_26":590},{"_41":395,"_31":396,"_29":397,"_166":-5,"_39":40,"_38":398,"_167":57,"_36":585,"_13":183,"_32":33,"_34":400,"_23":24,"_169":-5,"_489":586,"_26":587},{"_41":388,"_31":389,"_29":390,"_166":-5,"_39":40,"_38":391,"_167":57,"_36":582,"_13":228,"_32":33,"_34":393,"_23":24,"_169":-5,"_489":583,"_26":584},{"_41":381,"_31":382,"_29":383,"_166":-5,"_39":40,"_38":384,"_167":57,"_36":579,"_13":183,"_32":33,"_34":386,"_23":24,"_169":-5,"_489":580,"_26":581},{"_41":374,"_31":375,"_29":376,"_166":-5,"_39":40,"_38":377,"_167":57,"_36":576,"_13":183,"_32":33,"_34":379,"_23":24,"_169":-5,"_489":577,"_26":578},{"_41":367,"_31":368,"_29":369,"_166":-5,"_39":40,"_38":370,"_167":57,"_36":573,"_13":183,"_32":33,"_34":372,"_23":24,"_169":-5,"_489":574,"_26":575},{"_41":360,"_31":361,"_29":362,"_166":-5,"_39":40,"_38":363,"_167":57,"_36":570,"_13":183,"_32":33,"_34":365,"_23":24,"_169":-5,"_489":571,"_26":572},{"_41":352,"_31":353,"_29":354,"_166":-5,"_39":40,"_38":355,"_167":24,"_36":567,"_13":357,"_32":33,"_34":358,"_23":24,"_169":-5,"_489":568,"_26":569},{"_41":345,"_31":346,"_29":347,"_166":-5,"_39":40,"_38":348,"_167":57,"_36":564,"_13":183,"_32":33,"_34":350,"_23":24,"_169":-5,"_489":565,"_26":566},{"_41":338,"_31":339,"_29":340,"_166":-5,"_39":40,"_38":341,"_167":57,"_36":561,"_13":228,"_32":33,"_34":343,"_23":24,"_169":-5,"_489":562,"_26":563},{"_41":331,"_31":332,"_29":333,"_166":-5,"_39":40,"_38":334,"_167":57,"_36":558,"_13":183,"_32":33,"_34":336,"_23":24,"_169":-5,"_489":559,"_26":560},{"_41":324,"_31":325,"_29":326,"_166":-5,"_39":40,"_38":327,"_167":57,"_36":555,"_13":183,"_32":33,"_34":329,"_23":24,"_169":-5,"_489":556,"_26":557},{"_41":317,"_31":318,"_29":319,"_166":-5,"_39":40,"_38":320,"_167":57,"_36":552,"_13":236,"_32":33,"_34":322,"_23":24,"_169":-5,"_489":553,"_26":554},{"_41":310,"_31":311,"_29":312,"_166":-5,"_39":40,"_38":313,"_167":57,"_36":549,"_13":183,"_32":33,"_34":315,"_23":24,"_169":-5,"_489":550,"_26":551},{"_41":303,"_31":304,"_29":305,"_166":-5,"_39":40,"_38":306,"_167":57,"_36":546,"_13":183,"_32":33,"_34":308,"_23":24,"_169":-5,"_489":547,"_26":548},{"_41":296,"_31":297,"_29":298,"_166":-5,"_39":40,"_38":299,"_167":57,"_36":543,"_13":183,"_32":33,"_34":301,"_23":24,"_169":-5,"_489":544,"_26":545},{"_41":289,"_31":290,"_29":291,"_166":-5,"_39":40,"_38":292,"_167":57,"_36":540,"_13":183,"_32":33,"_34":294,"_23":24,"_169":-5,"_489":541,"_26":542},{"_41":282,"_31":283,"_29":284,"_166":-5,"_39":40,"_38":285,"_167":57,"_36":537,"_13":228,"_32":33,"_34":287,"_23":24,"_169":-5,"_489":538,"_26":539},{"_41":274,"_31":275,"_29":276,"_166":-5,"_39":40,"_38":277,"_167":57,"_36":534,"_13":279,"_32":33,"_34":280,"_23":24,"_169":-5,"_489":535,"_26":536},{"_41":267,"_31":268,"_29":269,"_166":-5,"_39":40,"_38":270,"_167":57,"_36":531,"_13":183,"_32":33,"_34":272,"_23":24,"_169":-5,"_489":532,"_26":533},{"_41":260,"_31":261,"_29":262,"_166":-5,"_39":40,"_38":263,"_167":57,"_36":528,"_13":183,"_32":33,"_34":265,"_23":24,"_169":-5,"_489":529,"_26":530},{"_41":253,"_31":254,"_29":255,"_166":-5,"_39":40,"_38":256,"_167":57,"_36":525,"_13":228,"_32":33,"_34":258,"_23":24,"_169":-5,"_489":526,"_26":527},{"_41":246,"_31":247,"_29":248,"_166":-5,"_39":40,"_38":249,"_167":57,"_36":522,"_13":183,"_32":33,"_34":251,"_23":24,"_169":-5,"_489":523,"_26":524},{"_41":239,"_31":240,"_29":241,"_166":-5,"_39":40,"_38":242,"_167":57,"_36":519,"_13":228,"_32":33,"_34":244,"_23":24,"_169":-5,"_489":520,"_26":521},{"_41":231,"_31":232,"_29":233,"_166":-5,"_39":40,"_38":234,"_167":24,"_36":516,"_13":236,"_32":33,"_34":237,"_23":24,"_169":-5,"_489":517,"_26":518},{"_41":223,"_31":224,"_29":225,"_166":-5,"_39":40,"_38":226,"_167":24,"_36":513,"_13":228,"_32":33,"_34":229,"_23":24,"_169":-5,"_489":514,"_26":515},{"_41":215,"_31":216,"_29":217,"_166":-5,"_39":40,"_38":218,"_167":57,"_36":510,"_13":220,"_32":33,"_34":221,"_23":24,"_169":-5,"_489":511,"_26":512},{"_41":208,"_31":209,"_29":210,"_166":-5,"_39":40,"_38":211,"_167":57,"_36":507,"_13":62,"_32":33,"_34":213,"_23":24,"_169":-5,"_489":508,"_26":509},{"_41":201,"_31":202,"_29":203,"_166":-5,"_39":40,"_38":204,"_167":57,"_36":504,"_13":183,"_32":33,"_34":206,"_23":24,"_169":-5,"_489":505,"_26":506},{"_41":194,"_31":195,"_29":196,"_166":-5,"_39":40,"_38":197,"_167":24,"_36":501,"_13":183,"_32":33,"_34":199,"_23":24,"_169":-5,"_489":502,"_26":503},{"_41":186,"_31":187,"_29":55,"_166":-5,"_39":40,"_38":188,"_167":24,"_36":498,"_13":190,"_32":191,"_34":192,"_23":24,"_169":43,"_489":499,"_26":500},{"_41":178,"_31":179,"_29":180,"_166":-5,"_39":40,"_38":181,"_167":57,"_36":495,"_13":183,"_32":33,"_34":184,"_23":24,"_169":-5,"_489":496,"_26":497},{"_41":171,"_31":172,"_29":173,"_166":-5,"_39":40,"_38":174,"_167":57,"_36":492,"_13":62,"_32":33,"_34":176,"_23":24,"_169":-5,"_489":493,"_26":494},{"_41":165,"_31":27,"_29":30,"_166":-5,"_39":40,"_38":14,"_167":57,"_36":488,"_13":62,"_32":33,"_34":35,"_23":24,"_169":-5,"_489":490,"_26":491},["D",1743192045748],"children",[],[27],["D",1743188177946],[],[172],["D",1743188504727],[],[179],["D",1743192027593],[],[187],["D",1743188362802],[],[195],["D",1743188276463],[],[202],["D",1743188300089],[],[209],["D",1743191718281],[],[216],["D",1743191622663],[],[224],["D",1743191474562],[],[232],["D",1743190849441],[],[240],["D",1743190846298],[],[247],["D",1743190843540],[],[254],["D",1743190840910],[],[261],["D",1743190837405],[],[268],["D",1743190834749],[],[275],["D",1743190827599],[],[283],["D",1743190823710],[],[290],["D",1743190816622],[],[297],["D",1743190813821],[],[304],["D",1743190810698],[],[311],["D",1743191479680],[],[318],["D",1743190804658],[],[325],["D",1743190798713],[],[332],["D",1743190795616],[],[339],["D",1743190792546],[],[346],["D",1743191484153],[],[353],["D",1743190785294],[],[361],["D",1743190782028],[],[368],["D",1743190777728],[],[375],["D",1743190774356],[],[382],["D",1743190771461],[],[389],["D",1743190768401],[],[396],["D",1743190764629],[],[403],["D",1743190759639],[],[410],["D",1743191469313],[],[417],["D",1743190755744],[],[424],"d037f526-0c06-11f0-b51e-569c3dd06744","storage.tsx","d037f5c6-0c06-11f0-b51e-569c3dd06744",37,["D",1743188385106],"\nconst storage = {\n set x (val) {\n localStorage.setItem('x', true)\n },\n get x () {\n return localStorage.getItem('x')\n }\n}\n\nexport default storage\n\n",[],[431,601],"82c05e50-0c06-11f0-b11f-569c3dd06744","fullscreen.tsx","82c05f2c-0c06-11f0-b11f-569c3dd06744",31,["D",1743188255140],"const fullscreen = () => {\n if (document.documentElement.requestFullscreen) {\n document.documentElement.requestFullscreen();\n } else if (document.documentElement.msRequestFullscreen) {\n document.documentElement.msRequestFullscreen();\n } else if (document.documentElement.mozRequestFullScreen) {\n document.documentElement.mozRequestFullScreen();\n } else if (document.documentElement.webkitRequestFullscreen) {\n document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);\n }\n}\n\nexport default fullscreen\n\n",[],[431,609],"6f889780-0c06-11f0-804e-569c3dd06744","Keybind.tsx","6e236816-0c06-11f0-804e-569c3dd06744",30,["D",1743188222893],"import keycode from 'https://esm.sh/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",[],[431,617],["D",1743188195585],[448,449,450],[431],["D",1743187328653],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":53,"_101":102,"_103":24},{"_13":85,"_31":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"ctx",{"_78":-5,"_124":664,"_665":666,"_667":668,"_669":24,"_670":24,"_671":24,"_672":57,"_673":-5,"_674":-7,"_675":-7,"_676":62,"_677":24,"_678":24,"_679":-5,"_680":24,"_681":24,"_682":24,"_683":-5},"ENV",{"_635":636,"_637":638,"_639":86,"_640":641,"_642":643,"_644":645,"_646":647,"_648":649,"_650":651,"_652":653,"_654":655,"_656":657,"_658":659,"_660":661,"_662":663},"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 · v132