[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_602":603,"_604":605},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_104":86,"_26":52,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",90,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","rc-presentations/webpack.config.js","latestPath","fileId","57100214-3e4d-11f0-970f-76b3cceeab13","name","webpack.config.js","fileType","script","content","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","createdAt",["D",1748716234248],"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",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"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",{"_42":43,"_31":44,"_37":598,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":599,"_80":600,"_82":601,"_84":24},"tree",[206,210,221,247,250,253,254,255,256],"files",[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,250,251,252,253,254,255,256],"counts",{"_196":62,"_197":141,"_198":62,"_199":200,"_201":202},"contents",[125,126,127,128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":190,"_31":191,"_29":192,"_137":-5,"_40":41,"_39":193,"_139":58,"_37":194,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_26":195},{"_42":184,"_31":185,"_29":186,"_137":-5,"_40":41,"_39":187,"_139":58,"_37":188,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_26":189},{"_42":178,"_31":179,"_29":180,"_137":-5,"_40":41,"_39":181,"_139":58,"_37":182,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_26":183},{"_42":172,"_31":173,"_29":174,"_137":-5,"_40":41,"_39":175,"_139":58,"_37":176,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_26":177},{"_42":166,"_31":167,"_29":168,"_137":-5,"_40":41,"_39":141,"_139":58,"_37":169,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_26":171},{"_42":159,"_31":160,"_29":161,"_137":-5,"_40":41,"_39":162,"_139":58,"_37":163,"_13":62,"_33":20,"_35":164,"_23":24,"_143":-5,"_26":165},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":58,"_37":156,"_13":62,"_33":20,"_35":157,"_23":24,"_143":-5,"_26":158},{"_42":145,"_31":146,"_29":147,"_137":-5,"_40":41,"_39":148,"_139":58,"_37":149,"_13":62,"_33":20,"_35":150,"_23":24,"_143":-5,"_26":151},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":140,"_13":141,"_33":20,"_35":142,"_23":24,"_143":-5,"_26":144},"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",[135],"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}",[146],"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",[153],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[160],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13","src","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],"directory",[167],"60970342-3e4c-11f0-a0c2-76b3cceeab13","shared","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",30,["D",1748715820732],[173],"5632953c-3e4d-11f0-b2c6-76b3cceeab13","rc-presentations","563296a4-3e4d-11f0-b2c6-76b3cceeab13",65,["D",1748716232796],[179],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13","frontend","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["D",1748715961758],[185],"55abf884-3e4c-11f0-9c59-76b3cceeab13","backend","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",28,["D",1748715802417],[191],"pulls","branches","forks","envVars",{"_203":62,"_205":62},"connections",{"_203":62,"_204":62},"count","unfilledCount","emptyCount",{"_42":190,"_31":191,"_29":192,"_137":-5,"_40":41,"_39":193,"_139":58,"_37":595,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":596,"_26":597},{"_42":591,"_31":590,"_29":584,"_137":192,"_40":41,"_39":585,"_139":58,"_37":592,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":593,"_26":594},{"_42":581,"_31":582,"_29":583,"_137":584,"_40":41,"_39":585,"_139":58,"_37":586,"_13":62,"_33":34,"_35":587,"_23":24,"_143":-5,"_258":588,"_26":589},{"_42":572,"_31":573,"_29":56,"_137":192,"_40":41,"_39":574,"_139":24,"_37":575,"_13":273,"_33":576,"_35":577,"_23":24,"_143":578,"_258":579,"_26":580},{"_42":184,"_31":185,"_29":186,"_137":-5,"_40":41,"_39":187,"_139":58,"_37":569,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":570,"_26":571},{"_42":565,"_31":271,"_29":511,"_137":186,"_40":41,"_39":552,"_139":58,"_37":566,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":567,"_26":568},{"_42":557,"_31":558,"_29":559,"_137":511,"_40":41,"_39":560,"_139":24,"_37":561,"_13":62,"_33":34,"_35":562,"_23":24,"_143":-5,"_258":563,"_26":564},{"_42":549,"_31":550,"_29":551,"_137":511,"_40":41,"_39":552,"_139":24,"_37":553,"_13":62,"_33":34,"_35":554,"_23":24,"_143":-5,"_258":555,"_26":556},{"_42":541,"_31":542,"_29":543,"_137":511,"_40":41,"_39":544,"_139":24,"_37":545,"_13":62,"_33":34,"_35":546,"_23":24,"_143":-5,"_258":547,"_26":548},{"_42":533,"_31":534,"_29":535,"_137":511,"_40":41,"_39":536,"_139":24,"_37":537,"_13":62,"_33":34,"_35":538,"_23":24,"_143":-5,"_258":539,"_26":540},{"_42":525,"_31":526,"_29":527,"_137":511,"_40":41,"_39":528,"_139":58,"_37":529,"_13":62,"_33":34,"_35":530,"_23":24,"_143":-5,"_258":531,"_26":532},{"_42":517,"_31":518,"_29":519,"_137":511,"_40":41,"_39":520,"_139":58,"_37":521,"_13":62,"_33":34,"_35":522,"_23":24,"_143":-5,"_258":523,"_26":524},{"_42":508,"_31":509,"_29":510,"_137":511,"_40":41,"_39":512,"_139":24,"_37":513,"_13":62,"_33":34,"_35":514,"_23":24,"_143":-5,"_258":515,"_26":516},{"_42":501,"_31":135,"_29":502,"_137":186,"_40":41,"_39":503,"_139":24,"_37":504,"_13":62,"_33":20,"_35":505,"_23":24,"_143":-5,"_258":506,"_26":507},{"_42":494,"_31":495,"_29":496,"_137":186,"_40":41,"_39":187,"_139":58,"_37":497,"_13":62,"_33":34,"_35":498,"_23":24,"_143":-5,"_258":499,"_26":500},{"_42":178,"_31":179,"_29":180,"_137":-5,"_40":41,"_39":181,"_139":58,"_37":491,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":492,"_26":493},{"_42":484,"_31":485,"_29":486,"_137":180,"_40":41,"_39":487,"_139":58,"_37":488,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":489,"_26":490},{"_42":479,"_31":167,"_29":333,"_137":180,"_40":41,"_39":480,"_139":58,"_37":481,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":482,"_26":483},{"_42":473,"_31":278,"_29":474,"_137":333,"_40":41,"_39":475,"_139":58,"_37":476,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":477,"_26":478},{"_42":468,"_31":271,"_29":374,"_137":333,"_40":41,"_39":469,"_139":58,"_37":470,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":471,"_26":472},{"_42":460,"_31":461,"_29":462,"_137":374,"_40":41,"_39":463,"_139":58,"_37":464,"_13":62,"_33":20,"_35":465,"_23":24,"_143":-5,"_258":466,"_26":467},{"_42":452,"_31":453,"_29":454,"_137":374,"_40":41,"_39":455,"_139":58,"_37":456,"_13":62,"_33":34,"_35":457,"_23":24,"_143":-5,"_258":458,"_26":459},{"_42":444,"_31":445,"_29":446,"_137":374,"_40":41,"_39":447,"_139":58,"_37":448,"_13":62,"_33":34,"_35":449,"_23":24,"_143":-5,"_258":450,"_26":451},{"_42":436,"_31":437,"_29":438,"_137":374,"_40":41,"_39":439,"_139":58,"_37":440,"_13":62,"_33":34,"_35":441,"_23":24,"_143":-5,"_258":442,"_26":443},{"_42":428,"_31":429,"_29":430,"_137":374,"_40":41,"_39":431,"_139":58,"_37":432,"_13":62,"_33":34,"_35":433,"_23":24,"_143":-5,"_258":434,"_26":435},{"_42":420,"_31":421,"_29":422,"_137":374,"_40":41,"_39":423,"_139":58,"_37":424,"_13":62,"_33":34,"_35":425,"_23":24,"_143":-5,"_258":426,"_26":427},{"_42":412,"_31":413,"_29":414,"_137":374,"_40":41,"_39":415,"_139":58,"_37":416,"_13":62,"_33":20,"_35":417,"_23":24,"_143":-5,"_258":418,"_26":419},{"_42":404,"_31":405,"_29":406,"_137":374,"_40":41,"_39":407,"_139":58,"_37":408,"_13":62,"_33":34,"_35":409,"_23":24,"_143":-5,"_258":410,"_26":411},{"_42":396,"_31":397,"_29":398,"_137":374,"_40":41,"_39":399,"_139":58,"_37":400,"_13":62,"_33":34,"_35":401,"_23":24,"_143":-5,"_258":402,"_26":403},{"_42":388,"_31":389,"_29":390,"_137":374,"_40":41,"_39":391,"_139":58,"_37":392,"_13":62,"_33":20,"_35":393,"_23":24,"_143":-5,"_258":394,"_26":395},{"_42":380,"_31":381,"_29":382,"_137":374,"_40":41,"_39":383,"_139":58,"_37":384,"_13":62,"_33":34,"_35":385,"_23":24,"_143":-5,"_258":386,"_26":387},{"_42":371,"_31":372,"_29":373,"_137":374,"_40":41,"_39":375,"_139":58,"_37":376,"_13":62,"_33":20,"_35":377,"_23":24,"_143":-5,"_258":378,"_26":379},{"_42":363,"_31":364,"_29":365,"_137":333,"_40":41,"_39":366,"_139":58,"_37":367,"_13":62,"_33":34,"_35":368,"_23":24,"_143":-5,"_258":369,"_26":370},{"_42":355,"_31":356,"_29":357,"_137":333,"_40":41,"_39":358,"_139":58,"_37":359,"_13":62,"_33":34,"_35":360,"_23":24,"_143":-5,"_258":361,"_26":362},{"_42":347,"_31":348,"_29":349,"_137":333,"_40":41,"_39":350,"_139":58,"_37":351,"_13":62,"_33":34,"_35":352,"_23":24,"_143":-5,"_258":353,"_26":354},{"_42":339,"_31":340,"_29":341,"_137":333,"_40":41,"_39":342,"_139":58,"_37":343,"_13":62,"_33":20,"_35":344,"_23":24,"_143":-5,"_258":345,"_26":346},{"_42":330,"_31":331,"_29":332,"_137":333,"_40":41,"_39":334,"_139":58,"_37":335,"_13":62,"_33":34,"_35":336,"_23":24,"_143":-5,"_258":337,"_26":338},{"_42":324,"_31":160,"_29":325,"_137":180,"_40":41,"_39":326,"_139":58,"_37":327,"_13":62,"_33":20,"_35":164,"_23":24,"_143":-5,"_258":328,"_26":329},{"_42":317,"_31":135,"_29":318,"_137":180,"_40":41,"_39":319,"_139":58,"_37":320,"_13":62,"_33":20,"_35":321,"_23":24,"_143":-5,"_258":322,"_26":323},{"_42":309,"_31":310,"_29":311,"_137":180,"_40":41,"_39":312,"_139":58,"_37":313,"_13":62,"_33":20,"_35":314,"_23":24,"_143":-5,"_258":315,"_26":316},{"_42":305,"_31":32,"_29":30,"_137":180,"_40":41,"_39":14,"_139":24,"_37":306,"_13":62,"_33":34,"_35":36,"_23":24,"_143":-5,"_258":307,"_26":308},{"_42":172,"_31":173,"_29":174,"_137":-5,"_40":41,"_39":175,"_139":58,"_37":302,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":303,"_26":304},{"_42":295,"_31":296,"_29":297,"_137":174,"_40":41,"_39":175,"_139":58,"_37":298,"_13":62,"_33":34,"_35":299,"_23":24,"_143":-5,"_258":300,"_26":301},{"_42":287,"_31":288,"_29":289,"_137":174,"_40":41,"_39":290,"_139":58,"_37":291,"_13":62,"_33":34,"_35":292,"_23":24,"_143":-5,"_258":293,"_26":294},{"_42":166,"_31":167,"_29":168,"_137":-5,"_40":41,"_39":141,"_139":58,"_37":284,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":285,"_26":286},{"_42":277,"_31":278,"_29":279,"_137":168,"_40":41,"_39":280,"_139":58,"_37":281,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":282,"_26":283},{"_42":270,"_31":271,"_29":272,"_137":168,"_40":41,"_39":273,"_139":58,"_37":274,"_13":62,"_33":170,"_35":-5,"_23":24,"_143":-5,"_258":275,"_26":276},{"_42":159,"_31":160,"_29":161,"_137":-5,"_40":41,"_39":162,"_139":58,"_37":267,"_13":62,"_33":20,"_35":164,"_23":24,"_143":-5,"_258":268,"_26":269},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":58,"_37":264,"_13":62,"_33":20,"_35":157,"_23":24,"_143":-5,"_258":265,"_26":266},{"_42":145,"_31":146,"_29":147,"_137":-5,"_40":41,"_39":148,"_139":58,"_37":261,"_13":62,"_33":20,"_35":150,"_23":24,"_143":-5,"_258":262,"_26":263},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":257,"_13":141,"_33":20,"_35":142,"_23":24,"_143":-5,"_258":259,"_26":260},["D",1748715916868],"children",[],[135],["D",1748715653910],[],[146],["D",1748715653911],[],[153],["D",1748715654598],[],[160],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13","components","fd1c8c6a-3e4b-11f0-aa01-76b3cceeab13",3,["D",1748715653838],[],[167,271],"fd110688-3e4b-11f0-85ee-76b3cceeab13","assets","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[167,278],["D",1748715653653],[251,252],[167],"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}",[],[173,288],"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};",[],[173,296],["D",1748715820732],[248,249],[173],"57100160-3e4d-11f0-970f-76b3cceeab13",["D",1748716234248],[],[179,32],"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",[],[179,310],"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",[],[179,135],"56caa9d0-3e4d-11f0-8c6c-76b3cceeab13","56caaa84-3e4d-11f0-8c6c-76b3cceeab13",78,["D",1748716233469],[],[179,160],"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",[],[179,167,331],"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",[],[179,167,340],"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",[],[179,167,348],"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",[],[179,167,356],"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",[],[179,167,364],"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",[],[179,167,271,372],"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",[],[179,167,271,381],"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",[],[179,167,271,389],"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",[],[179,167,271,397],"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",[],[179,167,271,405],"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",[],[179,167,271,413],"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",[],[179,167,271,421],"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",[],[179,167,271,429],"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",[],[179,167,271,437],"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",[],[179,167,271,445],"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",[],[179,167,271,453],"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",[],[179,167,271,461],"568e4f62-3e4d-11f0-8c6c-76b3cceeab13",69,["D",1748716233399],[226,227,228,229,230,231,232,233,234,235,236,237],[179,167,271],"568389e2-3e4d-11f0-bc4f-76b3cceeab13","56838a96-3e4d-11f0-bc4f-76b3cceeab13",68,["D",1748716233324],[],[179,167,278],"565e8b38-3e4d-11f0-853e-76b3cceeab13",67,["D",1748716233085],[224,225,238,239,240,241,242],[179,167],"564f2d28-3e4d-11f0-853e-76b3cceeab13","build","564f2dd2-3e4d-11f0-853e-76b3cceeab13",66,["D",1748716232983],[],[179,485],["D",1748716232796],[222,223,243,244,245,246],[179],"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();",[],[185,495],"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",[],[185,135],"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}",[],[185,271,509],"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}",[],[185,271,518],"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}",[],[185,271,526],"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}",[],[185,271,534],"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}",[],[185,271,542],"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}",[],[185,271,550],"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}",[],[185,271,558],"06cc92f4-3e4d-11f0-a39e-76b3cceeab13",["D",1748716099587],[212,213,214,215,216,217,218],[185,271],["D",1748715961758],[211,219,220],[185],"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",[],[191,573],"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}",[],[191,590,582],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[208],[191,590],["D",1748715802417],[207,209],[191],["D",1748715613647],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":635,"_636":637,"_638":639,"_640":24,"_641":24,"_642":24,"_643":58,"_644":-5,"_645":-7,"_646":-7,"_647":62,"_648":24,"_649":24,"_650":-5,"_651":24,"_652":24,"_653":24,"_654":-5},"ENV",{"_606":607,"_608":609,"_610":86,"_611":612,"_613":614,"_615":616,"_617":618,"_619":620,"_621":622,"_623":624,"_625":626,"_627":628,"_629":630,"_631":632,"_633":634},"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 · v90