[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_548":549,"_550":551},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_103":85,"_26":51,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":24,"_117":118,"_119":57,"_120":-5,"_121":-5,"_122":123},"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":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",84,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","rc-presentations/src/components/thursdaypicker.css","latestPath","fileId","56f5093c-3e4d-11f0-bb26-76b3cceeab13","name","thursdaypicker.css","fileType","content",".thursdayPicker {\n padding: 1rem 0;\n text-align: left;\n}\n\n.thursdayPicker--month {\n /* Display*/\n display: inline-block;\n vertical-align: top;\n /* Layout */\n padding: 0 0.4rem 0 0;\n margin: 0 0 0.7rem 0;\n /* Text Styles */\n min-width: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 0.1pt;\n font-size: 0.5em;\n color: var(--text);\n}\n\n.thursdayPicker--monthAbbrev {\n margin-bottom: 0.7em;\n}\n\n.thursdayPicker--block {\n position: relative;\n top: 0;\n left: 0;\n /* Button reset */\n -webkit-appearance: none;\n border: 0;\n display: block;\n cursor: pointer;\n\n width: 1.2rem;\n height: 0.6rem;\n background-color: var(--green);\n margin: 0.4rem auto;\n\n border: 1px solid var(--green);\n border-radius: 0.1rem;\n}\n\n/* Highlight selected block */\n.thursdayPicker--block:hover,\n.thursdayPicker--block:focus {\n /* background-color: var(--text); */\n border-color: var(--text);\n background-color: var(--text);\n}\n\n.thursdayPicker--block:hover:after,\n.thursdayPicker--block:focus:after {\n font-family: \"Roboto Mono\", monospace;\n width: 80px;\n line-height: 1.4rem;\n height: 1.4rem;\n\n font-size: 0.8rem;\n text-align: center;\n display: block;\n background: red;\n content: attr(alt);\n\n position: absolute;\n top: -1.7rem;\n left: calc(1.2rem * 0.5);\n margin-left: -40px;\n border-radius: 1rem;\n\n background: var(--text);\n color: var(--background);\n\n z-index: 9999999;\n\n box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);\n}\n","createdAt",["D",1748716234073],"branchVersion","branchId","e527935c-3e4b-11f0-83fd-76b3cceeab13","id","e5272b92-3e4b-11f0-83fd-76b3cceeab13","Presentations",["D",1748715613647],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","55abed1c-3e4c-11f0-9c59-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",99,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":544,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":545,"_79":546,"_81":547,"_83":24},"tree",[205,209,220,240,243,246,247,248,249],"files",[205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249],"counts",{"_195":61,"_196":140,"_197":61,"_198":199,"_200":201},"contents",[124,125,126,127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":189,"_31":190,"_29":191,"_136":-5,"_39":40,"_38":192,"_138":57,"_36":193,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_26":194},{"_41":183,"_31":184,"_29":185,"_136":-5,"_39":40,"_38":186,"_138":57,"_36":187,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_26":188},{"_41":177,"_31":178,"_29":179,"_136":-5,"_39":40,"_38":180,"_138":57,"_36":181,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_26":182},{"_41":171,"_31":172,"_29":173,"_136":-5,"_39":40,"_38":174,"_138":57,"_36":175,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_26":176},{"_41":165,"_31":166,"_29":167,"_136":-5,"_39":40,"_38":140,"_138":57,"_36":168,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_26":170},{"_41":158,"_31":159,"_29":160,"_136":-5,"_39":40,"_38":161,"_138":57,"_36":162,"_13":61,"_33":20,"_34":163,"_23":24,"_142":-5,"_26":164},{"_41":151,"_31":152,"_29":153,"_136":-5,"_39":40,"_38":154,"_138":57,"_36":155,"_13":61,"_33":20,"_34":156,"_23":24,"_142":-5,"_26":157},{"_41":144,"_31":145,"_29":146,"_136":-5,"_39":40,"_38":147,"_138":57,"_36":148,"_13":61,"_33":20,"_34":149,"_23":24,"_142":-5,"_26":150},{"_41":133,"_31":134,"_29":135,"_136":-5,"_39":40,"_38":137,"_138":57,"_36":139,"_13":140,"_33":20,"_34":141,"_23":24,"_142":-5,"_26":143},"99efe352-3e4c-11f0-9e2b-76b3cceeab13","index.html","fd386386-3e4b-11f0-8e5b-76b3cceeab13","parentId",32,"latest",["D",1748715916868],1,"\n\n\n \n \n Presentations | Recurse Center\n \n \n\n\n

\n \n\n\n","label",[134],"fd2724f4-3e4b-11f0-a867-76b3cceeab13","deno.json","fd2725b2-3e4b-11f0-a867-76b3cceeab13",4,["D",1748715653910],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[145],"fd33f0da-3e4b-11f0-8305-76b3cceeab13",".vtignore","fd33f22e-3e4b-11f0-8305-76b3cceeab13",6,["D",1748715653911],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[152],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[159],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13","src","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],"directory",[166],"60970342-3e4c-11f0-a0c2-76b3cceeab13","shared","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",30,["D",1748715820732],[172],"5632953c-3e4d-11f0-b2c6-76b3cceeab13","rc-presentations","563296a4-3e4d-11f0-b2c6-76b3cceeab13",65,["D",1748716232796],[178],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13","frontend","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["D",1748715961758],[184],"55abf884-3e4c-11f0-9c59-76b3cceeab13","backend","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",28,["D",1748715802417],[190],"pulls","branches","forks","envVars",{"_202":61,"_204":61},"connections",{"_202":61,"_203":61},"count","unfilledCount","emptyCount",{"_41":189,"_31":190,"_29":191,"_136":-5,"_39":40,"_38":192,"_138":57,"_36":541,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":542,"_26":543},{"_41":537,"_31":536,"_29":530,"_136":191,"_39":40,"_38":531,"_138":57,"_36":538,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":539,"_26":540},{"_41":527,"_31":528,"_29":529,"_136":530,"_39":40,"_38":531,"_138":57,"_36":532,"_13":61,"_33":285,"_34":533,"_23":24,"_142":-5,"_251":534,"_26":535},{"_41":518,"_31":519,"_29":55,"_136":191,"_39":40,"_38":520,"_138":24,"_36":521,"_13":266,"_33":522,"_34":523,"_23":24,"_142":524,"_251":525,"_26":526},{"_41":183,"_31":184,"_29":185,"_136":-5,"_39":40,"_38":186,"_138":57,"_36":515,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":516,"_26":517},{"_41":511,"_31":264,"_29":457,"_136":185,"_39":40,"_38":498,"_138":57,"_36":512,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":513,"_26":514},{"_41":503,"_31":504,"_29":505,"_136":457,"_39":40,"_38":506,"_138":24,"_36":507,"_13":61,"_33":285,"_34":508,"_23":24,"_142":-5,"_251":509,"_26":510},{"_41":495,"_31":496,"_29":497,"_136":457,"_39":40,"_38":498,"_138":24,"_36":499,"_13":61,"_33":285,"_34":500,"_23":24,"_142":-5,"_251":501,"_26":502},{"_41":487,"_31":488,"_29":489,"_136":457,"_39":40,"_38":490,"_138":24,"_36":491,"_13":61,"_33":285,"_34":492,"_23":24,"_142":-5,"_251":493,"_26":494},{"_41":479,"_31":480,"_29":481,"_136":457,"_39":40,"_38":482,"_138":24,"_36":483,"_13":61,"_33":285,"_34":484,"_23":24,"_142":-5,"_251":485,"_26":486},{"_41":471,"_31":472,"_29":473,"_136":457,"_39":40,"_38":474,"_138":57,"_36":475,"_13":61,"_33":285,"_34":476,"_23":24,"_142":-5,"_251":477,"_26":478},{"_41":463,"_31":464,"_29":465,"_136":457,"_39":40,"_38":466,"_138":57,"_36":467,"_13":61,"_33":285,"_34":468,"_23":24,"_142":-5,"_251":469,"_26":470},{"_41":454,"_31":455,"_29":456,"_136":457,"_39":40,"_38":458,"_138":24,"_36":459,"_13":61,"_33":285,"_34":460,"_23":24,"_142":-5,"_251":461,"_26":462},{"_41":447,"_31":134,"_29":448,"_136":185,"_39":40,"_38":449,"_138":24,"_36":450,"_13":61,"_33":20,"_34":451,"_23":24,"_142":-5,"_251":452,"_26":453},{"_41":440,"_31":441,"_29":442,"_136":185,"_39":40,"_38":186,"_138":57,"_36":443,"_13":61,"_33":285,"_34":444,"_23":24,"_142":-5,"_251":445,"_26":446},{"_41":177,"_31":178,"_29":179,"_136":-5,"_39":40,"_38":180,"_138":57,"_36":437,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":438,"_26":439},{"_41":430,"_31":431,"_29":432,"_136":179,"_39":40,"_38":433,"_138":57,"_36":434,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":435,"_26":436},{"_41":425,"_31":166,"_29":323,"_136":179,"_39":40,"_38":426,"_138":57,"_36":427,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":428,"_26":429},{"_41":419,"_31":271,"_29":420,"_136":323,"_39":40,"_38":421,"_138":57,"_36":422,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":423,"_26":424},{"_41":414,"_31":264,"_29":338,"_136":323,"_39":40,"_38":415,"_138":57,"_36":416,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":417,"_26":418},{"_41":406,"_31":407,"_29":408,"_136":338,"_39":40,"_38":409,"_138":57,"_36":410,"_13":61,"_33":20,"_34":411,"_23":24,"_142":-5,"_251":412,"_26":413},{"_41":398,"_31":399,"_29":400,"_136":338,"_39":40,"_38":401,"_138":57,"_36":402,"_13":61,"_33":285,"_34":403,"_23":24,"_142":-5,"_251":404,"_26":405},{"_41":390,"_31":391,"_29":392,"_136":338,"_39":40,"_38":393,"_138":57,"_36":394,"_13":61,"_33":285,"_34":395,"_23":24,"_142":-5,"_251":396,"_26":397},{"_41":382,"_31":383,"_29":384,"_136":338,"_39":40,"_38":385,"_138":57,"_36":386,"_13":61,"_33":285,"_34":387,"_23":24,"_142":-5,"_251":388,"_26":389},{"_41":374,"_31":375,"_29":376,"_136":338,"_39":40,"_38":377,"_138":57,"_36":378,"_13":61,"_33":285,"_34":379,"_23":24,"_142":-5,"_251":380,"_26":381},{"_41":366,"_31":367,"_29":368,"_136":338,"_39":40,"_38":369,"_138":57,"_36":370,"_13":61,"_33":20,"_34":371,"_23":24,"_142":-5,"_251":372,"_26":373},{"_41":358,"_31":359,"_29":360,"_136":338,"_39":40,"_38":361,"_138":57,"_36":362,"_13":61,"_33":285,"_34":363,"_23":24,"_142":-5,"_251":364,"_26":365},{"_41":350,"_31":351,"_29":352,"_136":338,"_39":40,"_38":353,"_138":57,"_36":354,"_13":61,"_33":20,"_34":355,"_23":24,"_142":-5,"_251":356,"_26":357},{"_41":342,"_31":343,"_29":344,"_136":338,"_39":40,"_38":345,"_138":57,"_36":346,"_13":61,"_33":285,"_34":347,"_23":24,"_142":-5,"_251":348,"_26":349},{"_41":337,"_31":32,"_29":30,"_136":338,"_39":40,"_38":14,"_138":57,"_36":339,"_13":61,"_33":20,"_34":35,"_23":24,"_142":-5,"_251":340,"_26":341},{"_41":329,"_31":330,"_29":331,"_136":323,"_39":40,"_38":332,"_138":57,"_36":333,"_13":61,"_33":285,"_34":334,"_23":24,"_142":-5,"_251":335,"_26":336},{"_41":320,"_31":321,"_29":322,"_136":323,"_39":40,"_38":324,"_138":57,"_36":325,"_13":61,"_33":285,"_34":326,"_23":24,"_142":-5,"_251":327,"_26":328},{"_41":314,"_31":159,"_29":315,"_136":179,"_39":40,"_38":316,"_138":57,"_36":317,"_13":61,"_33":20,"_34":163,"_23":24,"_142":-5,"_251":318,"_26":319},{"_41":307,"_31":134,"_29":308,"_136":179,"_39":40,"_38":309,"_138":57,"_36":310,"_13":61,"_33":20,"_34":311,"_23":24,"_142":-5,"_251":312,"_26":313},{"_41":299,"_31":300,"_29":301,"_136":179,"_39":40,"_38":302,"_138":57,"_36":303,"_13":61,"_33":20,"_34":304,"_23":24,"_142":-5,"_251":305,"_26":306},{"_41":171,"_31":172,"_29":173,"_136":-5,"_39":40,"_38":174,"_138":57,"_36":296,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":297,"_26":298},{"_41":289,"_31":290,"_29":291,"_136":173,"_39":40,"_38":174,"_138":57,"_36":292,"_13":61,"_33":285,"_34":293,"_23":24,"_142":-5,"_251":294,"_26":295},{"_41":280,"_31":281,"_29":282,"_136":173,"_39":40,"_38":283,"_138":57,"_36":284,"_13":61,"_33":285,"_34":286,"_23":24,"_142":-5,"_251":287,"_26":288},{"_41":165,"_31":166,"_29":167,"_136":-5,"_39":40,"_38":140,"_138":57,"_36":277,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":278,"_26":279},{"_41":270,"_31":271,"_29":272,"_136":167,"_39":40,"_38":273,"_138":57,"_36":274,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":275,"_26":276},{"_41":263,"_31":264,"_29":265,"_136":167,"_39":40,"_38":266,"_138":57,"_36":267,"_13":61,"_33":169,"_34":-5,"_23":24,"_142":-5,"_251":268,"_26":269},{"_41":158,"_31":159,"_29":160,"_136":-5,"_39":40,"_38":161,"_138":57,"_36":260,"_13":61,"_33":20,"_34":163,"_23":24,"_142":-5,"_251":261,"_26":262},{"_41":151,"_31":152,"_29":153,"_136":-5,"_39":40,"_38":154,"_138":57,"_36":257,"_13":61,"_33":20,"_34":156,"_23":24,"_142":-5,"_251":258,"_26":259},{"_41":144,"_31":145,"_29":146,"_136":-5,"_39":40,"_38":147,"_138":57,"_36":254,"_13":61,"_33":20,"_34":149,"_23":24,"_142":-5,"_251":255,"_26":256},{"_41":133,"_31":134,"_29":135,"_136":-5,"_39":40,"_38":137,"_138":57,"_36":250,"_13":140,"_33":20,"_34":141,"_23":24,"_142":-5,"_251":252,"_26":253},["D",1748715916868],"children",[],[134],["D",1748715653910],[],[145],["D",1748715653911],[],[152],["D",1748715654598],[],[159],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13","components","fd1c8c6a-3e4b-11f0-aa01-76b3cceeab13",3,["D",1748715653838],[],[166,264],"fd110688-3e4b-11f0-85ee-76b3cceeab13","assets","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[166,271],["D",1748715653653],[244,245],[166],"6b34e77e-3e4c-11f0-9e2b-76b3cceeab13","utils.ts","6b34e85a-3e4c-11f0-9e2b-76b3cceeab13",31,["D",1748715838548],"script","export function isValidDate(date: Date): boolean {\n return !Number.isNaN(date.getTime());\n}\n\nexport function parseDateFromURL(url: string): Date | false {\n const dateIndex = url.indexOf(\"date=\");\n if (dateIndex === -1) return false;\n \n const dateString = url.slice(dateIndex + 5);\n const date = new Date(parseInt(dateString, 10));\n\n if (!isValidDate(date)) {\n return false;\n } else {\n return date;\n }\n}\n\nexport function isToday(date: number): boolean {\n if (date >= todayUnix() - 1000 * 60 * 60 * 24) {\n return true;\n } else {\n return false;\n }\n}\n\nexport function todayUnix(): number {\n const today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n return today.getTime();\n}\n\n// Moves `date` forward until it reaches a Thursday in UTC and then the Thursday date\n// is returned. If `date` UTC already refers to a Thursday, then `date` is returned\n// unchanged.\nexport function getNextThursUtc(date: Date): Date {\n const thurs = 4;\n const thursDate = new Date(date);\n\n while (thursDate.getUTCDay() !== thurs) {\n thursDate.setUTCDate(thursDate.getUTCDate() + 1);\n }\n\n return thursDate;\n}\n\n// Moves `date` forward until it reaches a Friday in UTC and then the Friday date\n// is returned. If `date` UTC already refers to a Friday, then `date` is returned\n// unchanged.\nexport function getNextFridayUtc(date: Date): Date {\n const friday = 5;\n const fridayDate = new Date(date);\n\n while (fridayDate.getUTCDay() !== friday) {\n fridayDate.setUTCDate(fridayDate.getUTCDate() + 1);\n }\n\n return fridayDate;\n}\n\nexport function lastMondayBefore(date: Date): Date {\n const monday = 1;\n const newDate = new Date(date);\n while (newDate.getDay() !== monday) {\n newDate.setDate(newDate.getDate() - 1);\n }\n return newDate;\n}\n\nexport function nextWeek(date: Date): Date {\n const ret = new Date();\n ret.setTime(date.getTime() + 1000 * 60 * 60 * 24 * 7);\n return ret;\n}\n\nexport function nextThursAfter(date: Date): Date {\n const thurs = 4;\n const newDate = new Date(date);\n while (newDate.getDay() !== thurs) {\n newDate.setDate(newDate.getDate() + 1);\n }\n return newDate;\n}\n\nexport function getMonthAbbrev(monthId: string): string {\n const monthIndex = parseInt(monthId.slice(4, 6));\n const monthAbbrevs = [\n \"JAN\", \"FEB\", \"MAR\", \"APR\", \"MAY\", \"JUN\",\n \"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"\n ];\n return monthAbbrevs[monthIndex];\n}\n\nexport function displayAsMinutes(timeInSeconds: number): string {\n const minutes = Math.floor(timeInSeconds / 60);\n const seconds = timeInSeconds % 60;\n return `${fixedNumOfDigits(minutes, 2)}:${fixedNumOfDigits(seconds, 2)}`;\n}\n\nexport function fixedNumOfDigits(value: number, numOfDigits: number): string {\n const stringifiedValue = value.toString();\n let finalDisplay = \"\";\n\n if (stringifiedValue.length < numOfDigits) {\n for (let i = 0; i < numOfDigits - stringifiedValue.length; i++) {\n finalDisplay += \"0\";\n }\n finalDisplay += stringifiedValue;\n } else {\n finalDisplay = stringifiedValue;\n }\n\n return finalDisplay;\n}",[],[172,281],"6096f910-3e4c-11f0-a0c2-76b3cceeab13","types.ts","6096fa00-3e4c-11f0-a0c2-76b3cceeab13",["D",1748715820732],"export interface Presentation {\n id: number;\n title: string;\n presenter: string;\n date: number;\n}\n\nexport interface Config {\n maxSignUps: number;\n placeholder: {\n name: string;\n title: string;\n };\n}\n\nexport const config: Config = {\n maxSignUps: 9,\n placeholder: {\n name: \"Carly Rae Jepsen\",\n title: \"How to Do Amazing Things\"\n }\n};",[],[172,290],["D",1748715820732],[241,242],[172],"56a50bf8-3e4d-11f0-80a6-76b3cceeab13","package.json","56a50c8e-3e4d-11f0-80a6-76b3cceeab13",72,["D",1748716233470],"{\n \"name\": \"presentationsthursday\",\n \"version\": \"1.0.0\",\n \"description\": \"\",\n \"main\": \"app.js\",\n \"scripts\": {\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\n \"start\": \"webpack-dev-server --hot --progress --colors\",\n \"build\": \"webpack --progress --colors\",\n \"deploy\": \"NODE_ENV=production webpack -p --config webpack.production.config.js\"\n },\n \"keywords\": [],\n \"author\": \"\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"babel-cli\": \"^6.3.17\",\n \"babel-core\": \"^6.3.26\",\n \"babel-preset-es2015\": \"^6.3.13\",\n \"css-loader\": \"^3.0.0\",\n \"redux-devtools\": \"^3.0.1\",\n \"style-loader\": \"^0.23.1\"\n },\n \"babel\": {\n \"presets\": [\n \"es2015\"\n ]\n },\n \"dependencies\": {\n \"babel-loader\": \"^6.2.1\",\n \"babel-preset-react\": \"^6.3.13\",\n \"firebase\": \"^2.4.0\",\n \"immutable\": \"^3.7.6\",\n \"moment\": \"^2.24.0\",\n \"radium\": \"^0.16.2\",\n \"react\": \"^0.14.5\",\n \"react-dom\": \"^0.14.5\",\n \"react-feather\": \"^2.0.3\",\n \"react-hot-loader\": \"^1.3.0\",\n \"react-modal\": \"^0.6.1\",\n \"react-redux\": \"^4.0.6\",\n \"redux\": \"^3.0.5\",\n \"webpack\": \"^1.12.10\",\n \"webpack-dev-server\": \"^1.14.0\"\n }\n}\n",[],[178,300],"5698b1f0-3e4d-11f0-bc4f-76b3cceeab13","5698b2ae-3e4d-11f0-bc4f-76b3cceeab13",70,["D",1748716233468],"\n\n\n \n \n\n Presentations | Recurse Center\n\n\n\n

\n\n

\n\n \n\n\n",[],[178,134],"56caa9d0-3e4d-11f0-8c6c-76b3cceeab13","56caaa84-3e4d-11f0-8c6c-76b3cceeab13",78,["D",1748716233469],[],[178,159],"56be85c4-3e4d-11f0-bfc4-76b3cceeab13","app.js","56be8696-3e4d-11f0-bfc4-76b3cceeab13","565e8c0a-3e4d-11f0-853e-76b3cceeab13",76,["D",1748716233552],"\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport Firebase from \"firebase\";\nimport { createStore } from \"redux\";\nimport { Provider } from \"react-redux\";\nimport reducer from \"./reducer.js\";\nimport * as action from \"./actions.js\";\nimport * as helper from \"./helpers.js\";\nimport { PresentationsApp } from \"./components/presentationsApp.jsx\";\n\nconst ref = new Firebase(\"https://rc-presentations.firebaseio.com/\");\n\n// This is the first day (in UTC) ever of RC presentations.\nconst firstThursday = Date.UTC(\n 2016, // year\n 1, // month (1 = Februrary)\n 25, // day\n 21 // hour. 21:00 UTC is 4:00 PM EST which is the time that presentations\n // begin in NYC\n);\n\nconst oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n\n// import css\n// this is helpful for hot-reloding\n// with webpack-dev-server\nimport \"./index.css\";\n\nlet givenDate = helper.parseDateFromURL(location.href);\nif (!givenDate) {\n givenDate = new Date();\n}\n\nconsole.log(givenDate);\n\n// TODO (emily): Move this back to getNextThursUtc() after presentations on 7/5/24.\n// Note: the day of the week of the upcoming presentation determines how all past presentations\n// are displayed. All previous presentation sessions will now be shown as having occurred on a\n// Friday.\nconst upcomingPresentationDay = helper.getNextFridayUtc(givenDate);\n\n// 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC.\nupcomingPresentationDay.setUTCHours(21);\nupcomingPresentationDay.setUTCMinutes(0);\nupcomingPresentationDay.setUTCSeconds(0);\nupcomingPresentationDay.setUTCMilliseconds(0);\n\nconsole.log(\"getting presentations since date\", upcomingPresentationDay);\n\n// The presentations for a given day must have been registered between\n// 5:00:01 PM EST one week ago and 5:00:00 EST on that day.\n//\n// We chose 5:00 PM EST as the cutoff because it corresponds to the end of RC\n// core hours. When NYC is in daylight savings time, the cutoff will switch to\n// 6:00 PM EDT. We're okay with this inconsistency in user experience. The benefit\n// is it simplies our implementation -- the code doesn't have to worry about the\n// difference between standard time and daylight savings time.\nconst endOfPresentationDay = new Date(upcomingPresentationDay);\nendOfPresentationDay.setUTCHours(22); // 22:00 UTC is 5:00 PM EST, the time presentations end\nconst oneWeekBeforePresentationDate = endOfPresentationDay.getTime() - oneWeekInMilliseconds;\n\nref\n .child(\"presentations\")\n .orderByChild(\"date\")\n .startAt(oneWeekBeforePresentationDate)\n .endAt(endOfPresentationDay.getTime())\n .once(\"value\", snapshot => {\n ReactDOM.render(\n ,\n document.getElementById(\"presentationsApp\")\n );\n });\n",[],[178,166,321],"569b7034-3e4d-11f0-a4b7-76b3cceeab13","actions.js","569b70ca-3e4d-11f0-a4b7-76b3cceeab13",71,["D",1748716233472],"\"use strict\";\n\nimport * as helper from \"./helpers.js\";\n\nexport const UPDATE_ENTRY = (path, value) => {\n return helper.updateEntryInFirebase(path, value);\n};\n",[],[178,166,330],"56f5084c-3e4d-11f0-bb26-76b3cceeab13","568e5048-3e4d-11f0-8c6c-76b3cceeab13",["D",1748716234073],[],[178,166,264,32],"56e79e0a-3e4d-11f0-bb26-76b3cceeab13","presentationsApp.jsx","56e79ea0-3e4d-11f0-bb26-76b3cceeab13",82,["D",1748716233986],"\"use strict\";\n\nimport React from \"react\";\nimport { connect } from \"react-redux\";\nimport { Heart } from \"react-feather\";\nimport moment from \"moment\";\n\nimport * as action from \"../actions.js\";\nimport * as helper from \"../helpers.js\";\nimport ThursdayPicker from \"./ThursdayPicker.jsx\";\nimport Presentation from \"./Presentation.jsx\";\nimport AddPresentation from \"./AddPresentation.jsx\";\nimport Timer from \"./Timer.jsx\";\n\nlet today = new Date();\nlet todayString =\n today.getFullYear() +\n \"-\" +\n helper.fixedNumOfDigits(today.getMonth() + 1, 2) +\n \"-\" +\n helper.fixedNumOfDigits(today.getDate(), 2);\n\nexport class PresentationsApp extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n presentationSlots: [],\n };\n }\n\n componentWillMount(){\n if( this.props.data ){\n this.setState({presentationSlots: Object.keys(this.props.data)});\n } else {\n this.setState({presentationSlots: []});\n }\n }\n\n render() {\n const { chosenDate, data, firstThursday } = this.props;\n\n const Presentations = () => {\n const { data } = this.props;\n let presentationSlots = this.state.presentationSlots;\n\n const Error = () => (\n

No presentations found on this date

\n )\n\n return (\n

\n { presentationSlots.length <= 0 && }\n { presentationSlots.map((key, i) => {\n return (\n \n );\n }) }\n

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

\n \n

RC Presentations

{moment(chosenDate).format(\"dddd, MMMM Do, YYYY\")}

\n\n

\n \n \n

\n\n \n\n \n

\n );\n }\n}\n",[],[178,166,264,343],"56ed45c6-3e4d-11f0-8c6c-76b3cceeab13","presentation.css","56ed4666-3e4d-11f0-8c6c-76b3cceeab13",83,["D",1748716233944],"div#presentations{\n margin:1.5rem 0;\n}\n\n.presentation{\n padding-bottom: 1rem;\n margin-bottom: 1rem;\n\n border-bottom:1px solid var(--gray);\n\n display:flex;\n align-items: center;\n\n position:relative;\n}\n.presentation:last-child{\n border-bottom-width:0px;\n}\n\n.presentation > div{\n flex-grow: 10;\n}\n.presentation div:nth-child(0n+2){\n flex-grow: 1;\n text-align:right;\n}\n\n.presentation input{\n display:block;\n width:100%;\n background:none;\n color:inherit;\n font-size:1.2em;\n -webkit-appearance:none;\n border-width:0;\n text-overflow: ellipsis;\n padding-right: 1rem;\n}\n.presentation input:focus{\n outline:1px dotted var(--gray);\n}\n\n.presentation input.author{\n color:var(--gray);\n}\n\n.presentation button{\n border:1px solid var(--gray);\n margin:0 0 0 0.5em;\n padding:0.5em 0.8em;\n background-color:transparent;\n color:var(--gray);\n border-radius:1em;\n font-size:0.9em;\n}\n.presentation button:hover,\n.presentation button:focus{\n background-color: var(--text);\n border-color: var(--text);\n color:var(--black);\n cursor:pointer;\n}\n.presentation button.red:hover{\n background-color: var(--red);\n border-color: var(--red);\n color:var(--black);\n cursor:pointer;\n}\n.presentation button.red.fill{\n background-color: var(--red);\n border-color: var(--red);\n color:var(--black);\n cursor:pointer;\n}\n.presentation button.red.fill:hover{\n transform:scale(1.05);\n}\n.presentation button.green{\n border-color: var(--green);\n color:var(--green);\n cursor:pointer;\n}\n.presentation button.green:hover{\n background-color: var(--green);\n border-color: var(--green);\n color:var(--black);\n cursor:pointer;\n}\n\n.hide{ display:none; }\n.show{ display:inline-block;}\n\n.presentation .notice{\n position:absolute;\n top:0;left:0;\n width:100%;\n height:100%;\n\n background:var(--background-transparent);\n\n text-align:center;\n\n}\n.presentation .notice div{\n padding-top:0.2em;\n text-align:center;\n}\n",[],[178,166,264,351],"56e25e86-3e4d-11f0-b639-76b3cceeab13","Timer.jsx","56e25f58-3e4d-11f0-b639-76b3cceeab13",81,["D",1748716233901],"\"use strict\";\n\nimport React from \"react\";\nimport * as helper from \"../helpers.js\";\n\nimport { Clock, XOctagon as Cancel } from \"react-feather\";\n\nimport \"./Timer.css\";\n\nclass Timer extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n timerIsRunning: false,\n startedAt: null,\n secondsLeft: 300\n };\n }\n\n componentWillMount() {\n document.addEventListener(\"keydown\", e => this.handleKeypress(e, this));\n }\n\n handleKeypress(e, _this) {\n if( e.ctrlKey && e.code==\"Enter\"){\n _this.startTimer();\n }\n\n if( _this.state.timerIsRunning ){\n if (e.code == \"KeyQ\") {\n _this.stopTimer();\n _this.stopMusic();\n }\n\n if(e.code == \"KeyR\") {\n _this.startTimer();\n }\n }\n }\n\n stopEverything() {\n this.stopTimer();\n this.stopMusic();\n }\n\n startTimer() {\n this.setState({\n secondsLeft: 300,\n startedAt: new Date().getTime()\n });\n\n let audio = document.getElementById(\"timerMusic\");\n audio.src = helper.randomMusicFile();\n\n let timer = setInterval(() => {\n if (!this.state.timerIsRunning && this.state.secondsLeft != 300) {\n clearInterval(timer);\n } else if (this.state.secondsLeft > 0) {\n this.tickTimer();\n } else {\n this.playMeOff();\n clearInterval(timer);\n this.setState({\n timerIsRunning: false\n });\n }\n }, 1000);\n }\n\n tickTimer() {\n this.setState({\n secondsLeft:\n 300 - Math.round((new Date().getTime() - this.state.startedAt) / 1000),\n timerIsRunning: true\n });\n }\n\n stopTimer() {\n this.setState({\n timerIsRunning: false\n });\n }\n\n playMeOff() {\n let audio = document.getElementById(\"timerMusic\");\n audio.play();\n audio.volume = 0;\n\n let increaseVol = setInterval(() => {\n if (audio.volume >= 0.9) {\n clearInterval(increaseVol);\n } else {\n audio.volume = audio.volume + 0.1;\n console.log(\"inc\", audio.volume);\n }\n }, 3000);\n\n setTimeout(() => {\n let decreaseVol = setInterval(() => {\n if (audio.volume <= 0.1) {\n clearInterval(decreaseVol);\n } else {\n audio.volume = audio.volume - 0.1;\n console.log(\"dec\", audio.volume);\n }\n }, 3000);\n }, 40000);\n }\n\n stopMusic() {\n let audio = document.getElementById(\"timerMusic\");\n audio.pause();\n }\n\n displayTimer() {\n if (this.state.timerIsRunning) {\n return (\n

\n {helper.displayAsMinutes(this.state.secondsLeft)}\n

\n );\n } else {\n return null;\n }\n }\n\n render() {\n\n const StopTimerButton = () => (\n this.stopEverything()\n }>\n \n Stop (Q)\n \n )\n\n return (\n

\n { this.state.timerIsRunning\n ? : '' }\n \n

\n {this.displayTimer()}\n

\n );\n }\n}\n\nexport default Timer;\n",[],[178,166,264,359],"56d8f79c-3e4d-11f0-a0dd-76b3cceeab13","Timer.css","56d8f878-3e4d-11f0-a0dd-76b3cceeab13",80,["D",1748716233832],"#timerContainer{\n position:fixed;\n top:0;right:0;\n padding:1rem;\n\n z-index:9999;\n}\n\nbutton.timerButton{\n /* Shared Form Styles */\n border-width: 0px;\n border-radius: 1rem;\n padding: 0.5em 0.8em;\n font-size: 1.1em;\n\n background-color:var(--gray);\n color:var(--text);\n\n vertical-align: baseline;\n\n cursor:pointer;\n transition: all 0.3s ease;\n}\nbutton.timerButton:hover{\n transform: scale(1.05);\n}\nbutton.timerButton:active{\n transform: scale(1);\n}\nbutton.timerButton svg{\n position:relative;\n top:2px;left:0;\n\n height: 1em;\n margin:0 0.1em 0 0;\n}\nbutton.timerButton.red{\n background-color:var(--red);\n}\n\ndiv.timer{\n position:fixed;\n top:0;left:0;\n height:100%;\n width:100%;\n display:flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n\n background-color: var(--background-transparent);\n\n z-index:99;\n\n font-size:40vh;\n}\n@media screen and (max-width: 800px){\n div.timer{\n font-size: 20vh;\n }\n}\ndiv.timer h4{\n font-size:1em;\n}\n",[],[178,166,264,367],"56cf5282-3e4d-11f0-80a6-76b3cceeab13","ThursdayPicker_Block.jsx","56cf5336-3e4d-11f0-80a6-76b3cceeab13",79,["D",1748716233805],"\"use strict\";\n\nimport React from \"react\";\nimport * as helper from \"../helpers.js\";\nimport moment from \"moment\";\n\nclass Block extends React.Component {\n render() {\n const { date, isSelected } = this.props;\n\n let selectedClass = isSelected ? \"selected\" : null;\n\n // using button instead of div allows\n // for keyboard navigation\n\n return (\n \n \n \n );\n }\n}\n\nexport default Block;\n",[],[178,166,264,375],"56ba10ac-3e4d-11f0-9cb5-76b3cceeab13","Presentation.jsx","56ba1160-3e4d-11f0-9cb5-76b3cceeab13",75,["D",1748716233686],"\"use strict\";\n\nimport React from \"react\";\nimport Firebase from \"firebase\";\nlet ref = new Firebase(\"https://rc-presentations.firebaseio.com/\");\nimport Notice from \"./Notice.jsx\";\n\nimport \"./presentation.css\";\n\nclass Presentation extends React.Component {\n constructor(props) {\n super(props);\n const { presenter, title } = props.presentation;\n\n this.state = {\n titleInput: title,\n presenterInput: presenter,\n notice: \"\",\n confirm: false,\n needsUpdate: false\n };\n }\n\n updateInput(label, e) {\n let newInputObj = {};\n newInputObj[label] = e.target.value;\n newInputObj[\"needsUpdate\"] = true;\n this.setState(newInputObj);\n }\n\n setNotice(msg, confirm = false, length = 1000) {\n this.setState({\n notice: msg,\n confirm\n });\n setTimeout(() => {\n this.setState({\n notice: \"\",\n confirm\n });\n }, length);\n }\n\n confirmRemove() {\n this.setNotice(\"\");\n this.removeEntryInFirebase();\n }\n\n updateEntryInFirebase(e) {\n if (this.state.presenterInput.length > 0) {\n ref\n .child(\"presentations\")\n .child(this.props.index)\n .update({\n title: this.state.titleInput,\n presenter: this.state.presenterInput\n });\n this.setNotice(\"Updated\");\n this.setState({\n needsUpdate: false\n });\n } else {\n e.preventDefault();\n this.setNotice(\"please add your name\");\n }\n }\n\n removeEntryInFirebase() {\n ref\n .child(\"presentations\")\n .child(this.props.index)\n .remove();\n location.reload();\n }\n\n render() {\n const { index, presentation } = this.props;\n\n return (\n

