[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_614":615,"_616":617},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":54,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":60,"_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",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",94,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/Timer.tsx","latestPath","fileId","0ed7c93c-3e4d-11f0-b2c6-76b3cceeab13","name","Timer.tsx","fileType","script","content","/** @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}","/** @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 stopEverything();\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 - no music in this version\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 // Clock icon component\n const Clock = () => (\n \n );\n\n // Cancel icon component\n const Cancel = () => (\n \n );\n\n const StopTimerButton = () => (\n \n \n Stop (Q)\n \n );\n\n return (\n

\n {timerIsRunning && }\n \n

\n {displayTimer()}\n

\n );\n}","createdAt",["D",1748716408576],"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",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"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",{"_44":45,"_32":46,"_39":610,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":611,"_82":612,"_84":613,"_86":25},"tree",[208,212,223,250,253,256,257,258,259],"files",[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,250,251,252,253,254,255,256,257,258,259],"counts",{"_198":64,"_199":143,"_200":64,"_201":202,"_203":204},"contents",[127,128,129,130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":192,"_32":193,"_30":194,"_139":-5,"_42":43,"_41":195,"_141":60,"_39":196,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_27":197},{"_44":186,"_32":187,"_30":188,"_139":-5,"_42":43,"_41":189,"_141":60,"_39":190,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_27":191},{"_44":180,"_32":181,"_30":182,"_139":-5,"_42":43,"_41":183,"_141":60,"_39":184,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_27":185},{"_44":174,"_32":175,"_30":176,"_139":-5,"_42":43,"_41":177,"_141":60,"_39":178,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_27":179},{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":143,"_141":60,"_39":171,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_27":173},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":165,"_13":64,"_34":20,"_36":166,"_24":25,"_145":-5,"_27":167},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":60,"_39":158,"_13":64,"_34":20,"_36":159,"_24":25,"_145":-5,"_27":160},{"_44":147,"_32":148,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":60,"_39":151,"_13":64,"_34":20,"_36":152,"_24":25,"_145":-5,"_27":153},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":142,"_13":143,"_34":20,"_36":144,"_24":25,"_145":-5,"_27":146},"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",[137],"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}",[148],"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",[155],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[162],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13","src","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],"directory",[169],"60970342-3e4c-11f0-a0c2-76b3cceeab13","shared","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",30,["D",1748715820732],[175],"5632953c-3e4d-11f0-b2c6-76b3cceeab13","rc-presentations","563296a4-3e4d-11f0-b2c6-76b3cceeab13",65,["D",1748716232796],[181],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13","frontend","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["D",1748715961758],[187],"55abf884-3e4c-11f0-9c59-76b3cceeab13","backend","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",28,["D",1748715802417],[193],"pulls","branches","forks","envVars",{"_205":64,"_207":64},"connections",{"_205":64,"_206":64},"count","unfilledCount","emptyCount",{"_44":192,"_32":193,"_30":194,"_139":-5,"_42":43,"_41":195,"_141":60,"_39":607,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":608,"_27":609},{"_44":603,"_32":602,"_30":596,"_139":194,"_42":43,"_41":597,"_141":60,"_39":604,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":605,"_27":606},{"_44":593,"_32":594,"_30":595,"_139":596,"_42":43,"_41":597,"_141":60,"_39":598,"_13":64,"_34":35,"_36":599,"_24":25,"_145":-5,"_261":600,"_27":601},{"_44":584,"_32":585,"_30":58,"_139":194,"_42":43,"_41":586,"_141":25,"_39":587,"_13":276,"_34":588,"_36":589,"_24":25,"_145":590,"_261":591,"_27":592},{"_44":186,"_32":187,"_30":188,"_139":-5,"_42":43,"_41":189,"_141":60,"_39":581,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":582,"_27":583},{"_44":576,"_32":274,"_30":524,"_139":188,"_42":43,"_41":577,"_141":60,"_39":578,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":579,"_27":580},{"_44":568,"_32":569,"_30":570,"_139":524,"_42":43,"_41":571,"_141":25,"_39":572,"_13":64,"_34":35,"_36":573,"_24":25,"_145":-5,"_261":574,"_27":575},{"_44":560,"_32":561,"_30":562,"_139":524,"_42":43,"_41":563,"_141":60,"_39":564,"_13":143,"_34":35,"_36":565,"_24":25,"_145":-5,"_261":566,"_27":567},{"_44":552,"_32":553,"_30":554,"_139":524,"_42":43,"_41":555,"_141":25,"_39":556,"_13":64,"_34":35,"_36":557,"_24":25,"_145":-5,"_261":558,"_27":559},{"_44":544,"_32":545,"_30":546,"_139":524,"_42":43,"_41":547,"_141":25,"_39":548,"_13":64,"_34":35,"_36":549,"_24":25,"_145":-5,"_261":550,"_27":551},{"_44":536,"_32":537,"_30":538,"_139":524,"_42":43,"_41":539,"_141":60,"_39":540,"_13":64,"_34":35,"_36":541,"_24":25,"_145":-5,"_261":542,"_27":543},{"_44":528,"_32":529,"_30":530,"_139":524,"_42":43,"_41":531,"_141":60,"_39":532,"_13":64,"_34":35,"_36":533,"_24":25,"_145":-5,"_261":534,"_27":535},{"_44":523,"_32":33,"_30":31,"_139":524,"_42":43,"_41":14,"_141":60,"_39":525,"_13":143,"_34":35,"_36":38,"_24":25,"_145":-5,"_261":526,"_27":527},{"_44":516,"_32":137,"_30":517,"_139":188,"_42":43,"_41":518,"_141":60,"_39":519,"_13":143,"_34":20,"_36":520,"_24":25,"_145":-5,"_261":521,"_27":522},{"_44":509,"_32":510,"_30":511,"_139":188,"_42":43,"_41":189,"_141":60,"_39":512,"_13":64,"_34":35,"_36":513,"_24":25,"_145":-5,"_261":514,"_27":515},{"_44":180,"_32":181,"_30":182,"_139":-5,"_42":43,"_41":183,"_141":60,"_39":506,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":507,"_27":508},{"_44":499,"_32":500,"_30":501,"_139":182,"_42":43,"_41":502,"_141":60,"_39":503,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":504,"_27":505},{"_44":494,"_32":169,"_30":348,"_139":182,"_42":43,"_41":495,"_141":60,"_39":496,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":497,"_27":498},{"_44":488,"_32":281,"_30":489,"_139":348,"_42":43,"_41":490,"_141":60,"_39":491,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":492,"_27":493},{"_44":483,"_32":274,"_30":389,"_139":348,"_42":43,"_41":484,"_141":60,"_39":485,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":486,"_27":487},{"_44":475,"_32":476,"_30":477,"_139":389,"_42":43,"_41":478,"_141":60,"_39":479,"_13":64,"_34":20,"_36":480,"_24":25,"_145":-5,"_261":481,"_27":482},{"_44":467,"_32":468,"_30":469,"_139":389,"_42":43,"_41":470,"_141":60,"_39":471,"_13":64,"_34":35,"_36":472,"_24":25,"_145":-5,"_261":473,"_27":474},{"_44":459,"_32":460,"_30":461,"_139":389,"_42":43,"_41":462,"_141":60,"_39":463,"_13":64,"_34":35,"_36":464,"_24":25,"_145":-5,"_261":465,"_27":466},{"_44":451,"_32":452,"_30":453,"_139":389,"_42":43,"_41":454,"_141":60,"_39":455,"_13":64,"_34":35,"_36":456,"_24":25,"_145":-5,"_261":457,"_27":458},{"_44":443,"_32":444,"_30":445,"_139":389,"_42":43,"_41":446,"_141":60,"_39":447,"_13":64,"_34":35,"_36":448,"_24":25,"_145":-5,"_261":449,"_27":450},{"_44":435,"_32":436,"_30":437,"_139":389,"_42":43,"_41":438,"_141":60,"_39":439,"_13":64,"_34":35,"_36":440,"_24":25,"_145":-5,"_261":441,"_27":442},{"_44":427,"_32":428,"_30":429,"_139":389,"_42":43,"_41":430,"_141":60,"_39":431,"_13":64,"_34":20,"_36":432,"_24":25,"_145":-5,"_261":433,"_27":434},{"_44":419,"_32":420,"_30":421,"_139":389,"_42":43,"_41":422,"_141":60,"_39":423,"_13":64,"_34":35,"_36":424,"_24":25,"_145":-5,"_261":425,"_27":426},{"_44":411,"_32":412,"_30":413,"_139":389,"_42":43,"_41":414,"_141":60,"_39":415,"_13":64,"_34":35,"_36":416,"_24":25,"_145":-5,"_261":417,"_27":418},{"_44":403,"_32":404,"_30":405,"_139":389,"_42":43,"_41":406,"_141":60,"_39":407,"_13":64,"_34":20,"_36":408,"_24":25,"_145":-5,"_261":409,"_27":410},{"_44":395,"_32":396,"_30":397,"_139":389,"_42":43,"_41":398,"_141":60,"_39":399,"_13":64,"_34":35,"_36":400,"_24":25,"_145":-5,"_261":401,"_27":402},{"_44":386,"_32":387,"_30":388,"_139":389,"_42":43,"_41":390,"_141":60,"_39":391,"_13":64,"_34":20,"_36":392,"_24":25,"_145":-5,"_261":393,"_27":394},{"_44":378,"_32":379,"_30":380,"_139":348,"_42":43,"_41":381,"_141":60,"_39":382,"_13":64,"_34":35,"_36":383,"_24":25,"_145":-5,"_261":384,"_27":385},{"_44":370,"_32":371,"_30":372,"_139":348,"_42":43,"_41":373,"_141":60,"_39":374,"_13":64,"_34":35,"_36":375,"_24":25,"_145":-5,"_261":376,"_27":377},{"_44":362,"_32":363,"_30":364,"_139":348,"_42":43,"_41":365,"_141":60,"_39":366,"_13":64,"_34":35,"_36":367,"_24":25,"_145":-5,"_261":368,"_27":369},{"_44":354,"_32":355,"_30":356,"_139":348,"_42":43,"_41":357,"_141":60,"_39":358,"_13":64,"_34":20,"_36":359,"_24":25,"_145":-5,"_261":360,"_27":361},{"_44":345,"_32":346,"_30":347,"_139":348,"_42":43,"_41":349,"_141":60,"_39":350,"_13":64,"_34":35,"_36":351,"_24":25,"_145":-5,"_261":352,"_27":353},{"_44":339,"_32":162,"_30":340,"_139":182,"_42":43,"_41":341,"_141":60,"_39":342,"_13":64,"_34":20,"_36":166,"_24":25,"_145":-5,"_261":343,"_27":344},{"_44":332,"_32":137,"_30":333,"_139":182,"_42":43,"_41":334,"_141":60,"_39":335,"_13":64,"_34":20,"_36":336,"_24":25,"_145":-5,"_261":337,"_27":338},{"_44":324,"_32":325,"_30":326,"_139":182,"_42":43,"_41":327,"_141":60,"_39":328,"_13":64,"_34":20,"_36":329,"_24":25,"_145":-5,"_261":330,"_27":331},{"_44":316,"_32":317,"_30":318,"_139":182,"_42":43,"_41":319,"_141":25,"_39":320,"_13":64,"_34":35,"_36":321,"_24":25,"_145":-5,"_261":322,"_27":323},{"_44":308,"_32":309,"_30":310,"_139":182,"_42":43,"_41":311,"_141":60,"_39":312,"_13":64,"_34":35,"_36":313,"_24":25,"_145":-5,"_261":314,"_27":315},{"_44":174,"_32":175,"_30":176,"_139":-5,"_42":43,"_41":177,"_141":60,"_39":305,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":306,"_27":307},{"_44":298,"_32":299,"_30":300,"_139":176,"_42":43,"_41":177,"_141":60,"_39":301,"_13":64,"_34":35,"_36":302,"_24":25,"_145":-5,"_261":303,"_27":304},{"_44":290,"_32":291,"_30":292,"_139":176,"_42":43,"_41":293,"_141":60,"_39":294,"_13":64,"_34":35,"_36":295,"_24":25,"_145":-5,"_261":296,"_27":297},{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":143,"_141":60,"_39":287,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":288,"_27":289},{"_44":280,"_32":281,"_30":282,"_139":170,"_42":43,"_41":283,"_141":60,"_39":284,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":285,"_27":286},{"_44":273,"_32":274,"_30":275,"_139":170,"_42":43,"_41":276,"_141":60,"_39":277,"_13":64,"_34":172,"_36":-5,"_24":25,"_145":-5,"_261":278,"_27":279},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":270,"_13":64,"_34":20,"_36":166,"_24":25,"_145":-5,"_261":271,"_27":272},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":60,"_39":267,"_13":64,"_34":20,"_36":159,"_24":25,"_145":-5,"_261":268,"_27":269},{"_44":147,"_32":148,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":60,"_39":264,"_13":64,"_34":20,"_36":152,"_24":25,"_145":-5,"_261":265,"_27":266},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":260,"_13":143,"_34":20,"_36":144,"_24":25,"_145":-5,"_261":262,"_27":263},["D",1748715916868],"children",[],[137],["D",1748715653910],[],[148],["D",1748715653911],[],[155],["D",1748715654598],[],[162],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13","components","fd1c8c6a-3e4b-11f0-aa01-76b3cceeab13",3,["D",1748715653838],[],[169,274],"fd110688-3e4b-11f0-85ee-76b3cceeab13","assets","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[169,281],["D",1748715653653],[254,255],[169],"6b34e77e-3e4c-11f0-9e2b-76b3cceeab13","utils.ts","6b34e85a-3e4c-11f0-9e2b-76b3cceeab13",31,["D",1748715838548],"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}",[],[175,291],"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};",[],[175,299],["D",1748715820732],[251,252],[175],"5716057e-3e4d-11f0-bfbd-76b3cceeab13","webpack.production.config.js","57160632-3e4d-11f0-bfbd-76b3cceeab13",91,["D",1748716234250],"var webpack = require('webpack');\n\nmodule.exports = {\n entry: './src/app.js',\n output: {\n path: __dirname,\n filename: 'bundle.js'\n },\n module: {\n loaders: [\n {\n test: /\\.js?$/,\n loaders: ['babel-loader?presets[]=react,presets[]=es2015'],\n exclude: /node_modules/\n },\n {\n test: /\\.jsx?$/,\n loaders: ['babel-loader?presets[]=react,presets[]=es2015'],\n exclude: /node_modules/\n },\n {\n test: /\\.css$/,\n loaders: ['style-loader','css-loader'],\n options: {\n modules: true\n }\n }\n ],\n },\n plugins: [\n new webpack.NoErrorsPlugin(),\n new webpack.DefinePlugin({\n 'process.env': {\n 'NODE_ENV': '\"production\"'\n }\n })\n ]\n};\n",[],[181,309],"57100160-3e4d-11f0-970f-76b3cceeab13","webpack.config.js","57100214-3e4d-11f0-970f-76b3cceeab13",90,["D",1748716234248],"var webpack = require('webpack');\n// import webpack from 'webpack';\n\nmodule.exports = {\n entry: [\n 'webpack/hot/only-dev-server',\n './src/app.js'\n ],\n output: {\n path: __dirname + '/build',\n filename: 'bundle.js'\n },\n module: {\n loaders: [\n {\n test: /\\.js?$/,\n loaders: ['react-hot', 'babel-loader?presets[]=react,presets[]=es2015'],\n exclude: /node_modules/\n },\n {\n test: /\\.jsx?$/,\n loaders: ['react-hot', 'babel-loader?presets[]=react,presets[]=es2015'],\n exclude: /node_modules/\n },\n {\n test: /\\.css$/,\n loaders: ['style-loader','css-loader'],\n options: {\n modules: true\n }\n }\n ],\n },\n plugins: [\n new webpack.NoErrorsPlugin()\n ]\n};\n",[],[181,317],"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",[],[181,325],"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",[],[181,137],"56caa9d0-3e4d-11f0-8c6c-76b3cceeab13","56caaa84-3e4d-11f0-8c6c-76b3cceeab13",78,["D",1748716233469],[],[181,162],"570b566a-3e4d-11f0-80a6-76b3cceeab13","reducer.js","570b571e-3e4d-11f0-80a6-76b3cceeab13","565e8c0a-3e4d-11f0-853e-76b3cceeab13",89,["D",1748716234218],"import { Map } from \"immutable\";\n\nfunction setState(state, newData) {\n return state.merge(newData);\n}\n\nfunction reducer(state = Map(), action) {\n // console.log(action.type)\n return setState(state, action.data);\n}\n\nexport default reducer;\n",[],[181,169,346],"57074b74-3e4d-11f0-a4b7-76b3cceeab13","index.css","57074c1e-3e4d-11f0-a4b7-76b3cceeab13",88,["D",1748716234192],"@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&display=swap');\n\n* {\n margin:0;padding:0;\n box-sizing:border-box;\n}\n\n:root{\n --white: #EEEEEE;\n --gray: #777777;\n --black: #0A0C0A;\n --green: #5ABA47;\n --red: #FF6347;\n --yellow: RGBA(255, 196, 57, 1.00);\n\n --highlight: var(--yellow);\n\n --text: var(--white);\n --background: var(--black);\n --background-transparent: rgba(10,12,10,0.8);\n\n /* --text: var(--black);\n --background: var(--white); */\n\n --width: 700px;\n}\n\nhtml{\n font-size:100%;\n}\n\nhtml.light{\n --text: var(--black);\n --background: var(--white);\n --background-transparent: RGBA(238, 238, 238, 0.80);\n}\n\nbody {\n background-color: var(--background);\n\n font-family: \"Roboto\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n\n font-weight: 300;\n text-align: center;\n\n padding-top: 2rem;\n\n color: var(--text);\n}\n@media screen and (max-width:700px){\n body{\n font-size: 0.8rem;\n }\n}\n\nh1{\n font-weight:inherit;\n text-align:left;\n font-size: 1.5em;\n}\n\nh2 {\n font-weight: inherit;\n text-align:left;\n font-size: 1.5em;\n color: var(--gray);\n}\n\nh3{\n font-weight:inherit;\n text-align:left;\n}\n\n.logo {\n width: 50px;\n margin: 0 1.5rem 0 0;\n}\n\nheader{\n padding: 1rem 0;\n display:flex;\n align-items: center;\n}\n\n/* helps keep things flexible for mobile */\n#container{\n max-width: var(--width);\n margin:0 auto;\n padding: 1.8rem 1rem 1rem 1rem;\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\nfooter {\n font-size:0.9em;\n text-align:left;\n max-width: 80%;\n padding-bottom:2rem;\n line-height:1.5;\n}\na{\n color: var(--gray);\n}\na:hover{\n color:var(--green);\n}\nfooter svg.filled{\n fill: var(--text);\n}\n.center{\n text-align:center;\n}\n",[],[181,169,355],"57032698-3e4d-11f0-8c6c-76b3cceeab13","helpers.js","57032742-3e4d-11f0-8c6c-76b3cceeab13",87,["D",1748716234166],"\"use strict\";\n\nfunction isValidDate(date) {\n return !Number.isNaN(date.getTime());\n}\n\nexport const parseDateFromURL = url => {\n let dateIndex = url.indexOf(\"date=\");\n let dateString = url.slice(dateIndex + 5);\n let date = new Date(parseInt(dateString, 10));\n\n if (!isValidDate(date)) {\n return false;\n } else {\n return date;\n }\n};\n\nexport const isToday = date => {\n if (date >= todayUnix() - 1000 * 60 * 60 * 24) {\n return true;\n } else {\n return false;\n }\n};\n\nexport const todayUnix = () => {\n let today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n let todayUnix = today.getTime();\n\n return todayUnix;\n};\n\n// Moves `date` forward until it reaches a Thurs in UTC and then the Thurs date\n// is returned. If `date` UTC already refers to a Thurs, then `date` is returned\n// unchanged.\nexport function getNextThursUtc(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 Fri in UTC and then the Fri date\n// is returned. If `date` UTC already refers to a Fri, then `date` is returned\n// unchanged.\nexport function getNextFridayUtc(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) {\n const monday = 1;\n while (date.getDay() != monday) {\n date.setDate(date.getDate() - 1);\n }\n return date;\n}\n\nexport function nextWeek(date) {\n let ret = new Date();\n ret.setTime(date.getTime() + 1000 * 60 * 60 * 24 * 7);\n return ret;\n}\n\nexport function nextThursAfter(date) {\n const thurs = 4;\n while (date.getDay() != thurs) {\n date.setDate(date.getDate() + 1);\n }\n return date;\n}\n\nexport const getMonthAbbrev = monthId => {\n let monthIndex = monthId.split(\"\");\n monthIndex = monthIndex.splice(4, 6);\n monthIndex = monthIndex.join(\"\");\n monthIndex = parseInt(monthIndex);\n let monthAbbrevs = [\n \"JAN\",\n \"FEB\",\n \"MAR\",\n \"APR\",\n \"MAY\",\n \"JUN\",\n \"JUL\",\n \"AUG\",\n \"SEP\",\n \"OCT\",\n \"NOV\",\n \"DEC\"\n ];\n return monthAbbrevs[monthIndex];\n};\n\nexport const createURLFromDate = date => {};\n\nexport const displayAsMinutes = timeInSeconds => {\n let minutes = Math.floor(timeInSeconds / 60);\n let seconds = timeInSeconds % 60;\n let timeString =\n fixedNumOfDigits(minutes, 2) + \":\" + fixedNumOfDigits(seconds, 2);\n\n return timeString;\n};\n\nexport const fixedNumOfDigits = (value, numOfDigits) => {\n let 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};\n\nexport const randomMusicFile = () => {\n let randomNum = Math.round(Math.random() * 9);\n let fileString = \"./src/assets/\" + randomNum + \".mp3\";\n\n return fileString;\n};\n",[],[181,169,363],"56be85c4-3e4d-11f0-bfc4-76b3cceeab13","app.js","56be8696-3e4d-11f0-bfc4-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",[],[181,169,371],"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",[],[181,169,379],"56f5084c-3e4d-11f0-bb26-76b3cceeab13","thursdaypicker.css","56f5093c-3e4d-11f0-bb26-76b3cceeab13","568e5048-3e4d-11f0-8c6c-76b3cceeab13",84,["D",1748716234073],".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",[],[181,169,274,387],"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",[],[181,169,274,396],"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",[],[181,169,274,404],"56fc0bb0-3e4d-11f0-bfbd-76b3cceeab13","config.js","56fc0c46-3e4d-11f0-bfbd-76b3cceeab13",86,["D",1748716233921],"module.exports = {\n maxSignUps: 9,\n placeholder: {\n name: \"Carly Rae Jepsen\",\n title: \"How to Do Amazing Things\"\n }\n}\n",[],[181,169,274,412],"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",[],[181,169,274,420],"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",[],[181,169,274,428],"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",[],[181,169,274,436],"56f7ea9e-3e4d-11f0-89af-76b3cceeab13","ThursdayPicker.jsx","56f7eb66-3e4d-11f0-89af-76b3cceeab13",85,["D",1748716233726],"\"use strict\";\n\nimport React from \"react\";\nimport Block from \"./ThursdayPicker_Block.jsx\";\nimport * as helper from \"../helpers.js\";\n\nimport './thursdaypicker.css';\n\nclass ThursdayPicker extends React.Component {\n getBlocks(thursdays, chosenDate) {\n return thursdays.map((thursday, i) => {\n let isSelected = thursday == chosenDate.getTime();\n\n return ;\n });\n }\n\n getMonths() {\n const { chosenDate, firstThursday } = this.props;\n\n let todayUnix = helper.todayUnix();\n let lastThursday = firstThursday;\n let allThursdays = {};\n\n while (lastThursday <= todayUnix) {\n let date = new Date(lastThursday);\n let month = date.getMonth();\n let year = date.getFullYear();\n let monthId =\n helper.fixedNumOfDigits(year, 2) + helper.fixedNumOfDigits(month, 2);\n let thursdays = [];\n\n if (allThursdays[monthId]) {\n thursdays = allThursdays[monthId];\n }\n thursdays.push(lastThursday);\n allThursdays[monthId] = thursdays;\n lastThursday += 1000 * 60 * 60 * 24 * 7;\n let lastThursdayDate = new Date(lastThursday);\n }\n\n let allThursdaysMonths = Object.keys(allThursdays);\n return allThursdaysMonths.map((month, i) => {\n return (\n

\n {helper.getMonthAbbrev(month)}\n

\n {this.getBlocks(allThursdays[month], chosenDate)}\n

\n );\n });\n }\n\n render() {\n return (\n

Previous Presentations

{this.getMonths()}

\n );\n }\n}\n\nexport default ThursdayPicker;\n",[],[181,169,274,444],"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",[],[181,169,274,452],"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",[],[181,169,274,460],"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",[],[181,169,274,468],"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",[],[181,169,274,476],"568e4f62-3e4d-11f0-8c6c-76b3cceeab13",69,["D",1748716233399],[228,229,230,231,232,233,234,235,236,237,238,239],[181,169,274],"568389e2-3e4d-11f0-bc4f-76b3cceeab13","56838a96-3e4d-11f0-bc4f-76b3cceeab13",68,["D",1748716233324],[],[181,169,281],"565e8b38-3e4d-11f0-853e-76b3cceeab13",67,["D",1748716233085],[226,227,240,241,242,243,244],[181,169],"564f2d28-3e4d-11f0-853e-76b3cceeab13","build","564f2dd2-3e4d-11f0-853e-76b3cceeab13",66,["D",1748716232983],[],[181,500],["D",1748716232796],[224,225,245,246,247,248,249],[181],"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();",[],[187,510],"9d186c74-3e4d-11f0-a1c3-76b3cceeab13","fff4dffe-3e4c-11f0-a2e7-76b3cceeab13",92,["D",1748716351739],"\n\n\n \n \n Presentations | Recurse Center\n \n \n\n\n

