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;","children",[],[221],"e915eded-d155-484c-8ced-f7a77090b0f8","index.ts",196,["D",1782338572427],34,"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 let data = await getUncommonWords();\n\n //Had to do this when suddenly sqlite API seems to be just returning row data as an array\n\n let mapped = data.map((d) => ({ id: d[0], term: d[1] }));\n console.log(mapped[0]);\n return c.json(mapped);\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;",[],[231],"89fbc892-3169-11f1-9094-42dde27851f2","README.md","019d60db-4d3b-744e-a4f9-9d1d6b380c62",["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.",[],[240],"fc8a6752-5ca6-11f1-8a67-1607ee4eb77e","vocab.tsx","25af7d94-5ca1-11f1-9261-1607ee4eb77e","019d60db-4d3b-744e-a4f9-99649d93cb85",160,["D",1780200769626],"// 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();",[],[255,247],"frontend","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",[],[255,257],"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}",[],[255,265],"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}",[],[255,273],"7a89b578-3618-11f1-b5e5-42b51c65c3df","index.tsx","019d60db-4d3b-744e-a4f9-93129402de20",49,["D",1775961418801],"/** @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();",[],[255,280],"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",[],[255,288],"89fbaf38-3169-11f1-9094-42dde27851f2","favicon.svg","019d60db-4d3b-744e-a4f9-89ecb6740d40",["D",1775446478026],"\n",[],[255,296],"c75247b4-5cb0-4e03-a87c-77cee16423fd","daily_report.md","1974d1a8-3877-11f1-af85-42b51c65c3df",["D",1783900846374],89,"# Daily Report\n\n_Generated: 2026-07-13_\n\n| term |\n| --- |\n| using a ferrari to go to the grocery store analogy; orhcestration & model routing; |\n| obedient to a narrative; making the tough call; dispassionately look at a story; infantalizing |\n| Everything about this guy is affectation. Everything is peformative and is a poseur; He had to leave to take his dogma for a walk |\n| social atomization; libeling you; one man's terrorist is another man's freedom fighter; the under breath chortling |\n| outrun the language we use; cashing in on confusion; loss of a swnse of transcendence - spiritually, morally, aesthetically; |\n| incidental concerns leaving out the essential concerns; vertical farming; trainwreck of a year; huge carve-outs for Trump; carve-out : exemption from a provision of the law. |\n| economic cycles across geographies varies significantly; correlations b/w markets (Jap, UK mkt); are we doing a redux there?; two ways of learning things - either by precept or by experience - economical to do it by precept; fire and language were the two things that marked our species |\n| discount and disregard/decommision; picks and shovels reference in finance; |\n| self-optimization; daisy chain effect; regulators are asleep at the wheel - jump in after the car crashes; |\n| that's a packed question; mentioned it en passant; jokeying for position; an optimization culture; visceral, sensory experience |\n| hard ass; agent in copilot is an analogue of project in Foundry; become indignant and offended when confronted |\n| too close for comfort - close enough to make a person feel nervous, worried, or upset. That bus came a little too close for comfort! |\n| Guardian Xmas party vs Spectator Xmas party; muscle memory in the collective psyche; incidental not essential element in the story; |\n| tech lash; draconian curtailments to liberty; the margipan layer (PR); never exercise their noblesse oblige previlege / Silicon Valley |\n| torched her brand; erstwhile errant son; field to table; liberal principles - John Stuart Mill; design based not content based |\n| the human countenance; quit smoking cold turkey; play the ball, not the man - football metaphor; net, net... |\n| winner take all market - AI?; AI companies growing headcount?; culture was commodified and turned into a mainstream mass-market product |\n| zero trust mindset; assume breach mentality; |\n| passivity - deregulating economic life as well as personal life; corporate consolidation to run wild; |\n| socially destructive behaviors; inherited privilege, monopoly power, censorship, closed guilds - battering ram against establishment; |\n| \"Thermidorian\" is sometimes used more broadly to describe people or actions that betray the principles of a previous radical movement, especially in a political context. - Thermidorian pivot/period |\n| manufactured personalities by the political machine; pump the brakes on the wealth tax; |\n| attenuation of civic knowledge; tech sovreignity; GN mogs JD; bureaucratization of idealogy |\n| Characterological relates to personality structure or the study of character. |\n| lacerating self-scrutinity; legal mediocrity; fairly average people can do really well in America; within the letter of the law, but in violation of the sprit of the law |\n| Monthly core consumer price index (CPI) and personal consumption expenditures (PCE) readings are expected to trend at or below 0.2 per cent |\n| humility and curiosity; hardwork and self-improvement; to best us; open socieities are constantly fixated on what ails them |\n| large resonance on that issue; overplayed their hand; low-key resentment; the last holdouts on Apartheid; let me amend my previous statement |\n| polemical about it; podcast universe where the metrics are likes, shares and views; |\n| history is cyclical; cede the point that....; soft pedal communism; no one single causal factor |\n| confounders; idealogically dug in; grading on a low curve; bring receipts to the discussion |\n| reputational conflation; channel your instincts; political interventions; conventional wisdom; |\n| take it to an nth degree; deglobalizing times; drones reliance on starlink for navigation; key person risk; wish casting hits a wall at some point |\n| financial fabulism / Muskism book; fun thought experiment; SpaceX - a conglomerate; vertical integration - reduce reliance on external suppliers; |\n| retcon; flood the zone strategy; fog of uncertainity to prevent any rational thought; llms - middle of the bell curve; |\n| astroturfed - Zendaya fatigue; a bridge too far with this; fuse man-2-machine (cyborg) |\n| lets leave it there; loutish; staggered by the cost of restaurants; looking lush; better than some toff speaking mockney to pretend they are down with the people |\n| geo blocking; righteous violence; easier said than done; dug in /Milliband; sensecheking/sensemaking |\n| deep bench/ US army; remediate (To correct or improve a deficiency or problem) and improve security posture; remedial measures |\n| contingency - a major operand in history; a hard turn to socialism dressed as fairness; |\n| scrub off any grime that dims the shine; wanton disregard for the...; carnival barker mustache; |\n| it is a dunk and an own; providentially working out; Ichabod (glory has departed) ; Compromise of 1850 (Mexican American war) - Federal fugitive law; Daniel Webster - Ichabod |\n| balancing means and ends; politics (or its leaders) as a means to an end; someday you might be right like a broken clock; |\n| attentional stream; mixed view on this issue; citizen jounralist; force posture; the sun king |\n| demography; quarterback calling the plays; message discipline; from the fringe to the center |\n| reason is a slave of the passions; persuasion requires rehetoric; telos - ultimate end goal; |\n| political but not partisan - Carson; Hegelian - laboratory/battleground of ideas;acquisitive - man; corrupted State Media |\n| put a pschological frame around it; polarizing (marmite figure); Bill Gates moniker; malfeasance vs nonfeseance |\n| gaeme theoretical doctrine of mutual destruction; accident of historic moment; economic self-interest; burnt through relationships |\n| natural correction Spacex stock price; ballyhoed; demand destruction by price changes; epistolary love affair |\n| price action starts to roll over; assets under management - AUM exploded; machinery of modern speculation - how quickly it can work in reverse |\n| structural decline (auto industry); performative rhetoric on the dem side; levered ETFs - leveraged way for retail investors - amplify the volatility |\n| their hair catches on fire; fiscally conservative, socially liberal vs socially conservative, fiscally liberal /Mooch |\n| clickbait - attention economy; political opportunist; career opportunist; puppetered Trump into the war; |\n| pretextual justification; courts - criminal ends of the state; law of armed conflict; |\n| difference between illegal vs criminal; motivated reasoning - predetermined end; preludes to war |\n| racist dimension of American slavery; justification of an economic scheme/extraction; /Skeptic |\n| chattle based slavery in the US; economic extraction; vibing this (agree); /Shermer |\n| high intelligence doest always correlate with moral purpose; stae of nature argument; anacrhronistically impose our moral sensibilities on to the past; |\n| instinctual to use != rather is not null or is null in C#; hot and cold on NY times |\n| lets not judge based on outliers (extreme cases); cause by proxy; creeds vs values; creeds vs deeds |\n| wilful blindness; high-performance low cost quadrant; frontier intelligence; all politics is local |\n| take every opportunity to flog his books; wilful blindness; instructive; float trial ballons |\n| changet it root and branch; Nomophobia (derived from \"no mobile phone phobia\") |\n| there are going to be outliers in all different directions; riding high; strung along; throes of madness or genius |\n| statistical guessing more powerful when we scale it up; pulp literature; emisserated; |\n| you are pushing on an open door there; centaurs vs reverse centaurs; linguistic correlates; freq distribution of words in relationship to other words |\n| industry lingo for those not in the know; training - capex, inference - opex; A shell game is a sleight-of-hand swindle where a small object (like a pea) is hidden under one of three cups or shells. |\n| economic populism; good online game; convictions and courage; wittily batting them away; throw toys out of the pram |\n| manichean good and evil; silence is violence; short-term play; game of 6 degrees of separation |\n| an acerbic and provocative blogger known to most only by her online nom de guerre (pseudonym) |\n| news media ramps you up; bug out truck; empathy industry (CA); shoving a worldview down people's throats; |\n| history is against him; setting the nice layup there; colloquially referred to as the blue book (DDD) |\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",[],[255,303],"5d897788-3613-11f1-8bd3-42b51c65c3df","Common.html","d62c0fb4-3610-11f1-acce-42b51c65c3df",41,["D",1775959222663],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n\n \n \n \n",[],[255,311],"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();",[],[255,328,319],"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}",[],[255,328,330],"89fbacb8-3169-11f1-9094-42dde27851f2",["D",1775446478026],[206,207],[255,328],"89fbc75c-3169-11f1-9094-42dde27851f2",["D",1775446478026],[205,208,209,210,211,212,213,214,215,216],[255],["D",1782338270230],[],[18,80],["D",1776222047008],[],[18,183],["D",1775449252133],[202,203],[18],["D",1775446478026],["D",1789470042795],{"_11":12,"_144":72},{"_11":12,"_140":-5,"_71":72,"_31":70,"_141":142,"_143":30},{"_41":131,"_13":16,"_35":38,"_132":92,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"ctx",{"_54":-5,"_163":391,"_392":393,"_394":395,"_396":30,"_397":30,"_398":30,"_399":24,"_400":-5,"_401":-7,"_402":-7,"_403":108,"_404":30,"_405":30,"_406":-5,"_407":30,"_408":30,"_409":30,"_410":-5},"ENV",{"_362":363,"_364":365,"_366":16,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390},"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"]

History · backend