[{"_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",{"_96":95,"_31":44,"_104":86,"_26":52,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",35,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/Configuration.tsx","latestPath","fileId","83dde36c-8a7c-11f0-af15-0224a6c84d84","name","Configuration.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { useQuery } from \"https://esm.sh/@tanstack/react-query@4.29.5\";\n\n// Types\ninterface AppConfiguration {\n email: {\n enabled: boolean;\n recipientEmail: string | null;\n frequency: string;\n maxSummaries: number;\n jobNotifications: boolean;\n adminEmail: string | null;\n };\n twitter: {\n summarization: {\n timeWindowHours: number;\n maxTweets: number;\n includeMedia: boolean;\n includeSentiment: boolean;\n emailNotifications: boolean;\n };\n filtering: {\n keywords: string[];\n excludeKeywords: string[];\n };\n };\n\n system: {\n environment: string;\n lastUpdated: string;\n };\n}\n\ninterface SystemStatus {\n services: {\n database: { status: string; message: string };\n email: { status: string; message: string };\n twitter: { status: string; message: string };\n };\n configuration: {\n requiredEnvVars: { [key: string]: boolean };\n optionalEnvVars: { [key: string]: boolean };\n };\n lastChecked: string;\n}\n\n// API functions\nconst API_BASE = \"/api\";\n\nconst fetchConfiguration = async (): Promise => {\n const response = await fetch(`${API_BASE}/config`);\n if (!response.ok) {\n throw new Error(\"Failed to fetch configuration\");\n }\n return response.json();\n};\n\nconst fetchSystemStatus = async (): Promise => {\n const response = await fetch(`${API_BASE}/config/status`);\n if (!response.ok) {\n throw new Error(\"Failed to fetch system status\");\n }\n return response.json();\n};\n\n// Helper components\nconst StatusBadge: React.FC<{ status: string }> = ({ status }) => {\n const getStatusColor = (status: string) => {\n switch (status.toLowerCase()) {\n case \"healthy\":\n case \"configured\":\n return \"bg-green-100 text-green-800\";\n case \"disabled\":\n return \"bg-yellow-100 text-yellow-800\";\n case \"unhealthy\":\n case \"misconfigured\":\n return \"bg-red-100 text-red-800\";\n default:\n return \"bg-gray-100 text-gray-800\";\n }\n };\n\n return (\n \n {status}\n \n );\n};\n\nconst ConfigSection: React.FC<{ title: string; children: React.ReactNode }> = ({ title, children }) => (\n

{title}

\n {children}\n

\n);\n\nconst ConfigRow: React.FC<{ label: string; value: React.ReactNode; description?: string }> = ({ \n label, \n value, \n description \n}) => (\n

{label}

\n {description &&

{description}

}\n

{value}

\n);\n\nexport default function Configuration() {\n const {\n data: config,\n isLoading: configLoading,\n error: configError,\n } = useQuery({\n queryKey: [\"configuration\"],\n queryFn: fetchConfiguration,\n refetchInterval: 30000, // Refresh every 30 seconds\n });\n\n const {\n data: status,\n isLoading: statusLoading,\n error: statusError,\n } = useQuery({\n queryKey: [\"system-status\"],\n queryFn: fetchSystemStatus,\n refetchInterval: 30000, // Refresh every 30 seconds\n });\n\n if (configLoading || statusLoading) {\n return (\n

\n {[1, 2, 3, 4].map((i) => (\n

\n ))}\n

\n );\n }\n\n if (configError || statusError) {\n return (\n

Error Loading Configuration

{configError?.message || statusError?.message || \"Unknown error occurred\"}

\n );\n }\n\n if (!config || !status) {\n return (\n

No configuration data available

\n );\n }\n\n return (\n

\n {/* Header */}\n

System Configuration

\n Current application settings and system status\n

\n Last updated: {new Date(config.system.lastUpdated).toLocaleString()}\n

\n Environment: {config.system.environment}\n

\n\n {/* System Status */}\n \n

\n }\n description={status.services.database.message}\n />\n }\n description={status.services.email.message}\n />\n }\n description={status.services.twitter.message}\n />\n \n \n\n {/* Email Configuration */}\n \n

\n \n \n \n \n \n \n \n \n\n {/* Twitter & Summarization */}\n \n

\n \n \n \n \n \n \n \n\n {/* Filtering */}\n \n

\n 0\n ? config.twitter.filtering.keywords.join(\", \")\n : \"None\"\n }\n description=\"Only process tweets containing these keywords\"\n />\n 0\n ? config.twitter.filtering.excludeKeywords.join(\", \")\n : \"None\"\n }\n description=\"Skip tweets containing these keywords\"\n />\n \n \n\n\n {/* Environment Variables Status */}\n \n

Required Variables

{key}: \n \n {configured ? \"Set\" : \"Missing\"}\n \n

Optional Variables

{key}: \n \n {configured ? \"Set\" : \"Default\"}\n \n

\n \n\n {/* Help Text */}\n

\n \n

Configuration Management

\n To modify these settings, update the environment variables in Val Town's interface. \n Changes will be reflected here after the next restart or refresh.\n

\n );\n}","createdAt",["D",1757092784133],"branchVersion","branchId","a93670de-55f2-11f0-8cdc-f69ea79377d9","id","a93616c0-55f2-11f0-8cdc-f69ea79377d9","offx",["D",1751316115780],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","da7efaa0-3a43-11f0-b284-7173a8a6f515","pinnedFileId","26935614-55f3-11f0-ab57-f69ea79377d9","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","f1d76965-949f-4699-906d-07e921194179","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",98,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jpd3v","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeGRlTk9ERTV0VzdNb2FqR0NxOGRuM0NlaTEifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":330,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":331,"_80":332,"_82":333,"_84":24},"tree",[192,197,207,208,209,210,211],"files",[192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211],"counts",{"_182":139,"_183":62,"_184":139,"_185":186,"_187":188},"contents",[125,126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":176,"_31":177,"_29":178,"_135":-5,"_40":41,"_39":179,"_137":58,"_37":180,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_26":181},{"_42":171,"_31":172,"_29":173,"_135":-5,"_40":41,"_39":62,"_137":58,"_37":174,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_26":175},{"_42":164,"_31":165,"_29":166,"_135":-5,"_40":41,"_39":167,"_137":58,"_37":168,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_26":170},{"_42":157,"_31":158,"_29":159,"_135":-5,"_40":41,"_39":160,"_137":24,"_37":161,"_13":62,"_33":20,"_35":162,"_23":24,"_141":-5,"_26":163},{"_42":150,"_31":151,"_29":152,"_135":-5,"_40":41,"_39":153,"_137":24,"_37":154,"_13":139,"_33":20,"_35":155,"_23":24,"_141":-5,"_26":156},{"_42":143,"_31":144,"_29":145,"_135":-5,"_40":41,"_39":146,"_137":24,"_37":147,"_13":62,"_33":20,"_35":148,"_23":24,"_141":-5,"_26":149},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":139,"_33":34,"_35":140,"_23":24,"_141":-5,"_26":142},"269667fa-55f3-11f0-83aa-f69ea79377d9","setup-env.ts","2696689a-55f3-11f0-83aa-f69ea79377d9","parentId",8,"latest",["D",1751316326043],0,"// This script helps document the required environment variables for the OffX application\n// To set environment variables in Val Town, use the web interface or the Val Town CLI\n\nconsole.log(\"OffX Environment Variables Setup Guide\");\nconsole.log(\"======================================\");\nconsole.log(\n \"\\nThe following environment variables need to be set in Val Town:\",\n);\nconsole.log(\"\\n1. Twitter API credentials:\");\nconsole.log(\" - TWITTER_BEARER_TOKEN: Your Twitter API bearer token\");\nconsole.log(\"\\n2. OpenAI API credentials:\");\nconsole.log(\" - OPENAI_API_KEY: Your OpenAI API key\");\nconsole.log(\"\\n3. Dashboard authentication:\");\nconsole.log(\" - AUTH_USERNAME: Username for dashboard authentication\");\nconsole.log(\" - AUTH_PASSWORD: Password for dashboard authentication\");\nconsole.log(\"\\n4. Email configuration (optional):\");\nconsole.log(\" - EMAIL_TO: Email address to send summaries to\");\nconsole.log(\"\\n5. Discord configuration (optional):\");\nconsole.log(\n \" - DISCORD_WEBHOOK_URL: Discord webhook URL for sending summaries\",\n);\nconsole.log(\"\\nTo set these environment variables in Val Town:\");\nconsole.log(\"1. Go to your Val Town dashboard\");\nconsole.log(\"2. Navigate to the OffX val\");\nconsole.log(\"3. Click on 'Settings'\");\nconsole.log(\"4. Add each environment variable under 'Environment Variables'\");\nconsole.log(\n \"\\nAlternatively, you can use the Val Town CLI to set environment variables.\",\n);\n\n// Function to check if environment variables are set\nexport async function checkEnvironmentVariables() {\n const requiredVars = [\n \"TWITTER_BEARER_TOKEN\",\n \"OPENAI_API_KEY\",\n \"AUTH_USERNAME\",\n \"AUTH_PASSWORD\",\n ];\n const optionalVars = [\"EMAIL_TO\", \"DISCORD_WEBHOOK_URL\"];\n\n console.log(\"\\nChecking environment variables...\");\n\n // Check required variables\n console.log(\"\\nRequired variables:\");\n for (const varName of requiredVars) {\n const value = Deno.env.get(varName);\n if (value) {\n console.log(`✅ ${varName} is set`);\n } else {\n console.log(`❌ ${varName} is NOT set`);\n }\n }\n\n // Check optional variables\n console.log(\"\\nOptional variables:\");\n for (const varName of optionalVars) {\n const value = Deno.env.get(varName);\n if (value) {\n console.log(`✅ ${varName} is set`);\n } else {\n console.log(`⚠️ ${varName} is NOT set (optional)`);\n }\n }\n}\n\n// Run the check if this script is executed directly\nif (import.meta.main) {\n await checkEnvironmentVariables();\n}\n\nexport default { checkEnvironmentVariables };\n","label",[133],"fdfb29fa-56bc-11f0-9175-f69ea79377d9","deno.json","268f5456-55f3-11f0-9719-f69ea79377d9",29,["D",1751403016301],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"esnext\",\n \"deno.ns\"\n ],\n \"jsx\": \"react-jsx\",\n \"jsxImportSource\": \"https://esm.sh/react@18.2.0\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n },\n \"imports\": {\n \"react\": \"https://esm.sh/react@18.2.0\",\n \"react-dom\": \"https://esm.sh/react-dom@18.2.0\",\n \"react-router-dom\": \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\"\n }\n}",[144],"268c2e2a-55f3-11f0-a3d9-f69ea79377d9","README.md","268c2ede-55f3-11f0-a3d9-f69ea79377d9",5,["D",1751316326042],"# OffX - Twitter Feed Summarizer\n\nA Val Town application that summarizes your Twitter feed using AI.\n\n## Features\n\n- Fetch tweets from your Twitter home feed\n- Organize tweets by user-defined topics\n- Generate AI-powered summaries using OpenAI\n- Deliver summaries via email or Discord\n- Web dashboard for configuration and viewing summaries\n\n## Setup Instructions\n\n### Prerequisites\n\n- [Deno](https://deno.com/) installed\n- Val Town CLI installed: `deno install -grAf jsr:@valtown/vt`\n- Val Town account\n\n### Local Development\n\n1. Clone this repository:\n ```\n vt clone @yourusername/offx\n ```\n\n2. Navigate to the project directory:\n ```\n cd offx\n ```\n\n3. Make changes to the code as needed\n\n4. Push changes to Val Town:\n ```\n vt push\n ```\n\n### Environment Variables\n\nThe following environment variables need to be set in Val Town:\n\n- `TWITTER_BEARER_TOKEN`: Your Twitter API bearer token\n- `OPENAI_API_KEY`: Your OpenAI API key\n- `AUTH_USERNAME`: Username for dashboard authentication\n- `AUTH_PASSWORD`: Password for dashboard authentication\n\n## Project Structure\n\n```\noffx/\n├── backend/\n│ ├── database/ # SQLite database operations\n│ └── routes/ # API route handlers\n├── frontend/ # Frontend HTML, CSS, and JavaScript\n├── shared/ # Shared code between frontend and backend\n├── index.ts # Main entry point\n└── README.md # This file\n```\n\n## Deployment\n\nThis project is designed to run on Val Town. After pushing your code with `vt push`, you can access the application at:\n\n```\nhttps://val.town/v/yourusername/offx\n```\n\n## Development Commands\n\n- `vt push`: Push local changes to Val Town\n- `vt pull`: Pull the latest changes from Val Town\n- `vt status`: Show working tree status\n- `vt browse`: Open the Val in a web browser\n\n## License\n\nMIT ",[151],"06bfa4ee-55f5-11f0-ae75-f69ea79377d9",".vtignore","269ae6e0-55f3-11f0-aaf2-f69ea79377d9",13,["D",1751317131694],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\n.taskmaster\n.roo\n.windsurfrules\n.cursor\n.gitignore\n.roomodes\nscripts\n.env.example",[158],"267864c6-55f3-11f0-ab57-f69ea79377d9","shared","267865ac-55f3-11f0-ab57-f69ea79377d9",3,["D",1751316325925],"directory",[165],"265c7ee6-55f3-11f0-894e-f69ea79377d9","frontend","265c7fb8-55f3-11f0-894e-f69ea79377d9",["D",1751316325744],[172],"266ad7e8-55f3-11f0-9719-f69ea79377d9","backend","266ad892-55f3-11f0-9719-f69ea79377d9",2,["D",1751316325838],[177],"pulls","branches","forks","envVars",{"_189":136,"_191":139},"connections",{"_189":139,"_190":139},"count","unfilledCount","emptyCount",{"_42":176,"_31":177,"_29":178,"_135":-5,"_40":41,"_39":179,"_137":58,"_37":327,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":328,"_26":329},{"_42":320,"_31":321,"_29":322,"_135":178,"_40":41,"_39":323,"_137":58,"_37":324,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":325,"_26":326},{"_42":313,"_31":314,"_29":315,"_135":178,"_40":41,"_39":316,"_137":58,"_37":317,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":318,"_26":319},{"_42":306,"_31":307,"_29":308,"_135":178,"_40":41,"_39":309,"_137":58,"_37":310,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":311,"_26":312},{"_42":298,"_31":299,"_29":56,"_135":178,"_40":41,"_39":300,"_137":24,"_37":301,"_13":291,"_33":302,"_35":303,"_23":24,"_141":-5,"_213":304,"_26":305},{"_42":171,"_31":172,"_29":173,"_135":-5,"_40":41,"_39":62,"_137":58,"_37":295,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":296,"_26":297},{"_42":290,"_31":253,"_29":247,"_135":173,"_40":41,"_39":291,"_137":58,"_37":292,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":293,"_26":294},{"_42":282,"_31":283,"_29":284,"_135":247,"_40":41,"_39":285,"_137":24,"_37":286,"_13":139,"_33":34,"_35":287,"_23":24,"_141":-5,"_213":288,"_26":289},{"_42":274,"_31":275,"_29":276,"_135":247,"_40":41,"_39":277,"_137":58,"_37":278,"_13":139,"_33":34,"_35":279,"_23":24,"_141":-5,"_213":280,"_26":281},{"_42":270,"_31":32,"_29":30,"_135":247,"_40":41,"_39":14,"_137":24,"_37":271,"_13":139,"_33":34,"_35":36,"_23":24,"_141":-5,"_213":272,"_26":273},{"_42":262,"_31":263,"_29":264,"_135":247,"_40":41,"_39":265,"_137":24,"_37":266,"_13":139,"_33":34,"_35":267,"_23":24,"_141":-5,"_213":268,"_26":269},{"_42":254,"_31":255,"_29":256,"_135":247,"_40":41,"_39":257,"_137":58,"_37":258,"_13":139,"_33":34,"_35":259,"_23":24,"_141":-5,"_213":260,"_26":261},{"_42":244,"_31":245,"_29":246,"_135":247,"_40":41,"_39":248,"_137":24,"_37":249,"_13":139,"_33":34,"_35":250,"_23":24,"_141":-5,"_213":251,"_26":252},{"_42":236,"_31":237,"_29":238,"_135":173,"_40":41,"_39":239,"_137":58,"_37":240,"_13":167,"_33":20,"_35":241,"_23":24,"_141":-5,"_213":242,"_26":243},{"_42":228,"_31":229,"_29":230,"_135":173,"_40":41,"_39":231,"_137":24,"_37":232,"_13":139,"_33":34,"_35":233,"_23":24,"_141":-5,"_213":234,"_26":235},{"_42":164,"_31":165,"_29":166,"_135":-5,"_40":41,"_39":167,"_137":58,"_37":225,"_13":139,"_33":169,"_35":-5,"_23":24,"_141":-5,"_213":226,"_26":227},{"_42":157,"_31":158,"_29":159,"_135":-5,"_40":41,"_39":160,"_137":24,"_37":222,"_13":62,"_33":20,"_35":162,"_23":24,"_141":-5,"_213":223,"_26":224},{"_42":150,"_31":151,"_29":152,"_135":-5,"_40":41,"_39":153,"_137":24,"_37":219,"_13":139,"_33":20,"_35":155,"_23":24,"_141":-5,"_213":220,"_26":221},{"_42":143,"_31":144,"_29":145,"_135":-5,"_40":41,"_39":146,"_137":24,"_37":216,"_13":62,"_33":20,"_35":148,"_23":24,"_141":-5,"_213":217,"_26":218},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":212,"_13":139,"_33":34,"_35":140,"_23":24,"_141":-5,"_213":214,"_26":215},["D",1751316326043],"children",[],[133],["D",1751403016301],[],[144],["D",1751316326042],[],[151],["D",1751317131694],[],[158],["D",1751316325925],[],[165],"fde87d96-56bc-11f0-b92d-f69ea79377d9","index.tsx","fde87e54-56bc-11f0-b92d-f69ea79377d9",26,["D",1751403016174],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n BrowserRouter,\n Navigate,\n Route,\n Routes,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\nimport App from \"./components/App.tsx\";\nimport LoginPage from \"./components/LoginPage.tsx\";\nimport Dashboard from \"./components/Dashboard.tsx\";\nimport { AuthProvider, RequireAuth } from \"./components/AuthContext.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\n\nroot.render(\n \n \n \n \n }>\n } />\n \n \n \n }\n />\n } />\n \n \n \n \n ,\n);\n",[],[172,229],"fdecd9b8-56bc-11f0-b053-f69ea79377d9","index.html","268930b2-55f3-11f0-a013-f69ea79377d9",27,["D",1751403016237],"\n\n\n \n \n OffX - Twitter Feed Summarizer\n \n \n\n\n

\n \n\n ",[],[172,237],"83d4e1d6-8a7c-11f0-9d13-0224a6c84d84","SummaryDetailView.tsx","83d4e280-8a7c-11f0-9d13-0224a6c84d84","069859e8-55f5-11f0-9cfc-f69ea79377d9",34,["D",1757092784074],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n useNavigate,\n useParams,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\nimport {\n useQuery,\n useQueryClient,\n} from \"https://esm.sh/@tanstack/react-query@4.29.5\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown@8.0.7\";\n\ninterface Summarization {\n id: number;\n topic_id: number;\n content: string;\n prompt: string;\n post_count: number;\n created_at: string;\n time_period_start: string;\n time_period_end: string;\n topic_title?: string;\n}\n\ninterface SummarizationResponse {\n data: Summarization;\n}\n\nconst API_BASE = \"/api\";\n\nexport default function SummaryDetailView() {\n const { id } = useParams<{ id: string }>();\n const navigate = useNavigate();\n const queryClient = useQueryClient();\n const [isRegenerating, setIsRegenerating] = useState(false);\n const [regenerateMessage, setRegenerateMessage] = useState(\n null,\n );\n\n // Fetch the specific summarization\n const { data: summarizationData, isLoading, error } = useQuery<\n SummarizationResponse\n >({\n queryKey: [\"summarization\", id],\n queryFn: async () => {\n if (!id) {\n throw new Error(\"No summarization ID provided\");\n }\n\n const response = await fetch(`${API_BASE}/summarizations/${id}`, {\n headers: {\n \"Authorization\": `Basic ${\n btoa(\n `${localStorage.getItem(\"auth_username\")}:${\n localStorage.getItem(\"auth_password\")\n }`,\n )\n }`,\n },\n });\n\n if (!response.ok) {\n if (response.status === 404) {\n throw new Error(\"Summarization not found\");\n }\n throw new Error(\"Failed to fetch summarization\");\n }\n\n return response.json();\n },\n enabled: !!id, // Only run the query if we have an ID\n });\n\n const handleBack = () => {\n navigate(\"/dashboard\");\n };\n\n const handleRegenerate = async () => {\n if (!summarizationData?.data?.id) {\n setRegenerateMessage(\"Cannot regenerate: summarization ID not available\");\n return;\n }\n\n setIsRegenerating(true);\n setRegenerateMessage(null);\n\n try {\n const response = await fetch(\n `${API_BASE}/summarizations/${summarizationData.data.id}/regenerate`,\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Basic ${\n btoa(\n `${localStorage.getItem(\"auth_username\")}:${\n localStorage.getItem(\"auth_password\")\n }`,\n )\n }`,\n \"Content-Type\": \"application/json\",\n },\n },\n );\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(result.message || \"Failed to regenerate summary\");\n }\n\n if (result.status === \"success\") {\n setRegenerateMessage(\n \"✅ Summary regenerated successfully! Refreshing...\",\n );\n\n // Invalidate queries to refetch updated data\n await queryClient.invalidateQueries([\"summarization\", id]);\n await queryClient.invalidateQueries([\"summarizations\"]);\n\n setTimeout(() => {\n setRegenerateMessage(null);\n }, 3000);\n } else if (result.status === \"no_data\") {\n setRegenerateMessage(\n \"⚠️ No recent posts found to regenerate summary from\",\n );\n } else {\n setRegenerateMessage(\n `❌ ${result.message || \"Failed to regenerate summary\"}`,\n );\n }\n } catch (error) {\n console.error(\"Error regenerating summary:\", error);\n setRegenerateMessage(\n `❌ Error: ${\n error instanceof Error ? error.message : \"Unknown error occurred\"\n }`,\n );\n } finally {\n setIsRegenerating(false);\n }\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n };\n\n if (isLoading) {\n return (\n

\n );\n }\n\n if (error) {\n return (\n

\n \n ← Back to Summaries\n \n

\n\n

Error loading summarization

\n {error instanceof Error ? error.message : \"Unknown error occurred\"}\n

\n );\n }\n\n if (!summarizationData) {\n return (\n

\n \n ← Back to Summaries\n \n

\n\n

No summarization found.

\n );\n }\n\n const summarization = summarizationData.data;\n\n return (\n

\n {/* Navigation */}\n

\n \n ← Back to Summaries\n \n

\n\n {/* Header */}\n

\n {summarization.topic_title || `Topic ${summarization.topic_id}`}\n

\n\n

\n Created: {formatDate(summarization.created_at)}\n Posts: {summarization.post_count}\n \n Period: {formatDate(summarization.time_period_start)} -{\" \"}\n {formatDate(summarization.time_period_end)}\n \n

\n\n {/* Content */}\n

Summary Content

\n {summarization.content\n ? (\n (\n

\n {children}\n

\n ),\n h2: ({ children }) => (\n

\n {children}\n

\n ),\n h3: ({ children }) => (\n

\n {children}\n

\n ),\n p: ({ children }) => (\n

\n {children}\n

\n ),\n ul: ({ children }) => (\n

\n {children}\n \n ),\n ol: ({ children }) => (\n

\n {children}\n \n ),\n li: ({ children }) =>

{children}

,\n a: ({ href, children }) => (\n \n {children}\n \n ),\n img: ({ src, alt }) => (\n

\n {\n const target = e.target as HTMLImageElement;\n target.style.display = \"none\";\n const errorDiv = document.createElement(\"div\");\n errorDiv.className =\n \"text-gray-500 italic text-sm border border-gray-200 p-3 rounded\";\n errorDiv.textContent = `Failed to load image: ${\n alt || src\n }`;\n target.parentNode?.insertBefore(errorDiv, target);\n }}\n />\n

\n ),\n blockquote: ({ children }) => (\n

\n {children}\n

\n ),\n code: ({ children, inline }) => (\n inline\n ? (\n \n {children}\n \n )\n : (\n \n {children}\n \n )\n ),\n }}\n >\n {summarization.content}\n \n )\n :

No content available

}\n

\n\n {/* Additional media support for embedded tweets, videos, etc. */}\n

\n {/* Look for tweet URLs and render them with appropriate styling */}\n {summarization.content &&\n /https:\\/\\/(?:x|twitter)\\.com\\/\\w+\\/status\\/\\d+/.test(\n summarization.content,\n ) && (\n

🐦 Twitter Links Detected

\n This summary contains Twitter/X post links. Click the links\n above to view the original posts.\n

\n )}\n\n {/* Look for YouTube URLs */}\n {summarization.content &&\n /https:\\/\\/(?:www\\.)?(?:youtube\\.com\\/watch\\?v=|youtu\\.be\\/)[\\w-]+/\n .test(summarization.content) &&\n (\n

📺 YouTube Links Detected

\n This summary contains YouTube video links. Click the links\n above to view the videos.\n

\n )}\n\n {/* Look for image URLs */}\n {summarization.content &&\n /https?:\\/\\/[^\\s]+\\.(?:jpg|jpeg|png|gif|webp)/i.test(\n summarization.content,\n ) && (\n

🖼️ Images Detected

\n This summary contains image links that should be displayed\n above.\n

\n )}\n

\n\n {/* Actions */}\n

\n {regenerateMessage && (\n \n {regenerateMessage}\n

\n )}\n\n

\n \n {isRegenerating\n ? (\n \n \n \n \n \n \n \n Regenerating...\n \n )\n : (\n \"Re-run Summarization\"\n )}\n \n

\n \n );\n}\n",[],[172,253,245],"components","fe22a7c8-56bc-11f0-8697-f69ea79377d9","LoginPage.tsx","fe22a8ea-56bc-11f0-8697-f69ea79377d9",30,["D",1751403016145],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n useLocation,\n useNavigate,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\nimport { useAuth } from \"./AuthContext.tsx\";\n\ninterface LocationState {\n from?: {\n pathname: string;\n };\n}\n\nexport default function LoginPage() {\n const navigate = useNavigate();\n const location = useLocation();\n const auth = useAuth();\n\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const locationState = location.state as LocationState;\n const from = locationState?.from?.pathname || \"/dashboard\";\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n setLoading(true);\n\n try {\n const result = await auth.signin(username, password);\n\n if (result) {\n // Send them back to the page they tried to visit when they were\n // redirected to the login page. Use { replace: true } so we don't create\n // another entry in the history stack for the login page.\n navigate(from, { replace: true });\n } else {\n setError(\"Invalid username or password\");\n }\n } catch (error) {\n setError(\"An unexpected error occurred. Please try again.\");\n console.error(\"Login error:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n // If user is already logged in, redirect to dashboard\n React.useEffect(() => {\n if (auth.user) {\n navigate(\"/dashboard\", { replace: true });\n }\n }, [auth.user, navigate]);\n\n return (\n

Welcome to OffX

\n This application helps you summarize your Twitter feed using AI.\n

\n\n

Dashboard Access

\n Login to access your dashboard and manage your summaries.\n

\n\n \n

\n );\n}\n",[],[172,253,255],"fde197e2-56bc-11f0-b7ab-f69ea79377d9","Dashboard.tsx","fde198a0-56bc-11f0-b7ab-f69ea79377d9",24,["D",1751403016132],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { useAuth } from \"./AuthContext.tsx\";\nimport { useNavigate } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\n\nexport default function Dashboard() {\n const auth = useAuth();\n const navigate = useNavigate();\n\n const handleLogout = () => {\n auth.signout();\n navigate(\"/\");\n };\n\n return (\n

Dashboard

Welcome, {auth.user}!

\n \n

\n\n

Dashboard

\n Welcome to the protected dashboard area. This page is only accessible\n with valid credentials.\n

You've successfully authenticated!

\n\n

Recent Summaries

No summaries generated yet.

\n\n

Topics

No topics created yet.

\n );\n}\n",[],[172,253,263],"83dde2a4-8a7c-11f0-af15-0224a6c84d84",["D",1757092784133],[],[172,253,32],"fde4fd38-56bc-11f0-aabd-f69ea79377d9","AuthContext.tsx","fde4fdec-56bc-11f0-aabd-f69ea79377d9",25,["D",1751403016176],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n createContext,\n useContext,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport {\n Navigate,\n useLocation,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\n\ninterface AuthContextType {\n user: string | null;\n signin: (username: string, password: string) => Promise;\n signout: () => void;\n}\n\nconst AuthContext = createContext(null!);\n\nexport function AuthProvider({ children }: { children: React.ReactNode }) {\n const [user, setUser] = useState(null);\n\n const signin = async (username: string, password: string) => {\n try {\n // Create basic auth header\n const authHeader = \"Basic \" + btoa(username + \":\" + password);\n\n const response = await fetch(\"/api/login\", {\n headers: {\n \"Authorization\": authHeader,\n },\n });\n\n if (response.ok) {\n setUser(username);\n // Store auth in sessionStorage for persistence\n sessionStorage.setItem(\"auth\", authHeader);\n return true;\n } else {\n return false;\n }\n } catch (error) {\n console.error(\"Login error:\", error);\n return false;\n }\n };\n\n const signout = () => {\n setUser(null);\n sessionStorage.removeItem(\"auth\");\n };\n\n // Check if we have auth in sessionStorage on mount\n React.useEffect(() => {\n const auth = sessionStorage.getItem(\"auth\");\n if (auth) {\n // Verify the auth is still valid\n fetch(\"/api/login\", {\n headers: {\n \"Authorization\": auth,\n },\n }).then((response) => {\n if (response.ok) {\n // Extract username from Basic auth\n try {\n const decoded = atob(auth.replace(\"Basic \", \"\"));\n const username = decoded.split(\":\")[0];\n setUser(username);\n } catch (e) {\n console.error(\"Failed to decode auth\", e);\n sessionStorage.removeItem(\"auth\");\n }\n } else {\n sessionStorage.removeItem(\"auth\");\n }\n }).catch(() => {\n sessionStorage.removeItem(\"auth\");\n });\n }\n }, []);\n\n const value = { user, signin, signout };\n\n return {children};\n}\n\nexport function useAuth() {\n return useContext(AuthContext);\n}\n\nexport function RequireAuth({ children }: { children: JSX.Element }) {\n const auth = useAuth();\n const location = useLocation();\n\n if (!auth.user) {\n // Redirect to the login page but save the current location\n return ;\n }\n\n return children;\n}\n",[],[172,253,275],"fddc1736-56bc-11f0-824f-f69ea79377d9","App.tsx","fddc183a-56bc-11f0-824f-f69ea79377d9",23,["D",1751403016131],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Outlet } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0\";\n\nexport default function App() {\n return (\n