\n \n\n",[],[187,137],"bef938dc-3e4d-11f0-99a4-76b3cceeab13","2e11b572-2f01-4ee9-9f6e-c2c48ad6e729",["D",1748716408576],[],[187,274,33],"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}",[],[187,274,529],"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}",[],[187,274,537],"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}",[],[187,274,545],"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}",[],[187,274,553],"ac79cf28-3e4d-11f0-bf8e-76b3cceeab13","App.tsx","06cc8a52-3e4d-11f0-a39e-76b3cceeab13",93,["D",1748716377544],"/** @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 // Create a simple RC logo using CSS\n const RCLogo = () => (\n

\n RC\n

\n );\n\n // Heart icon component\n const Heart = ({ size = \"0.8em\", className = \"\" }) => (\n \n );\n\n return (\n

\n \n

RC Presentations

{formatDate(chosenDate)}

\n\n

\n \n \n

\n\n \n\n \n

\n );\n}",[],[187,274,561],"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}",[],[187,274,569],"06cc92f4-3e4d-11f0-a39e-76b3cceeab13",53,["D",1748716099587],[214,215,216,217,218,219,220],[187,274],["D",1748715961758],[213,221,222],[187],"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",[],[193,585],"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}",[],[193,602,594],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[210],[193,602],["D",1748715802417],[209,211],[193],["D",1748715613647],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_124":647,"_648":649,"_650":651,"_652":25,"_653":25,"_654":25,"_655":60,"_656":-5,"_657":-7,"_658":-7,"_659":64,"_660":25,"_661":25,"_662":-5,"_663":25,"_664":25,"_665":25,"_666":-5},"ENV",{"_618":619,"_620":621,"_622":88,"_623":624,"_625":626,"_627":628,"_629":630,"_631":632,"_633":634,"_635":636,"_637":638,"_639":640,"_641":642,"_643":644,"_645":646},"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 · v94