\n this.updateInput(\"titleInput\", e)}\n />\n this.updateInput(\"presenterInput\", e)}\n className=\"author\"\n />\n

\n \n {\n let msg = `Are you sure?`\n this.setNotice(msg, true, 50000);\n }}\n >\n Delete\n \n

\n \n

\n );\n }\n}\n\nexport default Presentation;\n",[],[178,166,264,383],"56af8b1e-3e4d-11f0-aa77-76b3cceeab13","Notice.jsx","56af8c04-3e4d-11f0-aa77-76b3cceeab13",74,["D",1748716233617],"\"use strict\";\n\nimport React from \"react\";\n\nimport './notice.css';\n\nclass Notice extends React.Component {\n renderConfirm() {\n if (this.props.confirm) {\n return (\n

\n \n \n

\n );\n }\n return null;\n }\n\n render() {\n const { notice, confirm, confirmFunc, cancelFunc } = this.props;\n\n if (notice.length > 0) {\n return (\n

\n {notice}\n {this.renderConfirm()}\n

\n );\n } else {\n return null;\n }\n }\n}\n\nexport default Notice;\n",[],[178,166,264,391],"56c4a530-3e4d-11f0-8520-76b3cceeab13","AddPresentation.jsx","56c4a5ee-3e4d-11f0-8520-76b3cceeab13",77,["D",1748716233718],"\"use strict\";\n\nimport React from \"react\";\nimport Firebase from \"firebase\";\nlet ref = new Firebase(\"https://rc-presentations.firebaseio.com/\");\nimport Notice from \"./Notice.jsx\";\n\nimport \"./AddPresentation.css\";\n\nimport { placeholder, maxSignUps } from \"./config.js\";\n\nclass AddPresentation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n titleInput: \"\",\n presenterInput: \"\",\n notice: \"\",\n showForm: true\n };\n }\n\n updateInput(label, e) {\n let newInputObj = {};\n newInputObj[label] = e.target.value;\n this.setState(newInputObj);\n }\n\n addEntryInFirebase(e) {\n if (document.getElementsByClassName(\"presentation\").length >= maxSignUps ) {\n e.preventDefault();\n this.displayNotice(\"aw gee, it's all booked!\");\n } else if (this.state.presenterInput.length > 0) {\n ref.child(\"presentations\").push({\n title: this.state.titleInput,\n presenter: this.state.presenterInput,\n date: Firebase.ServerValue.TIMESTAMP\n });\n } else {\n e.preventDefault();\n this.displayNotice(\"Please add your name\", 50000);\n }\n }\n\n displayNotice(msg) {\n this.setState({\n notice: msg\n });\n setTimeout(() => {\n this.setState({\n notice: \"\"\n });\n }, 1000);\n }\n\n componentDidMount(){\n // Add focus to title input for quicker\n // presentation submission\n // document.getElementById('add-presentation-title').focus();\n }\n\n componentWillMount(){\n let formStatus = this.props.numPresentations < maxSignUps ? true : false;\n this.setState({\n showForm: formStatus\n });\n }\n\n render() {\n let entryData = {\n title: this.state.titleInput,\n presenter: this.state.presenterInput,\n lastUpdated: Firebase.ServerValue.TIMESTAMP\n };\n\n return (\n

