Machine Yearning RSS

\n setFeedUrl(e.target.value)}\n placeholder=\"Enter RSS feed URL\"\n />\n \n

\n \n {error && (\n

Error:

{error}

\n )}\n {results && (\n

Results:

\n {formatOutput(results.output)}\n

\n )}\n

\n View Source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (request.method === \"POST\" && url.pathname === \"/run-glif\") {\n const { runGlif } = await import(\"https://esm.town/v/jamiedubs/runGlif\");\n const { url } = await request.json();\n const result = await runGlif({ id: \"cm4c3n4l400041mo6zpk5ioj2\", inputs: { url } });\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n \n \n \n Machine Yearning RSS\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f0f4f8;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n min-height: 100vh;\n}\n\n.container {\n background-color: white;\n border-radius: 15px;\n padding: 2rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n width: 800px;\n margin: 2rem auto;\n}\n\nh1 {\n color: #2c3e50;\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.input-group {\n display: flex;\n margin-bottom: 1rem;\n}\n\ninput {\n flex-grow: 1;\n padding: 0.5rem;\n font-size: 1rem;\n border: 1px solid #bdc3c7;\n border-radius: 4px 0 0 4px;\n}\n\nbutton {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n background-color: #3498db;\n color: white;\n border: none;\n border-radius: 0 4px 4px 0;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #2980b9;\n}\n\nbutton:disabled {\n background-color: #95a5a6;\n cursor: not-allowed;\n}\n\nselect {\n width: 100%;\n padding: 0.5rem;\n font-size: 1rem;\n border: 1px solid #bdc3c7;\n border-radius: 4px;\n margin-bottom: 1rem;\n}\n\n.results {\n background-color: #ecf0f1;\n border-radius: 4px;\n padding: 1rem;\n margin-top: 1rem;\n}\n\n.results h2 {\n margin-top: 0;\n color: #2c3e50;\n}\n\n.section {\n margin-bottom: 1.5rem;\n}\n\n.section h3 {\n color: #2c3e50;\n margin-bottom: 0.5rem;\n}\n\n.section p {\n margin-top: 0;\n line-height: 1.6;\n}\n\n.error {\n background-color: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n border-radius: 4px;\n padding: 1rem;\n margin-top: 1rem;\n}\n\n.error h2 {\n margin-top: 0;\n color: #721c24;\n}\n\n.footer {\n text-align: center;\n margin-top: 1rem;\n}\n\n.footer a {\n color: #3498db;\n text-decoration: none;\n}\n\n.footer a:hover {\n text-decoration: underline;\n}\n`;","createdAt",["D",1733451876298],"version",1,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","jamiedubs","profileImageUrl","https://avatars.githubusercontent.com/u/1903?v=4","forkedVal","interval","slug","jamiedubs/rssSummarizer","description","little frontend that uses this rssSummarizer glif to summarize an RSS feed next level up is reading many feeds from an OPML file and recurseively summarizing them and then presenting some higher-level summary?? idk. @choppinbroccoli concept","versions",[141,144],{"_118":119,"_142":-5,"_116":143,"_113":111},"prId",["D",1733451876298],{"_118":31,"_142":-5,"_116":145,"_113":146},["D",1733451662432],"bd48161c-b378-11ef-b9b4-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":154,"_155":156,"_94":157},"single","redirect","/v/jamiedubs/rssSummarizer/versions",{"_113":146,"_114":158,"_118":31,"_116":159,"_160":99,"_100":101,"_108":109,"_129":130,"_11":96,"_161":-5,"_162":-5,"_163":-5,"_151":26,"_135":136},"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [feedUrl, setFeedUrl] = React.useState(\"https://usv.com/feed/\");\n const [results, setResults] = React.useState(null);\n const [loading, setLoading] = React.useState(false);\n\n const feedOptions = [\n { label: \"USV (Infrequent medium-form writing)\", value: \"https://usv.com/feed/\" },\n { label: \"Multicoin Capital\", value: \"https://multicoin.capital/feed/\" },\n { label: \"On The Media (weekly podcast)\", value: \"https://feeds.simplecast.com/o4jAFXaw\" },\n { label: \"Ars Technica (frequent short news posts)\", value: \"http://feeds.arstechnica.com/arstechnica/index/\" },\n ];\n\n const handleLoad = async () => {\n setLoading(true);\n try {\n const response = await fetch(\"/run-glif\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url: feedUrl }),\n });\n const json = await response.json();\n setResults(json);\n } catch (error) {\n console.error(\"Error fetching results:\", error);\n setResults({ error: \"Failed to fetch results. Please try again.\" });\n }\n setLoading(false);\n };\n\n return (\n

Machine Yearning RSS

\n setFeedUrl(e.target.value)}\n placeholder=\"Enter RSS feed URL\"\n />\n \n

\n \n {results && (\n

Results:

{JSON.stringify(results, null, 2)}

\n )}\n

\n View Source\n

rssSummarizer

Version 0