Simple HTMX Example

[{"_1":2,"_233":-5,"_234":-5},"loaderData",{"_3":4,"_92":93,"_220":221,"_232":-5},"root",{"_5":6,"_33":34,"_59":60,"_90":91},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":26,"_29":30,"_31":32},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","4a6cf7de2f6415ba1b99e16e2b6953262c3d8375","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","d0746fd0512e0614e3f717607f0da4cd","clerkState",{"_61":62},"__internal_clerk_state",{"_63":64,"_65":44,"_66":67,"_68":67,"_69":26,"_70":67,"_71":67,"_72":67,"_73":67,"_74":67,"_75":67,"_76":67,"_77":67,"_78":79,"_88":26,"_89":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_80":26,"_81":67,"_82":83,"_84":67,"_85":44,"_86":26,"_87":67},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_94":95,"_96":97,"_95":98,"_215":-5,"_216":-5,"_217":218,"_131":132,"_139":109,"_101":102,"_99":100,"_120":-7,"_51":52,"_219":26},"type","val","author","a8270e74-6479-475a-8025-9b69544ee0e7",{"_99":100,"_96":97,"_101":102,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":111,"_112":113,"_114":26,"_115":113,"_116":117,"_118":119,"_120":121,"_122":26,"_123":32,"_124":32,"_125":32,"_126":32,"_127":32,"_128":32,"_129":-5,"_20":130,"_135":-5,"_136":-7,"_137":138,"_139":109,"_140":141},"name","ragwithclaude_ui","valNameId","07ea49d6-2f28-11ef-9b43-cab58f78796a","parentFolderId","3de413f4-687c-11ef-baca-de64eea55b61","isOwned","privacy","public","readme","Wanted to build a UI for Simon's thing but he locked it lol","valType","http","currentVersion","991fa7a6-2f29-11ef-a49d-cab58f78796a","legacyPrivate","id","code","/** @jsx jsx **/\n// rag with claude ui\n// https://simonw-ragwithclaude.web.val.run/?question=what%20is%20shot%20scraper\n\nimport { renderToString } from \"npm:react-dom/server\";\nimport { jsx } from \"https://deno.land/x/hono@v3.11.7/middleware.ts\";\nimport { Hono } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\n\nconst app = new Hono();\n\n\n\n\nconst Page = () => (\n \n \n Simple HTMX Example\n \n \n \n \n

\n \n \n \n

\n \n \n);\n\n\nconst Page2 = () => (\n \n \n HTMX GET Example\n \n \n \n \n

\n \n

\n \n \n);\n\n \napp.get(\"/\", (c) => {\n return c.html();\n});\n\napp.get(\"/get-answer\", async (c) => {\n const question = c.req.query(\"question\");\n const response = await fetch(`https://simonw-ragwithclaude.web.val.run/?question=${encodeURIComponent(question)}`);\n const answer = await response.text();\n return c.html(answer);\n});\n\nexport default app.fetch;","createdAt",["D",1718904118091],"version",18,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","yawnxyz","profileImageUrl","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","forkedVal","interval","slug","yawnxyz/ragwithclaude_ui","description","versions",[142,145,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,208,212],{"_120":121,"_143":-5,"_118":144,"_115":113},"prId",["D",1718904118091],{"_120":146,"_143":-5,"_118":147,"_115":148},17,["D",1718904110963],"94e00bf4-2f29-11ef-8852-cab58f78796a",{"_120":150,"_143":-5,"_118":151,"_115":152},16,["D",1718904095849],"8bddc622-2f29-11ef-a49d-cab58f78796a",{"_120":154,"_143":-5,"_118":155,"_115":156},15,["D",1718904082811],"84184e3a-2f29-11ef-8500-cab58f78796a",{"_120":158,"_143":-5,"_118":159,"_115":160},14,["D",1718904073206],"7e5f0b8c-2f29-11ef-ae71-cab58f78796a",{"_120":162,"_143":-5,"_118":163,"_115":164},13,["D",1718904065560],"79d0086e-2f29-11ef-a0ee-cab58f78796a",{"_120":166,"_143":-5,"_118":167,"_115":168},12,["D",1718904063758],"78bd21be-2f29-11ef-ae71-cab58f78796a",{"_120":170,"_143":-5,"_118":171,"_115":172},11,["D",1718904053426],"72946cb6-2f29-11ef-ae71-cab58f78796a",{"_120":174,"_143":-5,"_118":175,"_115":176},10,["D",1718904035462],"67df667c-2f29-11ef-9a0d-cab58f78796a",{"_120":178,"_143":-5,"_118":179,"_115":180},9,["D",1718904022917],"60653d9a-2f29-11ef-ae71-cab58f78796a",{"_120":182,"_143":-5,"_118":183,"_115":184},8,["D",1718904019445],"5e536d2e-2f29-11ef-abb5-cab58f78796a",{"_120":186,"_143":-5,"_118":187,"_115":188},7,["D",1718904002790],"5465fda4-2f29-11ef-89f7-cab58f78796a",{"_120":190,"_143":-5,"_118":191,"_115":192},6,["D",1718903998706],"51f6e5b0-2f29-11ef-8004-cab58f78796a",{"_120":194,"_143":-5,"_118":195,"_115":196},5,["D",1718903957775],"3991c210-2f29-11ef-8004-cab58f78796a",{"_120":198,"_143":-5,"_118":199,"_115":200},4,["D",1718903827948],"ec2f3066-2f28-11ef-bd4d-cab58f78796a",{"_120":202,"_143":-5,"_118":203,"_115":204},3,["D",1718903786573],"d385fce8-2f28-11ef-bd30-cab58f78796a",{"_120":91,"_143":-5,"_118":206,"_115":207},["D",1718903712205],"a73255f6-2f28-11ef-89f7-cab58f78796a",{"_120":209,"_143":-5,"_118":210,"_115":211},1,["D",1718903672756],"8faee2e6-2f28-11ef-9571-cab58f78796a",{"_120":32,"_143":-5,"_118":213,"_115":214},["D",1718903444983],"07eb7572-2f28-11ef-9b43-cab58f78796a","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":222,"_223":224,"_95":225},"single","redirect","/v/yawnxyz/ragwithclaude_ui/versions",{"_115":148,"_116":226,"_120":146,"_118":227,"_228":100,"_101":102,"_110":111,"_131":132,"_11":97,"_229":-5,"_230":-5,"_231":-5,"_219":26,"_137":138},"/** @jsx jsx **/\n// rag with claude ui\n// https://simonw-ragwithclaude.web.val.run/?question=what%20is%20shot%20scraper\n\nimport { renderToString } from \"npm:react-dom/server\";\nimport { jsx } from \"https://deno.land/x/hono@v3.11.7/middleware.ts\";\nimport { Hono } from \"https://deno.land/x/hono@v3.11.7/mod.ts\";\n\nconst app = new Hono();\n\n\n\n\nconst Page = () => (\n \n \n Simple HTMX Example\n \n \n \n \n

\n \n \n \n

\n \n \n);\n\n\nconst Page2 = () => (\n \n \n HTMX GET Example\n \n \n \n \n

\n \n

ragwithclaude_ui

Version 17