\n { this.state.showForm\n ?

\n );\n }\n}\n\nexport default AddPresentation;\n",[],[178,166,264,399],"56a96054-3e4d-11f0-853e-76b3cceeab13","AddPresentation.css","56a96108-3e4d-11f0-853e-76b3cceeab13",73,["D",1748716233562],"/* form.add-presentation{\n\n} */\nform.add-presentation h3{\n grid-column: 2 span;\n text-align:left;\n padding-bottom:0.5em;\n}\n\nform.add-presentation label{\n display:block;\n font-size:0.9em;\n text-align:left;\n padding-bottom: 0.5em;\n color:var(--gray);\n}\n\nform.add-presentation input,\nform.add-presentation button{\n /* Shared Form Styles */\n border-width: 0px;\n border-radius: 1rem;\n padding: 0.5em 0.8em;\n font-size: 1.1em;\n}\nform.add-presentation input:focus{\n border-color:1px solid var(--white);\n}\nform.add-presentation button:focus{\n background-color:var(--white);\n border-color:1px solid var(--white);\n}\n\nform.add-presentation input{\n display:block;\n\n position:relative;\n top:0;left:0;\n\n background:none;\n color:var(--text);\n border:1px solid var(--gray);\n border-radius: 1rem;\n width: 100%;\n margin: 0 0 1em 0;\n}\nform.add-presentation button{\n padding:0.5em 1.2em;\n background-color:var(--green);\n color: var(--black);\n transition: all 0.3s ease;\n}\nform.add-presentation button:hover{\n cursor: pointer;\n box-shadow: 0px 0px 10px RGBA(90, 186, 71, 0.60);\n transform: scale(1.05);\n}\nform.add-presentation button:focus:hover{\n box-shadow: 0px 0px 10px RGBA(255, 255, 255, 0.60);\n}\n\n.block-border{\n margin:2rem 0;\n padding: 1rem;\n\n border-radius: 1.5rem;\n border:1px solid var(--gray);\n /* box-shadow: 0px 0px 10px rgba(255,255,255,0.3); */\n\n text-align:left;\n\n /* display:grid;\n grid-template-columns: 2fr 2fr 1fr; */\n}\n\nform.add-presentation .notice{\n display:inline;\n padding-left:1.5rem;\n}\n\nform.add-presentation div.form-grid{\n display:flex-box;\n flex-direction: column;\n flex-wrap: wrap;\n}\n",[],[178,166,264,407],"568e4f62-3e4d-11f0-8c6c-76b3cceeab13",69,["D",1748716233399],[225,226,227,228,229,230,231,232,233,234],[178,166,264],"568389e2-3e4d-11f0-bc4f-76b3cceeab13","56838a96-3e4d-11f0-bc4f-76b3cceeab13",68,["D",1748716233324],[],[178,166,271],"565e8b38-3e4d-11f0-853e-76b3cceeab13",67,["D",1748716233085],[223,224,235,236],[178,166],"564f2d28-3e4d-11f0-853e-76b3cceeab13","build","564f2dd2-3e4d-11f0-853e-76b3cceeab13",66,["D",1748716232983],[],[178,431],["D",1748716232796],[221,222,237,238,239],[178],"b4a58e54-3e4c-11f0-850f-76b3cceeab13","index.tsx","b4a5907a-3e4c-11f0-850f-76b3cceeab13",["D",1748715961758],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport { PresentationsApp } from \"./components/App.tsx\";\nimport { parseDateFromURL, getNextFridayUtc } from \"../shared/utils.ts\";\nimport type { Presentation } from \"../shared/types.ts\";\n\n// Get initial data from server-side injection or fetch from API\nconst getInitialData = (): Presentation[] => {\n if (typeof window !== 'undefined' && (window as any).__INITIAL_DATA__) {\n return (window as any).__INITIAL_DATA__;\n }\n return [];\n};\n\n// This is the first day (in UTC) ever of RC presentations.\nconst firstThursday = Date.UTC(\n 2016, // year\n 1, // month (1 = February)\n 25, // day\n 21 // hour. 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC\n);\n\nconst oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n\nfunction App() {\n const [presentations, setPresentations] = useState(getInitialData());\n const [loading, setLoading] = useState(false);\n\n let givenDate = parseDateFromURL(location.href);\n if (!givenDate) {\n givenDate = new Date();\n }\n\n // TODO (emily): Move this back to getNextThursUtc() after presentations on 7/5/24.\n // Note: the day of the week of the upcoming presentation determines how all past presentations\n // are displayed. All previous presentation sessions will now be shown as having occurred on a\n // Friday.\n const upcomingPresentationDay = getNextFridayUtc(givenDate);\n\n // 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC.\n upcomingPresentationDay.setUTCHours(21);\n upcomingPresentationDay.setUTCMinutes(0);\n upcomingPresentationDay.setUTCSeconds(0);\n upcomingPresentationDay.setUTCMilliseconds(0);\n\n const fetchPresentations = async () => {\n setLoading(true);\n try {\n const response = await fetch('/api/presentations');\n const data = await response.json();\n setPresentations(data);\n } catch (error) {\n console.error('Error fetching presentations:', error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n // Only fetch if we don't have initial data\n if (presentations.length === 0) {\n fetchPresentations();\n }\n }, []);\n\n return (\n \n );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById('presentationsApp')!);\nroot.render();",[],[184,441],"fff4df4a-3e4c-11f0-a2e7-76b3cceeab13","fff4dffe-3e4c-11f0-a2e7-76b3cceeab13",52,["D",1748716088109],"\n\n\n \n \n Presentations | Recurse Center\n \n \n\n\n

