Posts

)}\n

\n \n );\n};","deleted","label",[132],"63102d42-bdef-11f0-9283-42dde27851f2","page.tsx","025c14e8-bdef-11f0-836c-42dde27851f2",46,["D",1762749630521],6,"/** @jsxImportSource npm:hono@4.7/jsx */\nimport { Layout } from \"./Layout.tsx\";\nimport type { Post } from \"./index.tsx\";\n\nexport const Page = (props: { post: Post }) => {\n return (\n \n

{props.post.title}

{props.post.body}

\n \n );\n};",[150],"78a2e820-bdef-11f0-9b5a-42dde27851f2","index.tsx",["D",1762749666718],28,"http","/** @jsxImportSource npm:hono@4.7/jsx */\nimport { Hono } from \"npm:hono@4.7\";\nimport { Page } from \"./page.tsx\";\nimport { Top } from \"./top.tsx\";\n\nconst app = new Hono();\n\n// Model\nexport type Post = {\n id: string;\n title: string;\n body: string;\n};\n\nconst posts: Post[] = [\n { id: \"1\", title: \"Good Morning\", body: \"Let us eat breakfast\" },\n { id: \"2\", title: \"Good Afternoon\", body: \"Let us eat Lunch\" },\n { id: \"3\", title: \"Good Evening\", body: \"Let us eat Dinner\" },\n { id: \"4\", title: \"Good Night\", body: \"Let us drink Beer\" },\n { id: \"5\", title: \"こんにちは\", body: \"昼からビールを飲みます\" },\n];\n\nconst getPosts = () => posts;\nconst getPost = (id: string) => {\n return posts.find((post) => post.id == id);\n};\n\n// Controller\napp.get(\"/\", (c) => {\n const posts = getPosts();\n return c.html();\n});\n\napp.get(\"/post/:id{[0-9]+}\", (c) => {\n const id = c.req.param(\"id\");\n const post = getPost(id);\n if (!post) return c.notFound();\n return c.html();\n});\n\nexport default app.fetch;",[158],"d99ddf88-bded-11f0-b80b-42dde27851f2","README.md","019a6c06-b5bc-713b-94fd-6fe8ac492c11",1,["D",1762748970368],"# Hono JSX Starter\n\nMinimal Hono JSX starter example\n\n[View Demo][demo]\n\n[demo]: https://jxnblk--d4120db616de11f0b47d569c3dd06744.web.val.run\n\n## How it works\n\nThe `http.tsx` file imports Hono's JSX runtime and the Hono library from npm.\nIt exports the `app.fetch` handler to server the page.\n\n[View more starters](https://val.town/x/jxnblk/how-to)",[165],"f7003002-bdee-11f0-ab3a-42dde27851f2","Layout.tsx","de44732a-bdee-11f0-b055-42dde27851f2",22,["D",1762749449226],"/** @jsxImportSource npm:hono@4.7/jsx */\nimport { html } from \"npm:hono@4.7/html\";\n\nexport const Layout = (props: { title: string; children?: any }) => {\n return html`\n \n \n \n \n \n ${props.title}\n \n \n \n

\n Hono Example\n

\n ${props.children}\n \n \n \n `;\n};",[172],"pulls","forks","envVars",{"_184":55,"_186":55},"connections",{"_184":55,"_185":55},"count","unfilledCount","emptyCount",{"_20":171,"_13":172,"_133":173,"_135":-5,"_136":21,"_137":174,"_139":51,"_22":205,"_29":141,"_142":143,"_144":176,"_146":40,"_147":-5,"_193":206,"_93":207},{"_20":164,"_13":165,"_133":166,"_135":-5,"_136":21,"_137":167,"_139":51,"_22":202,"_29":55,"_142":105,"_144":169,"_146":40,"_147":-5,"_193":203,"_93":204},{"_20":157,"_13":158,"_133":49,"_135":-5,"_136":21,"_137":30,"_139":51,"_22":199,"_29":160,"_142":161,"_144":162,"_146":40,"_147":-5,"_193":200,"_93":201},{"_20":149,"_13":150,"_133":151,"_135":-5,"_136":21,"_137":152,"_139":51,"_22":196,"_29":154,"_142":143,"_144":155,"_146":40,"_147":-5,"_193":197,"_93":198},{"_20":131,"_13":132,"_133":134,"_135":-5,"_136":21,"_137":138,"_139":51,"_22":192,"_29":141,"_142":143,"_144":145,"_146":40,"_147":-5,"_193":194,"_93":195},["D",1762749620381],"children",[],[132],["D",1762749630521],[],[150],["D",1762749666718],[],[158],["D",1762748970368],[],[165],["D",1762749449226],[],[172],["D",1762748970368],{"_11":12,"_91":87},{"_11":12,"_85":-5,"_86":87,"_46":47,"_88":89,"_90":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_78":42,"_79":80,"_81":82,"_83":14,"_84":12},"ctx",{"_71":-5,"_115":245,"_246":247,"_248":249,"_250":40,"_251":40,"_252":40,"_253":51,"_254":-5,"_255":-7,"_256":-7,"_257":55,"_258":40,"_259":40,"_260":-5,"_261":40,"_262":40,"_263":40,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":26,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Branches1

Branches
1