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",[154,172],"counts",{"_184":32,"_185":138,"_186":32,"_187":32},"pulls","branches","forks","envVars","contents",[],{"_103":155,"_95":99,"_156":157,"_158":-5,"_159":139,"_160":138,"_161":117,"_105":191,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":192},["D",1733536803057],[99],"upstreamProject",{"_103":146,"_95":96,"_111":-5,"_112":-5,"_109":110,"_23":195},{"_93":196,"_131":197},"spinningideas","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJveGhiQ3NlY2FjVlF6Q2Q2a3ZpWmh5c2pnTyJ9","upstreamBranch",{"_103":142,"_105":200,"_201":202,"_95":43,"_140":146,"_100":138,"_141":203,"_143":32,"_204":205,"_107":-5,"_151":22,"_109":110,"_150":196,"_16":148,"_149":96},["D",1746222179527],"updatedAt",["D",1731992860356],"f31acd54-2540-11f0-a4ea-569c3dd06744","lockfileKey","1746623354358-esm.town_v_spinningideas_whoIsHiring@1-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":212,"_152":217,"_180":224,"_164":225,"_188":227,"_228":229,"_232":22,"_233":-5,"_234":138,"_235":138,"_236":237},{"_103":104,"_95":96,"_105":213,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":214,"_133":215,"_136":216,"_151":22},["D",1746117342579],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":142,"_143":32,"_144":110,"_145":146,"_147":148,"_149":96,"_150":94},[218,221],{"_103":155,"_95":99,"_156":157,"_158":-5,"_159":139,"_160":138,"_161":117,"_105":162,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":219,"_98":220},[],[99],{"_103":173,"_95":174,"_156":115,"_158":-5,"_159":139,"_160":138,"_161":117,"_105":175,"_100":32,"_163":176,"_165":177,"_167":22,"_168":-5,"_169":222,"_98":223},[],[174],[218,221],{"_103":155,"_95":99,"_156":157,"_158":-5,"_159":139,"_160":138,"_161":117,"_105":191,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":226},[99],[],"upstream",{"_103":142,"_105":230,"_201":231,"_95":43,"_140":146,"_100":138,"_141":203,"_143":32,"_204":205,"_107":-5,"_151":22,"_109":110,"_150":196,"_16":148,"_149":96},["D",1746222179527],["D",1731992860356],"showCompareCallout","pull","ahead","behind","templates",[238,255],{"_103":239,"_95":240,"_105":241,"_107":-5,"_108":22,"_109":110,"_111":242,"_112":243,"_14":244,"_114":245,"_116":117,"_118":246,"_119":247,"_16":248,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":249,"_133":252,"_136":253,"_151":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":250,"_131":251},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":250,"_135":251},{"_103":254,"_95":43,"_100":246,"_140":239,"_141":-5,"_143":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":256,"_95":257,"_105":258,"_107":-5,"_108":22,"_109":110,"_111":259,"_112":-5,"_14":260,"_114":261,"_116":117,"_118":262,"_119":263,"_16":264,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":265,"_133":268,"_136":269,"_151":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":266,"_131":267},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":266,"_135":267},{"_103":270,"_95":43,"_100":271,"_140":256,"_141":-5,"_143":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

dxaginfo

whoIsHiring

WIP