[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_333":334,"_335":336},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_109":91,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",153,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/db.ts","latestPath","fileId","03d04502-3170-11f1-a5cc-42dde27851f2","name","db.ts","fileType","script","content","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 getVocabularyWords() {\n const result = await sqlite.execute({\n sql: `SELECT definition FROM vocabulary ORDER BY created_at DESC`,\n });\n\n const rows: { definition: string }[] = result.rows as any;\n return rows;\n}\n\nexport async function getYTLinks() {\n const result = await sqlite.execute({\n sql: `SELECT url, title FROM YTLINKS ORDER BY timestamp DESC`,\n });\n\n const rows: { url: string; title: 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}","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 getVocabularyWords() {\n const result = await sqlite.execute({\n sql: `SELECT definition FROM vocabulary ORDER BY created_at DESC LIMIT 100`,\n });\n\n const rows: { definition: string }[] = result.rows as any;\n return rows;\n}\n\nexport async function getYTLinks() {\n const result = await sqlite.execute({\n sql: `SELECT url, title FROM YTLINKS ORDER BY timestamp DESC`,\n });\n\n const rows: { url: string; title: 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}","createdAt",["D",1780199779261],"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",1789470042795],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"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",{"_44":45,"_32":46,"_39":328,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":329,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":330,"_85":331,"_87":332,"_89":25},"tree",[184,187,200,201,202],"files",[184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202],"counts",{"_174":64,"_175":158,"_176":64,"_177":178,"_179":180},"contents",[131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":171,"_141":60,"_39":172,"_13":158,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":173},{"_44":162,"_32":163,"_30":164,"_139":-5,"_42":43,"_41":158,"_141":60,"_39":165,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":167},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":60,"_39":159,"_13":64,"_34":20,"_36":160,"_24":25,"_145":-5,"_27":161},{"_44":147,"_32":148,"_30":58,"_139":-5,"_42":43,"_41":149,"_141":25,"_39":150,"_13":151,"_34":152,"_36":153,"_24":25,"_145":46,"_27":154},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":142,"_13":143,"_34":35,"_36":144,"_24":25,"_145":-5,"_27":146},"8f60463c-5856-11f1-bb9b-ee650bb23af1","yt.tsx","e0c6d2f2-57ed-11f1-98b4-ee650bb23af1","parentId",129,"latest",["D",1779726422085],10,"/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { getYTLinks } from \"./backend/db.ts\";\n\ntype Item = { url: string; title: string };\n\nexport const app = new Hono();\n\nfunction TableRow({ item }: { item: Item }) {\n return (\n \n \n \n {item.url}\n \n \n {item.title}\n \n );\n}\n\nfunction LinksTable({ items }: { items: Item[] }) {\n if (!items || items.length === 0) {\n return

No items.

;\n }\n const rows = items.map((it) => TableRow({ item: it })); //.join(\"\");\n return (\n

\n \n \n \n \n \n \n \n {rows}\n

\n URL\n	\n Description\n