\n \n\n",[],[184,134],"0ed7c8a6-3e4d-11f0-b2c6-76b3cceeab13","Timer.tsx","0ed7c93c-3e4d-11f0-b2c6-76b3cceeab13","2e11b572-2f01-4ee9-9f6e-c2c48ad6e729",54,["D",1748716113084],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { displayAsMinutes } from \"../../shared/utils.ts\";\n\nexport function Timer() {\n const [timerIsRunning, setTimerIsRunning] = useState(false);\n const [startedAt, setStartedAt] = useState(null);\n const [secondsLeft, setSecondsLeft] = useState(300);\n\n const handleKeypress = useCallback((e: KeyboardEvent) => {\n if (e.ctrlKey && e.code === \"Enter\") {\n startTimer();\n }\n\n if (timerIsRunning) {\n if (e.code === \"KeyQ\") {\n stopTimer();\n }\n\n if (e.code === \"KeyR\") {\n startTimer();\n }\n }\n }, [timerIsRunning]);\n\n useEffect(() => {\n document.addEventListener(\"keydown\", handleKeypress);\n return () => {\n document.removeEventListener(\"keydown\", handleKeypress);\n };\n }, [handleKeypress]);\n\n const startTimer = () => {\n const now = new Date().getTime();\n setSecondsLeft(300);\n setStartedAt(now);\n setTimerIsRunning(true);\n };\n\n const stopTimer = () => {\n setTimerIsRunning(false);\n };\n\n const stopEverything = () => {\n stopTimer();\n };\n\n useEffect(() => {\n if (!timerIsRunning || !startedAt) return;\n\n const timer = setInterval(() => {\n const elapsed = Math.round((new Date().getTime() - startedAt) / 1000);\n const remaining = 300 - elapsed;\n\n if (remaining <= 0) {\n setSecondsLeft(0);\n setTimerIsRunning(false);\n clearInterval(timer);\n // Timer finished - could add notification here\n } else {\n setSecondsLeft(remaining);\n }\n }, 1000);\n\n return () => clearInterval(timer);\n }, [timerIsRunning, startedAt]);\n\n const displayTimer = () => {\n if (timerIsRunning) {\n return (\n

