Who's Hiring

Work Style:

\n {workStyles.map(style => (\n toggleFilter(style)}\n className={`px-3 py-1 rounded-full text-sm ${\n selectedFilters.includes(style)\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n {style}\n \n ))}\n

Locations:

\n {locations.map(location => (\n toggleFilter(location)}\n className={`px-3 py-1 rounded-full text-sm ${\n selectedFilters.includes(location)\n ? \"bg-blue-500 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n {location}\n \n ))}\n

\n );\n };\n\n return (\n <>\n

\n {Object.entries(tabs).map(([link, title]) => (\n (e.preventDefault(), setActiveTab(link))}\n >\n {title === \"Home\" ?

Who's Hiring

: title}\n \n ))}\n

\n \n

View Source Code

\n \n

\n {activeTab == \"/\"\n ? (\n

\n \n dispatch({\n type: \"story\",\n value: stories.find((story) => story.date == e.target.value)?.objectID || \"\",\n })}\n >\n {stories.map((story) => )}\n \n

\n dispatch({ type: \"query\", value: e.target.value })}\n onKeyPress={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n handleSearch(state.query);\n }\n }}\n />\n

\n handleSearch(state.query)}\n disabled={state.loading}\n >\n Search\n \n

\n \n

\n {comments.map((comment, index) => (\n \n

\n {comment.author}\n {getRelativeTime(comment.created_at)}\n

\n \n ))}\n

\n {state.loading && (\n

\n \n \n Loading...\n \n

\n )}\n {showScrollTop && (\n \n ↑\n \n )}\n

\n )\n : }\n \n );\n}\n\nfunction ServerApp() {\n return (\n \n \n Who's Hiring\n \n \n \n \n

\n \n

\n \n \n \n \n );\n}\n\nif (typeof document !== \"undefined\") {\n hydrateRoot(document.getElementById(\"root\"), );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/api/stories\") {\n const storySearch = await hnSearch({\n search_by_date: true,\n query: \"\",\n numericFilters: `created_at_i>${Math.floor(Date.now() / 1000) - 60 * 60 * 24 * 7 * 52}`,\n tags: \"story,author_whoishiring\",\n });\n\n return new Response(\n JSON.stringify(\n storySearch.hits.filter((story) => story.title.startsWith(\"Ask HN: Who is hiring?\")).map((story) => ({\n date: story.title.slice(24, -1),\n objectID: story.objectID,\n })),\n ),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n if (url.pathname === \"/api/comments\") {\n const params = url.searchParams;\n const query = params.get(\"query\") || \"\";\n const story = params.get(\"story\") || \"\";\n const page = parseInt(params.get(\"page\") || \"1\");\n\n const commentSearch = await hnSearch({\n query: query,\n tags: `comment, story_${story}`,\n page: 0,\n hitsPerPage: 100, // Fetch a moderate number of comments\n });\n\n // Filter out sub-comments and paginate manually\n const topLevelComments = commentSearch.hits.filter(comment => comment.parent_id === commentSearch.hits[0].story_id);\n const paginatedComments = topLevelComments.slice((page - 1) * 30, page * 30);\n\n const paginatedResponse = {\n ...commentSearch,\n hits: paginatedComments,\n nbHits: topLevelComments.length,\n page: page,\n };\n\n return new Response(\n JSON.stringify(paginatedResponse),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n renderToString(),\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}",["D",1739992148690],"version","currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal",{"_94":150,"_96":151,"_124":125,"_140":152,"_153":-5},"2fd7b384-77ad-11ef-89cf-de64eea55b61","stevekrouse",7,"prDisabledHint","interval","description","WIP Searcher for HN whos hiring posts HonoJs doesn't support render for async components so the style is off for the home page. And the state changes don't register in html rendering so thinking of using react instead.","latestEvaluation","slug","teachai1/whoIsHiring","versions",[162],{"_98":163,"_140":31,"_164":165},["D",1739992148690],"n","1","hasNext","routes/_app","actionData","errors"]