@profullstack/agenticjobs 0.2.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@profullstack/agenticjobs",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "An agent-friendly job board you self-host. It posts its own jobs, never scrapes anyone else's, and answers on every surface: web, API, MCP, CLI, TUI, desktop and PWA. Instances find each other through an open directory.",
   "license": "MIT",
   "type": "module",
@@ -29,7 +29,6 @@
   "engines": {
     "node": ">=24"
   },
-  "packageManager": "pnpm@11.18.0",
   "bin": {
     "agenticjobs": "./bin/agenticjobs.mjs",
     "agenticjobs-mcp": "./bin/agenticjobs-mcp.mjs"
@@ -43,22 +42,9 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "clean": "rm -rf dist",
-    "dev": "node --env-file-if-exists=.env --watch dist/cli/index.js serve",
-    "start": "node --env-file-if-exists=.env dist/cli/index.js serve",
-    "migrate": "node --env-file-if-exists=.env dist/db/migrate.js",
-    "seed": "node --env-file-if-exists=.env dist/db/seed.js",
-    "tui": "node --env-file-if-exists=.env dist/cli/index.js tui",
-    "test": "pnpm run build && node --test \"test/*.test.ts\"",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "format": "prettier --write .",
-    "prepublishOnly": "pnpm run clean && pnpm run build",
-    "test:only": "node --test \"test/*.test.ts\""
-  },
   "dependencies": {
     "@hono/node-server": "^1.14.0",
+    "@profullstack/emailer": "^1.0.3",
     "@profullstack/hqtui": "^0.3.0",
     "@simplewebauthn/server": "^14.0.1",
     "hono": "^4.6.14",
@@ -88,5 +74,18 @@
       "default": "./dist/mcp/server.js"
     },
     "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist",
+    "dev": "node --env-file-if-exists=.env --watch dist/cli/index.js serve",
+    "start": "node --env-file-if-exists=.env dist/cli/index.js serve",
+    "migrate": "node --env-file-if-exists=.env dist/db/migrate.js",
+    "seed": "node --env-file-if-exists=.env dist/db/seed.js",
+    "tui": "node --env-file-if-exists=.env dist/cli/index.js tui",
+    "test": "pnpm run build && node --test \"test/*.test.ts\"",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "format": "prettier --write .",
+    "test:only": "node --test \"test/*.test.ts\""
   }
-}
+}

package/web/public/app.css

@@ -148,10 +148,23 @@ main {
   color: var(--muted-foreground);
 }
 
+/*
+ * `1fr` means `minmax(auto, 1fr)`, and that `auto` floor is the widest child's
+ * min-content. One long unbreakable string in a code block is then enough to
+ * push the single mobile column past the viewport and scroll the whole page
+ * sideways. `minmax(0, …)` lets the track shrink so the code block scrolls
+ * inside itself instead, which is what its own `overflow-x: auto` is for.
+ * The two-column rule below always had this right; the mobile base did not.
+ */
 .grid-2 {
   display: grid;
   gap: 1.5rem;
-  grid-template-columns: 1fr;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+/* A grid item's default `min-width: auto` defeats the same shrinking. */
+.grid-2 > * {
+  min-width: 0;
 }
 
 @media (min-width: 60rem) {
@@ -529,6 +542,34 @@ legend {
   margin: 0;
 }
 
+/*
+ * The card used to be one big anchor, which is why its tags could not be
+ * links: an anchor cannot contain another. The title carries the link now, and
+ * this keeps the card feeling clickable while every tag on it is separately
+ * reachable.
+ */
+.job-card .job-title a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.job-card:hover {
+  border-color: color-mix(in oklab, var(--primary) 45%, var(--border));
+}
+
+.job-card .job-title a:hover {
+  text-decoration: underline;
+}
+
+/* A linked badge must not look like body copy that happens to be blue. */
+a.badge {
+  text-decoration: none;
+}
+
+a.badge:hover {
+  border-color: color-mix(in oklab, var(--primary) 55%, var(--border));
+}
+
 .job-card .job-org {
   color: var(--muted-foreground);
   font-size: 0.9rem;
@@ -555,7 +596,9 @@ legend {
 @media (min-width: 40rem) {
   .filters-inline {
     display: grid;
-    grid-template-columns: 1fr auto;
+    /* minmax(0, …) for the same reason as .grid-2: a long query in the search
+       box must not be able to widen the row. */
+    grid-template-columns: minmax(0, 1fr) auto;
     gap: 0.5rem;
     align-items: end;
   }

package/web/public/sw.js

@@ -6,11 +6,14 @@
  * is cached is the shell (stylesheet, icon) and an offline fallback, and every
  * document goes to the network first.
  *
- * Bump VERSION on any change here or to the assets listed below. Without a
- * bump, a returning reader keeps the old worker and never sees the change.
+ * VERSION is a hash of the shell assets, not a number someone remembers to
+ * raise. It was a number, and the first CSS fix that shipped after this file
+ * was written did not raise it, so every returning reader kept the broken
+ * stylesheet forever. `pnpm test` recomputes the hash and fails when it has
+ * drifted, which is the only version of this rule that survives contact.
  */
 
-const VERSION = 'v1';
+const VERSION = '82142d5f';
 const SHELL = `shell-${VERSION}`;
 const ASSETS = ['/assets/app.css', '/assets/tokens.css', '/assets/icon.svg'];
 
@@ -18,7 +21,13 @@ self.addEventListener('install', (event) => {
   event.waitUntil(
     caches
       .open(SHELL)
-      .then((cache) => cache.addAll(ASSETS))
+      // `cache: 'reload'` because addAll goes through the HTTP cache by
+      // default, and these assets are served with max-age=3600. Without it the
+      // worker faithfully caches whatever stale copy the HTTP cache is still
+      // holding, under a fresh cache name, and the result is a cache that
+      // looks correct and serves the old file for an hour. That is exactly
+      // what happened to the mobile fix.
+      .then((cache) => cache.addAll(ASSETS.map((asset) => new Request(asset, { cache: 'reload' }))))
       .then(() => self.skipWaiting()),
   );
 });
@@ -43,8 +52,23 @@ self.addEventListener('fetch', (event) => {
   if (url.pathname.startsWith('/api/') || url.pathname.startsWith('/me')) return;
 
   if (ASSETS.includes(url.pathname)) {
+    // Answer from the cache, then refresh it in the background. A stale asset
+    // therefore survives one render rather than until the next VERSION bump,
+    // which matters because the bump is the step that gets missed.
     event.respondWith(
-      caches.match(request).then((hit) => hit || fetch(request)),
+      caches.open(SHELL).then((cache) =>
+        cache.match(request).then((hit) => {
+          // Same reason as install: revalidating through the HTTP cache can
+          // refresh the entry with the copy it already had.
+          const fresh = fetch(new Request(request.url, { cache: 'reload' }))
+            .then((response) => {
+              if (response.ok) void cache.put(request, response.clone());
+              return response;
+            })
+            .catch(() => hit);
+          return hit || fresh;
+        }),
+      ),
     );
     return;
   }