\n {displayAsMinutes(secondsLeft)}\n

\n );\n }\n return null;\n };\n\n const StopTimerButton = () => (\n \n ⏹️ Stop (Q)\n \n );\n\n return (\n

\n {timerIsRunning && }\n \n

\n {displayTimer()}\n

\n );\n}",[],[184,264,455],"2c22625e-3e4d-11f0-bee7-76b3cceeab13","ThursdayPicker.tsx","2c226326-3e4d-11f0-bee7-76b3cceeab13",59,["D",1748716162226],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\ninterface ThursdayPickerProps {\n chosenDate: Date;\n firstThursday: number;\n}\n\nexport function ThursdayPicker({ chosenDate, firstThursday }: ThursdayPickerProps) {\n // For now, just display the current date\n // The original had complex date navigation which we can add back if needed\n \n return (\n

Viewing presentations for: {chosenDate.toDateString()}

\n Date navigation can be added here if needed\n

\n );\n}",[],[184,264,464],"12d415c2-3e4d-11f0-9836-76b3cceeab13","PresentationsList.tsx","12d416b2-3e4d-11f0-9836-76b3cceeab13",55,["D",1748716119771],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { PresentationItem } from \"./PresentationItem.tsx\";\nimport type { Presentation } from \"../../shared/types.ts\";\nimport { isToday } from \"../../shared/utils.ts\";\n\ninterface PresentationsListProps {\n presentations: Presentation[];\n onRefresh: () => void;\n loading: boolean;\n}\n\nexport function PresentationsList({ presentations, onRefresh, loading }: PresentationsListProps) {\n if (loading) {\n return (\n