\n );\n}\n\nfunction Layout({ children, title }: { children: any; title: string }) {\n return (\n \n \n \n \n {title}\n \n \n \n

{title}

{children}

\n \n \n );\n}\n\napp.get(\"/\", async (c) => {\n const items = await getYTLinks();\n\n return c.html(\n \n

Displaying a list of YouTube links

\n \n ,\n );\n});\n\nexport default app.fetch;","label",[137],"7411363c-5ca4-11f1-b832-1607ee4eb77e","index.ts",152,["D",1780199681669],28,"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\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { app as ytapp } from \"./yt.tsx\";\n\nimport {\n getUncommonWords,\n getVocabularyWords,\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(\"/explain\", async (c) => {\n const { word, context } = await c.req.json();\n\n if (!word) return c.json({ error: \"word required\" }, 400);\n\n // Check duplicate\n const existing = await sqlite.execute({\n sql: \"SELECT id FROM vocabulary WHERE lower(word) = lower(?)\",\n args: [word],\n });\n\n // Free Dictionary API\n let definition = \"\";\n let phonetic = \"\";\n let partOfSpeech = \"\";\n let example = \"\";\n\n const wordDefinitionUrl = `https://api.dictionaryapi.dev/api/v2/entries/en/${\n encodeURIComponent(word.trim())\n }`;\n\n try {\n const res = await fetch(wordDefinitionUrl);\n\n if (res.ok) {\n const data = await res.json();\n // const entry = data[0];\n // phonetic = entry.phonetic || entry.phonetics?.[0]?.text || \"\";\n // const meaning = entry.meanings?.[0];\n // partOfSpeech = meaning?.partOfSpeech || \"\";\n // const def = meaning?.definitions?.[0];\n // definition = def?.definition || \"\";\n // example = def?.example || \"\";\n\n if (existing.rows.length === 0) {\n //return c.json({ status: \"already_saved\", id: existing.rows[0].id });\n await sqlite.execute({\n sql: `INSERT INTO vocabulary (word, definition, context, source_url)\n VALUES (?, ?, ?, ?)`,\n args: [\n word,\n JSON.stringify(data) || \"\",\n context || \"\",\n wordDefinitionUrl,\n ],\n });\n }\n return c.json(data);\n } //ok\n } catch (_) {\n return c.json({ error: \"Failed to get definition\" }, 500);\n }\n});\n\napp.get(\"/vocab\", async (c) => {\n let apiList = await getVocabularyWords();\n let words = [];\n for (let word of apiList) {\n let definition = word.definition;\n words.push(...word);\n }\n\n return c.json(words);\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 let [url, notes] = body.url.trim().split(\" \");\n\n //https://www.youtube.com/oembed?url=\n const data = await fetch(\n `https://www.youtube.com/oembed?url=${url}&format=json`,\n );\n const jsonData = await data.json();\n\n insertYTUrl(url.trim(), jsonData.title, notes ?? null);\n\n // Return the newly created phrase\n return c.json({\n message: \"YT Url saved successfully\",\n yturl: body.url,\n ytdesc: 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\napp.route(\"/kyt\", ytapp);\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;",[148],"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.",[156],"89fbc75c-3169-11f1-9094-42dde27851f2","frontend","019d60db-4d3b-744e-a4f9-99649d93cb85",["D",1775446478026],"directory",[163],"ff6af6c4-316f-11f1-88b8-42dde27851f2","backend","fd9c88d0-316f-11f1-ae4b-42dde27851f2",3,["D",1775449252133],[169],"pulls","branches","forks","envVars",{"_181":158,"_183":64},"connections",{"_181":64,"_182":64},"count","unfilledCount","emptyCount",{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":171,"_141":60,"_39":325,"_13":158,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":326,"_27":327},{"_44":315,"_32":316,"_30":317,"_139":170,"_42":43,"_41":318,"_141":60,"_39":319,"_13":320,"_34":321,"_36":322,"_24":25,"_145":-5,"_204":323,"_27":324},{"_44":310,"_32":33,"_30":31,"_139":170,"_42":43,"_41":14,"_141":25,"_39":311,"_13":312,"_34":35,"_36":38,"_24":25,"_145":-5,"_204":313,"_27":314},{"_44":162,"_32":163,"_30":164,"_139":-5,"_42":43,"_41":158,"_141":60,"_39":307,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":308,"_27":309},{"_44":303,"_32":295,"_30":289,"_139":164,"_42":43,"_41":158,"_141":60,"_39":304,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":305,"_27":306},{"_44":296,"_32":297,"_30":298,"_139":289,"_42":43,"_41":158,"_141":60,"_39":299,"_13":64,"_34":35,"_36":300,"_24":25,"_145":-5,"_204":301,"_27":302},{"_44":286,"_32":287,"_30":288,"_139":289,"_42":43,"_41":290,"_141":25,"_39":291,"_13":143,"_34":35,"_36":292,"_24":25,"_145":-5,"_204":293,"_27":294},{"_44":277,"_32":278,"_30":279,"_139":164,"_42":43,"_41":280,"_141":60,"_39":281,"_13":282,"_34":20,"_36":283,"_24":25,"_145":-5,"_204":284,"_27":285},{"_44":268,"_32":269,"_30":270,"_139":164,"_42":43,"_41":271,"_141":25,"_39":272,"_13":273,"_34":20,"_36":274,"_24":25,"_145":-5,"_204":275,"_27":276},{"_44":261,"_32":262,"_30":263,"_139":164,"_42":43,"_41":158,"_141":60,"_39":264,"_13":64,"_34":20,"_36":265,"_24":25,"_145":-5,"_204":266,"_27":267},{"_44":253,"_32":254,"_30":255,"_139":164,"_42":43,"_41":256,"_141":60,"_39":257,"_13":158,"_34":20,"_36":258,"_24":25,"_145":-5,"_204":259,"_27":260},{"_44":244,"_32":245,"_30":246,"_139":164,"_42":43,"_41":247,"_141":60,"_39":248,"_13":249,"_34":35,"_36":250,"_24":25,"_145":-5,"_204":251,"_27":252},{"_44":237,"_32":238,"_30":239,"_139":164,"_42":43,"_41":158,"_141":60,"_39":240,"_13":64,"_34":20,"_36":241,"_24":25,"_145":-5,"_204":242,"_27":243},{"_44":229,"_32":230,"_30":231,"_139":164,"_42":43,"_41":232,"_141":60,"_39":233,"_13":171,"_34":20,"_36":234,"_24":25,"_145":-5,"_204":235,"_27":236},{"_44":221,"_32":222,"_30":223,"_139":164,"_42":43,"_41":224,"_141":60,"_39":225,"_13":171,"_34":20,"_36":226,"_24":25,"_145":-5,"_204":227,"_27":228},{"_44":213,"_32":214,"_30":215,"_139":164,"_42":43,"_41":216,"_141":25,"_39":217,"_13":171,"_34":35,"_36":218,"_24":25,"_145":-5,"_204":219,"_27":220},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":60,"_39":210,"_13":64,"_34":20,"_36":160,"_24":25,"_145":-5,"_204":211,"_27":212},{"_44":147,"_32":148,"_30":58,"_139":-5,"_42":43,"_41":149,"_141":25,"_39":207,"_13":151,"_34":152,"_36":153,"_24":25,"_145":46,"_204":208,"_27":209},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":203,"_13":143,"_34":35,"_36":144,"_24":25,"_145":-5,"_204":205,"_27":206},["D",1779726422085],"children",[],[137],["D",1780199681669],[],[148],["D",1775446478026],[],[156],"58c4bcd8-5ca3-11f1-be7d-1607ee4eb77e","vocab.tsx","25af7d94-5ca1-11f1-9261-1607ee4eb77e",147,["D",1780199206378],"// WordCards.jsx\n/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport \"./vocab.css\"; // see CSS below\n\nfunction useKeyboardNavigation(onPrev, onNext) {\n useEffect(() => {\n const handler = (e) => {\n if (e.key === \"ArrowRight\") onNext();\n if (e.key === \"ArrowLeft\") onPrev();\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [onPrev, onNext]);\n}\n\nfunction useSwipe(ref, onPrev, onNext, threshold = 50) {\n const startX = useRef(null);\n useEffect(() => {\n const el = ref.current;\n if (!el) return;\n\n const onTouchStart = (e) => {\n startX.current = e.touches[0].clientX;\n };\n const onTouchMove = (e) => {\n if (startX.current == null) return;\n const diff = e.touches[0].clientX - startX.current;\n // prevent vertical scroll hijack only when horizontal movement is significant\n if (Math.abs(diff) > 10) e.preventDefault();\n };\n const onTouchEnd = (e) => {\n if (startX.current == null) return;\n const endX = (e.changedTouches && e.changedTouches[0].clientX) || null;\n if (endX == null) {\n startX.current = null;\n return;\n }\n const delta = endX - startX.current;\n if (delta > threshold) onPrev();\n else if (delta < -threshold) onNext();\n startX.current = null;\n };\n\n el.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n el.addEventListener(\"touchmove\", onTouchMove, { passive: false });\n el.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n\n return () => {\n el.removeEventListener(\"touchstart\", onTouchStart);\n el.removeEventListener(\"touchmove\", onTouchMove);\n el.removeEventListener(\"touchend\", onTouchEnd);\n };\n }, [ref, onPrev, onNext, threshold]);\n}\n\nfunction Card({ entry }) {\n if (!entry) return null;\n return (\n \n

