[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_334":335,"_336":337},"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",191,"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 insertThought(\n thought: string,\n context: string | null,\n notes: string | null,\n tags: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO kthoughts (thought, context, notes, tags) VALUES (:thought, :context, :notes, :tags)`,\n args: { thought, context, notes, tags },\n });\n}\n\nexport async function getThoughts() {\n const result = await sqlite.execute({\n sql: `SELECT thought, context, notes, tags FROM kthoughts ORDER BY timestamp DESC LIMIT 100`,\n });\n\n const rows: { thought: string, context: string, notes: string, tags: string }[] = result.rows as any;\n return rows;\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\n `CREATE TABLE IF NOT EXISTS kthoughts (\n id INTEGER PRIMARY KEY AUTOINCREMENT, \n thought TEXT NOT NULL,\n context 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 insertThought(\n thought: string,\n context: string | null,\n notes: string | null,\n tags: string | null,\n) {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO kthoughts (thought, context, notes, tags) VALUES (:thought, :context, :notes, :tags)`,\n args: { thought, context, notes, tags },\n });\n}\n\nexport async function getThoughts() {\n const result = await sqlite.execute({\n sql:\n `SELECT thought, context, notes, tags FROM kthoughts ORDER BY timestamp DESC LIMIT 100`,\n });\n\n const rows: {\n thought: string;\n context: string;\n notes: string;\n tags: string;\n }[] = result.rows as any;\n return rows;\n}\n\nexport async function getUncommonWords() {\n const result = await sqlite.execute({\n sql:\n `SELECT id, term FROM UNCOMMON_WORDS ORDER BY timestamp DESC LIMIT 100`,\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\n `CREATE TABLE IF NOT EXISTS kthoughts (\n id INTEGER PRIMARY KEY AUTOINCREMENT, \n thought TEXT NOT NULL,\n context 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",1782336848556],"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",{"_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":329,"_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":330,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":331,"_85":332,"_87":333,"_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],"ecc86982-5ca5-11f1-bf39-1607ee4eb77e","index.ts",157,["D",1780200313696],31,"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\napp.get(\"/kvocab\", () => serveFile(\"/frontend/vocab.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 = JSON.parse(word.definition);\n words.push(...definition);\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":326,"_13":158,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":327,"_27":328},{"_44":317,"_32":318,"_30":319,"_139":170,"_42":43,"_41":320,"_141":60,"_39":321,"_13":218,"_34":322,"_36":323,"_24":25,"_145":-5,"_204":324,"_27":325},{"_44":312,"_32":33,"_30":31,"_139":170,"_42":43,"_41":14,"_141":25,"_39":313,"_13":314,"_34":35,"_36":38,"_24":25,"_145":-5,"_204":315,"_27":316},{"_44":162,"_32":163,"_30":164,"_139":-5,"_42":43,"_41":158,"_141":60,"_39":309,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":310,"_27":311},{"_44":305,"_32":297,"_30":290,"_139":164,"_42":43,"_41":158,"_141":60,"_39":306,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_204":307,"_27":308},{"_44":298,"_32":299,"_30":300,"_139":290,"_42":43,"_41":158,"_141":60,"_39":301,"_13":64,"_34":35,"_36":302,"_24":25,"_145":-5,"_204":303,"_27":304},{"_44":287,"_32":288,"_30":289,"_139":290,"_42":43,"_41":291,"_141":60,"_39":292,"_13":293,"_34":35,"_36":294,"_24":25,"_145":-5,"_204":295,"_27":296},{"_44":278,"_32":279,"_30":280,"_139":164,"_42":43,"_41":281,"_141":60,"_39":282,"_13":283,"_34":20,"_36":284,"_24":25,"_145":-5,"_204":285,"_27":286},{"_44":269,"_32":270,"_30":271,"_139":164,"_42":43,"_41":272,"_141":25,"_39":273,"_13":274,"_34":20,"_36":275,"_24":25,"_145":-5,"_204":276,"_27":277},{"_44":262,"_32":263,"_30":264,"_139":164,"_42":43,"_41":158,"_141":60,"_39":265,"_13":64,"_34":20,"_36":266,"_24":25,"_145":-5,"_204":267,"_27":268},{"_44":254,"_32":255,"_30":256,"_139":164,"_42":43,"_41":257,"_141":60,"_39":258,"_13":158,"_34":20,"_36":259,"_24":25,"_145":-5,"_204":260,"_27":261},{"_44":245,"_32":246,"_30":247,"_139":164,"_42":43,"_41":248,"_141":60,"_39":249,"_13":250,"_34":35,"_36":251,"_24":25,"_145":-5,"_204":252,"_27":253},{"_44":238,"_32":239,"_30":240,"_139":164,"_42":43,"_41":158,"_141":60,"_39":241,"_13":64,"_34":20,"_36":242,"_24":25,"_145":-5,"_204":243,"_27":244},{"_44":230,"_32":231,"_30":232,"_139":164,"_42":43,"_41":233,"_141":60,"_39":234,"_13":171,"_34":20,"_36":235,"_24":25,"_145":-5,"_204":236,"_27":237},{"_44":222,"_32":223,"_30":224,"_139":164,"_42":43,"_41":225,"_141":60,"_39":226,"_13":171,"_34":20,"_36":227,"_24":25,"_145":-5,"_204":228,"_27":229},{"_44":213,"_32":214,"_30":215,"_139":164,"_42":43,"_41":216,"_141":60,"_39":217,"_13":218,"_34":35,"_36":219,"_24":25,"_145":-5,"_204":220,"_27":221},{"_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",1780200313696],[],[148],["D",1775446478026],[],[156],"fc8a6752-5ca6-11f1-8a67-1607ee4eb77e","vocab.tsx","25af7d94-5ca1-11f1-9261-1607ee4eb77e",160,["D",1780200769626],6,"// 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, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\nimport sheet from \"./vocab.css\" with { type: \"css\" };\n\nfunction useStyle() {\n useEffect(() => {\n const style = document.createElement(\"style\");\n style.textContent = sheet;\n document.head.appendChild(style);\n return () => document.head.removeChild(style);\n }, []);\n}\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 = \"/vocab\" }) {\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\n// Apply the styles to the document or a Shadow DOM root\ndocument.adoptedStyleSheets = [sheet];\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,223],"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,231],"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,239],"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,246],"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,255],"89fbaf38-3169-11f1-9094-42dde27851f2","favicon.svg","019d60db-4d3b-744e-a4f9-89ecb6740d40",["D",1775446478026],"\n",[],[163,263],"fdfd5cb2-b5a0-4c44-b41d-3d59228db147","daily_report.md","1974d1a8-3877-11f1-af85-42b51c65c3df",187,["D",1782259211994],70,"# Daily Report\n\n_Generated: 2026-06-24_\n\n| term |\n| --- |\n| bit rot; why have you fallen off your horse then? /Starmer; dither, delay; infosec community; snooty teen |\n| avoidant personality disorder; getting high on its own supply; serial failure in business; wear it with great abandon |\n| vision board; crazy pairing; contractors house is the worst one on the block; avoidant - characterized by turning away or by withdrawal or defensive behavior |\n| cocks their head to the side and say 'aaahw'; jump the shark - a creative work, TV show, or franchise has reached its peak and begun an irreversible decline in quality |\n| almost land rush; democratization of tech (Cell phones - luxury -> necessity); just going off memory |\n| succeed or stall; Stay centered when the world feels chaotic; AI hyper scalars; |\n| mid oughts (2000's); minority position; mansard roof (roof style); optimizing everything; live to work rather than working to live (Protestant ethic?) |\n| capital tends to accumulate; R (Rate of return) > G (Growth); everything is a source of anxiety; |\n| relationship based on domination and servitude rather than mutual partnership |\n| object permanence; emiscerated low wage worker; Steins law - anything that can't go on forever, will eventually stop |\n| don't have to like each other but respect each other; political animal; pounding the pavement; solipsistic; axiomatic to believe that... |\n| turning tail or turn tail and run (beat a retreat); just trying to keep the ball in the air (manage multiple responsibilities) |\n| internet is a bit of a piker; striver (no end for a striving); keep the ball in air here; |\n| major bull market; mean reversion - act of returning to a previous condition, state, or owner; NVidia had a running start (gaming chips used for AI); |\n| congress gridlocked; dems out for blood; scoring a point; taking on water, but still holding; side piece - a person other than a committed partner with whom someone is having a sexual relationship |\n| no message discipline - Trump admin; as legally binding as please clean the microwave after use; how are we going to get the cat back in the bag |\n| memorandum of misunderstanding - Freudian slip; benefits are front loaded; |\n| the match that lights the fire; plays fast and loose with security; |\n| The problem with socialism is that you run out of other people's money - Thatcher; Some ideas are so stupid that only intellectuals believe them - Orwell |\n| a gentle pushback on that argument; visual show&tell; the man has no core - believes in nothing; snapback of this has been interesting; spider of this conflicts |\n| Bedevil means to cause persistent distress, torment, or confusion. |\n| bedevil the administration; half-wisdom; strategic narcissism; Half-wisdom is the possession of incomplete information, surface-level knowledge; half-wit(or ed) - a foolish or stupid person |\n| perpetually in an election cycle; politically it is a difficult needle to thread that one; twist in the tale |\n| Bond Villains out of central casting; long protracted processes; looking worse for wear - Brexit butterfly; fevered dream; political psychodrama |\n| drinking in the last chance saloon - out of second chances; an absolute abberation; in yesteryear; civic not political roles - cut the ribbon etc |\n| selective vision; fugue state; podcasteriat; \"last chance saloon\" refers to a final opportunity to succeed or avoid failure, especially after a history of repeated mistakes or setbacks |\n| The availability heuristic is a mental shortcut in which people estimate the likelihood of events based on how easily examples of those events come to mind. if something is more easily recalled, people tend to believe it is more common or probable than it actually is. |\n| recency effect; availability heuristic; How is it that we hear the loudest yelps for liberty among the drivers of negroes? - Samuel Johnson |\n| lost in translation negotiation - US/Iran; paper over the differences; paper over : to gloss over, explain away, or patch up (differences, disparities, etc.) especially in order to maintain a semblance of unity or agreement |\n| ingratiate yourself; counter-narrative; damning state of play right now; age gate; political attention; |\n| counter-majoritarian government; unserious; cloud-attested compute (Managed Identity) |\n| laptop class; concentrated displacement; directionally correct; easily find a historical analogue for ...; |\n| mkts can stay irrational longer than you can stay solvent; return to the status-quo ante |\n| self-assured; effectuated; 90 day out - Anthropic/SpaceX; anthropocentric; short AI, long humans or vice versa; |\n| roadhouse - establishment located along a major highway, typically outside city limits - foods, lodging, drinks |\n| have run out of road; play fast and loose with the info; govt bondoggle - diapers in CA |\n| there is no genre of Stanley Kubrick; saying this ever so gently; insignificant headwinds; |\n| embarrassment of riches means having so much of something good—such as resources, options, or opportunities—that it becomes overwhelming or difficult to choose or make use of them all |\n| by stander effect - diffuse responsibility; word layup (or lay up) primarily refers to a simple, high-percentage basketball shot, or acts as a metaphor for an easy task |\n| slipstream effect - ancillary business of AI brought along; lowest unit economics; apocryphal tale; doesn't have the same resonance |\n| there are a lot tombstones out there /dotcom boom; key man risk /Musk 85% risk; a different kettle of fish - a different issue; |\n| SpaceX - 95 times trailing revenue, not earnings; valuations - what you believe will happen in the future; investment decision - present value of future cash flows |\n| brand of comedy; surf the good vibes; media literacy; slop fest; freestyle it; |\n| dregs of society; there's a ribaldry in the works of Chaucer; never a good answer, but a least bad answer; |\n| rejecting what the previous generation did; faddy; Capex booms - accretive to earnings; fumbles forward to a better result; |\n| jumped a whole standard deviation to the right; the facts of life are conservative - Thatcher; political engineering - market and human reality at odds |\n| multifarious debate; anti-patriotic/nationalist; culturally literate; virtuous cycle; |\n| \"Jenga tower\" can be used metaphorically to describe any structure that is precariously balanced or at risk of collapsing due to the removal of key elements or supports. |\n| British vernacular joke; Leverage Points: Identify where small changes yield massive results |\n| time to park it; interesting cultural observation; talk about overstretch!; edgy marketing / hellofresh; micro attention economy |\n| let the claim hang there; hyper-individuation; festooned with political/identitarian ideas; |\n| run interference for them; a very loaded word/term; apophatic theology, apophatic silence |\n| a point of detail; a carve out for them; extremely temperate in emotive moments; multi-variable, non-linear systems; rank order them by this dimension and that; |\n| peripheral stuff; a gauche turn of phrase, it would be gauche (lacking social grace or experience) to mention the subject; |\n| idolater - a person that admires intensely and often blindly one that is not usually a subject of worship |\n| high self-esteem; fusty - not fresh, smelling unpleasant (PBP old office); retreat to my luxe digs; catholic appologist - thats quite a narrow field; faux-naif - spuriously or affectedly childlike : artfully simple as in faux-naif prose; get off the bench and get into the game |\n| To \"have a chip on your shoulder\" is an idiom that means harboring lingering resentment or acting aggressively because of a past grievance or a belief that you have been treated unfairly. |\n| AI sticker shock; longer they string it out; nepotistic; savoir faire - capacity for appropriate action, polished sureness in social behavior; relegation; a bit of shadenfreude in that outcome/play/context; |\n| Anglo-American cultural imperialism; settler colonial; bolted; flashy moonshots |\n| downside of gate keeping in the media; elitism, favoritism; man bites dog dynamic; prop each other up |\n| acument for reading the culture at the right moment; brand equity - JR; keep the flywheel moving; aggregate audience |\n| Bayesian in my thinking - update your priors; media fourth estate; epithet of conspiracy theorist; epitheted; trust debt |\n| control info for right reasons - unintended consequences; turning point; inflation in the information space - distrust in institutions - effect conspiracy theory |\n| COVID - info lockdown; overt control of info; facts vs directionally true; globalist cabal; done in good faith |\n| exogenous influences; on a whim/lark; put your foot in the bear trap; emote of camera (Candice); a bit tongue and cheek (WWF of information warfare) |\n| liar vs bullshiter; post modern conception of truth constructed by power; truth takes a second seat to moral imperative |\n| business stories; local maxima in statistics; adjacent possible; -veity bias; losses hurt twice as much as gains feel good; happiness - expectations vs reality; psychedelic therapy; over conf susceptible to blindspots; garden of forking paths; |\n| precursor to learning; crippling - uncertainity; unmoored; the avg expert is as good as a dart throwing chimp; picking the winners - survivability bias (Slack) |\n| not an exhaustive answer; arthurs write the book they need to read; philosophy/psychology/economics;shoe-leather reporting, narrative reporter; story - find vs seek; cherrypick anecdotes to fit narrative; |\n| chiasmus - an inverted relationship between the syntactic elements of parallel phrases/there are several instances of chiasmus, an A-B-B-A pattern |\n| To MacGyver something is to make, form, or repair it with materials that are conveniently on hand |\n| on the ascent; unit economics; zero click trend; we wanted a seat at the table; |\n| Feminine Mystique 1950's book - Betty Friedan; overlaid with political valence on this; hamming up; 4chan lingo; surplus elites; cull data points you like; hierarchical dominance; veil of ignorance (John Rules); innate lack of aptitude and interest; pursuit of truth, justice and rigor; hippie kumbayah jump circle and talks about their positionality; revenues plateaued |\n| music redolent of the 1980s; lughead (slang) - bumbling, foolish or dull-witted person like blockhead/kuncklehead; flipped classroom; cash burn |\n| recursive self-learning loop; force multiplier for business; regulated and security conscious industry; egg on the face; patronizingness/patronage |\n| inflection point in the AI journey; use case saturation; value aligned with our own customers; transformation partner; familiar to good to efficient |\n| unearthing fascinating stories; fulcrum of human conflict; poison in the grape and grain; unguarded way; Guy, dare I ask if you would be able to... |\n| rug pull under you (security hack) - establish trust and yank it; clip farming; rage baiting; tautological |\n| the door is now cracked open (AI regulation); keyboard warriors; early money on everything |\n| invoked force majeure; prelapsarian idea of LA; the wasp guard (LA 1984); assertive without being aggressive; |\n| collective amnesia; cheap compliant workers; A bubble gum comic is a tiny, miniature comic strip printed on the inner wrapper of classic bubble gum |\n| plucky upstart; Totenkopf is primarily known as a symbol of the Nazi SS and is associated with death and the atrocities of the Holocaust |\n| tee off - make someone angry/annoyed; rank (slang - vulgar/indecent); getting high on your own supply; bromide - a trite or unorigninal remark, typically intended to place as in feel-good bromides; 4chan troll; A Murphy moment of interest generally refers to a specific, pivotal occurrence or insight that changes the course of a situation. |\n| whiff - try unsuccessfully to hit the ball (DT whiffed in the debate); au fait - well acquainted with something; like him or loathe him |\n| social capital; stiff and stale; Godwin's law (internet Hitler); \"straight out of central casting\" (or \"right out of central casting\") is a popular idiom used to describe someone who looks, behaves, or sounds exactly like the perfect stereotype of a specific type of person |\n| has echoes of something else...;economists study what choices we make and sociologists study why we don't have any choices |\n| If you hear about someone who has fallen on hard times, you might reflect, \"There, but for the grace of God, go I,\" meaning you could have easily suffered the same fate |\n| stratify every experience; shrodinger's war; let me invoke the great minds cliche here; there but for the grace of God, go I |\n| wilfully ignorant (Scottish PM); not loose money betting against....; get out of the jail-free card; J-curve - stability vs openness |\n| steel-manning the economically rational side every once in a while; can't get a word in edgewise; frosty relationship |\n| lost the plot; Gameshow host; strong enough to buck the unions; see where the chips fall; flicked me off!; interruptive (BM) |\n| average person vs normal person; aspiring/ascending class; pigs at the trough; imagine the world should be and decree; |\n| doxology - a usually liturgical expression of praise to God; something people can hook on to; walk and chew gum at the same time |\n| pacing you at 62; etiology - a branch of knowledge concerned with causes; Pete pulls his punches on China (Economist) |\n| Jury of your peers - bell curve - half the people are below the mean by definition; the science of second chances - book |\n| selected sample; prioritizes the importance of personal fulfillment; base rate neglect; signal detection problem; too many false +ves (criminal justice failure) |\n| cycling thru the criminal justice system; RCTs (Randomized Controlled Trials); Mass surveillance is the cure that's worse than the \"disease\" |\n| courts are extemely backlogged; got his comeuppance; retribution or mercy; retributive justice vs restorative justice; econ angle; |\n| academic egghead; -ve lottery (getting caught in the system); Stanford marshmallow experiment - longitudinal study (socioeconomic factors, reliability); |\n| rivalry & co-operation; over compensate rhetorically with maximalist language; escalating symbolic confrontations; open contempt for restraint - DJ |\n",[],[163,270],"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,279],"34f701a2-44e5-47c4-9d75-0598baee04b7","CommonNotes.tsx","24262f88-3611-11f1-95c2-42b51c65c3df","019d60db-4d3b-744e-a4f9-875ac38dca3b",190,["D",1782335600898],13,"/** @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 console.log(\"Note: \", note);\n //console.log(\"Note term: \", note.term);\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,297,288],"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,297,299],"89fbacb8-3169-11f1-9094-42dde27851f2",["D",1775446478026],[189,190],[163,297],["D",1775446478026],[188,191,192,193,194,195,196,197,198,199],[163],"37e80dca-375f-42fa-8761-dca9c186402d",["D",1782336848556],25,[],[169,33],"4d11bd00-3877-11f1-aea5-42b51c65c3df","daily-report-cron.ts","5dce1bd6-37c1-11f1-ab09-42b51c65c3df",63,["D",1776222047008],"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,318],["D",1775449252133],[185,186],[169],["D",1775446478026],["D",1789556471789],{"_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":367,"_368":369,"_370":371,"_372":25,"_373":25,"_374":25,"_375":60,"_376":-5,"_377":-7,"_378":-7,"_379":64,"_380":25,"_381":25,"_382":-5,"_383":25,"_384":25,"_385":25,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":91,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366},"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 · v191