nio-cat 0.3.1 → 0.3.2

package/bin/nio.js

@@ -11,7 +11,7 @@ const { Hub } = require('../src/hub');
 const { createServer } = require('../src/server');
 const { detectAll } = require('../src/agents');
 const { startTunnel } = require('../src/tunnel');
-const { pairLink, terminalQr, writePairPage, makeCode } = require('../src/pair');
+const { pairLink, terminalQr, writePairPage, makeCode, codeLink, terminalQrSize } = require('../src/pair');
 const { which } = require('../src/proc');
 
 const argv = process.argv.slice(2);
@@ -82,10 +82,20 @@ function openDashboard() {
 }
 
 async function showPair(publicUrl) {
-  const link = pairLink(flags.app || cfg.app, publicUrl, cfg.token), code = makeCode(publicUrl, cfg.token);
-  const file = writePairPage(link, code);
-  console.log(`\n  ${c.b('Escaneja aquest codi amb el mòbil')} ${c.dim('(o obre ' + file + ')')}\n`);
-  console.log(terminalQr(link));
+  const app = flags.app || cfg.app;
+  const link = pairLink(app, publicUrl, cfg.token), code = makeCode(publicUrl, cfg.token), qrLink = codeLink(app, code);
+  const file = writePairPage(link, code, qrLink);
+  // El QR ha de cabre al terminal: marge normal, marge d'1 mòdul i, si no hi cap, la pàgina del navegador.
+  const rows = process.stdout.rows || 999, cols = process.stdout.columns || 999;
+  const fits = (m) => { const z = terminalQrSize(qrLink, m); return z.rows + 9 <= rows && z.cols + 2 <= cols; };
+  const margin = fits(2) ? 2 : fits(1) ? 1 : 0;
+  if (margin) {
+    console.log(`\n  ${c.b('Escaneja aquest codi amb el mòbil')}\n`);
+    console.log(terminalQr(qrLink, { margin }));
+  } else {
+    console.log(`\n  ${c.warn('El terminal és massa petit per al QR.')} Fes-lo més gran o obre ${file}`);
+    if (canOpenBrowser()) openUrl(file);
+  }
   console.log(`\n  ${c.b('Codi:')} ${code}`);
   console.log(c.dim('  Copia\'l i enganxa\'l a Sessions → Tria un ordinador.'));
   console.log(c.dim('  Aquest codi dona accés als teus agents. Guarda\'l com una contrasenya.\n'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nio-cat",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "nio: fes servir Claude Code, Codex, Grok, Antigravity i Ollama del teu ordinador des del mòbil.",
   "license": "MIT",
   "author": "f.cat",

package/src/pair.js

@@ -16,13 +16,17 @@ function pairLink(app, url, token) {
 // La web ja sap posar-hi l'enllaç de davant. Les adreces de Cloudflare es comprimeixen (≈ 60 caràcters).
 const CF = '.trycloudflare.com';
 function makeCode(url, token) {
-  const raw = Buffer.from(token, 'base64url');
+  const raw = Buffer.from(token, 'base64url'), tok24 = raw.length === 24 && raw.toString('base64url') === token;
   const sub = url.startsWith('https://') && url.endsWith(CF) ? url.slice(8, -CF.length) : null;
-  const bytes = raw.length === 24 && raw.toString('base64url') === token && sub && /^[\w-]+$/.test(sub)
-    ? Buffer.concat([Buffer.from([1]), raw, Buffer.from(sub)])
-    : Buffer.concat([Buffer.from([0]), Buffer.from(`${url}\n${token}`)]);
+  const lan = url.match(/^http:\/\/(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3}):(\d{1,5})$/);
+  let bytes;
+  if (tok24 && sub && /^[\w-]+$/.test(sub)) bytes = Buffer.concat([Buffer.from([1]), raw, Buffer.from(sub)]);
+  else if (tok24 && lan && lan.slice(1, 5).every((n) => +n < 256) && +lan[5] < 65536) bytes = Buffer.concat([Buffer.from([2]), raw, Buffer.from(lan.slice(1, 5).map(Number)), Buffer.from([+lan[5] >> 8, +lan[5] & 255])]);
+  else bytes = Buffer.concat([Buffer.from([0]), Buffer.from(`${url}\n${token}`)]);
   return `nio-${bytes.toString('base64url')}`;
 }
+// Enllaç curt per al QR: una adreça de l'app amb el codi al fragment. Un QR més petit cap millor al terminal.
+const codeLink = (app, code) => `${app.replace(/\/$/, '')}/app#${code}`;
 
 function qr(text) {
   const q = qrcode(0, 'L');
@@ -33,10 +37,10 @@ function qr(text) {
 
 // QR per al terminal: cada mòdul són dos espais amb color de fons (negre o blanc). No depèn de cap glif,
 // així que no es talla amb tipus de lletra o interlineats estranys. Sempre negre sobre blanc, amb tema clar o fosc.
-function terminalQr(text, { color = !process.env.NO_COLOR } = {}) {
+function terminalQr(text, { color = !process.env.NO_COLOR, margin = 2 } = {}) {
   const q = qr(text);
   const n = q.getModuleCount();
-  const M = 2; // marge blanc al voltant, en mòduls
+  const M = margin; // marge blanc al voltant, en mòduls
   const dark = (r, c) => r >= 0 && c >= 0 && r < n && c < n && q.isDark(r, c);
   const lines = [];
   for (let r = -M; r < n + M; r++) {
@@ -72,8 +76,8 @@ function qrSvg(text) {
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size} ${size}" shape-rendering="crispEdges" role="img" aria-label="Codi QR"><rect width="${size}" height="${size}" fill="#fff"/><path d="${d}" fill="#000"/></svg>`;
 }
 
-function writePairPage(link, code) {
-  const svg = qrSvg(link);
+function writePairPage(link, code, qrLink) {
+  const svg = qrSvg(qrLink || link);
   const html = `<!doctype html><html lang="ca"><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1"><title>nio // connecta el mòbil</title>
 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap" rel="stylesheet">
@@ -88,4 +92,11 @@ code{display:block;word-break:break-all;font:12px/1.5 ui-monospace,Menlo,monospa
   return file;
 }
 
-module.exports = { pairLink, terminalQr, writePairPage, qrSvg, makeCode };
+module.exports = { pairLink, terminalQr, writePairPage, qrSvg, makeCode, codeLink };
+
+// Mida del QR al terminal: files i columnes que ocupa amb un marge donat.
+function terminalQrSize(text, margin = 2) {
+  const n = qr(text).getModuleCount() + margin * 2;
+  return { rows: n, cols: n * 2 + 2 };
+}
+module.exports.terminalQrSize = terminalQrSize;

package/src/server.js

@@ -10,7 +10,7 @@ const ollama = require('./agents/ollama');
 const { save } = require('./config');
 const { httpErr } = require('./hub');
 const github = require('./github');
-const { pairLink, qrSvg, makeCode } = require('./pair');
+const { pairLink, qrSvg, makeCode, codeLink } = require('./pair');
 
 // L'app web: copiada dins del paquet en publicar-lo, o l'arrel del repositori en desenvolupament.
 const WEB_DIRS = [path.join(__dirname, '..', 'web'), path.join(__dirname, '..', '..')];
@@ -232,7 +232,8 @@ function createServer({ cfg, hub, getPublicUrl, getApp }) {
       const pub = getPublicUrl();
       if (!pub || /^https?:\/\/(127\.0\.0\.1|localhost|\[::1\])(:|\/|$)/i.test(pub)) return { link: null };
       const link = pairLink(getApp ? getApp() : cfg.app, pub, cfg.token);
-      return { link, code: makeCode(pub, cfg.token), svg: qrSvg(link), url: pub, lan: /^http:\/\//.test(pub) };
+      const code = makeCode(pub, cfg.token);
+      return { link, code, svg: qrSvg(codeLink(getApp ? getApp() : cfg.app, code)), url: pub, lan: /^http:\/\//.test(pub) };
     }
     if (p === '/api/github' && method === 'GET') return github.status();
     if (p === '/api/github/repos' && method === 'GET') return github.repos(url.searchParams.get('owner') || '');

package/web/app/app.js

@@ -194,10 +194,12 @@ function parsePair(text) {
 // Codi «nio-…»: porta l'adreça i la clau dins (vegeu makeCode al programa). Es descodifica aquí, sense servidor.
 const CF = '.trycloudflare.com';
 function parseCode(text) {
-  const m = String(text || '').replace(/\s+/g, '').match(/^nio-([\w-]+)$/i); if (!m) return null;
+  const m = String(text || '').replace(/\s+/g, '').match(/(?:^|#)nio-([\w-]+)$/i); if (!m) return null;
   try {
     const bin = atob(m[1].replace(/-/g, '+').replace(/_/g, '/') + '='.repeat((4 - (m[1].length % 4)) % 4)), u = Uint8Array.from(bin, (c) => c.charCodeAt(0));
-    if (u[0] === 1) return { url: `https://${new TextDecoder().decode(u.slice(25))}${CF}`, token: btoa(String.fromCharCode(...u.slice(1, 25))).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '') };
+    const tok = () => btoa(String.fromCharCode(...u.slice(1, 25))).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
+    if (u[0] === 1) return { url: `https://${new TextDecoder().decode(u.slice(25))}${CF}`, token: tok() };
+    if (u[0] === 2) return { url: `http://${[...u.slice(25, 29)].join('.')}:${(u[29] << 8) | u[30]}`, token: tok() };
     if (u[0] === 0) { const [url, token] = new TextDecoder().decode(u.slice(1)).split('\n'); if (url && token) return { url: url.replace(/\/$/, ''), token }; }
   } catch { /* codi malmès */ }
   return null;
@@ -212,7 +214,7 @@ function addMachine({ url, token, name }) {
   connect();
 }
 function checkPairHash() {
-  const pair = parsePair(location.hash); if (!pair) return false;
+  const pair = parsePair(location.hash) || parseCode(location.hash); if (!pair) return false;
   history.replaceState(null, '', location.pathname + '#/sessions');
   state.route = { name: 'sessions' };
   addMachine(pair); render(); toast('Ordinador connectat'); return true;