[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_630":631,"_632":633},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_105":87,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":24,"_120":121,"_122":58,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_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":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",116,"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","frontend/components/CanceledPage.tsx","latestPath","fileId","7f0eae70-1d26-11f0-9e69-569c3dd06744","name","CanceledPage.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function CanceledPage() {\n return (\n

Order Canceled

\n \n

\n Your iClicker preorder has been canceled.\n

\n \n

\n No charges have been made to your account. If you'd like to try again or have any questions,\n please feel free to return to the home page or contact me directly.\n

\n \n

\n If you have any questions, please contact me at wsm32@case.edu\n

\n \n \n Return to Home\n \n

\n );\n}","createdAt",["D",1745071162604],"branchVersion","branchId","0a147088-1d25-11f0-9565-569c3dd06744","id","0a13eeec-1d25-11f0-9565-569c3dd06744","iClickWolf",["D",1745070536853],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","0a4ebd1a-1d25-11f0-9565-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",165,"likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",177,"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":626,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":627,"_81":628,"_83":629,"_85":24},"tree",[186,195,204,238,239,240],"files",[186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240],"counts",{"_175":63,"_176":172,"_177":63,"_178":179,"_180":181},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":169,"_31":170,"_29":171,"_136":-5,"_40":41,"_39":172,"_138":58,"_37":173,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_26":174},{"_42":163,"_31":164,"_29":165,"_136":-5,"_40":41,"_39":166,"_138":58,"_37":167,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_26":168},{"_42":156,"_31":157,"_29":158,"_136":-5,"_40":41,"_39":159,"_138":24,"_37":160,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_26":162},{"_42":150,"_31":151,"_29":152,"_136":-5,"_40":41,"_39":153,"_138":58,"_37":154,"_13":63,"_33":20,"_35":106,"_23":24,"_141":-5,"_26":155},{"_42":143,"_31":144,"_29":145,"_136":-5,"_40":41,"_39":146,"_138":24,"_37":147,"_13":63,"_33":20,"_35":148,"_23":24,"_141":-5,"_26":149},{"_42":133,"_31":134,"_29":135,"_136":-5,"_40":41,"_39":137,"_138":24,"_37":139,"_13":63,"_33":20,"_35":140,"_23":24,"_141":-5,"_26":142},"460279d2-1d25-11f0-8fe3-569c3dd06744","deno.json","46027a5e-1d25-11f0-8fe3-569c3dd06744","parentId",48,"latest",["D",1745070637386],"{\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}","label",[134],"0a5d58b6-1d25-11f0-b3df-569c3dd06744","README.md","0a5d5960-1d25-11f0-b3df-569c3dd06744",8,["D",1745070537237],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[144],"808049a4-1d25-11f0-8967-569c3dd06744",".vtignore","80804a3a-1d25-11f0-8967-569c3dd06744",95,["D",1745070735006],[151],"44a65482-1d25-11f0-8f40-569c3dd06744","iclickwolf-old","44a6550e-1d25-11f0-8f40-569c3dd06744",10,["D",1745070635115],"directory",[157],"0a37adfa-1d25-11f0-99f3-569c3dd06744","frontend","0a37aeb8-1d25-11f0-99f3-569c3dd06744",2,["D",1745070537083],[164],"0a2db408-1d25-11f0-99f3-569c3dd06744","backend","0a2db49e-1d25-11f0-99f3-569c3dd06744",1,["D",1745070537017],[170],"pulls","branches","forks","envVars",{"_182":184,"_185":63},"connections",{"_182":63,"_183":63},"count","unfilledCount",3,"emptyCount",{"_42":169,"_31":170,"_29":171,"_136":-5,"_40":41,"_39":172,"_138":58,"_37":623,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":624,"_26":625},{"_42":618,"_31":602,"_29":596,"_136":171,"_40":41,"_39":619,"_138":58,"_37":620,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":621,"_26":622},{"_42":611,"_31":144,"_29":612,"_136":596,"_40":41,"_39":613,"_138":24,"_37":614,"_13":63,"_33":20,"_35":615,"_23":24,"_141":-5,"_242":616,"_26":617},{"_42":603,"_31":604,"_29":605,"_136":596,"_40":41,"_39":606,"_138":24,"_37":607,"_13":172,"_33":34,"_35":608,"_23":24,"_141":-5,"_242":609,"_26":610},{"_42":593,"_31":594,"_29":595,"_136":596,"_40":41,"_39":597,"_138":24,"_37":598,"_13":63,"_33":34,"_35":599,"_23":24,"_141":-5,"_242":600,"_26":601},{"_42":589,"_31":580,"_29":574,"_136":171,"_40":41,"_39":584,"_138":58,"_37":590,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":591,"_26":592},{"_42":581,"_31":582,"_29":583,"_136":574,"_40":41,"_39":584,"_138":24,"_37":585,"_13":63,"_33":34,"_35":586,"_23":24,"_141":-5,"_242":587,"_26":588},{"_42":571,"_31":572,"_29":573,"_136":574,"_40":41,"_39":575,"_138":24,"_37":576,"_13":63,"_33":34,"_35":577,"_23":24,"_141":-5,"_242":578,"_26":579},{"_42":562,"_31":563,"_29":56,"_136":171,"_40":41,"_39":564,"_138":24,"_37":565,"_13":172,"_33":566,"_35":567,"_23":24,"_141":568,"_242":569,"_26":570},{"_42":163,"_31":164,"_29":165,"_136":-5,"_40":41,"_39":166,"_138":58,"_37":559,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":560,"_26":561},{"_42":555,"_31":348,"_29":521,"_136":165,"_40":41,"_39":184,"_138":58,"_37":556,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":557,"_26":558},{"_42":547,"_31":548,"_29":549,"_136":521,"_40":41,"_39":550,"_138":24,"_37":551,"_13":172,"_33":34,"_35":552,"_23":24,"_141":-5,"_242":553,"_26":554},{"_42":543,"_31":32,"_29":30,"_136":521,"_40":41,"_39":14,"_138":24,"_37":544,"_13":63,"_33":34,"_35":36,"_23":24,"_141":-5,"_242":545,"_26":546},{"_42":535,"_31":536,"_29":537,"_136":521,"_40":41,"_39":538,"_138":24,"_37":539,"_13":63,"_33":34,"_35":540,"_23":24,"_141":-5,"_242":541,"_26":542},{"_42":527,"_31":528,"_29":529,"_136":521,"_40":41,"_39":530,"_138":24,"_37":531,"_13":63,"_33":34,"_35":532,"_23":24,"_141":-5,"_242":533,"_26":534},{"_42":518,"_31":519,"_29":520,"_136":521,"_40":41,"_39":522,"_138":24,"_37":523,"_13":63,"_33":34,"_35":524,"_23":24,"_141":-5,"_242":525,"_26":526},{"_42":510,"_31":511,"_29":512,"_136":165,"_40":41,"_39":513,"_138":24,"_37":514,"_13":172,"_33":20,"_35":515,"_23":24,"_141":-5,"_242":516,"_26":517},{"_42":502,"_31":503,"_29":504,"_136":165,"_40":41,"_39":505,"_138":24,"_37":506,"_13":63,"_33":34,"_35":507,"_23":24,"_141":-5,"_242":508,"_26":509},{"_42":156,"_31":157,"_29":158,"_136":-5,"_40":41,"_39":159,"_138":24,"_37":499,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":500,"_26":501},{"_42":494,"_31":315,"_29":309,"_136":158,"_40":41,"_39":495,"_138":24,"_37":496,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":497,"_26":498},{"_42":489,"_31":371,"_29":365,"_136":309,"_40":41,"_39":490,"_138":24,"_37":491,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":492,"_26":493},{"_42":484,"_31":462,"_29":479,"_136":365,"_40":41,"_39":485,"_138":24,"_37":486,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":487,"_26":488},{"_42":478,"_31":463,"_29":456,"_136":479,"_40":41,"_39":480,"_138":24,"_37":481,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":482,"_26":483},{"_42":473,"_31":472,"_29":466,"_136":456,"_40":41,"_39":474,"_138":24,"_37":475,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":476,"_26":477},{"_42":464,"_31":454,"_29":465,"_136":466,"_40":41,"_39":467,"_138":24,"_37":468,"_13":63,"_33":34,"_35":469,"_23":24,"_141":-5,"_242":470,"_26":471},{"_42":453,"_31":454,"_29":455,"_136":456,"_40":41,"_39":457,"_138":24,"_37":458,"_13":63,"_33":34,"_35":459,"_23":24,"_141":-5,"_242":460,"_26":461},{"_42":448,"_31":447,"_29":441,"_136":365,"_40":41,"_39":449,"_138":24,"_37":450,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":451,"_26":452},{"_42":439,"_31":363,"_29":440,"_136":441,"_40":41,"_39":442,"_138":24,"_37":443,"_13":63,"_33":34,"_35":444,"_23":24,"_141":-5,"_242":445,"_26":446},{"_42":434,"_31":410,"_29":429,"_136":365,"_40":41,"_39":435,"_138":24,"_37":436,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":437,"_26":438},{"_42":428,"_31":411,"_29":404,"_136":429,"_40":41,"_39":430,"_138":24,"_37":431,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":432,"_26":433},{"_42":420,"_31":421,"_29":422,"_136":404,"_40":41,"_39":423,"_138":24,"_37":424,"_13":63,"_33":34,"_35":425,"_23":24,"_141":-5,"_242":426,"_26":427},{"_42":412,"_31":413,"_29":414,"_136":404,"_40":41,"_39":415,"_138":24,"_37":416,"_13":63,"_33":34,"_35":417,"_23":24,"_141":-5,"_242":418,"_26":419},{"_42":402,"_31":363,"_29":403,"_136":404,"_40":41,"_39":405,"_138":24,"_37":406,"_13":63,"_33":34,"_35":407,"_23":24,"_141":-5,"_242":408,"_26":409},{"_42":397,"_31":396,"_29":390,"_136":365,"_40":41,"_39":398,"_138":24,"_37":399,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":400,"_26":401},{"_42":388,"_31":363,"_29":389,"_136":390,"_40":41,"_39":391,"_138":24,"_37":392,"_13":63,"_33":34,"_35":393,"_23":24,"_141":-5,"_242":394,"_26":395},{"_42":380,"_31":381,"_29":382,"_136":365,"_40":41,"_39":383,"_138":24,"_37":384,"_13":63,"_33":20,"_35":385,"_23":24,"_141":-5,"_242":386,"_26":387},{"_42":372,"_31":373,"_29":374,"_136":365,"_40":41,"_39":375,"_138":24,"_37":376,"_13":63,"_33":34,"_35":377,"_23":24,"_141":-5,"_242":378,"_26":379},{"_42":362,"_31":363,"_29":364,"_136":365,"_40":41,"_39":366,"_138":24,"_37":367,"_13":63,"_33":34,"_35":368,"_23":24,"_141":-5,"_242":369,"_26":370},{"_42":357,"_31":348,"_29":342,"_136":309,"_40":41,"_39":358,"_138":24,"_37":359,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":360,"_26":361},{"_42":349,"_31":350,"_29":351,"_136":342,"_40":41,"_39":352,"_138":24,"_37":353,"_13":63,"_33":34,"_35":354,"_23":24,"_141":-5,"_242":355,"_26":356},{"_42":339,"_31":340,"_29":341,"_136":342,"_40":41,"_39":343,"_138":24,"_37":344,"_13":63,"_33":34,"_35":345,"_23":24,"_141":-5,"_242":346,"_26":347},{"_42":334,"_31":325,"_29":319,"_136":309,"_40":41,"_39":335,"_138":24,"_37":336,"_13":63,"_33":161,"_35":-5,"_23":24,"_141":-5,"_242":337,"_26":338},{"_42":326,"_31":327,"_29":328,"_136":319,"_40":41,"_39":329,"_138":24,"_37":330,"_13":63,"_33":34,"_35":331,"_23":24,"_141":-5,"_242":332,"_26":333},{"_42":316,"_31":317,"_29":318,"_136":319,"_40":41,"_39":320,"_138":24,"_37":321,"_13":63,"_33":34,"_35":322,"_23":24,"_141":-5,"_242":323,"_26":324},{"_42":306,"_31":307,"_29":308,"_136":309,"_40":41,"_39":310,"_138":24,"_37":311,"_13":63,"_33":34,"_35":312,"_23":24,"_141":-5,"_242":313,"_26":314},{"_42":298,"_31":299,"_29":300,"_136":158,"_40":41,"_39":301,"_138":24,"_37":302,"_13":63,"_33":20,"_35":303,"_23":24,"_141":-5,"_242":304,"_26":305},{"_42":290,"_31":291,"_29":292,"_136":158,"_40":41,"_39":293,"_138":24,"_37":294,"_13":63,"_33":20,"_35":295,"_23":24,"_141":-5,"_242":296,"_26":297},{"_42":283,"_31":144,"_29":284,"_136":158,"_40":41,"_39":285,"_138":24,"_37":286,"_13":63,"_33":20,"_35":287,"_23":24,"_141":-5,"_242":288,"_26":289},{"_42":275,"_31":276,"_29":277,"_136":158,"_40":41,"_39":278,"_138":24,"_37":279,"_13":63,"_33":34,"_35":280,"_23":24,"_141":-5,"_242":281,"_26":282},{"_42":267,"_31":268,"_29":269,"_136":158,"_40":41,"_39":270,"_138":24,"_37":271,"_13":63,"_33":34,"_35":272,"_23":24,"_141":-5,"_242":273,"_26":274},{"_42":259,"_31":260,"_29":261,"_136":158,"_40":41,"_39":262,"_138":24,"_37":263,"_13":63,"_33":34,"_35":264,"_23":24,"_141":-5,"_242":265,"_26":266},{"_42":251,"_31":252,"_29":253,"_136":158,"_40":41,"_39":254,"_138":24,"_37":255,"_13":63,"_33":20,"_35":256,"_23":24,"_141":-5,"_242":257,"_26":258},{"_42":150,"_31":151,"_29":152,"_136":-5,"_40":41,"_39":153,"_138":58,"_37":248,"_13":63,"_33":20,"_35":106,"_23":24,"_141":-5,"_242":249,"_26":250},{"_42":143,"_31":144,"_29":145,"_136":-5,"_40":41,"_39":146,"_138":24,"_37":245,"_13":63,"_33":20,"_35":148,"_23":24,"_141":-5,"_242":246,"_26":247},{"_42":133,"_31":134,"_29":135,"_136":-5,"_40":41,"_39":137,"_138":24,"_37":241,"_13":63,"_33":20,"_35":140,"_23":24,"_141":-5,"_242":243,"_26":244},["D",1745070637386],"children",[],[134],["D",1745070537237],[],[144],["D",1745070735006],[],[151],"803f1222-1d25-11f0-a9d3-569c3dd06744","tsconfig.json","803f12b8-1d25-11f0-a9d3-569c3dd06744",82,["D",1745070734986],"{\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"esnext\"\n ],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": false,\n \"noEmit\": true,\n \"incremental\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ]\n },\n \"include\": [\n \"next-env.d.ts\",\n \".next/types/**/*.ts\",\n \"**/*.ts\",\n \"**/*.tsx\"\n ],\n \"exclude\": [\n \"node_modules\"\n ]\n}\n",[],[157,252],"7a0d4e0a-1d25-11f0-a079-569c3dd06744","postcss.config.js","7a0d4ea0-1d25-11f0-a079-569c3dd06744",76,["D",1745070704745],"module.exports = {\n plugins: {\n tailwindcss: {},\n autoprefixer: {},\n },\n}\n",[],[157,260],"61932eb2-1d25-11f0-b388-569c3dd06744","next.config.js","61932f66-1d25-11f0-b388-569c3dd06744",72,["D",1745070663517],"/** @type {import('next').NextConfig} */\nconst nextConfig = {\n experimental: {\n //esmExternals: \"loose\", // <-- add this\n //serverComponentsExternalPackages: [\"mongoose\"], // <-- and this\n },\n}\n\nmodule.exports = nextConfig;\n",[],[157,268],"5594f618-1d25-11f0-8d5c-569c3dd06744","database.js","5594f6d6-1d25-11f0-8d5c-569c3dd06744",68,["D",1745070663511],"import mongoose from 'mongoose'\n\nconst MONGODB_URI = process.env.MONGODB_URI\n\nif (!MONGODB_URI) {\n throw new Error(\n 'Please define the MONGODB_URI environment variable inside .env.local',\n )\n}\n\nlet cached = global.mongoose\n\nif (!cached) {\n cached = global.mongoose = { conn: null, promise: null }\n}\n\nexport default async function mongoConnect() {\n console.log(\"Connecting...\")\n if (cached.conn) {\n return cached.conn\n }\n if (!cached.promise) {\n const opts = {\n bufferCommands: true,\n useUnifiedTopology: true,\n dbName: 'shop',\n }\n cached.promise = await mongoose.connect(MONGODB_URI, opts).then(mongoose => {\n console.log('Db connected')\n return mongoose\n })\n }\n try {\n cached.conn = await cached.promise\n } catch (e) {\n cached.promise = null\n throw e\n }\n\n return cached.conn\n}\n\n",[],[157,276],"55929274-1d25-11f0-8001-569c3dd06744","55929350-1d25-11f0-8001-569c3dd06744",67,["D",1745070663510],"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n",[],[157,144],"4600347e-1d25-11f0-ab73-569c3dd06744",".gitignore","4600351e-1d25-11f0-ab73-569c3dd06744",47,["D",1745070637385],".direnv\n.env\n.env*\n.next\nnode_modules\ndump\nhome/wolf/.zsh\nhome/wolf/.zsh\nhome/wolf/.zsh\nbackup.json\n",[],[157,291],"460f847e-1d25-11f0-b932-569c3dd06744",".eslintrc.json","460f853c-1d25-11f0-b932-569c3dd06744",51,["D",1745070637388],"{\n \"extends\": \"next/core-web-vitals\",\n \"rules\": {\n \"react/no-unescaped-entities\": \"off\"\n }\n}\n",[],[157,299],"53486a34-1d25-11f0-8f40-569c3dd06744","theme.ts","53486af2-1d25-11f0-8f40-569c3dd06744","44d48974-1d25-11f0-8f91-569c3dd06744",58,["D",1745070657398],"\"use client\";\n\nimport { ThemeOptions, createTheme } from \"@mui/material/styles\";\n\nconst themeOptions: ThemeOptions = createTheme({\n palette: {\n mode: \"dark\",\n primary: {\n main: \"#0D47A1\",\n },\n secondary: {\n main: \"#B71C1C\",\n },\n background: {\n default: \"#1C1C1C\",\n paper: \"#2C2C2C\",\n },\n },\n typography: {\n fontFamily: \"Roboto, sans-serif\",\n h1: {\n fontSize: \"2.5rem\",\n fontWeight: 500,\n },\n h2: {\n fontSize: \"2rem\",\n fontWeight: 500,\n },\n body1: {\n fontSize: \"1rem\",\n fontWeight: 400,\n },\n },\n});\n\nexport default themeOptions;\n",[],[157,315,307],"src","53dc8a8e-1d25-11f0-9505-569c3dd06744","Preorder.ts","53dc8b60-1d25-11f0-9505-569c3dd06744","453ad904-1d25-11f0-9681-569c3dd06744",64,["D",1745070657654],"import mongoose from \"mongoose\";\n\nexport interface Preorder {\n customerName: string;\n email: string;\n productID: mongoose.Schema.Types.ObjectId;\n date: Date;\n status: \"pending\" | \"completed\" | \"canceled\";\n pickupLocation: \"Wade\" | \"Fribley\";\n amountPaid: number;\n agreedPrice: number;\n completedDate: Date;\n sessionID: string;\n}\n\nconst PreorderSchema = new mongoose.Schema({\n customerName: { type: String, required: true },\n email: { type: String, required: true },\n productID: {\n type: mongoose.Schema.Types.ObjectId,\n ref: \"Item\",\n required: true,\n },\n date: { type: Date, default: Date.now },\n status: {\n type: String,\n enum: [\"pending\", \"completed\", \"canceled\"],\n default: \"pending\",\n },\n amountPaid: { type: Number, required: false },\n agreedPrice: { type: Number, required: false },\n completedDate: { type: Date, required: false },\n pickupLocation: {\n type: String,\n enum: [\"Wade\", \"Fribley\"],\n required: true,\n },\n sessionID: { type: String, required: true },\n});\n\nexport default mongoose.models.Preorder ||\n mongoose.model(\"Preorder\", PreorderSchema);\n",[],[157,315,325,317],"models","807d706c-1d25-11f0-a36b-569c3dd06744","Item.ts","807d7134-1d25-11f0-a36b-569c3dd06744",94,["D",1745070734994],"import mongoose from 'mongoose';\n\nconst ItemSchema = new mongoose.Schema({\n name: String,\n price: Number,\n description: String,\n image: String,\n buyUrl: String\n}, { collection: 'items' },\n);\n\nexport default mongoose.models.Item || mongoose.model('Item', ItemSchema)\n",[],[157,315,325,327],"453ad846-1d25-11f0-9681-569c3dd06744",26,["D",1745070636089],[228,229],[157,315,325],"8037a5aa-1d25-11f0-a7ed-569c3dd06744","Item.tsx","8037a636-1d25-11f0-a7ed-569c3dd06744","4531ce54-1d25-11f0-ab73-569c3dd06744",80,["D",1745070735011],"import { Card } from \"@mui/material\";\nimport Typography from \"@mui/material/Typography\";\nimport CardHeader from \"@mui/material/CardHeader\";\nimport CardMedia from \"@mui/material/CardMedia\";\n\ninterface ItemProps {\n id: string;\n name: string;\n image: string;\n price: number;\n}\n\nconst Item = ({ id, name, image, price }: ItemProps) => {\n return (\n \n \n {name}\n \n\n \n \n );\n};\n\nexport default Item;\n",[],[157,315,348,340],"components","53d6a70e-1d25-11f0-adc8-569c3dd06744","EmailEntry.tsx","53d6a7fe-1d25-11f0-adc8-569c3dd06744",63,["D",1745070657453],"import TextField from \"@mui/material/TextField\";\nimport { useState } from \"react\";\n\ninterface EmailEntryProps {\n onChange: (value: string) => void\n label: string;\n placeholder: string;\n sx: any;\n name: string;\n required?: boolean;\n fullWidth?: boolean;\n}\n\nexport default function EmailEntry({ onChange, label, sx, name, required, placeholder, fullWidth }: EmailEntryProps) {\n const [error, setError] = useState(false);\n\n const handleChange = (event: React.ChangeEvent) => {\n const value = event.target.value;\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n setError(!emailRegex.test(value));\n onChange(value);\n };\n\n return (\n )\n}\n",[],[157,315,348,350],"4531cd8c-1d25-11f0-ab73-569c3dd06744",25,["D",1745070636031],[225,226],[157,315,348],"8043e284-1d25-11f0-b41d-569c3dd06744","page.tsx","8043e342-1d25-11f0-b41d-569c3dd06744","4527628e-1d25-11f0-b3df-569c3dd06744",83,["D",1745070734988],"import Typography from \"@mui/material/Typography\";\nimport Grid from \"@mui/material/Grid\";\nimport MongoItem from \"../models/Item\";\nimport mongoConnect from \"../../database\"\nimport CardContent from \"@mui/material/CardContent\";\nimport Stack from \"@mui/material/Stack\";\nimport Button from \"@mui/material/Button\";\nimport Paper from \"@mui/material/Paper\";\nimport Box from \"@mui/material/Box\";\n\nexport default async function HomePage() {\n await mongoConnect()\n const iclicker = (await MongoItem\n .find({})\n .limit(1)\n .exec())[0];\n\n const makeInfoText = (text: string) => {\n return (\n \n {text}\n \n )\n }\n\n return (\n <>\n \n \n\n \n \n \n \n \n {iclicker.name}\n ${iclicker.price}\n \n \n \n \n\n \n \n\n \n {makeInfoText(`Preorders for SPRING 2025`)}\n {makeInfoText(`Case Western's CHEM 105 and CHEM 111 require and PHYS 121 highly encourages having a physical iClicker device.`)}\n {makeInfoText(`I order iClickers in bulk, and pass on much of the discount to you. iClickers at Case's book store cost $50! Here, you can buy iClickers for less than half the price!`)}\n {makeInfoText(`\n Pre-Order an iClicker from me for only $${iclicker.price}, and pick it up Tuesday evening at 9PM at Wade, or a bit later at Fribley! I offer cheap, tested, reliable, lightly used iClickers with AAA batteries included.\n `)}\n {makeInfoText(`After spring semester starts I'll only continue selling while supplies last.`)}\n {makeInfoText(`To order, just make a $5 deposit to hold your spot, and I'll shoot out an email to everyone a few days before school starts with pickup details.`)}\n \n\n \n\n \n \n \n \n \n );\n}\n",[],[157,315,371,363],"app","803b0e7a-1d25-11f0-9eeb-569c3dd06744","layout.tsx","803b0f10-1d25-11f0-9eeb-569c3dd06744",81,["D",1745070734985],"import { AppRouterCacheProvider } from \"@mui/material-nextjs/v14-appRouter\";\nimport { ThemeProvider } from \"@mui/material/styles\";\nimport AppBar from \"@mui/material/AppBar\";\nimport CssBaseline from \"@mui/material/CssBaseline\";\nimport Container from \"@mui/material/Container\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport theme from \"../theme\";\nimport Box from \"@mui/material/Box\";\nimport Link from \"@mui/material/Link\";\nimport Paper from \"@mui/material/Paper\";\nimport Script from \"next/script\";\n\nexport const metadata = {\n title: \"Wolf's iClicker Shop\",\n description: \"Cheap Case Western iClicker Shop\",\n};\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n \n \n\n\n \n \n \n \n\n \n \n \n \n Wolf's iClicker Shop\n \n \n \n\n \n {children}\n \n\n \n \n \n \n Wolf Mermelstein\n \n \n \n wsm32@case.edu\n \n \n \n 212-767-9653\n \n \n \n https://404wolf.com\n \n \n \n \n \n\n \n \n \n \n );\n}\n",[],[157,315,371,373],"532b40e4-1d25-11f0-a29a-569c3dd06744","globals.css","532b41c0-1d25-11f0-a29a-569c3dd06744",57,["D",1745070657398],"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:root {\n --foreground-rgb: 0, 0, 0;\n --background-start-rgb: 214, 219, 220;\n --background-end-rgb: 255, 255, 255;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --foreground-rgb: 255, 255, 255;\n --background-start-rgb: 0, 0, 0;\n --background-end-rgb: 0, 0, 0;\n }\n}\n\nbody {\n color: rgb(var(--foreground-rgb));\n background: linear-gradient(\n to bottom,\n transparent,\n rgb(var(--background-end-rgb))\n )\n rgb(var(--background-start-rgb));\n}\n",[],[157,315,371,381],"5260957e-1d25-11f0-ae97-569c3dd06744","5260965a-1d25-11f0-ae97-569c3dd06744","459fde9e-1d25-11f0-8f40-569c3dd06744",54,["D",1745070657394],"import React from 'react';\nimport { Container, Box, Paper, Typography } from '@mui/material';\n\nconst ThankYouPage = () => {\n return (\n \n \n \n \n Thank you for your preorder!\n \n \n Thank you for preordering an iClicker. I'll be sending out a mass email with more information on when I'll set them up for pickup. If you have any questions at all feel free to contact me at wsm32@case.edu.\n \n \n \n \n );\n};\n\nexport default ThankYouPage; \n",[],[157,315,371,396,363],"thankyou","459fddd6-1d25-11f0-8f40-569c3dd06744",37,["D",1745070636752],[220],[157,315,371,396],"53d04ae4-1d25-11f0-901f-569c3dd06744","53d04b8e-1d25-11f0-901f-569c3dd06744","45e04326-1d25-11f0-8f40-569c3dd06744",62,["D",1745070657447],"import mongooseConnect from \"../../../../database\"\nimport MongoItem from \"../../../models/Item\";\nimport Body from \"./Body\";\n\nexport default async function IClickPage() {\n await mongooseConnect()\n const iclickerItem: any = await MongoItem\n .find({ name: \"iClicker\" })\n .exec()\n .then((res) => res[0])\n\n return (\n <>\n \n \n )\n}\n",[],[157,315,371,410,411,363],"purchase","iclicker","5293a77a-1d25-11f0-b051-569c3dd06744","IClickerForm.tsx","5293a806-1d25-11f0-b051-569c3dd06744",55,["D",1745070657395],"\"use client\"\nimport Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport Stack from \"@mui/material/Stack\";\nimport TextField from \"@mui/material/TextField\";\nimport { loadStripe } from '@stripe/stripe-js';\nimport { useState } from \"react\";\nimport EmailEntry from \"../../../components/EmailEntry\";\n\nconst stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLIC!);\n\n\nexport default function IClickerForm() {\n const [customerName, setCustomerName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [pickupLocation, setPickupLocation] = useState<\"Wade\" | \"Fribley\">(\"Wade\")\n\n const handleSubmit = async (event: any) => {\n event.preventDefault();\n const stripe = await stripePromise;\n const response = await fetch('/api/checkout', {\n method: 'POST',\n body: JSON.stringify({ customerName, email, pickupLocation, productID: \"65b137f8d45dddc0597df3d7\", }),\n });\n const responseData = await response.json();\n const { error } = await stripe.redirectToCheckout({ sessionId: responseData.id });\n if (error) console.error(\"Error redirecting to checkout\", error)\n };\n\n return (\n :not(style)': { m: 1 } }}>\n setCustomerName(event.target.value)}\n sx={{ pr: 2 }}\n />\n \n\n setPickupLocation(event.target.value as \"Wade\" | \"Fribley\")}\n >\n \n } label=\"Fribley pickup. Best for Sophomores & upperclassmen\" />\n } label=\"Wade pickup. Best for First Years\" />\n \n \n\n \n \n )\n}\n",[],[157,315,371,410,411,413],"52233ff8-1d25-11f0-aac2-569c3dd06744","Body.tsx","522340e8-1d25-11f0-aac2-569c3dd06744",53,["D",1745070637497],"\"use client\"\nimport Box from \"@mui/material/Box\";\nimport IClickerForm from \"./IClickerForm\";\nimport Stack from \"@mui/material/Stack\";\nimport Typography from \"@mui/material/Typography\";\nimport Card from \"@mui/material/Card\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport Paper from \"@mui/material/Paper\";\n\nexport default function Body({ imageURL }: { imageURL: string }) {\n const isNotMobile = useMediaQuery('(min-width:600px)');\n\n return (\n \n \n {isNotMobile &&\n }\n\n \n \n \n Pre order an iClicker! I will send an email a few days before school starts with more info about how to pick it up and pay. To pre order an iClicker, I'm requiring a $5 deposit ahead of time.\n \n \n If you have any issues or don't receive an email by January 9th, please email wsm32@case.edu.\n \n \n\n \n \n \n \n \n \n )\n}\n",[],[157,315,371,410,411,421],"45e04268-1d25-11f0-8f40-569c3dd06744","4597a094-1d25-11f0-b686-569c3dd06744",44,["D",1745070637173],[216,217,218],[157,315,371,410,411],"45979fea-1d25-11f0-b686-569c3dd06744",36,["D",1745070636699],[215],[157,315,371,410],"53a414ba-1d25-11f0-854f-569c3dd06744","53a41546-1d25-11f0-854f-569c3dd06744","458f0a6a-1d25-11f0-9137-569c3dd06744",59,["D",1745070657411],"import React from 'react';\nimport { Container, Box, Paper, Typography } from '@mui/material';\n\nconst ThankYouPage = () => {\n return (\n \n \n \n \n Whoops, something went wrong.\n \n \n For some reason I couldn't process your order. Please email me at wsm32@case.edu.\n \n \n \n \n );\n};\n\nexport default ThankYouPage; \n",[],[157,315,371,447,363],"canceled","458f0998-1d25-11f0-9137-569c3dd06744",35,["D",1745070636643],[213],[157,315,371,447],"53e020fe-1d25-11f0-b1b6-569c3dd06744","route.ts","53e021bc-1d25-11f0-b1b6-569c3dd06744","45d7bd96-1d25-11f0-b051-569c3dd06744",65,["D",1745070657658],"import Stripe from \"stripe\";\nimport Preorder from \"../../../models/Preorder\";\nimport { NextRequest, NextResponse } from \"next/server\";\nimport mongoose from \"mongoose\";\nimport mongoConnect from \"../../../../database\";\n\nconst stripe = new Stripe(process.env.STRIPE_SECRET!, {\n apiVersion: \"2024-06-20\",\n});\n\nexport async function POST(request: NextRequest) {\n mongoConnect();\n\n const { customerName, pickupLocation, email, productID } = await request\n .json();\n console.log(customerName, email, productID, pickupLocation);\n\n // Validate required fields\n if (!customerName || !email || !productID || !pickupLocation) {\n return NextResponse.json(\n { error: \"Missing required fields\" },\n { status: 400 },\n );\n }\n\n // Validate productID is a valid ObjectId\n if (!mongoose.Types.ObjectId.isValid(productID)) {\n return NextResponse.json({ error: \"Invalid productID\" }, { status: 400 });\n }\n\n const session = await stripe.checkout.sessions.create({\n payment_method_types: [\"card\"],\n line_items: [\n {\n price_data: {\n currency: \"usd\",\n product_data: {\n name: \"iClicker\",\n },\n unit_amount: 500,\n },\n quantity: 1,\n },\n ],\n mode: \"payment\",\n customer_email: email,\n success_url: \"https://iclickwolf.com/thankyou\",\n cancel_url: \"https://iclickwolf.com/canceled\",\n });\n\n // Create new preorder\n const newPreorder = new Preorder({\n customerName,\n email,\n productID,\n amountPaid: 0,\n agreedPrice: null,\n status: \"pending\",\n pickupLocation,\n sessionID: session.id,\n date: new Date(),\n });\n\n // Save preorder to database\n const savedPreorder = await newPreorder.save();\n\n return NextResponse.json({ id: session.id, preorder: savedPreorder });\n}\n",[],[157,315,371,462,463,454],"api","checkout","53c3e696-1d25-11f0-a4e8-569c3dd06744","53c3e772-1d25-11f0-a4e8-569c3dd06744","45f1a62a-1d25-11f0-b1b6-569c3dd06744",61,["D",1745070657441],"import { NextRequest, NextResponse } from \"next/server\";\nimport stripe, { Stripe } from \"stripe\";\nimport Preorder from \"../../../../models/Preorder\";\nimport mongoConnect from \"../../../../../database\";\nimport MongoItem from \"../../../../models/Item\";\n\ninterface EmailSendBody {\n name: string;\n email: string;\n subject: string;\n content?: string;\n html?: string;\n}\n\nconst emailSenderApiUrl = \"https://wolf-emailsender.web.val.run/\";\n\nconst sendEmail = async (body: EmailSendBody) => {\n const response = await fetch(emailSenderApiUrl, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${process.env.VAL_EMAIL_KEY}`,\n },\n body: JSON.stringify(body),\n });\n\n if (!response.ok) {\n console.log(await response.text());\n throw new Error(\"Failed to send email\");\n }\n\n return response.json();\n};\n\nexport async function POST(request: NextRequest) {\n await mongoConnect();\n const iclicker = (await MongoItem\n .find({})\n .limit(1)\n .exec())[0];\n\n const buf = await request.text();\n console.log(buf);\n const sig = request.headers.get(\"stripe-signature\");\n console.log(sig);\n\n let event: Stripe.Event;\n console.log(event);\n\n try {\n event = stripe.webhooks.constructEvent(\n buf.toString(),\n sig,\n process.env.STRIPE_WEBHOOK_SECRET!,\n );\n } catch (err) {\n console.log(`Error message: ${err?.message}`);\n return NextResponse.json({ error: err.message }, { status: 400 });\n }\n if (event.type === \"checkout.session.completed\") {\n const session = event.data.object as Stripe.Checkout.Session;\n console.log(session);\n await Preorder.updateOne(\n { sessionID: session.id },\n {\n $set: {\n status: \"completed\",\n agreedPrice: iclicker.price * 100,\n amountPaid: session.amount_total,\n completedDate: new Date(),\n },\n },\n );\n const preorder = await Preorder.findOne({ sessionID: session.id });\n\n // Send confirmation email\n await sendEmail({\n email: session.customer_email,\n name: session.customer_details.name,\n subject: \"iClicker Preorder Confirmation\",\n content:\n `Thank you for preordering an iClicker! This email is a confirmation that your $5 deposit has been received, and you can pay the remaining balance at the time you pick up your iClicker. I accept cash, all payment apps, or credit/debit cards (with a $3 processing fee). I'll be distributing iClickers Tuesday evening the day after break, January 14th, at 9PM at Wade (stay tuned for Fribley pickup info), and will email with an exact time soon. If you have any questions at all, please feel free to email me (or reply to this email) and I'll be happy to help.\n\nBest,\nWolf`,\n });\n console.log(\"Email sent to:\", session.customer_email);\n\n console.log(preorder);\n console.log(\"Session completed:\", session);\n }\n\n return NextResponse.json({ received: true });\n}\n",[],[157,315,371,462,463,472,454],"callback","45f1a562-1d25-11f0-b1b6-569c3dd06744",46,["D",1745070637288],[210],[157,315,371,462,463,472],"45d7bcd8-1d25-11f0-b051-569c3dd06744","45861ff4-1d25-11f0-9681-569c3dd06744",43,["D",1745070637117],[209,211],[157,315,371,462,463],"45861f2c-1d25-11f0-9681-569c3dd06744",34,["D",1745070636583],[208],[157,315,371,462],"452761bc-1d25-11f0-b3df-569c3dd06744",24,["D",1745070635962],[207,212,214,219,221,222,223],[157,315,371],"44d488b6-1d25-11f0-8f91-569c3dd06744",15,["D",1745070635419],[206,224,227,230],[157,315],["D",1745070635115],[205,231,232,233,234,235,236,237],[157],"0a59802e-1d25-11f0-a4c4-569c3dd06744","index.tsx","0a5980f6-1d25-11f0-a4c4-569c3dd06744",7,["D",1745070537237],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[164,503],"5745b014-1d26-11f0-9c28-569c3dd06744","index.html","0a52108c-1d25-11f0-a6aa-569c3dd06744",110,["D",1745071095852],"\n\n \n \n \n Wolf's iClicker Shop\n \n \n \n \n \n

Wolf's iClicker Shop

\n \n \n \n",[],[164,511],"7b01ebda-1d26-11f0-a002-569c3dd06744","ThankYouPage.tsx","7b01ec7a-1d26-11f0-a002-569c3dd06744","0a419d38-1d25-11f0-9acd-569c3dd06744",115,["D",1745071155811],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function ThankYouPage() {\n return (\n

Thank You for Your Order!

\n \n

\n Your iClicker preorder has been confirmed! A $5 deposit has been received.\n

\n \n

\n You'll receive a confirmation email shortly with all the details about your order.\n

\n \n

\n I'll be distributing iClickers Tuesday evening the day after break, January 14th, at 9PM at Wade \n (stay tuned for Fribley pickup info), and will email with an exact time soon.\n

\n \n

\n If you have any questions, please contact me at wsm32@case.edu\n

\n \n \n Return to Home\n \n

\n );\n}",[],[164,348,519],"74660446-1d26-11f0-94ab-569c3dd06744","PurchasePage.tsx","74660504-1d26-11f0-94ab-569c3dd06744",114,["D",1745071144721],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function PurchasePage() {\n const [customerName, setCustomerName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [pickupLocation, setPickupLocation] = useState<\"Wade\" | \"Fribley\">(\"Wade\");\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(\"\");\n\n const validateEmail = (email: string): boolean => {\n const re = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return re.test(email);\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n // Validate form\n if (!customerName.trim()) {\n setError(\"Please enter your name\");\n return;\n }\n \n if (!validateEmail(email)) {\n setError(\"Please enter a valid email address\");\n return;\n }\n \n setError(\"\");\n setIsSubmitting(true);\n \n try {\n const response = await fetch('/api/checkout', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n customerName, \n email, \n pickupLocation, \n productID: 1 // We'll get the actual ID from the database on the server\n }),\n });\n \n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || \"Failed to create checkout session\");\n }\n \n const { id: sessionId } = await response.json();\n \n // Redirect to Stripe checkout\n const stripe = await loadStripe();\n if (stripe) {\n const { error } = await stripe.redirectToCheckout({ sessionId });\n if (error) {\n console.error(\"Error redirecting to checkout:\", error);\n setError(error.message || \"Failed to redirect to checkout\");\n }\n } else {\n setError(\"Failed to load Stripe\");\n }\n } catch (err) {\n console.error(\"Checkout error:\", err);\n setError(err.message || \"An error occurred during checkout\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n return (\n

