[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_102":101,"_32":45,"_111":89,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":124,"_125":126,"_127":25,"_128":129,"_130":49,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":31,"_58":49,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",27,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","68167922-2772-11f0-b46e-569c3dd06744","name","fileType","http","content","import { fetchConfirmationHtml } from \"https://esm.town/v/petermillspaugh/fetchConfirmationHtml\";\nimport { fetchSignupHtml } from \"https://esm.town/v/petermillspaugh/fetchSignupHtml\";\nimport { markLessonComplete } from \"https://esm.town/v/petermillspaugh/markLessonComplete\";\nimport { refreshToken } from \"https://esm.town/v/petermillspaugh/refreshToken\";\nimport { sendLesson } from \"https://esm.town/v/petermillspaugh/sendLesson\";\nimport { sendLessonResponses } from \"https://esm.town/v/petermillspaugh/sendLessonResponses\";\nimport { sendVerification } from \"https://esm.town/v/petermillspaugh/sendVerification\";\nimport { upsertStudent } from \"https://esm.town/v/petermillspaugh/upsertStudent\";\nimport { email as sendEmail } from \"https://esm.town/v/std/email?v=11\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\nimport { Hono } from \"npm:hono\";\nimport { JSX } from \"npm:react\";\n\nexport async function emailSubscription(req: Request) {\n const app = new Hono();\n\n app.get(\"/\", async (c) => {\n return c.html(fetchSignupHtml());\n });\n\n app.post(\"/send-verification\", async c => {\n const formData = await c.req.formData();\n const name = formData.get(\"name\");\n const email = formData.get(\"email\");\n\n if (typeof name !== \"string\" || typeof email !== \"string\") {\n return Response.json({ message: \"Unexpected missing value for name or email.\" });\n }\n\n const token = crypto.randomUUID();\n await upsertStudent({ name, email, token });\n\n // Lack of await is intentional: send optimistic success response, then send email and notify myself async\n sendVerification({ emailAddress: email, html: fetchConfirmationHtml({ email, token }) });\n\n return Response.json({ success: true, message: \"Sent verification email.\" });\n });\n\n app.put(\"/confirm-verification\", async c => {\n const email = c.req.query(\"email\");\n const token = c.req.query(\"token\");\n\n const { newToken, didRefresh } = await refreshToken({ email, token });\n if (didRefresh) {\n // Lack of await is intentional: send optimistic success response, then send email and notify myself async\n sendVerification({\n emailAddress: email,\n html: fetchConfirmationHtml({ email, token: newToken, reVerifying: true }),\n });\n\n return Response.json({ message: \"Resent confirmation email.\" });\n }\n\n await sqlite.execute({\n sql: `UPDATE students SET verified = 1 WHERE email = ?;`,\n args: [email],\n });\n\n // Send the first lesson\n await sendLesson({ emailAddress: email, lesson: 0 });\n\n // No need to await: just emailing myself a notification\n sendEmail({\n subject: `${email} verified for subscription to: Make It Stick (in 10 days, via email)`,\n text: `Verification complete for ${email}'s subscription to: Make It Stick (in 10 days, via email)`,\n });\n\n return Response.json({ confirmed: true, message: \"Verified email address.\" });\n });\n\n /*\n * TODO: POST requests are blocked for security reasons on mobile email clients.\n * I could use a GET request with a req body, but that's a hack/anti-pattern.\n * I don't want to move the form to a webpage because it should be in the lesson flow.\n * TBD how to handle this. Perhaps an email handler Val?\n */\n app.post(\"/complete-lesson\", async c => {\n const email = c.req.query(\"email\");\n if (typeof email !== \"string\") {\n // Notify myself of the unexpected case\n sendEmail({\n subject: \"Unexpected missing email query param on /complete-lesson\",\n text: \"Email query param should be populated: check lesson form submission.\",\n });\n return;\n }\n\n await markLessonComplete(email);\n\n const lesson = c.req.query(\"lesson\");\n const formData = await c.req.formData();\n await sendLessonResponses({ email, lesson, formData });\n\n const responseHtml = `\n

Thanks for completing the lesson! Your responses should be in your inbox any second, and the next lesson will go out tomorrow.

In the meantime, feel free to send any feedback to pete@petemillspaugh.com, or by replying directly to any lesson email.

\n `;\n\n return new Response(responseHtml, { headers: { \"Content-Type\": \"text/html\" } });\n });\n\n return app.fetch(req);\n}","import { fetchConfirmationHtml } from \"https://esm.town/v/petermillspaugh/fetchConfirmationHtml\";\nimport { fetchSignupHtml } from \"https://esm.town/v/petermillspaugh/fetchSignupHtml\";\nimport { markLessonComplete } from \"https://esm.town/v/petermillspaugh/markLessonComplete\";\nimport { refreshToken } from \"https://esm.town/v/petermillspaugh/refreshToken\";\nimport { sendLesson } from \"https://esm.town/v/petermillspaugh/sendLesson\";\nimport { sendLessonResponses } from \"https://esm.town/v/petermillspaugh/sendLessonResponses\";\nimport { sendVerification } from \"https://esm.town/v/petermillspaugh/sendVerification\";\nimport { upsertStudent } from \"https://esm.town/v/petermillspaugh/upsertStudent\";\nimport { email as sendEmail } from \"https://esm.town/v/std/email?v=11\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\nimport { Hono } from \"npm:hono\";\nimport { JSX } from \"npm:react\";\n\nexport async function emailSubscription(req: Request) {\n const app = new Hono();\n\n app.get(\"/\", async (c) => {\n // return c.html(fetchSignupHtml());\n return c.html(\"not actively maintained\");\n });\n\n app.post(\"/send-verification\", async (c) => {\n const formData = await c.req.formData();\n const name = formData.get(\"name\");\n const email = formData.get(\"email\");\n\n if (typeof name !== \"string\" || typeof email !== \"string\") {\n return Response.json({\n message: \"Unexpected missing value for name or email.\",\n });\n }\n\n const token = crypto.randomUUID();\n await upsertStudent({ name, email, token });\n\n // Lack of await is intentional: send optimistic success response, then send email and notify myself async\n sendVerification({\n emailAddress: email,\n html: fetchConfirmationHtml({ email, token }),\n });\n\n return Response.json({\n success: true,\n message: \"Sent verification email.\",\n });\n });\n\n app.put(\"/confirm-verification\", async (c) => {\n const email = c.req.query(\"email\");\n const token = c.req.query(\"token\");\n\n const { newToken, didRefresh } = await refreshToken({ email, token });\n if (didRefresh) {\n // Lack of await is intentional: send optimistic success response, then send email and notify myself async\n sendVerification({\n emailAddress: email,\n html: fetchConfirmationHtml({\n email,\n token: newToken,\n reVerifying: true,\n }),\n });\n\n return Response.json({ message: \"Resent confirmation email.\" });\n }\n\n await sqlite.execute({\n sql: `UPDATE students SET verified = 1 WHERE email = ?;`,\n args: [email],\n });\n\n // Send the first lesson\n await sendLesson({ emailAddress: email, lesson: 0 });\n\n // No need to await: just emailing myself a notification\n sendEmail({\n subject:\n `${email} verified for subscription to: Make It Stick (in 10 days, via email)`,\n text:\n `Verification complete for ${email}'s subscription to: Make It Stick (in 10 days, via email)`,\n });\n\n return Response.json({\n confirmed: true,\n message: \"Verified email address.\",\n });\n });\n\n /*\n * TODO: POST requests are blocked for security reasons on mobile email clients.\n * I could use a GET request with a req body, but that's a hack/anti-pattern.\n * I don't want to move the form to a webpage because it should be in the lesson flow.\n * TBD how to handle this. Perhaps an email handler Val?\n */\n app.post(\"/complete-lesson\", async (c) => {\n const email = c.req.query(\"email\");\n if (typeof email !== \"string\") {\n // Notify myself of the unexpected case\n sendEmail({\n subject: \"Unexpected missing email query param on /complete-lesson\",\n text:\n \"Email query param should be populated: check lesson form submission.\",\n });\n return;\n }\n\n await markLessonComplete(email);\n\n const lesson = c.req.query(\"lesson\");\n const formData = await c.req.formData();\n await sendLessonResponses({ email, lesson, formData });\n\n const responseHtml = `\n

Thanks for completing the lesson! Your responses should be in your inbox any second, and the next lesson will go out tomorrow.

In the meantime, feel free to send any feedback to pete@petemillspaugh.com, or by replying directly to any lesson email.

\n `;\n\n return new Response(responseHtml, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n });\n\n return app.fetch(req);\n}","createdAt",["D",1775156043790],"branchVersion","branchId","68126a76-2772-11f0-b46e-569c3dd06744","id","68121710-2772-11f0-b46e-569c3dd06744","email-course-creator",["D",1746203277423],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","Inspired by Just JavaScript","imageUrl","6906d0a1-0165-46b9-8717-60dfd935316a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","631c5cff-7089-4994-8427-c7580df789cd","tursoName","68121710277211f0b46e569c3dd06744","tursoHostname","68121710277211f0b46e569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501878689],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_18":56,"_107":108,"_109":25},"branch",{"_13":88,"_32":89,"_43":42,"_90":44,"_91":92,"_93":94,"_95":51,"_96":97,"_98":64,"_99":45,"_100":101},"isOwned",52,"main","projectId","forkedBranchId","798e355a-2772-11f0-b46e-569c3dd06744","forkedBranchVersion",0,"forkedProjectPrivacy","forkedProjectId","798de9ec-2772-11f0-b46e-569c3dd06744","forkedProjectOrgId","projectName","userHandle","pmillspaugh","handle","displayName","Pete Millspaugh","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c3c0aadf-86a9-4c2e-ef01-fb649d6fb000/square512?exp=1789577999&sig=3927c0e321408bea96baab0e45026aeb9713898f5b433aef2217dbb0caa42bf2","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":179,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":31,"_58":49,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":180,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":181,"_83":182,"_85":183,"_87":25},"tree",[170,171],"files",[170,171],"counts",{"_160":94,"_161":62,"_162":94,"_163":164,"_165":166},"contents",[145,146],"upstreamProject",{"_43":97,"_32":141,"_53":142,"_55":143,"_50":51,"_81":144},"upstreamBranch",{"_43":92,"_38":135,"_136":137,"_32":89,"_90":97,"_13":138,"_91":-5,"_93":-5,"_139":140,"_47":-5,"_87":25,"_50":51,"_100":101,"_63":64,"_99":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746203306756],"updatedAt",["D",1787929513985],362,"lockfileKey","1787929514187-esm.town_v_pmillspaugh_garden@362-main","garden","https://petemillspaugh.com","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/ccc02d2f-ec0d-49a2-d1de-8e476f454c00/square512?exp=1789577999&sig=abbfc30d883a144cc5a3355ce7739a24da42c14b4e8eaaac720819b1508785a8",{"_102":101,"_110":106},{"_43":154,"_32":155,"_30":156,"_148":-5,"_41":42,"_40":62,"_149":25,"_38":157,"_13":94,"_33":20,"_35":158,"_24":25,"_152":-5,"_27":159},{"_43":147,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_149":25,"_38":150,"_13":151,"_33":34,"_35":37,"_24":25,"_152":-5,"_27":153},"519f6f04-2ec5-11f1-b0f6-42dde27851f2","parentId","latest",["D",1775156043790],26,"label",[28],"68169ad8-2772-11f0-b46e-569c3dd06744","README.md","68169b78-2772-11f0-b46e-569c3dd06744",["D",1701626495413],"# Email-based (spaced repetition) course creation tool\n\n🏗️ *Work-in-progress!* 🏗️ \n\nThe idea is to create a reusable course generator Val designed with effective, research-backed learning techniques in mind. That includes techniques like spaced repetition (via an interval between email lessons), retrieval practice (quizzing and fill-in-the-blank), elaboration and reflection (writing exercises). The Val(s) will include:\n\n- Email signup and verification\n- Template to fill in with course content\n- SQLite tables to store students and track progress\n- Cron job to send lessons to students\n\nAs the first use case for this generalizable course creator, I plan to make a course about [_Make It Stick_](https://www.goodreads.com/book/show/18770267-make-it-stick), which is a practical book about learning research that gave me the idea.\n\nI'm writing more about the implementation [on my digital garden](https://www.petemillspaugh.com/email-course-creator), which is also where you'll find [the signup form](https://www.petemillspaugh.com/make-it-stick).\n\nMigrated from folder: MakeItStick/emailCourseCreator",[155],"pulls","branches","forks","envVars",{"_167":94,"_169":94},"connections",{"_167":94,"_168":94},"count","unfilledCount","emptyCount",{"_43":154,"_32":155,"_30":156,"_148":-5,"_41":42,"_40":62,"_149":25,"_38":176,"_13":94,"_33":20,"_35":158,"_24":25,"_152":-5,"_173":177,"_27":178},{"_43":147,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_149":25,"_38":172,"_13":151,"_33":34,"_35":37,"_24":25,"_152":-5,"_173":174,"_27":175},["D",1775156043790],"children",[],[28],["D",1701626495413],[],[155],["D",1746203277423],["D",1789501878689],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_18":56,"_107":108,"_109":25},{"_13":88,"_32":89,"_43":42,"_90":44,"_91":92,"_93":94,"_95":51,"_96":97,"_98":64,"_99":45,"_100":101},"ctx",{"_81":-5,"_132":217,"_218":219,"_220":221,"_222":25,"_223":25,"_224":25,"_225":49,"_226":-5,"_227":-7,"_228":-7,"_229":94,"_230":25,"_231":25,"_232":-5,"_233":25,"_234":25,"_235":25,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":89,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v27