Loading presentations...

\n );\n }\n\n if (presentations.length === 0) {\n return (\n

No presentations found on this date

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

\n {presentations.map((presentation) => (\n \n ))}\n

\n );\n}",[],[184,264,472],"1ce13bee-3e4d-11f0-982a-76b3cceeab13","PresentationItem.tsx","1ce13cb6-3e4d-11f0-982a-76b3cceeab13",56,["D",1748716136632],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { Notice } from \"./Notice.tsx\";\nimport type { Presentation } from \"../../shared/types.ts\";\n\ninterface PresentationItemProps {\n presentation: Presentation;\n editable: boolean;\n onRefresh: () => void;\n}\n\nexport function PresentationItem({ presentation, editable, onRefresh }: PresentationItemProps) {\n const [titleInput, setTitleInput] = useState(presentation.title);\n const [presenterInput, setPresenterInput] = useState(presentation.presenter);\n const [notice, setNotice] = useState(\"\");\n const [confirm, setConfirm] = useState(false);\n const [needsUpdate, setNeedsUpdate] = useState(false);\n\n const updateInput = (field: 'title' | 'presenter', value: string) => {\n if (field === 'title') {\n setTitleInput(value);\n } else {\n setPresenterInput(value);\n }\n setNeedsUpdate(true);\n };\n\n const showNotice = (msg: string, isConfirm = false, length = 1000) => {\n setNotice(msg);\n setConfirm(isConfirm);\n setTimeout(() => {\n setNotice(\"\");\n setConfirm(false);\n }, length);\n };\n\n const updatePresentation = async (e: React.MouseEvent) => {\n e.preventDefault();\n \n if (presenterInput.trim().length === 0) {\n showNotice(\"Please add your name\");\n return;\n }\n\n try {\n const response = await fetch(`/api/presentations/${presentation.id}`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n title: titleInput,\n presenter: presenterInput,\n }),\n });\n\n if (response.ok) {\n showNotice(\"Updated\");\n setNeedsUpdate(false);\n onRefresh();\n } else {\n showNotice(\"Error updating presentation\");\n }\n } catch (error) {\n showNotice(\"Error updating presentation\");\n }\n };\n\n const confirmRemove = async () => {\n try {\n const response = await fetch(`/api/presentations/${presentation.id}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n onRefresh();\n } else {\n showNotice(\"Error deleting presentation\");\n }\n } catch (error) {\n showNotice(\"Error deleting presentation\");\n }\n };\n\n return (\n

