[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_293":294,"_295":296},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":59,"_126":-5,"_127":-5,"_128":129},"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":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",82,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/daily_report.md","latestPath","fileId","1974d1a8-3877-11f1-af85-42b51c65c3df","name","daily_report.md","fileType","content","# Daily Report\n\n_Generated: 2026-05-01_\n\n| term |\n| --- |\n| Misophonia (or selective sound sensitivity syndrome) |\n| reprobate - One rejected by God; a sinful person; even money on the contenders; dead air (Russel Brand interview); |\n| Fraying at the edges\" (or around the edges) is an idiom describing a situation, relationship, or system that is starting to become less effective, stable, or successful |\n| racial valence to what they talk; defraying at the edges; snapback - The reimposition of an earlier and usually higher tariff. defray - To pay for (something) |\n| revealed preferences; got labor on the ropes; policies that dont survive contact with reality |\n| a key that opens the door to hope; blowout - A sporting contest that is decidedly one-sided and whose outcome is no longer in doubt |\n| level of fuckery; wargaming conflict with ....; conservative sensibility; fictional biography (The Magician - Thomas Mann) |\n| elevated faster than on schedule not by his own drive but his ability to ingratiate himself with the nominee |\n| telecom - capital intense business; K-shaped economy; insuperable (for Vance to overcome the drag); |\n| germ of a truth of an idea; operating expense cuts flowing through cash flow growth; iron clad; high yielding stock like Verizon; boost optimism; AT&T reposition as a broad band growth; T-mobile wireless leader best 5G n/w; Verizon balance b/w the two - fiber growth story;saturated market - wireless; net losses; improved churn; on the margin....; |\n| bad juju; moral permission structure; solution in search of a problem |\n| all is fair in love and war; peppy (cheerful); violence apologetics or apologists; righeteous indignitation |\n| different moral universes; woke highpoint; they are an eyeroll, a cliche; |\n| elocution - The art of public speaking with expert control of gesture and voice, etc. |\n| hard to get the signal past all the noise; a meme war; |\n| market access; shape shifting phenomenon; legacy media vs independent media(podcast); overcorrection |\n| bring your A game; bad actors; diffuse banking system; public private coordination; operational risk; contain damage; |\n| structural advantage that BYD has; premium segment; low cost disruptor/player; volume or positioning in the premium segment |\n| greater fool theory; dog pile; peeled off to form a troika; coded rightwing symbol; false flag operation |\n| nicker - A soft neighing sound characteristic of a horse. [ noun ] |\n| reduce the toil (software maintanence); aggregate wisdom of humanity; crytallize my thinking prematurely |\n| low touch consumption; internet rewarded rabbit hole theories; upkeep on vehicles; builder/hacker ethos |\n| concede or compete; control for quality; seed the algorithm; hard to breakthru; painful and intentional process; |\n| lets bring some common sense into this equation; seed them across the social media (gardening metaphor) |\n| hyperventilate; a race to the bottom; right coded media (Fox news); legacy media monoculture; |\n| in contravention of ....; midterms a blowout (onesided sporting contest); just seems to be the ground hog day (War) |\n| silver tongue and savage with (R Brand); socratic dissections; mephistocles; power differential; abrogated my duty as a journalist; obstreperous (stubborn); comfort of categories (Left/Right); |\n| mega project - big capex, total cost overruns - CA train project; |\n| recognizance - an obligation of record entered into before a court or magistrate requiring the performance of an act (such as appearance in court) usually under penalty of a money forfeiture |\n| haggard - Looking exhausted, worried, or poor in condition |\n| slot machines - dopamine reward; when the chips were down; |\n| MS documentation is fragmented and nuanced; fighting the last war; live wire issue; look inward |\n| Totenkopf - ('dead person's head') is a German compound word for death's head - the term Totenkopf is commonly associated with 19th- and 20th-century German militarism, particularly in Nazi Germany |\n| animal house metaphor; venal motives - venuzuela action; political hymn book; sees where the ball is going |\n| misbegotten war; post hoc argument; effect political change; 1 d checkers vs 3d chess metaphor |\n| empathy is a tool for investigation and not a conclusion |\n| very arcane (known to a few) and recondite reasoning |\n| all deciles of Americans; does that accord with your stance? |\n| Inductive reasoning - drawing general principles from specific facts. Scientific investigation - postulating a hypothesis from a number of facts or experiments |\n| Deductive reasoning - process of drawing a specific conclusion from a general principle |\n| Absolutism - some type of actions are strictly prohibited by morality, no matter what the specific facts are in a particular case (Immanuel Kant explains with lying) |\n| VC - growth, growth without social consequences and -ve externalities |\n| disrepair; policy cruft; ALZ futzing around with naming convenstions |\n| we have been sold a bill of goods; alignment problems; choke points across the process |\n| AI harm reduction; social good vs private profit; |\n| structed pay scales; horizontal equity; / govt hiring - Ezra |\n| pedagogy in schools has not been updated - no more takehome exams |\n| AI populism - elite political project to be rejected |\n| let it rip - don't care how fast it moves and its destruction in the wake |\n| political shamelessness / Palanit PAC |\n| conflict generates views and views generate ad revenue |\n| penny ante - A small-scale business transaction; small stakes poker |\n| multi-centi billionaires |\n| takers vs makers / Romni |\n| embarassingly bad now, but the will get better |\n| bugeyed |\n| Profiles in Liquid Courage |\n| what are the bylines on that article? |\n| public bravado |\n| blow out at their partner |\n| don't look at that as a strike / Katie Porter |\n| die on the vine / AC |\n| If something is \"grandfathered in,\" it is exempt from new rules because it existed or was established before those rules came into effect |\n| a fleeting fad / looksmaxxing 60 min doc |\n| not a coin toss situation / AX |\n| probate - The legal process of verifying the legality of a will |\n| jacked up |\n| imperial loot |\n| gravitas and grandeur |\n| in toto - in total |\n| disobliging things |\n| Every passing minute is another chance to turn it all around. |\n| tower of babel - Large-scale collaborative projects that become unwieldy or lose coherence due to communication barriers |\n| matitunal - relating to, or occurring in the morning |\n| kakistrocracy - government by the worst people |\n| tail risk - It refers to the risk of an event occurring that is at the extreme end (\"tail\") of the possible range of outcomes, often with very low probability but potentially very high impact. |\n| vent his full spleen |\n| when the smoke clears.... |\n| unequal and opposite reation - Trump on hiring policies |\n| law of the jungle |\n| treating long held norms as inconveniences - Trump admin |\n| hobbled ourselves for productivity growth |\n| can't unring that bell |\n| companies rightsize for opportunity |\n| touts - To flaunt, to publicize/publicise; to boast or brag; to promote |\n| aministration touts; double counting |\n| marxist cosplay among the AI models |\n| anthromorphosization of AI |\n| identity around your job; |\n| AI utopia vs dystopia |\n| structural change - agriculture based economy - people are satiated on the goods |\n| elasticity of consumer demand |\n| modal economic view of AI (Most prevelant view of AI) |\n| messaging and a substantiative perspective |\n| repeal of Obamacare - an argument in the negative |\n| transparency of price - healthcare services; |\n| ethno nationalism |\n| panic mongering |\n| dialectic - Any formal system of reasoning that arrives at a truth by the exchange of logical arguments |\n| there by the grace of god, go we |\n","# Daily Report\n\n_Generated: 2026-05-02_\n\n| term |\n| --- |\n| souless pablum; too much synthetic content; content farmers; drowns out quality; distrust forms; callout culture; demiystify |\n| Words are the dress of thoughts |\n| Social media is warping our conceptions of truth |\n| A lie can get halfway around the world before the truth has a chance to get its pants on |\n| brand markup; Let your own discretion be your tutor: suit the action to the word, the word to the action |\n| she is not playing with a full deck of cards; The lights are on, no one is home, and no one is coming to visit. |\n| In economics, the Jevons paradox, or Jevons effect, is said to occur when technological improvements that increase the efficiency of a resource's use lead to a rise, rather than a fall, in total consumption of that resource |\n| Misophonia (or selective sound sensitivity syndrome) |\n| reprobate - One rejected by God; a sinful person; even money on the contenders; dead air (Russel Brand interview); |\n| Fraying at the edges\" (or around the edges) is an idiom describing a situation, relationship, or system that is starting to become less effective, stable, or successful |\n| racial valence to what they talk; defraying at the edges; snapback - The reimposition of an earlier and usually higher tariff. defray - To pay for (something) |\n| revealed preferences; got labor on the ropes; policies that dont survive contact with reality |\n| a key that opens the door to hope; blowout - A sporting contest that is decidedly one-sided and whose outcome is no longer in doubt |\n| level of fuckery; wargaming conflict with ....; conservative sensibility; fictional biography (The Magician - Thomas Mann) |\n| elevated faster than on schedule not by his own drive but his ability to ingratiate himself with the nominee |\n| telecom - capital intense business; K-shaped economy; insuperable (for Vance to overcome the drag); |\n| germ of a truth of an idea; operating expense cuts flowing through cash flow growth; iron clad; high yielding stock like Verizon; boost optimism; AT&T reposition as a broad band growth; T-mobile wireless leader best 5G n/w; Verizon balance b/w the two - fiber growth story;saturated market - wireless; net losses; improved churn; on the margin....; |\n| bad juju; moral permission structure; solution in search of a problem |\n| all is fair in love and war; peppy (cheerful); violence apologetics or apologists; righeteous indignitation |\n| different moral universes; woke highpoint; they are an eyeroll, a cliche; |\n| elocution - The art of public speaking with expert control of gesture and voice, etc. |\n| hard to get the signal past all the noise; a meme war; |\n| market access; shape shifting phenomenon; legacy media vs independent media(podcast); overcorrection |\n| bring your A game; bad actors; diffuse banking system; public private coordination; operational risk; contain damage; |\n| structural advantage that BYD has; premium segment; low cost disruptor/player; volume or positioning in the premium segment |\n| greater fool theory; dog pile; peeled off to form a troika; coded rightwing symbol; false flag operation |\n| nicker - A soft neighing sound characteristic of a horse. [ noun ] |\n| reduce the toil (software maintanence); aggregate wisdom of humanity; crytallize my thinking prematurely |\n| low touch consumption; internet rewarded rabbit hole theories; upkeep on vehicles; builder/hacker ethos |\n| concede or compete; control for quality; seed the algorithm; hard to breakthru; painful and intentional process; |\n| lets bring some common sense into this equation; seed them across the social media (gardening metaphor) |\n| hyperventilate; a race to the bottom; right coded media (Fox news); legacy media monoculture; |\n| in contravention of ....; midterms a blowout (onesided sporting contest); just seems to be the ground hog day (War) |\n| silver tongue and savage with (R Brand); socratic dissections; mephistocles; power differential; abrogated my duty as a journalist; obstreperous (stubborn); comfort of categories (Left/Right); |\n| mega project - big capex, total cost overruns - CA train project; |\n| recognizance - an obligation of record entered into before a court or magistrate requiring the performance of an act (such as appearance in court) usually under penalty of a money forfeiture |\n| haggard - Looking exhausted, worried, or poor in condition |\n| slot machines - dopamine reward; when the chips were down; |\n| MS documentation is fragmented and nuanced; fighting the last war; live wire issue; look inward |\n| Totenkopf - ('dead person's head') is a German compound word for death's head - the term Totenkopf is commonly associated with 19th- and 20th-century German militarism, particularly in Nazi Germany |\n| animal house metaphor; venal motives - venuzuela action; political hymn book; sees where the ball is going |\n| misbegotten war; post hoc argument; effect political change; 1 d checkers vs 3d chess metaphor |\n| empathy is a tool for investigation and not a conclusion |\n| very arcane (known to a few) and recondite reasoning |\n| all deciles of Americans; does that accord with your stance? |\n| Inductive reasoning - drawing general principles from specific facts. Scientific investigation - postulating a hypothesis from a number of facts or experiments |\n| Deductive reasoning - process of drawing a specific conclusion from a general principle |\n| Absolutism - some type of actions are strictly prohibited by morality, no matter what the specific facts are in a particular case (Immanuel Kant explains with lying) |\n| VC - growth, growth without social consequences and -ve externalities |\n| disrepair; policy cruft; ALZ futzing around with naming convenstions |\n| we have been sold a bill of goods; alignment problems; choke points across the process |\n| AI harm reduction; social good vs private profit; |\n| structed pay scales; horizontal equity; / govt hiring - Ezra |\n| pedagogy in schools has not been updated - no more takehome exams |\n| AI populism - elite political project to be rejected |\n| let it rip - don't care how fast it moves and its destruction in the wake |\n| political shamelessness / Palanit PAC |\n| conflict generates views and views generate ad revenue |\n| penny ante - A small-scale business transaction; small stakes poker |\n| multi-centi billionaires |\n| takers vs makers / Romni |\n| embarassingly bad now, but the will get better |\n| bugeyed |\n| Profiles in Liquid Courage |\n| what are the bylines on that article? |\n| public bravado |\n| blow out at their partner |\n| don't look at that as a strike / Katie Porter |\n| die on the vine / AC |\n| If something is \"grandfathered in,\" it is exempt from new rules because it existed or was established before those rules came into effect |\n| a fleeting fad / looksmaxxing 60 min doc |\n| not a coin toss situation / AX |\n| probate - The legal process of verifying the legality of a will |\n| jacked up |\n| imperial loot |\n| gravitas and grandeur |\n| in toto - in total |\n| disobliging things |\n| Every passing minute is another chance to turn it all around. |\n| tower of babel - Large-scale collaborative projects that become unwieldy or lose coherence due to communication barriers |\n| matitunal - relating to, or occurring in the morning |\n| kakistrocracy - government by the worst people |\n| tail risk - It refers to the risk of an event occurring that is at the extreme end (\"tail\") of the possible range of outcomes, often with very low probability but potentially very high impact. |\n| vent his full spleen |\n| when the smoke clears.... |\n| unequal and opposite reation - Trump on hiring policies |\n| law of the jungle |\n| treating long held norms as inconveniences - Trump admin |\n| hobbled ourselves for productivity growth |\n| can't unring that bell |\n| companies rightsize for opportunity |\n| touts - To flaunt, to publicize/publicise; to boast or brag; to promote |\n| aministration touts; double counting |\n| marxist cosplay among the AI models |\n| anthromorphosization of AI |\n| identity around your job; |\n| AI utopia vs dystopia |\n| structural change - agriculture based economy - people are satiated on the goods |\n| elasticity of consumer demand |\n| modal economic view of AI (Most prevelant view of AI) |\n","createdAt",["D",1777680019750],"branchVersion","branchId","89f88876-3169-11f1-9094-42dde27851f2","id","89f035d6-3169-11f1-9094-42dde27851f2","khacks",["D",1775446478026],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Personal hacks","imageUrl","019d3acb-4266-73d5-b8a9-93ce4f16a9b3","pinnedFileId","019d60db-4d3b-744e-a4f9-a1cd54af5feb","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d3acb-4266-73d5-b8a9-96af6d3b07cc","tursoName","89f035d6316911f1909442dde27851f2","tursoHostname","89f035d6316911f1909442dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789556471789],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",215,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","KMan","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCZDkxUG1lV2dqZEV1N1ljYXFxVUM1Ull2bSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":288,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":289,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":290,"_84":291,"_86":292,"_88":25},"tree",[174,177,187,188],"files",[174,175,176,177,178,179,180,181,182,183,184,185,186,187,188],"counts",{"_164":63,"_165":148,"_166":63,"_167":168,"_169":170},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":59,"_38":162,"_13":148,"_34":156,"_35":-5,"_24":25,"_143":-5,"_27":163},{"_43":152,"_32":153,"_30":154,"_136":-5,"_41":42,"_40":148,"_138":59,"_38":155,"_13":63,"_34":156,"_35":-5,"_24":25,"_143":-5,"_27":157},{"_43":145,"_32":146,"_30":147,"_136":-5,"_41":42,"_40":148,"_138":59,"_38":149,"_13":63,"_34":20,"_35":150,"_24":25,"_143":-5,"_27":151},{"_43":134,"_32":135,"_30":57,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":139,"_13":140,"_34":141,"_35":142,"_24":25,"_143":45,"_27":144},"251c5b84-36ba-11f1-841d-42b51c65c3df","index.ts","parentId",55,"latest",["D",1776030853749],15,"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nimport {\n getUncommonWords,\n insertBook,\n insertUncommonWord,\n insertYTUrl,\n} from \"./backend/db.ts\";\n\nimport { fetch } from \"https://esm.town/v/std/fetch\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\napp.post(\"/books\", async (c) => {\n try {\n // Parse JSON body\n const body = await c.req.json().catch(() => null);\n\n // Validate input\n if (!body || typeof body !== \"object\") {\n return c.json({ error: \"Request body must be a valid JSON object\" }, 400);\n }\n\n if (!body.title || typeof body.title !== \"string\") {\n return c.json({\n error: \"Request must include a 'title' property with a string value\",\n }, 400);\n }\n\n if (body.title.trim() === \"\") {\n return c.json({ error: \"Message cannot be empty\" }, 400);\n }\n\n insertBook(\n body.title,\n body.author,\n body.description ?? null,\n body.genre ?? null,\n );\n\n // Return the newly created phrase\n return c.json({\n message: \"Book saved successfully\",\n yturl: body.title,\n }, 200);\n } catch (error) {\n console.error(\"Error adding books:\", error);\n return c.json({ error: \"Failed to books\" }, 500);\n }\n});\n\napp.get(\"/uncommon\", async (c) => {\n return c.json(await getUncommonWords());\n});\n\napp.post(\"/uncommon\", async (c) => {\n try {\n // Parse JSON body\n const body = await c.req.json().catch(() => null);\n\n // Validate input\n if (!body || typeof body !== \"object\") {\n return c.json({ error: \"Request body must be a valid JSON object\" }, 400);\n }\n\n if (!body.term || typeof body.term !== \"string\") {\n return c.json({\n error: \"Request must include a 'term' property with a string value\",\n }, 400);\n }\n\n if (body.term.trim() === \"\") {\n return c.json({ error: \"Term cannot be empty\" }, 400);\n }\n\n await insertUncommonWord(\n body.term,\n body.description ?? null,\n body.notes ?? null,\n );\n\n return c.json({\n message: \"Uncommon phrase saved successfully\",\n yturl: body.term,\n }, 200);\n } catch (error) {\n console.error(\"Error adding uncommon phrase:\", error);\n return c.json({ error: \"Failed to save the phrase\" }, 500);\n }\n});\n\napp.post(\"/ytube\", async (c) => {\n //await ensureTableExists();\n\n try {\n // Parse JSON body\n const body = await c.req.json().catch(() => null);\n\n // Validate input\n if (!body || typeof body !== \"object\") {\n return c.json({ error: \"Request body must be a valid JSON object\" }, 400);\n }\n\n if (!body.url || typeof body.url !== \"string\") {\n return c.json({\n error: \"Request must include a 'url' property with a string value\",\n }, 400);\n }\n\n if (body.url.trim() === \"\") {\n return c.json({ error: \"Message cannot be empty\" }, 400);\n }\n\n //https://www.youtube.com/oembed?url=\n const data = await fetch(\n `https://www.youtube.com/oembed?url=${body.url}&format=json`,\n );\n const jsonData = await data.json();\n\n insertYTUrl(body.url.trim(), jsonData.title, body.description ?? null);\n\n // Return the newly created phrase\n return c.json({\n message: \"YT Url saved successfully\",\n yturl: jsonData.title,\n }, 201);\n } catch (error) {\n console.error(\"Error adding YT url:\", error);\n return c.json({ error: \"Failed to save YT url\" }, 500);\n }\n});\n\napp.get(\"/testing\", (c) => {\n const val = parseVal(import.meta.url);\n console.log(val);\n\n const val_id = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n console.log(\"Val id is \", val_id);\n\n return c.json({\n hello: \"world\",\n baseUrl: c.req.url.replace(c.req.path, \"\"),\n \"import.meta.url\": import.meta.url,\n });\n});\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) => Promise.reject(err));\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;","label",[135],"89fbc892-3169-11f1-9094-42dde27851f2","README.md","019d60db-4d3b-744e-a4f9-9d1d6b380c62",1,["D",1775446478026],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the\ntop-right.\n\n## How it works\n\n- The **entrypoint** is [`index.ts`](index.ts). That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is\n [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from\n [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest\nreading the files in this order:\n\n[`index.ts`](index.ts) -> [`/frontend/index.html`](/frontend/index.html) ->\n[`/frontend/index.tsx`](/frontend/index.tsx) ->\n[`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\n bigger example project, with a SQLite database table, queries, client-side\n CSS, a favicon, and shared code that runs on both client and server.",[146],"89fbc75c-3169-11f1-9094-42dde27851f2","frontend","019d60db-4d3b-744e-a4f9-99649d93cb85",["D",1775446478026],"directory",[153],"ff6af6c4-316f-11f1-88b8-42dde27851f2","backend","fd9c88d0-316f-11f1-ae4b-42dde27851f2",3,["D",1775449252133],[159],"pulls","branches","forks","envVars",{"_171":148,"_173":63},"connections",{"_171":63,"_172":63},"count","unfilledCount","emptyCount",{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":59,"_38":285,"_13":148,"_34":156,"_35":-5,"_24":25,"_143":-5,"_190":286,"_27":287},{"_43":275,"_32":276,"_30":277,"_136":160,"_41":42,"_40":278,"_138":59,"_38":279,"_13":280,"_34":281,"_35":282,"_24":25,"_143":-5,"_190":283,"_27":284},{"_43":266,"_32":267,"_30":268,"_136":160,"_41":42,"_40":269,"_138":25,"_38":270,"_13":271,"_34":209,"_35":272,"_24":25,"_143":-5,"_190":273,"_27":274},{"_43":152,"_32":153,"_30":154,"_136":-5,"_41":42,"_40":148,"_138":59,"_38":263,"_13":63,"_34":156,"_35":-5,"_24":25,"_143":-5,"_190":264,"_27":265},{"_43":259,"_32":251,"_30":244,"_136":154,"_41":42,"_40":148,"_138":59,"_38":260,"_13":63,"_34":156,"_35":-5,"_24":25,"_143":-5,"_190":261,"_27":262},{"_43":252,"_32":253,"_30":254,"_136":244,"_41":42,"_40":148,"_138":59,"_38":255,"_13":63,"_34":209,"_35":256,"_24":25,"_143":-5,"_190":257,"_27":258},{"_43":241,"_32":242,"_30":243,"_136":244,"_41":42,"_40":245,"_138":25,"_38":246,"_13":247,"_34":209,"_35":248,"_24":25,"_143":-5,"_190":249,"_27":250},{"_43":232,"_32":233,"_30":234,"_136":154,"_41":42,"_40":235,"_138":59,"_38":236,"_13":237,"_34":20,"_35":238,"_24":25,"_143":-5,"_190":239,"_27":240},{"_43":227,"_32":33,"_30":31,"_136":154,"_41":42,"_40":14,"_138":25,"_38":228,"_13":229,"_34":20,"_35":37,"_24":25,"_143":-5,"_190":230,"_27":231},{"_43":220,"_32":221,"_30":222,"_136":154,"_41":42,"_40":148,"_138":59,"_38":223,"_13":63,"_34":20,"_35":224,"_24":25,"_143":-5,"_190":225,"_27":226},{"_43":213,"_32":214,"_30":215,"_136":154,"_41":42,"_40":148,"_138":25,"_38":216,"_13":63,"_34":20,"_35":217,"_24":25,"_143":-5,"_190":218,"_27":219},{"_43":203,"_32":204,"_30":205,"_136":154,"_41":42,"_40":206,"_138":59,"_38":207,"_13":208,"_34":209,"_35":210,"_24":25,"_143":-5,"_190":211,"_27":212},{"_43":196,"_32":197,"_30":198,"_136":154,"_41":42,"_40":148,"_138":59,"_38":199,"_13":63,"_34":20,"_35":200,"_24":25,"_143":-5,"_190":201,"_27":202},{"_43":145,"_32":146,"_30":147,"_136":-5,"_41":42,"_40":148,"_138":59,"_38":193,"_13":63,"_34":20,"_35":150,"_24":25,"_143":-5,"_190":194,"_27":195},{"_43":134,"_32":135,"_30":57,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":189,"_13":140,"_34":141,"_35":142,"_24":25,"_143":45,"_190":191,"_27":192},["D",1776030853749],"children",[],[135],["D",1775446478026],[],[146],"89fbc446-3169-11f1-9094-42dde27851f2","style.css","019d60db-4d3b-744e-a4f9-9411665e62ef",["D",1775446478026],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[153,197],"7a89b578-3618-11f1-b5e5-42b51c65c3df","index.tsx","019d60db-4d3b-744e-a4f9-93129402de20",49,["D",1775961418801],4,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n//import { App } from \"./components/App.tsx\";\nimport { CommonNotesApp } from \"./components/CommonNotes.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[153,204],"89fbb550-3169-11f1-9094-42dde27851f2","index.html","019d60db-4d3b-744e-a4f9-8e243d39f3d6",["D",1775446478026],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[153,214],"89fbaf38-3169-11f1-9094-42dde27851f2","favicon.svg","019d60db-4d3b-744e-a4f9-89ecb6740d40",["D",1775446478026],"\n",[],[153,221],"e889e178-45b9-11f1-afb4-42b51c65c3df",["D",1777680019750],18,[],[153,33],"5d897788-3613-11f1-8bd3-42b51c65c3df","Common.html","d62c0fb4-3610-11f1-acce-42b51c65c3df",41,["D",1775959222663],5,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n\n \n \n \n",[],[153,233],"cb1786d8-3621-11f1-8a91-42b51c65c3df","CommonNotes.tsx","24262f88-3611-11f1-95c2-42b51c65c3df","019d60db-4d3b-744e-a4f9-875ac38dca3b",52,["D",1775965419420],10,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\ntype Note = {\n id: number;\n term: string;\n};\n\nconst BATCH_SIZE = 50;\n\nconst COLORS = [\n \"#FFF9A6\",\n \"#FFE0AC\",\n \"#FFCCD5\",\n \"#D5F5E3\",\n \"#D6EAF8\",\n \"#E8DAEF\",\n];\n\nfunction randomColor() {\n return COLORS[Math.floor(Math.random() * COLORS.length)];\n}\n\nexport function CommonNotesApp() {\n const [notes, setNotes] = useState([]);\n const [index, setIndex] = useState(0);\n const [batchStart, setBatchStart] = useState(0);\n const [color, setColor] = useState(randomColor());\n\n const touchStartX = useRef(0);\n const touchEndX = useRef(0);\n\n /* ---------------- FETCH DATA ---------------- */\n\n async function fetchNotes() {\n const url = `https://khacks.val.run/uncommon`;\n const urlx =\n `https://jsonplaceholder.typicode.com/posts?_start=${batchStart}&_limit=${BATCH_SIZE}`;\n\n const res = await fetch(url);\n const data: Note[] = await res.json();\n\n setNotes((prev) => [...prev, ...data]);\n setBatchStart((prev) => prev + BATCH_SIZE);\n }\n\n /* ---------------- INIT ---------------- */\n\n useEffect(() => {\n fetchNotes();\n }, []);\n\n useEffect(() => {\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [index]);\n\n /* ---------------- SWIPE HANDLERS ---------------- */\n\n function handleTouchStart(e: React.TouchEvent) {\n touchStartX.current = e.changedTouches[0].screenX;\n }\n\n function handleTouchEnd(e: React.TouchEvent) {\n touchEndX.current = e.changedTouches[0].screenX;\n handleSwipe();\n }\n\n function handleKeyDown(e: KeyboardEvent) {\n if (e.key === \"ArrowRight\") {\n const nextIndex = index + 1;\n setIndex(nextIndex);\n setColor(randomColor());\n\n if (nextIndex % BATCH_SIZE === 0) {\n fetchNotes();\n }\n }\n\n if (e.key === \"ArrowLeft\" && index > 0) {\n setIndex((prev) => prev - 1);\n setColor(randomColor());\n }\n }\n\n function handleSwipe() {\n const delta = touchEndX.current - touchStartX.current;\n\n // Swipe right\n if (delta > 40) {\n const nextIndex = index + 1;\n setIndex(nextIndex);\n setColor(randomColor());\n\n // Fetch every 10 right swipes\n if (nextIndex % BATCH_SIZE === 0) {\n fetchNotes();\n }\n }\n\n // Swipe left\n if (delta < -40 && index > 0) {\n setIndex((prev) => prev - 1);\n setColor(randomColor());\n }\n }\n\n const note = notes[index];\n\n return (\n

