claude-code-hub 1.17.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-hub",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "Unified hub for Claude Code tools — Marketplace + Kanban in one PWA",
   "main": "server.js",
   "bin": {
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/NikiforovAll/claude-code-hub#readme",
   "dependencies": {
-    "claude-code-cost": "1.3.2",
-    "claude-code-kanban": "7.13.0",
+    "claude-code-cost": "1.4.0",
+    "claude-code-kanban": "7.14.0",
     "claude-code-marketplace": "1.6.0",
     "claude-code-memory-explorer": "1.3.2",
     "express": "^4.21.0",

package/plugin/plugins/claude-code-hub/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-hub",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "description": "Claude Code Hub integration: a skill to build on and extend the hub, with links to its docs, the extension mechanism and custom themes",
   "author": {
     "name": "NikiforovAll"

package/plugin/plugins/claude-code-hub/skills/hub-builder/references/extensibility.md

@@ -75,7 +75,7 @@ The SDK writes the hub's color variables (`--accent`, `--bg-surface`, …) on `d
 Apps never talk to each other directly. Each page talks to the hub page through the SDK, and the hub passes the message on. There is no server-to-server channel. Page: `extensibility/reference/connect/`.
 
 - **Topics: one to many, sticky.** The hub keeps the last value and replays it when an app connects or comes on screen. The hub publishes `project.changed` (`{project, encoded, name}` or `null`) and `theme.changed`. An app publishes only the topics its manifest lists in `publishes`. Kanban publishes `session.changed`. Subscribe before the page's `load` event, because the SDK sends the topic list with its hello.
-- **Actions: one caller, one handler.** The caller names the action, not the app: `hub.can(name)` decides whether to show the control, `hub.invoke(name, params)` routes it and resolves when routed. The handler declares it in `actions.handles` with a `url` template; with `mode: "message"` a live page gets it through `hub.handle`, else the hub loads the URL, so the handler also reads the params from its query string. The built-in actions are `session.cost` (Cost), `project.plugins` (Marketplace) and `project.memory` (Memory Diagnoser).
+- **Actions: one caller, one handler.** The caller names the action, not the app: `hub.can(name)` decides whether to show the control, `hub.invoke(name, params)` routes it and resolves when routed. The handler declares it in `actions.handles` with a `url` template; with `mode: "message"` a live page gets it through `hub.handle`, else the hub loads the URL, so the handler also reads the params from its query string. The built-in actions are `session.cost` and `agent.cost` (Cost), `project.plugins` (Marketplace) and `project.memory` (Memory Diagnoser).
 - **Capabilities: one provider per job.** `provides.projects.path` answers the project palette's list; `provides.terminal.liveWork` answers the open terminals and makes the app the terminal provider, which gets the terminal env and token. Kanban provides both today.
 
 ## First in tab order wins

package/public/app.js

@@ -296,6 +296,23 @@ async function init() {
   registerSW();
   bindErrorToast();
   showUpdateToast();
+  reloadOnHubRestart();
+}
+
+// EventSource reconnects by itself while the hub is down, but gives up for good on a non-200 answer.
+function reloadOnHubRestart() {
+  let boot = null;
+  const connect = () => {
+    const events = new EventSource('/api/events');
+    events.addEventListener('boot', (e) => {
+      if (boot && e.data !== boot) location.reload();
+      boot = e.data;
+    });
+    events.addEventListener('error', () => {
+      if (events.readyState === EventSource.CLOSED) setTimeout(connect, 2000);
+    });
+  };
+  connect();
 }
 
 // One key, overwritten by each dismissal: a dismissed version stays hidden until a newer one ships.

package/public/sw.js

@@ -18,6 +18,8 @@ self.addEventListener('activate', (e) => {
 });
 
 self.addEventListener('fetch', (e) => {
+  // A stream held by the worker ends when Chrome stops the idle worker.
+  if (new URL(e.request.url).pathname === '/api/events') return;
   if (e.request.url.includes('/api/')) {
     e.respondWith(fetch(e.request));
     return;

package/server.js

@@ -941,6 +941,14 @@ const updateCheck = createUpdateCheck({
   enabled: !process.env.CLAUDE_HUB_NO_UPDATE_CHECK && !fs.existsSync(path.join(__dirname, '.git')),
 });
 
+// The page holds this open and reloads when a new run answers, because the tray cannot reach its window.
+const BOOT_ID = crypto.randomBytes(8).toString('hex');
+app.get('/api/events', (_req, res) => {
+  res.set({ 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-store' });
+  res.flushHeaders();
+  res.write(`retry: 2000\nevent: boot\ndata: ${BOOT_ID}\n\n`);
+});
+
 app.get('/api/update', async (_req, res) => {
   res.json({ version: HUB_VERSION, update: await updateCheck.update() });
 });