{entry.word}

\n {entry.phonetic &&

{entry.phonetic}

}\n

\n\n

\n {entry.meanings.map((m, i) => (\n

[{m.partOfSpeech}]

\n {d.definition}\n {d.example && (\n
\n {d.example}\n
\n )}\n

\n ))}\n

\n \n );\n}\n\nexport default function WordCards({ url = \"/words.json\" }) {\n const [entries, setEntries] = useState(null);\n const [index, setIndex] = useState(0);\n const [loading, setLoading] = useState(true);\n const containerRef = useRef(null);\n\n useEffect(() => {\n let mounted = true;\n setLoading(true);\n fetch(url)\n .then((r) => {\n if (!r.ok) throw new Error(\"Network response was not ok\");\n return r.json();\n })\n .then((data) => {\n if (!mounted) return;\n setEntries(Array.isArray(data) ? data : []);\n setIndex(0);\n })\n .catch((err) => {\n console.error(\"Fetch error:\", err);\n if (mounted) setEntries([]);\n })\n .finally(() => mounted && setLoading(false));\n return () => (mounted = false);\n }, [url]);\n\n const prev = () =>\n setIndex((\n i,\n ) => (entries && entries.length\n ? (i - 1 + entries.length) % entries.length\n : 0)\n );\n const next = () =>\n setIndex((i) => (entries && entries.length ? (i + 1) % entries.length : 0));\n\n useKeyboardNavigation(prev, next);\n useSwipe(containerRef, prev, next);\n\n if (loading) {\n return

;\n }\n if (!entries || entries.length === 0) {\n return

No entries found.

;\n }\n\n const current = entries[index];\n\n return (\n

\n \n ←\n \n

\n {index + 1} / {entries.length}\n

\n \n →\n \n

\n\n \n\n \n

\n );\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[163,214],"5b879df0-5ca3-11f1-926f-1607ee4eb77e","vocab.html","294b1770-5ca0-11f1-beef-1607ee4eb77e",148,["D",1780199211007],"\n\n \n \n \n KHacks - Vocabulary\n \n \n \n \n

\n \n \n \n",[],[163,222],"5e1f2c40-5ca3-11f1-bd61-1607ee4eb77e","vocab.css","f7cae238-5ca0-11f1-81f2-1607ee4eb77e",149,["D",1780199215354],".wc-root {\n font-family:\n system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 24px;\n min-height: 100vh;\n box-sizing: border-box;\n background: #f5f7f8; /* subtle page background */\n}\n\n.wc-controls {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n\n.wc-btn {\n background: #fff;\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 18px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n}\n.wc-btn:active {\n transform: translateY(1px);\n}\n\n.wc-count {\n color: #555;\n font-weight: 600;\n}\n\n/* Sticky-note style card */\n.wc-card {\n width: min(820px, 92vw);\n background: linear-gradient(\n 180deg,\n #fff7d9 0%,\n #fff4c7 50%\n ); /* warm sticky note */\n border-radius: 12px;\n padding: 20px 22px;\n box-shadow: 0 6px 18px rgba(31, 41, 55, 0.08);\n border: 1px solid rgba(0, 0, 0, 0.04);\n transform-origin: center;\n transition: transform 0.18s ease;\n}\n\n.wc-card:active {\n transform: translateY(2px);\n}\n\n.wc-header {\n display: flex;\n align-items: baseline;\n gap: 12px;\n margin-bottom: 12px;\n}\n.wc-word {\n font-size: 32px;\n font-weight: 700;\n color: #1f2937;\n}\n.wc-phonetic {\n color: #374151;\n font-size: 14px;\n opacity: 0.9;\n}\n\n/* meanings */\n.wc-meanings {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.wc-meaning {\n display: flex;\n gap: 10px;\n align-items: flex-start;\n}\n.wc-pos {\n color: #065f46;\n font-weight: 700;\n min-width: 84px;\n}\n.wc-defs {\n margin: 0;\n padding-left: 18px;\n}\n.wc-def {\n margin: 6px 0;\n color: #111827;\n}\n.wc-example {\n margin-top: 4px;\n color: #374151;\n font-size: 0.95rem;\n opacity: 0.95;\n}\n\n/* footer small tip */\n.wc-footer {\n margin-top: 6px;\n}\n.wc-tip {\n color: #6b7280;\n}\n\n/* responsive */\n@media (max-width: 560px) {\n .wc-card {\n padding: 16px;\n }\n .wc-word {\n font-size: 26px;\n }\n .wc-pos {\n min-width: 64px;\n }\n}",[],[163,230],"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}",[],[163,238],"7a89b578-3618-11f1-b5e5-42b51c65c3df","index.tsx","019d60db-4d3b-744e-a4f9-93129402de20",49,["D",1775961418801],4,"/** @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();",[],[163,245],"b0b60f18-5c59-11f1-8e7b-ee650bb23af1","index.html","019d60db-4d3b-744e-a4f9-8e243d39f3d6",135,["D",1780167571161],"\n\n \n \n \n KHacks - Learning\n \n \n \n \n

\n \n \n \n",[],[163,254],"89fbaf38-3169-11f1-9094-42dde27851f2","favicon.svg","019d60db-4d3b-744e-a4f9-89ecb6740d40",["D",1775446478026],"\n",[],[163,262],"8a95b292-5bba-11f1-b564-ee650bb23af1","daily_report.md","1974d1a8-3877-11f1-af85-42b51c65c3df",134,["D",1780099217213],46,"# Daily Report\n\n_Generated: 2026-05-30_\n\n| term |\n| --- |\n| to gawk at the spectacle of a flailing political enemy; indulges only the latter, lesser instinct; transport us across epochs; jarringly unfamiliar lives |\n| unit economics; frontier model for every single workload; outmoded gender roles; a brood of cherubic children; a somewhat contrived twist at the end notwithstanding |\n| social currency, no skin off my back; immutability of biological sex; bend the legislation, guidelines; my argument was ever thus - ...; |\n| don't want to misremember something; once commoditized - compete on price; bricolage in a culinary context (use what you have) |\n| chorus of pro-ai voices; environmental constituency; ambient anxiety; online din; techno-optimist group; emergent property |\n| whrn fortunes fall; +20 net disapproval; dyspeptic; whims and wins of public opinion; ravenous need; rivers and dales across the country |\n| facile with AI - great market; AI tokens are a cost centre; BPO outsourcing; protracted conflicts; |\n| tech native; sounding board; twit of a PM; state media propaganda; over my skiis on Korea; how much signal vs noise; |\n| fence-sitting; reconsider their comms; finger in the wind (lib dems); Being in the catbird seat is an idiom that means you are in a highly advantageous, superior, or controlling position |\n| middle power; heaven forfend; sensible people are not radical (sunak) and radical people are not sensible (Lizz trus); sniping from the sidelines; orotarical line; |\n| wrong side of 80-20 issue; pixie dust; bloom is off the rose; willing to dissent openly and unappologetically |\n| entered your consciousness or vocabulary; coxcomb, blockhead; sexual compulsiveness; keel over in his last year of presidency |\n| entered your consciousness or vocabulary; coxcomb, blockhead; sexual compulsiveness; keel over in his last year of presidency |\n| rigidify the code base; The trouble with the world is that the stupid are cocksure and the intelligent are full of doubt- Bertrand Russel |\n| media theorist - Marshall McLuhan; formulaic responses; bugbear (pet peeve) - A source of dread; resentment; or irritation |\n| time-addled audience - describes an audience that has become confused or inattentive due to the length or duration of an even |\n| the other shoe dropped - means finally the bad outcomes comes to pass; white savior complex; |\n| when you are ascending...; hot under the collar; white on rice (expression to mean the obvious thing); penny dropped - understanding finally dawns |\n| A deep cut is an idiom originally used to describe a lesser-known or obscure track on a music album that is rarely played on the radio, usually appreciated only by dedicated fans |\n| replicable outside of NY; homonculous (Dr Ruth reference); a lot about happiness is what you avoid; |\n| process -> impulse, procedure -> instinct, government -> gut; stopped the bloodline; venging of injustices |\n| the dog days of the last government; lanyard class; pick of the bunch; an era of rolling shocks; |\n| God shaped hole in our souls; always talking their book; claptrap #leftist claptrap (empty verbiage) |\n| arrogate more power to itself; preserve relevance; knowledge class; something shocking to feed the algorithm |\n| cut bait - to make an immediate decision, commit to an action, or completely abandon a failing endeavor |\n| push the boundaries in a provoking way (KTony); don't see it as a binary structures; scared to laugh at punching down; |\n| DTC with our own subscription proposition; stranger danger; chokepoint for policy enforcement; once the snowball gets rolling |\n| uptick in vinyl ownership; growth at all costs internet; indy media playbook; VC template; hardcore impostor syndrome; |\n| sue & settle; grift & graft; streaming platforms (paramout, HBO, Disney); endless perusal and decision paralysis; |\n| Ferris frequently breaks the fourth wall, directly addressing the audience and explaining his actions; never had a career, only work |\n| when something is metatextual, it draws attention to the fact that it is a constructed work—like a book, movie, or play—and often comments on its own storytelling, genre, or the process of creation. It might reference its own plot, characters, or the audience watching it. |\n| Aristotelean philosophy - overly theoretical, detached from reality; knowledge is power (Bacon); scientific enquiry |\n| contribution to empiricism and induction (Bacon); knowledge from sensory experiences; drawing general conculsions from specific observations |\n| toxic self-indulgence; squandered inheritance; the sort of priapic chancer who'd try to coax your wife and daughter into a threesome; complain about diversity casting |\n| Neil Forsyth's script has overegged the pudding; finally plucked up the courage to; call me Peter Hitchens's bastard love child if you will |\n| lazy joys of the weekend; histrionically implausible (Rivals); a figure that's since been debunked |\n| this dispiriting story; the 'casinofication' of sport; dunking a Digestive into a mug of tea in order to get the right ratio of crunch to sogginess |\n| in-play betting; making life only about efficiency destroys it; the gambling companies were only ever pushing at an open door |\n| hitting a sore spot; creature comforts (doordash/uber); interplay of landscape and human emotion in narrative |\n| sub-genre of films; performed or done so superlatively well; shrinking violet Moi; close to inimitable; aimed at the lowest common denominator demographic |\n| comic justice; the melancholy of a vanished order; the past is a foreign country; they do things differently there |\n| clinical terms; cultural amnesia; role of public monuments and statues in collective memory; commercialization and aestheticization of historical sites |\n| allow me to be discursive for a moment (of speech or writing) Tending to digress from the main point; rambling. |\n| recriminate - o accuse in return, state an accusation in return / Tom said Harry had lied, and Harry recriminated by saying Tom had manipulated him |\n| center-left parties; tendentious - written or spoken with a partisan, biased or prejudiced purpose, especially a controversial one; popular culture |\n| collective madness; pandering to these causes; joyous romp; talk one game and play another |\n| asinine thinking; youth activism is primarily performative; posturing; break the glass ceiling |\n| mystique of monarchy; rather to the discomfiture of the king, change is on the agenda; wayward son; clip based (reform) |\n| mealymouthed - Prone to speaking evasively, indirectly, or duplicitously; not forthright; traded on exactly the same disaffection; sneer at it; tempermentally suited for the job; it's a bit of sort of - brit; machinations of politics; |\n| high skill time spent on low skill work; grotesque flattery; something wider afoot; something that engenders this; |\n| Dare I say...; in the woke vein; outy (navel); runaway costs from unexpected log spikes; |\n| feather one's nest; political Havaianas; territory you can't touch; weak tea/sauce; dancing around the issue; |\n| atomized sad lives; tweens and teens; glam shots; SSRIs - class of antidepressant medication; |\n| iatrogenic effect of criminal reform; victim totem pole (order of rank or hierarchy) |\n| labor displacement; public intellectual in the thinktank world; who wants to be the first person to go into the cave first with the torch (metaphor)? |\n| narrow ambit; loss of social trust; blunt instrument; workforce alignment (BCIT courses); viewpoint diversity |\n| Wissenschaft is a German term that broadly translates to \"science\" or \"scholarship,\" but refers more deeply to the systematic, disciplined pursuit of knowledge |\n| maximally provocative; liberal arts vs humanities; depth in great art; cultivated attention |\n| gain a greater moral awareness; ineliminable element (unable to be eliminated); pedagogy tuned to the student; |\n| humanities for soft skills; teleological question of what is it for (purpose or design of natural occurences); |\n| Russian economy thrown a lifeline; focus on avoiding harm to marginalized groups |\n| stockpiles (oil, fertilizer); James Burnham - Managerial revolution; recrudescence of anti-semitism ( the condition of something (often undesirable) breaking out again, or re-emerging after temporary abatement or suppression) |\n| cultural monolith vs splintered world; collective relucatance to say so; trite arguments |\n| slunk over; two party doom loop; poo-bah - imporant person; clunk - a dull or stupid person; mainstream of American thought and sensibilities |\n| Fabian as an adjective means cautious, indirect, and gradual in method or strategy, often implying a preference for slow but steady progress rather than bold or direct action. |\n| died a slow death; f'ed it 10 ways to sunday / LA; tubby - often used teasingly) An overweight person |\n| investing playbooks; maximalist language; zerosum contest; readout - An account of the topics discussed in a meeting, especially in diplomatic or political contexts. |\n| excessive financial leverage in the system; this movie doesn't end well; full effects of the war have yet to be felt; Data center debt; hyper financialized the economy is; |\n| Comp sales growth refers to the percentage increase in sales of a company's products or services compared to a comparable period in the previous year - (for example, Q1 2024 vs. Q1 2023) |\n| no hire/no fire situation; Goods - 20-25% of economy, Services higher; Discount retailers (Wallmart, Costco.) - scale advantages; higher income households trading down; WM Sales - general merchandise, groceries, health&wellness; |\n| industrial economy (Rockwell) vs consumer economy; far removed from consumer activity; AI spend - GDP growth; BLS weekly average earnings report; corporate profit margins at an all time high |\n| indelicate; directionally correct; paternalistic concern; swimming against the tide; competing views of economy; ho ..square these narratives; nominal spending vs inflated adjusted spending |\n| incurious about the world; socialism of the midwits (A midwit is an internet slang term for a person of average or slightly above-average intelligence who overcomplicates basic concepts); |\n| Deadweight loss (also called excess burden or efficiency loss) is the loss of economic efficiency when the equilibrium for a good or service is not achieved. This typically happens when a market is not in perfect competition or when government interventions such as taxes, subsidies, price controls, or quotas distort the market |\n| vibesession\" to describe the disconnect between positive economic data and poor consumer sentiment; shoestring budget; do it on the lean; |\n| pencil towers/NY; budget shortfalls; caught b/w a rock and hard place; spending problem not a revenu problem; progressive mayors layer on social services in NY; pied a terre tax; messaging and signalling problem; suzerain - a superior feudal lord to whom fealty is due, dominant state controlling the foreign relations of a vassal state but allowing it sovereign authority in its internal affairs |\n| mkts trade as PV for future cash flows; middle power - iran; export earnings; align the model with social and human priorities;trust deficit |\n| big for a minute; The Pax Romana was a 200-year golden age of relative stability, prosperity, and hegemonic power across the Roman Empire |\n| perpetual incumbency; In broader cultural usage, \"yellow brick road\" can refer to any journey that seems guided, hopeful, or fated, but it can also be used ironically or critically to suggest naivete or a reluctance to take alternative routes. |\n| polarity of thought and insularity of community; fumbled the ball; hit it and quit it; the bank shot from that (Venzuela) was... |\n| state of play; A Belonging Index is a diagnostic tool used to quantify an individual's feelings of inclusion, acceptance, and psychological safety within a group, organization, or community |\n| mythic superstructure; myth of Golem (Jewish folklore); trench warfare; ever has it been thus; fun stuff vs drudgerry; jump ball - Metaphor for a contest too close to call |\n| AI malaise; ambiently anxious; attention economy; anthropological perspective; discursive engine; hothouse - place where intense activity happens ref : AI echo chamber; tail outcomes; pull toward the tails of the distribution; |\n| jagged frontier - not evenly distributed; |\n| promontory - A projecting part of the body (Europe); skirting the brink of catastophe; |\n| continuum vs binary - race/sex arg; insult humor; There is a great deal of ruin in the country - vast amount of potential for destruction or collapse within the social and economic fabric of the country - Disraeli |\n| throw some shade on the intellectual larpers; tx costs and opportunity costs - lawsuits; subrosa negotiations going on; |\n| Play it again, Sam is a misquotation of the line from Casablanca.; dogma that could kill your career if you flouted it - Susan Miller/Pinker; post-modernism destructive; dispensing so much contradictory material |\n| brilliant conceit (design, pattern); self-reflection; limousine/champagne liberals; status/dominance hierarchy; |\n| the pravda of globalist...; posture as an ....; you do a doubletake; momentum buyers; blessing of the regulators; romantasy - a bland of romance and fantasy is a subgenre (tropes - fated mates) |\n| transitory inflation; getting over their skis; lives in a parallel universe; Hebes (Jew); consign them to ...; provost ( One placed in charge: a head, a chief) |\n| momentum trade; parabolic trajectory (stocks); belt it out (scream or sing loudly); he was the dog that caught the car; Hurt locker is a slang term for a place of deep pain and discomfort. |\n| blinding assortment of golden objects and filigree; spelunking (explore caves); wayward American man (Given to wilful, perverse deviation from the expected norm; tending to stray) |\n| arsenal of cyber options; bifurcated market (K-shaped economy); where do we stack with China in terms of cyber? |\n| a surfeit of low-skilled labor; can't catch a break; court different ethno-cultural groups; immigration levels completely disconnected from economics; amongst that cohort; counter service rather than sitdown experience |\n| put the fear of God; lance that boil; one transitory shock after another; stuck in groupthink; UK's exposure to energy volatility; disfavored foe (NYT); burden of proof; canard (A false or misleading report or story, especially if deliberately so) |\n| assess your environment; spaz (malfuntion/stupid); slow play; comms(communication) strategy; |\n| tightwad - One who is stingy, overly cautious, or defensive with money (usually mildly derisive); right-of-centre black commentariat |\n| elevate tea into 'Teaism,' a quasi-spiritual philosophy grounded in Japanese aesthetics, ritual and attention; focused on the immanent rather than the transcendent, the impermanent rather than the eternal, the material rather than the immaterial |\n| hyperbolic sincerity; with disarming (charming, likely to put one at ease) earnestness; coffee is both trivial and universal, banal and indispensable |\n",[],[163,269],"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",[],[163,278],"cb1786d8-3621-11f1-8a91-42b51c65c3df","CommonNotes.tsx","24262f88-3611-11f1-95c2-42b51c65c3df","019d60db-4d3b-744e-a4f9-875ac38dca3b",52,["D",1775965419420],"/** @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();",[],[163,295,287],"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}",[],[163,295,297],"89fbacb8-3169-11f1-9094-42dde27851f2",["D",1775446478026],[189,190],[163,295],["D",1775446478026],[188,191,192,193,194,195,196,197,198,199],[163],"ae3cb3e0-5ca4-11f1-8cae-1607ee4eb77e",["D",1780199779261],20,[],[169,33],"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}",[],[169,316],["D",1775449252133],[185,186],[169],["D",1775446478026],["D",1789470042795],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_128":366,"_367":368,"_369":370,"_371":25,"_372":25,"_373":25,"_374":60,"_375":-5,"_376":-7,"_377":-7,"_378":64,"_379":25,"_380":25,"_381":-5,"_382":25,"_383":25,"_384":25,"_385":-5},"ENV",{"_337":338,"_339":340,"_341":91,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365},"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 · v153