\n updateInput('title', e.target.value)}\n disabled={!editable}\n />\n updateInput('presenter', e.target.value)}\n className=\"author\"\n disabled={!editable}\n />\n

\n {editable && (\n

\n \n {\n showNotice(\"Are you sure?\", true, 50000);\n }}\n >\n Delete\n \n

\n )}\n showNotice(\"\")}\n />\n

\n );\n}",[],[184,264,480],"2804bec4-3e4d-11f0-9ce1-76b3cceeab13","Notice.tsx","2804bf6e-3e4d-11f0-9ce1-76b3cceeab13",58,["D",1748716155323],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\n\ninterface NoticeProps {\n notice: string;\n confirm?: boolean;\n confirmFunc?: () => void;\n cancelFunc?: () => void;\n}\n\nexport function Notice({ notice, confirm = false, confirmFunc, cancelFunc }: NoticeProps) {\n if (!notice) return null;\n\n const noticeClass = confirm ? \"notice confirm\" : \"notice\";\n\n return (\n

\n {notice}\n {confirm && (\n

\n \n \n

\n )}\n

\n );\n}",[],[184,264,488],"06cc89b2-3e4d-11f0-a39e-76b3cceeab13","App.tsx","06cc8a52-3e4d-11f0-a39e-76b3cceeab13",53,["D",1748716099587],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { Timer } from \"./Timer.tsx\";\nimport { PresentationsList } from \"./PresentationsList.tsx\";\nimport { AddPresentation } from \"./AddPresentation.tsx\";\nimport { ThursdayPicker } from \"./ThursdayPicker.tsx\";\nimport type { Presentation } from \"../../shared/types.ts\";\n\ninterface PresentationsAppProps {\n chosenDate: Date;\n presentations: Presentation[];\n firstThursday: number;\n onRefresh: () => void;\n loading: boolean;\n}\n\nexport function PresentationsApp({ \n chosenDate, \n presentations, \n firstThursday, \n onRefresh,\n loading \n}: PresentationsAppProps) {\n const formatDate = (date: Date) => {\n return date.toLocaleDateString('en-US', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n return (\n

