\n \n\n\n","children",[],[195],"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}",[],[205],"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",[],[213],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[],[221],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13","components","fd1c8c6a-3e4b-11f0-aa01-76b3cceeab13","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",3,["D",1748715653838],[],[130,229],"fd110688-3e4b-11f0-85ee-76b3cceeab13","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[130,34],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],[188,189],[130],"6b34e77e-3e4c-11f0-9e2b-76b3cceeab13","utils.ts","6b34e85a-3e4c-11f0-9e2b-76b3cceeab13","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",31,["D",1748715838548],"script","export function isValidDate(date: Date): boolean {\n return !Number.isNaN(date.getTime());\n}\n\nexport function parseDateFromURL(url: string): Date | false {\n const dateIndex = url.indexOf(\"date=\");\n if (dateIndex === -1) return false;\n \n const dateString = url.slice(dateIndex + 5);\n const date = new Date(parseInt(dateString, 10));\n\n if (!isValidDate(date)) {\n return false;\n } else {\n return date;\n }\n}\n\nexport function isToday(date: number): boolean {\n if (date >= todayUnix() - 1000 * 60 * 60 * 24) {\n return true;\n } else {\n return false;\n }\n}\n\nexport function todayUnix(): number {\n const today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n return today.getTime();\n}\n\n// Moves `date` forward until it reaches a Thursday in UTC and then the Thursday date\n// is returned. If `date` UTC already refers to a Thursday, then `date` is returned\n// unchanged.\nexport function getNextThursUtc(date: Date): Date {\n const thurs = 4;\n const thursDate = new Date(date);\n\n while (thursDate.getUTCDay() !== thurs) {\n thursDate.setUTCDate(thursDate.getUTCDate() + 1);\n }\n\n return thursDate;\n}\n\n// Moves `date` forward until it reaches a Friday in UTC and then the Friday date\n// is returned. If `date` UTC already refers to a Friday, then `date` is returned\n// unchanged.\nexport function getNextFridayUtc(date: Date): Date {\n const friday = 5;\n const fridayDate = new Date(date);\n\n while (fridayDate.getUTCDay() !== friday) {\n fridayDate.setUTCDate(fridayDate.getUTCDate() + 1);\n }\n\n return fridayDate;\n}\n\nexport function lastMondayBefore(date: Date): Date {\n const monday = 1;\n const newDate = new Date(date);\n while (newDate.getDay() !== monday) {\n newDate.setDate(newDate.getDate() - 1);\n }\n return newDate;\n}\n\nexport function nextWeek(date: Date): Date {\n const ret = new Date();\n ret.setTime(date.getTime() + 1000 * 60 * 60 * 24 * 7);\n return ret;\n}\n\nexport function nextThursAfter(date: Date): Date {\n const thurs = 4;\n const newDate = new Date(date);\n while (newDate.getDay() !== thurs) {\n newDate.setDate(newDate.getDate() + 1);\n }\n return newDate;\n}\n\nexport function getMonthAbbrev(monthId: string): string {\n const monthIndex = parseInt(monthId.slice(4, 6));\n const monthAbbrevs = [\n \"JAN\", \"FEB\", \"MAR\", \"APR\", \"MAY\", \"JUN\",\n \"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"\n ];\n return monthAbbrevs[monthIndex];\n}\n\nexport function displayAsMinutes(timeInSeconds: number): string {\n const minutes = Math.floor(timeInSeconds / 60);\n const seconds = timeInSeconds % 60;\n return `${fixedNumOfDigits(minutes, 2)}:${fixedNumOfDigits(seconds, 2)}`;\n}\n\nexport function fixedNumOfDigits(value: number, numOfDigits: number): string {\n const stringifiedValue = value.toString();\n let finalDisplay = \"\";\n\n if (stringifiedValue.length < numOfDigits) {\n for (let i = 0; i < numOfDigits - stringifiedValue.length; i++) {\n finalDisplay += \"0\";\n }\n finalDisplay += stringifiedValue;\n } else {\n finalDisplay = stringifiedValue;\n }\n\n return finalDisplay;\n}",[],[256,247],"shared","6096f910-3e4c-11f0-a0c2-76b3cceeab13","types.ts","6096fa00-3e4c-11f0-a0c2-76b3cceeab13",30,["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};",[],[256,258],"60970342-3e4c-11f0-a0c2-76b3cceeab13",["D",1748715820732],[185,186],[256],"5716057e-3e4d-11f0-bfbd-76b3cceeab13","webpack.production.config.js","57160632-3e4d-11f0-bfbd-76b3cceeab13","563296a4-3e4d-11f0-b2c6-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",[],[129,270],"3dd2749e-401e-11f0-8644-76b3cceeab13","webpack.config.js","57100214-3e4d-11f0-970f-76b3cceeab13",["D",1748915907831],"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};",[],[129,279],"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",[],[129,286],"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",[],[129,195],"56caa9d0-3e4d-11f0-8c6c-76b3cceeab13","56caaa84-3e4d-11f0-8c6c-76b3cceeab13",78,["D",1748716233469],[],[129,221],"570b566a-3e4d-11f0-80a6-76b3cceeab13","reducer.js","570b571e-3e4d-11f0-80a6-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",[],[129,130,307],"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",[],[129,130,315],"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",[],[129,130,323],"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",[],[129,130,331],"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",[],[129,130,339],"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",[],[129,130,229,347],"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",[],[129,130,229,356],"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",[],[129,130,229,364],"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",[],[129,130,229,372],"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",[],[129,130,229,380],"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",[],[129,130,229,388],"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",[],[129,130,229,396],"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",[],[129,130,229,404],"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",[],[129,130,229,412],"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",[],[129,130,229,420],"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",[],[129,130,229,428],"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",[],[129,130,229,436],"568e4f62-3e4d-11f0-8c6c-76b3cceeab13",69,["D",1748716233399],[162,163,164,165,166,167,168,169,170,171,172,173],[129,130,229],["D",1748716233324],[],[129,130,34],"565e8b38-3e4d-11f0-853e-76b3cceeab13",67,["D",1748716233085],[160,161,174,175,176,177,178],[129,130],"564f2d28-3e4d-11f0-853e-76b3cceeab13","build","564f2dd2-3e4d-11f0-853e-76b3cceeab13",66,["D",1748716232983],[],[129,457],"5632953c-3e4d-11f0-b2c6-76b3cceeab13",65,["D",1748716232796],[158,159,179,180,181,182,183],[129],"b4a58e54-3e4c-11f0-850f-76b3cceeab13","index.tsx","b4a5907a-3e4c-11f0-850f-76b3cceeab13","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["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();",[],[477,469],"frontend","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",[],[477,195],"bef938dc-3e4d-11f0-99a4-76b3cceeab13","Timer.tsx","0ed7c93c-3e4d-11f0-b2c6-76b3cceeab13","2e11b572-2f01-4ee9-9f6e-c2c48ad6e729",94,["D",1748716408576],"/** @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}",[],[477,229,486],"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}",[],[477,229,495],"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}",[],[477,229,503],"d07edeae-3e4d-11f0-bf8e-76b3cceeab13","PresentationItem.tsx","1ce13cb6-3e4d-11f0-982a-76b3cceeab13",95,["D",1748716437973],"/** @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}",[],[477,229,511],"e59f7852-3e4d-11f0-8589-76b3cceeab13","Notice.tsx","2804bf6e-3e4d-11f0-9ce1-76b3cceeab13",97,["D",1748716473420],"/** @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 || notice.length === 0) return null;\n\n const renderConfirm = () => {\n if (confirm) {\n return (\n

\n \n \n

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

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

\n );\n}",[],[477,229,519],"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}",[],[477,229,527],"dd495f9c-3e4d-11f0-a8a3-76b3cceeab13","AddPresentation.tsx","248323da-3e4d-11f0-acb5-76b3cceeab13",96,["D",1748716459436],"/** @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

\n );\n}",[],[477,229,535],"06cc92f4-3e4d-11f0-a39e-76b3cceeab13",53,["D",1748716099587],[148,149,150,151,152,153,154],[477,229],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13",["D",1748715961758],[147,155,156],[477],"f67a2d48-3e4d-11f0-9910-76b3cceeab13","index.ts","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",98,["D",1748716501691],"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// Test route\napp.get(\"/test\", c => c.text(\"Backend is working!\"));\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// 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\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: ${error.message}`, 500);\n }\n});\n\nexport default app.fetch;","present",[],[561,552],"backend","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}",[],[561,571,563],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[144],[561,571],"55abf884-3e4c-11f0-9c59-76b3cceeab13",28,["D",1748715802417],[143,145],[561],["D",1748715613647],{"_11":12,"_97":93},{"_11":12,"_91":-5,"_92":93,"_31":51,"_94":95,"_96":30},{"_80":81,"_13":16,"_39":82,"_83":40,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":14,"_90":12},"ctx",{"_73":-5,"_116":618,"_619":620,"_621":622,"_623":30,"_624":30,"_625":30,"_626":24,"_627":-5,"_628":-7,"_629":-7,"_630":26,"_631":30,"_632":30,"_633":-5,"_634":30,"_635":30,"_636":30,"_637":-5},"ENV",{"_589":590,"_591":592,"_593":16,"_594":595,"_596":597,"_598":599,"_600":601,"_602":603,"_604":605,"_606":607,"_608":609,"_610":611,"_612":613,"_614":615,"_616":617},"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"]

No presentations found on this date

RC Presentations

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

Previous Presentations

Sign Up to Present

All available presentation slots are full.

Loading presentations...

No presentations found on this date

RC Presentations

{formatDate(chosenDate)}

\n All available presentation slots are full.\n

Sign Up to Present

History · assets