Reserve your iClicker

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Name\n \n setCustomerName(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n

\n \n Email\n \n setEmail(e.target.value)}\n placeholder=\"example32@case.edu\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n

Pickup Location

\n \n setPickupLocation(\"Fribley\")}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500\"\n />\n Fribley pickup. Best for Sophomores & upperclassmen\n \n \n setPickupLocation(\"Wade\")}\n className=\"h-4 w-4 text-blue-600 focus:ring-blue-500\"\n />\n Wade pickup. Best for First Years\n \n

\n \n \n {isSubmitting ? \"Processing...\" : \"Preorder iClicker!\"}\n \n \n

\n );\n}\n\n// Helper function to load Stripe\nasync function loadStripe() {\n const { loadStripe } = await import(\"https://esm.sh/@stripe/stripe-js@2.4.0\");\n return loadStripe(Deno.env.get(\"STRIPE_PUBLIC\") || \"\");\n}",[],[164,348,528],"6732b4f4-1d26-11f0-b330-569c3dd06744","HomePage.tsx","6732b59e-1d26-11f0-b330-569c3dd06744",112,["D",1745071122571],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface Item {\n id: number;\n name: string;\n price: number;\n description: string;\n image: string;\n buyUrl: string;\n}\n\nexport function HomePage() {\n const [item, setItem] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n async function fetchItem() {\n try {\n const response = await fetch('/api/items');\n if (response.ok) {\n const data = await response.json();\n setItem(data);\n }\n } catch (error) {\n console.error('Error fetching item:', error);\n } finally {\n setLoading(false);\n }\n }\n\n fetchItem();\n }, []);\n\n if (loading) {\n return