\n \n

\n {note ? note.term : \"Loading...\"}\n

\n \n );\n}\n\n/* ---------------- STYLES ---------------- */\n\nconst styles: { [key: string]: React.CSSProperties } = {\n app: {\n height: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n background: \"#f0f0f0\",\n },\n note: {\n width: \"85%\",\n minHeight: \"240px\",\n padding: \"20px\",\n borderRadius: \"12px\",\n boxShadow: \"0 10px 20px rgba(0,0,0,0.15)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n fontSize: \"2.2rem\",\n transition: \"background-color 0.3s ease, transform 0.3s ease\",\n },\n text: {\n margin: 0,\n userSelect: \"none\",\n },\n};\n\n/* ---------------- MOUNT ---------------- */\n\n// const container = document.getElementById(\"root\");\n// if (!container) {\n// throw new Error(\"Root container missing\");\n// }\n\n// const root = createRoot(container);\n// root.render();",[],[153,251,242],"components","89fb886e-3169-11f1-9094-42dde27851f2","App.tsx","019d60db-4d3a-758a-85f2-055b8e771277",["D",1775446478026],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[153,251,253],"89fbacb8-3169-11f1-9094-42dde27851f2",["D",1775446478026],[179,180],[153,251],["D",1775446478026],[178,181,182,183,184,185,186],[153],"4d889bf8-387e-11f1-ade0-42b51c65c3df","db.ts","03d04502-3170-11f1-a5cc-42dde27851f2",65,["D",1776225054284],16,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n//await createTables();\n\nexport async function insertYTUrl(\n url: string,\n title: string | null,\n description: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO YTLINKS (url, title, description) VALUES(:url, :title, :description)`,\n args: { url, title, description },\n });\n\n // await sqlite.execute({\n // sql: `insert into kv(key, value) values (:key, :value)`,\n // args: { key: \"specialkey\", value: \"specialvalue\" },\n // });\n}\n\nexport async function insertBook(\n title: string,\n author: string | null,\n description: string | null,\n genre: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO BKLINKS (title, author, description, genre) VALUES (:title, :author, :description, :genre)`,\n args: { title, author, description, genre },\n });\n}\n\nexport async function insertUncommonWord(\n term: string,\n description: string | null,\n notes: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO UNCOMMON_WORDS (term, description, notes) VALUES (:term, :description, :notes)`,\n args: { term, description, notes },\n });\n}\n\nexport async function getUncommonWords() {\n const result = await sqlite.execute({\n sql: `SELECT id, term FROM UNCOMMON_WORDS ORDER BY timestamp DESC`,\n });\n\n const rows: { id: number; term: string }[] = result.rows as any;\n return rows;\n}\n\nexport async function insertGHubLink(\n url: string,\n description: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO GHUB (url, description) VALUES (:url, :description)`,\n args: { url, description },\n });\n}\n\nexport async function createTables() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS YTLINKS (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n url TEXT NOT NULL UNIQUE,\n title TEXT NULL,\n description TEXT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n\n `CREATE TABLE IF NOT EXISTS BKLINKS (\n id INTEGER PRIMARY KEY AUTOINCREMENT, \n title TEXT NOT NULL,\n author TEXT NOT NULL,\n description TEXT NULL,\n genre TEXT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n\n `CREATE TABLE IF NOT EXISTS UNCOMMON_WORDS (\n id INTEGER PRIMARY KEY AUTOINCREMENT, \n term TEXT NOT NULL,\n description TEXT NULL,\n notes TEXT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n /* Add any other tables or migrations you want here\n\n However, you should know that SQLite has much more limited\n support for altering existing tables as compared to other databases.\n Often it's easier to create new tables with the schema you want, and then\n copy the data over. */\n ]);\n}",[],[159,267],"4d11bd00-3877-11f1-aea5-42b51c65c3df","daily-report-cron.ts","5dce1bd6-37c1-11f1-ab09-42b51c65c3df",63,["D",1776222047008],6,"interval","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst VAL_ID = \"89f035d6-3169-11f1-9094-42dde27851f2\";\nconst FILE_PATH = \"frontend/daily_report.md\";\n\nexport default async function (interval: Interval) {\n // -------------------------------------------------------\n // TODO: Replace this query with your own\n // Available tables: BKLINKS, GHUB, UNCOMMON_WORDS, YTLINKS\n // -------------------------------------------------------\n const result = await sqlite.execute(`\n SELECT term FROM UNCOMMON_WORDS ORDER BY timestamp DESC LIMIT 100\n `);\n\n // Build markdown content from query results\n const now = new Date().toISOString().split(\"T\")[0]; // YYYY-MM-DD\n const rows = result.rows as Record[];\n\n let md = `# Daily Report\\n\\n_Generated: ${now}_\\n\\n`;\n\n if (rows.length === 0) {\n md += \"_No data found._\\n\";\n } else {\n const columns = result.columns;\n\n // Table header\n md += `| ${columns.join(\" | \")} |\\n`;\n md += `| ${columns.map(() => \"---\").join(\" | \")} |\\n`;\n\n // Table rows\n for (const row of rows) {\n const cells = columns.map((col) => String(row[col] ?? \"\"));\n md += `| ${cells.join(\" | \")} |\\n`;\n }\n }\n\n const token = Deno.env.get(\"ktoken\");\n\n const apiBase = `https://api.val.town/v2/vals/${VAL_ID}/files?path=${\n encodeURIComponent(FILE_PATH)\n }`;\n const headers = {\n \"Authorization\": `Bearer ${token}`,\n \"Content-Type\": \"application/json\",\n };\n\n // Try PUT first (update/overwrite if the file already exists)\n let response = await fetch(apiBase, {\n method: \"PUT\",\n headers,\n body: JSON.stringify({ content: md, type: \"file\" }),\n });\n\n // If the file doesn't exist yet (404), create it with POST\n if (response.status === 404) {\n response = await fetch(apiBase, {\n method: \"POST\",\n headers,\n body: JSON.stringify({ content: md, type: \"file\" }),\n });\n }\n\n if (!response.ok) {\n const text = await response.text();\n throw new Error(`Failed to write ${FILE_PATH}: ${response.status} ${text}`);\n }\n\n console.log(`${FILE_PATH} written successfully (${rows.length} rows)`);\n}",[],[159,276],["D",1775449252133],[175,176],[159],["D",1775446478026],["D",1789556471789],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_127":326,"_327":328,"_329":330,"_331":25,"_332":25,"_333":25,"_334":59,"_335":-5,"_336":-7,"_337":-7,"_338":63,"_339":25,"_340":25,"_341":-5,"_342":25,"_343":25,"_344":25,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":90,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v82