OffX

Twitter Feed Summarizer

\n\n

\n \n

\n\n \n

\n );\n}\n",[],[172,253,283],"0698589e-55f5-11f0-9cfc-f69ea79377d9",10,["D",1751317131440],[199,200,201,202,203,204],[172,253],["D",1751316325744],[198,205,206],[172],"e7bb6cc6-56bd-11f0-ad3b-f69ea79377d9","index.ts",32,["D",1751403408491],"http","import { Hono } from \"https://esm.sh/hono@4.8.3\";\nimport { basicAuth } from \"https://esm.sh/hono@4.8.3/basic-auth\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Basic authentication middleware\nconst auth = basicAuth({\n username: Deno.env.get(\"AUTH_USERNAME\") || \"admin\",\n password: Deno.env.get(\"AUTH_PASSWORD\") || \"password\",\n // This is just a placeholder - in production, always use environment variables\n});\n\n// Public routes\napp.get(\"/api/health\", (c) => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\n// Login route that returns success message on correct credentials\napp.get(\"/api/login\", auth, (c) => {\n return c.json({\n success: true,\n message: \"Authentication successful\",\n user: c.req.header(\"Authorization\")?.split(\" \")[1]?.split(\":\")[0]\n || \"user\",\n });\n});\n\n// Protected API routes\napp.get(\"/api/dashboard\", auth, (c) => {\n return c.json({\n message: \"Protected dashboard data\",\n data: {\n summaries: [],\n topics: [],\n },\n });\n});\n\n// Serve static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// For SPA routing, serve index.html for all other routes\napp.get(\"*\", async (c) => {\n try {\n // Try to serve the requested file first\n return await serveFile(c.req.path, import.meta.url);\n } catch {\n // If file not found, serve the index.html for client-side routing\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n }\n});\n\n// Export the fetch handler for HTTP vals\nexport default app.fetch;",[],[177,299],"83c566ac-8a7c-11f0-85b0-0224a6c84d84","security","83c567a6-8a7c-11f0-85b0-0224a6c84d84",33,["D",1757092783975],[],[177,307],"06b1146a-55f5-11f0-918b-f69ea79377d9","routes","06b11500-55f5-11f0-918b-f69ea79377d9",12,["D",1751317131604],[],[177,314],"06a4db3c-55f5-11f0-9d32-f69ea79377d9","database","06a4dc18-55f5-11f0-9d32-f69ea79377d9",11,["D",1751317131524],[],[177,321],["D",1751316325838],[193,194,195,196],[177],["D",1751316115780],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":367,"_368":369,"_370":371,"_372":24,"_373":24,"_374":24,"_375":58,"_376":-5,"_377":-7,"_378":-7,"_379":139,"_380":24,"_381":24,"_382":-5,"_383":24,"_384":24,"_385":24,"_386":-5},"ENV",{"_338":339,"_340":341,"_342":86,"_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","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · v35