;\n }\n\n if (!item) {\n return

No items available

;\n }\n\n const InfoText = ({ text }: { text: string }) => (\n

{text}

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

\n \n

{item.name}

${(item.price / 100).toFixed(2)}

\n\n

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

\n\n \n Reserve an iClicker today!\n \n

\n );\n}",[],[164,348,536],"7f0eada8-1d26-11f0-9e69-569c3dd06744",["D",1745071162604],[],[164,348,32],"5c069e06-1d26-11f0-b167-569c3dd06744","App.tsx","0a559a36-1d25-11f0-99f3-569c3dd06744",111,["D",1745071103819],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { BrowserRouter, Routes, Route } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\nimport { HomePage } from \"./HomePage.tsx\";\nimport { PurchasePage } from \"./PurchasePage.tsx\";\nimport { ThankYouPage } from \"./ThankYouPage.tsx\";\nimport { CanceledPage } from \"./CanceledPage.tsx\";\n\nexport function App() {\n return (\n \n \n } />\n } />\n } />\n } />\n \n \n );\n}",[],[164,348,548],"0a419c84-1d25-11f0-9acd-569c3dd06744",["D",1745070537150],[197,198,199,200,201],[164,348],["D",1745070537083],[196,202,203],[164],"0a6c3afc-1d25-11f0-9565-569c3dd06744","index.ts",9,["D",1745070537421],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","iclickwolf",[],[170,563],"168301d0-1d26-11f0-ac38-569c3dd06744","webhook.ts","1683027a-1d26-11f0-ac38-569c3dd06744","79db37e8-bed0-4668-8c45-6228973a80d6",109,["D",1745070987208],"import { Hono } from \"npm:hono\";\nimport { Stripe } from \"npm:stripe\";\nimport { getFirstItem, getPreorderBySessionId, updatePreorderStatus } from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Initialize Stripe with the secret key from environment variables\nconst stripe = new Stripe(Deno.env.get(\"STRIPE_SECRET\") || \"\", {\n apiVersion: \"2024-06-20\",\n});\n\n// Helper function to send email\nasync function sendEmail(body: {\n name: string;\n email: string;\n subject: string;\n content?: string;\n html?: string;\n}) {\n const emailSenderApiUrl = \"https://wolf-emailsender.web.val.run/\";\n \n const response = await fetch(emailSenderApiUrl, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${Deno.env.get(\"VAL_EMAIL_KEY\")}`,\n },\n body: JSON.stringify(body),\n });\n\n if (!response.ok) {\n console.error(\"Email sending failed:\", await response.text());\n throw new Error(\"Failed to send email\");\n }\n\n return response.json();\n}\n\n// Webhook endpoint for Stripe events\napp.post(\"/\", async (c) => {\n try {\n const payload = await c.req.text();\n const signature = c.req.header(\"stripe-signature\") || \"\";\n \n // Verify the webhook signature\n let event: Stripe.Event;\n try {\n event = stripe.webhooks.constructEvent(\n payload,\n signature,\n Deno.env.get(\"STRIPE_WEBHOOK_SECRET\") || \"\"\n );\n } catch (err) {\n console.error(`Webhook signature verification failed: ${err.message}`);\n return c.json({ error: err.message }, 400);\n }\n \n // Handle the checkout.session.completed event\n if (event.type === \"checkout.session.completed\") {\n const session = event.data.object as Stripe.Checkout.Session;\n \n // Get the item price\n const item = await getFirstItem();\n if (!item) {\n throw new Error(\"Product not found\");\n }\n \n // Update the preorder status\n await updatePreorderStatus(\n session.id,\n \"completed\",\n session.amount_total,\n item.price\n );\n \n // Get the updated preorder\n const preorder = await getPreorderBySessionId(session.id);\n if (!preorder) {\n throw new Error(\"Preorder not found\");\n }\n \n // Send confirmation email\n if (session.customer_email && session.customer_details?.name) {\n await sendEmail({\n email: session.customer_email,\n name: session.customer_details.name,\n subject: \"iClicker Preorder Confirmation\",\n content: `Thank you for preordering an iClicker! This email is a confirmation that your $5 deposit has been received, and you can pay the remaining balance at the time you pick up your iClicker. I accept cash, all payment apps, or credit/debit cards (with a $3 processing fee). I'll be distributing iClickers Tuesday evening the day after break, January 14th, at 9PM at Wade (stay tuned for Fribley pickup info), and will email with an exact time soon. If you have any questions at all, please feel free to email me (or reply to this email) and I'll be happy to help.\n\nBest,\nWolf`,\n });\n console.log(\"Email sent to:\", session.customer_email);\n }\n \n console.log(\"Preorder completed:\", preorder);\n }\n \n return c.json({ received: true });\n } catch (error) {\n console.error(\"Webhook error:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\nexport default app;",[],[170,580,572],"routes","0c6f888a-1d26-11f0-9dbf-569c3dd06744","checkout.ts","0c6f8952-1d26-11f0-9dbf-569c3dd06744",108,["D",1745070970300],"import { Hono } from \"npm:hono\";\nimport { Stripe } from \"npm:stripe\";\nimport { createPreorder, getFirstItem } from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Initialize Stripe with the secret key from environment variables\nconst stripe = new Stripe(Deno.env.get(\"STRIPE_SECRET\") || \"\", {\n apiVersion: \"2024-06-20\",\n});\n\n// Checkout endpoint\napp.post(\"/\", async (c) => {\n try {\n const { customerName, pickupLocation, email, productID } = await c.req.json();\n \n // Validate required fields\n if (!customerName || !email || !productID || !pickupLocation) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n \n // Get the product from the database\n const item = await getFirstItem();\n if (!item) {\n return c.json({ error: \"Product not found\" }, 404);\n }\n \n // Create a Stripe checkout session\n const session = await stripe.checkout.sessions.create({\n payment_method_types: [\"card\"],\n line_items: [\n {\n price_data: {\n currency: \"usd\",\n product_data: {\n name: item.name,\n },\n unit_amount: 500, // $5 deposit\n },\n quantity: 1,\n },\n ],\n mode: \"payment\",\n customer_email: email,\n success_url: `${c.req.url.origin}/thankyou`,\n cancel_url: `${c.req.url.origin}/canceled`,\n });\n \n // Create a new preorder in the database\n const preorderId = await createPreorder({\n customerName,\n email,\n productID: item.id,\n date: new Date().toISOString(),\n status: \"pending\",\n pickupLocation,\n amountPaid: 0,\n agreedPrice: null,\n completedDate: null,\n sessionID: session.id,\n });\n \n return c.json({ id: session.id, preorderId });\n } catch (error) {\n console.error(\"Checkout error:\", error);\n return c.json({ error: error.message }, 500);\n }\n});\n\nexport default app;",[],[170,580,582],"0c6f9564-1d26-11f0-9dbf-569c3dd06744",["D",1745070970300],[192,193],[170,580],"022287c4-1d26-11f0-b265-569c3dd06744","queries.ts","02228896-1d26-11f0-b265-569c3dd06744","97362530-90c1-4a48-8e69-ff02e398614b",106,["D",1745070953020],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { ITEMS_TABLE, PREORDERS_TABLE } from \"./migrations.ts\";\n\n// Types matching our database schema\nexport interface Item {\n id: number;\n name: string;\n price: number;\n description: string;\n image: string;\n buyUrl: string;\n}\n\nexport interface Preorder {\n id: number;\n customerName: string;\n email: string;\n productID: number;\n date: string;\n status: \"pending\" | \"completed\" | \"canceled\";\n pickupLocation: \"Wade\" | \"Fribley\";\n amountPaid: number;\n agreedPrice: number | null;\n completedDate: string | null;\n sessionID: string;\n}\n\n// Item queries\nexport async function getItems(): Promise {\n return await sqlite.execute(`SELECT * FROM ${ITEMS_TABLE}`);\n}\n\nexport async function getItem(id: number): Promise {\n const items = await sqlite.execute(`SELECT * FROM ${ITEMS_TABLE} WHERE id = ?`, [id]);\n return items.length > 0 ? items[0] : null;\n}\n\nexport async function getFirstItem(): Promise {\n const items = await sqlite.execute(`SELECT * FROM ${ITEMS_TABLE} LIMIT 1`);\n return items.length > 0 ? items[0] : null;\n}\n\n// Preorder queries\nexport async function createPreorder(preorder: Omit): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${PREORDERS_TABLE} \n (customerName, email, productID, date, status, pickupLocation, amountPaid, agreedPrice, completedDate, sessionID)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n RETURNING id`,\n [\n preorder.customerName,\n preorder.email,\n preorder.productID,\n preorder.date,\n preorder.status,\n preorder.pickupLocation,\n preorder.amountPaid,\n preorder.agreedPrice,\n preorder.completedDate,\n preorder.sessionID,\n ]\n );\n \n return result[0].id;\n}\n\nexport async function getPreorderBySessionId(sessionId: string): Promise {\n const preorders = await sqlite.execute(\n `SELECT * FROM ${PREORDERS_TABLE} WHERE sessionID = ?`,\n [sessionId]\n );\n \n return preorders.length > 0 ? preorders[0] : null;\n}\n\nexport async function updatePreorderStatus(\n sessionId: string, \n status: \"pending\" | \"completed\" | \"canceled\",\n amountPaid?: number,\n agreedPrice?: number\n): Promise {\n const updateFields = [\"status = ?\"];\n const params: any[] = [status];\n \n if (amountPaid !== undefined) {\n updateFields.push(\"amountPaid = ?\");\n params.push(amountPaid);\n }\n \n if (agreedPrice !== undefined) {\n updateFields.push(\"agreedPrice = ?\");\n params.push(agreedPrice);\n }\n \n if (status === \"completed\") {\n updateFields.push(\"completedDate = ?\");\n params.push(new Date().toISOString());\n }\n \n params.push(sessionId);\n \n const result = await sqlite.execute(\n `UPDATE ${PREORDERS_TABLE} SET ${updateFields.join(\", \")} WHERE sessionID = ?`,\n params\n );\n \n return result.changes > 0;\n}",[],[170,602,594],"database","6bf1afb8-1d26-11f0-b641-569c3dd06744","migrations.ts","fa78ba02-1d25-11f0-9575-569c3dd06744",113,["D",1745071130536],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - use versioning to handle schema changes\nexport const ITEMS_TABLE = \"items_v1\";\nexport const PREORDERS_TABLE = \"preorders_v1\";\n\n// Create tables if they don't exist\nexport async function runMigrations() {\n // Create items table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${ITEMS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n price INTEGER NOT NULL,\n description TEXT,\n image TEXT,\n buyUrl TEXT\n )\n `);\n\n // Create preorders table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PREORDERS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n customerName TEXT NOT NULL,\n email TEXT NOT NULL,\n productID INTEGER NOT NULL,\n date TEXT NOT NULL,\n status TEXT NOT NULL CHECK(status IN ('pending', 'completed', 'canceled')),\n pickupLocation TEXT NOT NULL CHECK(pickupLocation IN ('Wade', 'Fribley')),\n amountPaid INTEGER,\n agreedPrice INTEGER,\n completedDate TEXT,\n sessionID TEXT NOT NULL,\n FOREIGN KEY (productID) REFERENCES ${ITEMS_TABLE}(id)\n )\n `);\n\n // Check if we need to seed the items table\n const items = await sqlite.execute(`SELECT COUNT(*) as count FROM ${ITEMS_TABLE}`);\n if (items[0].count === 0) {\n // Seed with default iClicker item\n await sqlite.execute(\n `\n INSERT INTO ${ITEMS_TABLE} (name, price, description, image, buyUrl)\n VALUES (?, ?, ?, ?, ?)\n `,\n [\n \"iClicker\",\n 4500, // $45.00 in cents\n \"iClicker for CWRU classes\",\n \"/frontend/assets/iclicker.jpg\",\n \"\",\n ],\n );\n }\n}\n\nawait runMigrations();",[],[170,602,604],"05896fd6-1d26-11f0-88a1-569c3dd06744","058970b2-1d26-11f0-88a1-569c3dd06744",107,["D",1745070958727],"# Database\n\nThis directory contains the SQLite database setup for the iClickWolf application.\n\n## Files\n\n- `migrations.ts` - Contains the database schema and table creation logic\n- `queries.ts` - Contains typed functions for interacting with the database\n\n## Tables\n\n### Items (items_v1)\nStores product information for iClickers.\n\n### Preorders (preorders_v1)\nStores customer preorder information including payment status.\n\n## Schema Versioning\n\nWhen changing the schema, create a new table with an incremented version number (e.g., `items_v2`) rather than altering existing tables. This is a best practice for SQLite in Val Town.",[],[170,602,144],"fa78d7e4-1d25-11f0-9575-569c3dd06744",105,["D",1745070940161],[188,189,190],[170,602],["D",1745070537017],[187,191,194],[170],["D",1745070536853],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_124":663,"_664":665,"_666":667,"_668":24,"_669":24,"_670":24,"_671":58,"_672":-5,"_673":-7,"_674":-7,"_675":63,"_676":24,"_677":24,"_678":-5,"_679":24,"_680":24,"_681":24,"_682":-5},"ENV",{"_634":635,"_636":637,"_638":87,"_639":640,"_641":642,"_643":644,"_645":646,"_647":648,"_649":650,"_651":652,"_653":654,"_655":656,"_657":658,"_659":660,"_661":662},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v116