local-kanban 1.7.0 → 1.8.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 Notable changes, newest first. The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/)
 and the project uses [semantic versioning](https://semver.org/).
 
+## [1.8.0]
+
+### Added
+
+- **The board updates itself from a button.** Until now the update line told you a command to type
+  in a terminal; now there is a button next to it, and it appears only when an update is actually
+  waiting. It installs the update the way the board was installed — `git pull` for a clone,
+  `npm install -g` for a package — and installs it into the copy that is running, not into whatever
+  prefix the machine happens to prefer. Under pm2 the board then restarts itself and the tab
+  reloads on its own; started by hand, it says plainly that the update is in place and the board
+  has to be started again, because promising a restart nobody can perform would leave you looking
+  at a dead tab.
+
+## [1.7.1]
+
+### Fixed
+
+- **The update check asked the registry in a format it answers with an error.** The request carried
+  npm's abbreviated media type, which is meant for a package document and not for the `/latest`
+  address: the registry replies 406 with an empty body, so an npm install was told "cannot check"
+  again. A cached response let it through often enough to look like a flaky network — it was not.
+  Caught on a clean install of 1.7.0 minutes after it was published.
+
 ## [1.7.0]
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "local-kanban",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "license": "MIT",
   "author": "Dannylamao",
   "repository": {

package/public/js/core.js

@@ -284,6 +284,7 @@ const I18N_RU = {
   'in review — waiting for you': 'на проверке — ждёт тебя',
   'in the backlog': 'в бэклоге',
   'Install the kb command for Claude like this:': 'Команда kb для Claude ставится так:',
+  'Install the update': 'Установить обновление',
   'Interface language': 'Язык интерфейса',
   'is gone from disk. Archive the project? Tasks are kept.': 'удалена с диска. Архивировать проект? Задачи сохранятся.',
   'it has to go through work first': 'сначала через работу',
@@ -397,10 +398,12 @@ const I18N_RU = {
   'The project notes and the deploy skill — Claude opens them before touching the code. Paths are absolute: copy one and paste it into the chat.': 'Заметки проекта и деплой-скилл — Claude открывает их до того, как трогать код. Пути полные: скопируй и вставь в чат.',
   'the skill Claude follows to ship this project; “deploy” is the shared one. A new one is created in Settings → Skills.': 'каким скиллом Claude выкатывает этот проект; «deploy» — общий. Свой заводится в «Настройки → Скиллы».',
   'the skill is not installed — the file will be created on save': 'скилл не установлен — файл появится при сохранении',
+  'the update did not go through': 'обновиться не удалось',
   'this is a link — only the link is removed, the file it points to stays': 'это ссылка — снимется только она, файл по ту сторону останется',
   'this is a symlink — saving rewrites the file it points to:': 'это ссылка — сохранение перезапишет файл, на который она ведёт:',
   'This project is gone': 'Этого проекта больше нет',
   'this skill was already on disk — added it to the list': 'такой скилл уже лежал на диске — добавил его в список',
+  'Update the board now? It will restart.': 'Обновить доску сейчас? Она перезапустится.',
   'update with: npm install -g local-kanban@latest': 'обновить: npm install -g local-kanban@latest',
   Archive: 'Архив',
   'Archived boards are hidden from the sidebar and left out of every dashboard number. Their tasks are kept.': 'архивные доски спрятаны из сайдбара и не считаются ни в одной цифре дашборда. Задачи при этом сохраняются.',
@@ -592,10 +595,14 @@ const I18N_RU = {
   'up to date ✓': 'последняя версия ✓',
   'update available': 'есть обновление',
   'update with: npm run update': 'обнови командой: npm run update',
+  'updated — start the board again to pick it up': 'обновлено — запусти доску заново, чтобы она подхватила новую версию',
+  'updated, but the board did not come back — start it yourself': 'обновлено, но доска не поднялась — запусти её сам',
+  'updating…': 'обновляю…',
   'Upload': 'Загрузить',
   'used by': 'используют',
   'Using the board at work': 'Пользуешься доской в работе',
   'version': 'версия',
+  'waiting for the board to come back…': 'жду, пока доска поднимется…',
   'Waiting for you': 'Ждёт тебя',
   'Wed': 'Ср',
   'Week': 'Неделя',

package/public/js/settings.js

@@ -409,7 +409,9 @@ async function renderSection(sec) {
   } else {
     body.innerHTML = `<div class="sm-h">${tr('About')}</div>`
       + `<div class="set-row"><span class="set-lab">${tr('Code version')}<small id="about-ver">…</small></span><span class="about-fresh" id="about-fresh"></span></div>`
-      + `<div class="set-row"><span class="set-lab"><span id="about-branch-lab">${tr('Board updates')}</span><small id="about-upd-sub">…</small></span><span class="about-fresh" id="about-upd"></span></div>`
+      + `<div class="set-row"><span class="set-lab"><span id="about-branch-lab">${tr('Board updates')}</span><small id="about-upd-sub">…</small></span>`
+      + `<span class="about-upd-side"><span class="about-fresh" id="about-upd"></span>`
+      + `<button class="btn-ghost hidden" id="about-do-upd">${tr('Install the update')}</button></span></div>`
       + `<div class="set-row hidden" id="about-dev-row"><span class="set-lab">${tr('dev branch')}<small id="about-dev-sub">…</small></span><span class="about-fresh" id="about-dev"></span></div>`
       + `<div class="set-row"><span class="set-lab">${tr('Check for updates')}<small id="about-recheck-sub">${tr('re-read branch state from GitHub')}</small></span><button class="btn-ghost" id="about-recheck">${tr('Check')}</button></div>`
       + `<div class="set-row"><span class="set-lab">${tr('Reload the page')}<small>${tr('re-read the board code right now')}</small></span><button class="btn-ghost" id="about-reload">${tr('Reload now')}</button></div>`
@@ -444,7 +446,12 @@ async function renderSection(sec) {
           ? tr('cannot check — the npm registry did not answer')
           : tr('cannot check (no network, or the repo is private/not a git checkout)');
       }
-      else if (u.update_available) { el.textContent = `⟳ ${tr('update available')} ${u.local} → ${u.remote}`; el.classList.add('stale-ver'); sub.textContent = `${what} ${u.local}${tag} · ${updateHint()}`; }
+      else if (u.update_available) {
+        el.textContent = `⟳ ${tr('update available')} ${u.local} → ${u.remote}`;
+        el.classList.add('stale-ver');
+        sub.textContent = `${what} ${u.local}${tag} · ${updateHint()}`;
+        $('about-do-upd')?.classList.remove('hidden');
+      }
       else if (u.dev?.ahead) { el.textContent = `${tr('in dev')} ${u.dev.ahead} ${commitsWord(u.dev.ahead)} ${tr('awaiting release')}`; el.classList.add('stale-ver'); sub.textContent = `${tr('commit')} ${u.local}${tag} · ${tr('matches GitHub')}`; }
       else { el.textContent = tr('up to date ✓'); sub.textContent = `${what} ${u.local}${tag} · ${same}`; }
       const row = $('about-dev-row'); const dEl = $('about-dev'); const dSub = $('about-dev-sub');
@@ -460,6 +467,23 @@ async function renderSection(sec) {
     api('GET', '/api/about').catch(() => null).then((a) => { about = a; })
       .then(() => api('GET', '/api/update-check')).then(renderUpd)
       .catch(() => { const s = $('about-upd-sub'); if (s) s.textContent = '—'; });
+    $('about-do-upd').onclick = async () => {
+      const btn = $('about-do-upd'); const sub = $('about-upd-sub');
+      if (!(await styledConfirm(tr('Update the board now? It will restart.')))) return;
+      btn.disabled = true; sub.textContent = tr('updating…');
+      let r;
+      try { r = await api('POST', '/api/update', null, { quiet: true }); }
+      catch (err) { sub.textContent = `${tr('the update did not go through')}: ${err.message || err}`; btn.disabled = false; return; }
+      if (!r?.ok) { sub.textContent = `${tr('the update did not go through')}: ${(r?.output || '').split('\n').pop() || '—'}`; btn.disabled = false; return; }
+      if (r.restart !== 'pm2') { sub.textContent = tr('updated — start the board again to pick it up'); return; }
+      sub.textContent = tr('waiting for the board to come back…');
+      for (let i = 0; i < 60; i++) {
+        await new Promise((ok) => setTimeout(ok, 1000));
+        try { await api('GET', '/api/about', null, { quiet: true }); location.reload(); return; } catch {  }
+      }
+      sub.textContent = tr('updated, but the board did not come back — start it yourself');
+    };
+
     $('about-recheck').onclick = async () => {
       const btn = $('about-recheck');
       btn.disabled = true; $('about-upd-sub').textContent = tr('checking…');

package/public/style.css

@@ -141,6 +141,7 @@ body {
 }
 .btn-ghost:hover { color: var(--text); }
 a.btn-ghost { text-decoration: none; }
+.about-upd-side { display: flex; align-items: center; gap: 10px; justify-content: flex-end; }
 .btn-danger {
   background: none; border: 1px solid var(--border); border-radius: 7px;
   padding: 7px 10px; cursor: pointer; color: var(--danger);

package/src/routes/system.js

@@ -34,12 +34,42 @@ export function isNewer(candidate, current) {
   return false;
 }
 
+export function updatePlan({ packaged, name, root }) {
+  if (!packaged) return { how: 'git', cmd: 'git', args: ['pull', '--ff-only'] };
+  const args = ['install', '-g', `${name}@latest`];
+  const prefix = globalPrefixOf(root, name);
+  if (prefix) args.push('--prefix', prefix);
+  return { how: 'npm', cmd: 'npm', args };
+}
+
+export function globalPrefixOf(root, name) {
+  const parts = String(root || '').split(sep).filter(Boolean);
+  const tail = String(name || '').split('/').filter(Boolean);
+  if (!tail.length || parts.length < tail.length + 3) return null;
+  const own = parts.slice(-tail.length).join('/') === tail.join('/');
+  const cut = parts.slice(0, -tail.length);
+  if (!own || cut.at(-1) !== 'node_modules' || cut.at(-2) !== 'lib') return null;
+  const prefix = cut.slice(0, -2).join(sep);
+  return prefix ? (root.startsWith(sep) ? sep + prefix : prefix) : null;
+}
+
+export function failureReason(output, fallback = '') {
+  const lines = String(output || '').split('\n').map((l) => l.trim()).filter(Boolean);
+  const marked = lines.filter((l) => /^(error\b|fatal:|npm error)/i.test(l));
+  const pick = marked.length ? marked.reduce((a, b) => (b.length > a.length ? b : a)) : lines.at(-1);
+  return (pick || fallback || '').slice(0, 300);
+}
+
+export function restartMode(env = process.env) {
+  return env.pm_id !== undefined && env.pm_id !== '' ? 'pm2' : 'manual';
+}
+
 export async function registryCheck() {
   const pkg = selfPkg();
   if (!pkg) return null;
   try {
     const res = await fetch(`https://registry.npmjs.org/${encodeURIComponent(pkg.name)}/latest`, {
-      headers: { 'User-Agent': 'local-kanban', Accept: 'application/vnd.npm.install-v1+json' },
+      headers: { 'User-Agent': 'local-kanban', Accept: 'application/json' },
       signal: AbortSignal.timeout(8000),
     });
     if (!res.ok) return null;
@@ -267,6 +297,32 @@ export default async function systemRoutes(app) {
     return data;
   });
 
+  let updateRunning = null;
+  app.post('/api/update', async (req, reply) => {
+    if (updateRunning) return reply.code(409).send({ error: 'an update is already running' });
+    const pkg = selfPkg();
+    const plan = updatePlan({ packaged: PACKAGED, name: pkg?.name, root: ROOT_DIR });
+    if (plan.how === 'npm' && !pkg?.name) return reply.code(500).send({ error: 'cannot tell which package to update' });
+
+    const run = new Promise((resolve) => {
+      execFile(plan.cmd, plan.args, { cwd: ROOT_DIR, timeout: 300000, maxBuffer: 4 * 1024 * 1024 },
+        (err, out, errOut) => resolve({ err, text: `${out || ''}${errOut || ''}`.trim() }));
+    });
+    updateRunning = run;
+    let res;
+    try { res = await run; } finally { if (updateRunning === run) updateRunning = null; }
+
+    const output = res.text.slice(-2000);
+    if (res.err) {
+      logError('server', 'update', `update via ${plan.how} failed: ${res.err.message}`, output);
+      return reply.code(500).send({ ok: false, how: plan.how, output, error: failureReason(output, res.err.message) });
+    }
+    const restart = restartMode();
+    if (restart === 'pm2') setTimeout(() => process.exit(0), 400).unref();
+    updCache = { at: 0, ttl: 0, data: null };
+    return { ok: true, how: plan.how, restart, output };
+  });
+
   app.get('/api/lang', () => ({ lang: uiLang(), source: langOverride() ? 'env' : 'kv' }));
   app.post('/api/lang', (req) => {
     if (!langOverride()) kvSet('ui.lang', req.body?.lang === 'en' ? 'en' : 'ru');