\n {children}\n

\n );\n};\n\n/**\n * Layout component that wraps children in a full html page.\n */\nconst Page: FC<{ children: Child }> = ({ children }) => {\n return (\n \n \n \n \n \n \n \n \n \n \n

\n \n \n );\n};\n\n/**\n * Conditional layout component based on the hx-target header.\n *\n * @remarks\n * Check the `hx-target` header to see if htmx made the request and is\n * expecting a partial to swap in.\n * This app uses boosted links that target `main`. That way we can keep all\n * the javascript and the nav bar loaded. The `main` target is handled here.\n * If the `hx-target` is anything else we return the inner content.\n * If there is no `hx-target` header then this is a fresh page load and we\n * return the whole layout.\n */\nconst Layout: FC<{ children: Child }> = ({ children }) => {\n const c = useRequestContext();\n const hx_target = c.req.header(\"hx-target\");\n switch (hx_target) {\n case undefined: {\n return ;\n }\n case \"main\": {\n return

;\n }\n default: {\n return <>{children};\n }\n }\n};\n\napp.use(\"*\", jsxRenderer(({ children }) => ));\n\napp.get(\"/\", (c) => {\n return c.render(\n

\n \n

,\n );\n});\n\napp.get(\"/test_page\", (c) => {\n return c.render(\n

Test Page

,\n );\n});\n\nexport default app.fetch;",[],[174],"files",[152,172],"counts",{"_185":32,"_186":160,"_187":32,"_188":189},"pulls","branches","forks","envVars",{"_190":32,"_191":32},"count","emptyCount","contents",[194,197],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":108,"_104":195,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":196},["D",1704825665343],[154],{"_102":173,"_95":174,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":108,"_104":198,"_99":176,"_163":177,"_165":178,"_167":22,"_168":-5,"_98":199},["D",1704852781414],[174],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":208,"_192":213,"_218":219,"_222":-5,"_223":-5,"_181":224,"_231":228,"_232":-5,"_233":-5,"_234":22,"_235":22},{"_102":103,"_95":96,"_104":209,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":108,"_117":-5,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":210,"_134":211,"_137":212,"_149":22},["D",1746228287001],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":113},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[214,216],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":108,"_104":195,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":215},[154],{"_102":173,"_95":174,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":108,"_104":198,"_99":176,"_163":177,"_165":178,"_167":22,"_168":-5,"_98":217},[174],"readme",{"_102":153,"_158":140,"_155":156,"_95":154,"_165":166,"_163":164,"_99":32,"_157":-5,"_104":220,"_159":160,"_168":-5,"_98":221},["D",1704825665343],[154],"upstream","pull",[225,228],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":108,"_104":162,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":226,"_98":227},[],[154],{"_102":173,"_95":174,"_155":115,"_157":-5,"_158":140,"_159":139,"_161":108,"_104":175,"_99":176,"_163":177,"_165":178,"_167":22,"_168":-5,"_169":229,"_98":230},[],[174],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

saolsen

htmx_hono_layout