\n \n

RC Presentations

{formatDate(chosenDate)}

\n\n

\n \n \n

\n\n \n\n \n

\n );\n}",[],[184,264,496],"24832326-3e4d-11f0-acb5-76b3cceeab13","AddPresentation.tsx","248323da-3e4d-11f0-acb5-76b3cceeab13",57,["D",1748716149436],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { Notice } from \"./Notice.tsx\";\nimport { config } from \"../../shared/types.ts\";\n\ninterface AddPresentationProps {\n numPresentations: number;\n onRefresh: () => void;\n}\n\nexport function AddPresentation({ numPresentations, onRefresh }: AddPresentationProps) {\n const [titleInput, setTitleInput] = useState(\"\");\n const [presenterInput, setPresenterInput] = useState(\"\");\n const [notice, setNotice] = useState(\"\");\n\n const showForm = numPresentations < config.maxSignUps;\n\n const displayNotice = (msg: string) => {\n setNotice(msg);\n setTimeout(() => {\n setNotice(\"\");\n }, 1000);\n };\n\n const addPresentation = async (e: React.MouseEvent) => {\n e.preventDefault();\n\n if (numPresentations >= config.maxSignUps) {\n displayNotice(\"Aw gee, it's all booked!\");\n return;\n }\n\n if (presenterInput.trim().length === 0) {\n displayNotice(\"Please add your name\");\n return;\n }\n\n try {\n const response = await fetch('/api/presentations', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n title: titleInput,\n presenter: presenterInput,\n }),\n });\n\n if (response.ok) {\n setTitleInput(\"\");\n setPresenterInput(\"\");\n onRefresh();\n } else {\n displayNotice(\"Error adding presentation\");\n }\n } catch (error) {\n displayNotice(\"Error adding presentation\");\n }\n };\n\n if (!showForm) {\n return (\n

\n All available presentation slots are full.\n

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

Sign Up to Present

\n Presentation Title\n setTitleInput(e.target.value)}\n />\n Your Name\n setPresenterInput(e.target.value)}\n />\n

\n \n \n

\n );\n}",[],[184,264,504],"06cc92f4-3e4d-11f0-a39e-76b3cceeab13",["D",1748716099587],[211,212,213,214,215,216,217],[184,264],["D",1748715961758],[210,218,219],[184],"46604140-3e4d-11f0-9836-76b3cceeab13","index.ts",64,["D",1748716206251],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { initDatabase, getPresentations, addPresentation, updatePresentation, deletePresentation } from \"./database/queries.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait initDatabase();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data to avoid extra round-trips\n const presentations = await getPresentations();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.text(\"Error loading page\", 500);\n }\n});\n\n// API Routes\napp.get(\"/api/presentations\", async c => {\n const presentations = await getPresentations();\n return c.json(presentations);\n});\n\napp.post(\"/api/presentations\", async c => {\n const body = await c.req.json();\n const { title, presenter } = body;\n \n if (!presenter || presenter.trim() === \"\") {\n return c.json({ error: \"Presenter name is required\" }, 400);\n }\n \n const id = await addPresentation(title || \"\", presenter, Date.now());\n return c.json({ id, title, presenter, date: Date.now() });\n});\n\napp.put(\"/api/presentations/:id\", async c => {\n const id = c.req.param(\"id\");\n const body = await c.req.json();\n const { title, presenter } = body;\n \n if (!presenter || presenter.trim() === \"\") {\n return c.json({ error: \"Presenter name is required\" }, 400);\n }\n \n await updatePresentation(parseInt(id), title || \"\", presenter);\n return c.json({ success: true });\n});\n\napp.delete(\"/api/presentations/:id\", async c => {\n const id = c.req.param(\"id\");\n await deletePresentation(parseInt(id));\n return c.json({ success: true });\n});\n\nexport default app.fetch;","present",[],[190,519],"5be48630-3e4c-11f0-a961-76b3cceeab13","queries.ts","5be48702-3e4c-11f0-a961-76b3cceeab13","8a143b6d-64b9-4948-8d28-70796e67a64b",29,["D",1748715812836],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'rc_presentations_v1';\n\nexport interface Presentation {\n id: number;\n title: string;\n presenter: string;\n date: number;\n}\n\nexport async function initDatabase() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL DEFAULT '',\n presenter TEXT NOT NULL,\n date INTEGER NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n}\n\nexport async function getPresentations(): Promise {\n const oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n const now = Date.now();\n const oneWeekAgo = now - oneWeekInMilliseconds;\n \n const result = await sqlite.execute(\n `SELECT id, title, presenter, date FROM ${TABLE_NAME} \n WHERE date >= ? AND date <= ?\n ORDER BY date ASC`,\n [oneWeekAgo, now + oneWeekInMilliseconds]\n );\n \n return result.rows.map(row => ({\n id: row[0] as number,\n title: row[1] as string,\n presenter: row[2] as string,\n date: row[3] as number,\n }));\n}\n\nexport async function addPresentation(title: string, presenter: string, date: number): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (title, presenter, date) VALUES (?, ?, ?)`,\n [title, presenter, date]\n );\n \n return result.lastInsertRowId as number;\n}\n\nexport async function updatePresentation(id: number, title: string, presenter: string): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET title = ?, presenter = ? WHERE id = ?`,\n [title, presenter, id]\n );\n}\n\nexport async function deletePresentation(id: number): Promise {\n await sqlite.execute(\n `DELETE FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n}",[],[190,536,528],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[207],[190,536],["D",1748715802417],[206,208],[190],["D",1748715613647],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_121":581,"_582":583,"_584":585,"_586":24,"_587":24,"_588":24,"_589":57,"_590":-5,"_591":-7,"_592":-7,"_593":61,"_594":24,"_595":24,"_596":-5,"_597":24,"_598":24,"_599":24,"_600":-5},"ENV",{"_552":553,"_554":555,"_556":85,"_557":558,"_559":560,"_561":562,"_563":564,"_565":566,"_567":568,"_569":570,"_571":572,"_573":574,"_575":576,"_577":578,"_579":580},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v84