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}",[],[174],"files",[153,172],"counts",{"_184":32,"_185":137,"_186":137,"_187":32},"pulls","branches","forks","envVars","contents",[190,193],{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":138,"_160":137,"_161":116,"_104":191,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":192},["D",1731992860356],[155],{"_102":173,"_95":174,"_156":114,"_158":-5,"_159":138,"_160":137,"_161":116,"_104":194,"_99":32,"_163":176,"_165":177,"_167":22,"_168":-5,"_98":195},["D",1731992860356],[174],"upstreamProject",{"_102":145,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":198},{"_93":199,"_130":200},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_102":141,"_104":203,"_204":205,"_95":43,"_139":145,"_99":206,"_140":207,"_142":32,"_208":209,"_106":-5,"_150":22,"_108":109,"_149":199,"_16":147,"_148":96},["D",1745962133520],"updatedAt",["D",1726877118745],8,"8de5f1fa-26dc-11f0-a5b3-569c3dd06744","lockfileKey","1745967054519-esm.town_v_stevekrouse_whoIsHiring@8-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":216,"_186":221,"_232":233},{"_102":103,"_95":96,"_104":217,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":218,"_132":219,"_135":220,"_150":22},["D",1746222179527],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":32,"_143":109,"_144":145,"_146":147,"_148":96,"_149":94},[222],{"_102":223,"_95":96,"_110":-5,"_111":-5,"_108":109,"_14":224,"_16":225,"_150":22,"_23":226,"_132":229,"_113":230,"_115":116,"_104":231,"_118":32},"52e959a2-26aa-11f0-8aeb-569c3dd06744","01f5c4d9-5c2c-4d3b-ba45-0981b77d8826","008ab927-9cdb-44f6-a4f1-19dce010a701",{"_93":227,"_130":228},"dxaginfo","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybmRSRlloQ29BQUFTNkMzZzlXNE1EMGJvYVkifQ",{"_93":227,"_134":228},"52ebc192-26aa-11f0-8aeb-569c3dd06744",["D",1746117342579],"upstream",{"_102":145,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":234},{"_93":199,"_130":200},"actionData","errors"]

spinningideas

whoIsHiring