0x0-cli 1.0.0

package/bin/0x0.js

@@ -0,0 +1,141 @@
+#!/usr/bin/env node
+import { program } from 'commander'
+import { cmdInit } from '../src/commands/init.js'
+import { cmdWhoami } from '../src/commands/whoami.js'
+import { cmdRenew } from '../src/commands/renew.js'
+import {
+  cmdPinNew, cmdPinList, cmdPinRotate, cmdPinRevoke, cmdPinInfo
+} from '../src/commands/pin.js'
+import { cmdSend } from '../src/commands/send.js'
+import { cmdInbox } from '../src/commands/inbox.js'
+import { cmdRead } from '../src/commands/read.js'
+import { cmdChat } from '../src/commands/chat.js'
+import { cmdWeb } from '../src/commands/web.js'
+import { cmdListen } from '../src/commands/listen.js'
+import { cmdPipe } from '../src/commands/pipe.js'
+import {
+  cmdContactAdd, cmdContactList, cmdContactLabel, cmdContactRemove
+} from '../src/commands/contact.js'
+import { cmdQr } from '../src/commands/qr.js'
+
+program
+  .name('0x0')
+  .description('P2P disposable number messenger')
+  .version('1.0.0')
+
+program
+  .command('init')
+  .description('initialize 0x0 and generate your number')
+  .action(cmdInit)
+
+program
+  .command('whoami')
+  .description('show your number and active pins')
+  .action(cmdWhoami)
+
+program
+  .command('renew')
+  .description('renew your number (resets all PINs)')
+  .action(cmdRenew)
+
+// pin subcommands
+const pin = program.command('pin').description('manage PINs')
+
+pin
+  .command('new')
+  .description('create a new PIN')
+  .option('-l, --label <label>', 'label for this PIN')
+  .option('-e, --expires <duration>', 'expiry duration (e.g. 24h, 7d, 1w)')
+  .option('--once', 'expire after receiving one message')
+  .action((opts) => cmdPinNew(opts))
+
+pin
+  .command('list')
+  .description('list all active PINs')
+  .action(cmdPinList)
+
+pin
+  .command('rotate <pin>')
+  .description('rotate a PIN (generates new value)')
+  .action(cmdPinRotate)
+
+pin
+  .command('revoke <pin>')
+  .description('revoke a PIN immediately')
+  .action(cmdPinRevoke)
+
+pin
+  .command('info <pin>')
+  .description('show PIN details')
+  .action(cmdPinInfo)
+
+program
+  .command('chat <number> <pin>')
+  .description('start interactive P2P chat')
+  .action(cmdChat)
+
+program
+  .command('send <number> <pin> <message>')
+  .description('send a single message and exit')
+  .action(cmdSend)
+
+program
+  .command('inbox')
+  .description('show inbox (all pins)')
+  .option('--json', 'output as JSON')
+  .action((opts) => cmdInbox(opts))
+
+program
+  .command('read <pin>')
+  .description('read messages for a specific PIN')
+  .option('--json', 'output as JSON')
+  .action((p, opts) => cmdRead(p, opts))
+
+program
+  .command('listen')
+  .description('listen for incoming messages (daemon mode)')
+  .option('-p, --pin <pin>', 'listen on a specific PIN only')
+  .action((opts) => cmdListen(opts))
+
+program
+  .command('pipe <number> <pin>')
+  .description('stdio mode for agents (JSON stream)')
+  .action(cmdPipe)
+
+program
+  .command('web')
+  .description('start browser UI (localhost)')
+  .option('-p, --port <port>', 'port number', '3000')
+  .option('--no-open', 'do not open browser automatically')
+  .action((opts) => cmdWeb({ port: parseInt(opts.port), noOpen: !opts.open }))
+
+// contact subcommands
+const contact = program.command('contact').description('manage contacts')
+
+contact
+  .command('add <uri-or-number> [pin]')
+  .description('add a contact (URI or number+pin)')
+  .option('-l, --label <label>', 'label for this contact')
+  .action((uriOrNumber, pin, opts) => cmdContactAdd(uriOrNumber, pin, opts))
+
+contact
+  .command('list')
+  .description('list all contacts')
+  .action(cmdContactList)
+
+contact
+  .command('label <id> <label>')
+  .description('update contact label')
+  .action(cmdContactLabel)
+
+contact
+  .command('remove <id>')
+  .description('remove a contact')
+  .action(cmdContactRemove)
+
+program
+  .command('qr <pin>')
+  .description('show QR code for a PIN (share to let others connect)')
+  .action(cmdQr)
+
+program.parse()

package/dist/web/assets/index-BrxSM83h.css

@@ -0,0 +1 @@
+:root{--bg: #000000;--surface: #111111;--border: #222222;--border-strong:#444444;--text-muted: #888888;--text-sec: #aaaaaa;--text: #ffffff;--page-bg: #0a0a0a;--mono: "Share Tech Mono", monospace;--sans: "Noto Sans JP", sans-serif}:root.light{--bg: #ffffff;--surface: #f5f5f5;--border: #e0e0e0;--border-strong:#bbbbbb;--text-muted: #666666;--text-sec: #444444;--text: #111111;--page-bg: #eeeeee}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--page-bg);color:var(--text);font-family:var(--mono);font-size:13px;cursor:crosshair;overflow:hidden;transition:background .3s,color .3s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}button{cursor:crosshair;font-family:var(--mono)}input,textarea{font-family:var(--sans)}#app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:40px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.topbar-logo{font-size:14px;color:var(--text);letter-spacing:.1em}.theme-toggle{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted);letter-spacing:.2em;background:none;border:none;padding:4px 8px;transition:color .2s}.theme-toggle:hover{color:var(--text)}.main-area{flex:1;display:flex;overflow:hidden}.sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg);transition:background .3s,border-color .3s}.number-section{padding:16px 20px 12px;border-bottom:1px solid var(--border)}.section-label{font-size:10px;color:var(--border-strong);letter-spacing:.3em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.my-number{font-size:12px;color:var(--text);letter-spacing:.05em;margin-bottom:8px;word-break:break-all}.my-number.glitching{color:var(--text-muted)}.number-actions{display:flex;gap:6px;flex-wrap:wrap}.pill-btn{font-size:10px;color:var(--text-muted);border:1px solid var(--border-strong);background:transparent;padding:3px 8px;letter-spacing:.1em;transition:all .2s}.pill-btn:hover{background:var(--border-strong);color:var(--bg)}.inbox-section{flex:1;overflow-y:auto;padding:4px 0}.inbox-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);cursor:crosshair;gap:12px;transition:background .15s;position:relative}.inbox-item:hover,.inbox-item.active{background:var(--surface)}.inbox-pin{font-size:11px;color:var(--text-sec);width:34px;flex-shrink:0}.inbox-info{flex:1;min-width:0}.inbox-label{font-family:var(--sans);font-size:12px;color:var(--text);font-weight:400;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-preview{font-family:var(--sans);font-size:11px;color:var(--text-muted);font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-meta{text-align:right;flex-shrink:0}.inbox-time{font-size:10px;color:var(--border-strong);margin-bottom:4px}.inbox-badge{width:16px;height:16px;border-radius:50%;background:var(--text);color:var(--bg);font-size:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:background .3s,color .3s}.inbox-badge[data-count="0"]{visibility:hidden}.peer-dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong);flex-shrink:0;transition:background .3s}.peer-dot.connected{background:var(--text)}.new-pin-btn{margin:12px 20px;padding:10px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font-size:11px;letter-spacing:.2em;width:calc(100% - 40px);transition:all .2s;position:relative;overflow:hidden}.new-pin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--text);transition:left .2s;z-index:-1}.new-pin-btn:hover:before{left:0}.new-pin-btn:hover{color:var(--bg);border-color:var(--text)}.panel{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;transition:background .3s}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--border-strong);gap:12px;padding:40px;text-align:center}.welcome-logo{font-size:clamp(8px,1.5vw,14px);line-height:1.15;color:var(--border);animation:flicker 8s infinite}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.4}97%{opacity:1}98%{opacity:.6}}.welcome-hint{font-size:11px;letter-spacing:.3em;color:var(--border-strong)}.chat-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-name{font-family:var(--sans);font-size:13px;font-weight:400;flex:1}.chat-pin-label{font-size:10px;color:var(--text-muted);letter-spacing:.2em}.chat-menu-btn{background:none;border:none;color:var(--text-muted);font-size:13px;letter-spacing:.1em;padding:4px;transition:color .2s}.chat-menu-btn:hover{color:var(--text)}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:75%;display:flex;flex-direction:column}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.msg-bubble{font-family:var(--sans);font-size:13px;font-weight:300;line-height:1.6;padding:8px 12px;border:1px solid var(--border);border-radius:0;transition:border-color .3s,background .3s}.msg.mine .msg-bubble{border-color:var(--border-strong)}.msg.theirs .msg-bubble{background:var(--surface);color:var(--text-sec)}.msg-time{font-size:10px;color:var(--border-strong);margin-top:3px}.msg-status-queued{opacity:.5;font-style:italic}.msg-status-delivered{opacity:.7}.chat-input-area{padding:10px 16px 14px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-input{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:300;padding:8px 12px;resize:none;outline:none;min-height:38px;max-height:100px;transition:border-color .2s;line-height:1.5;border-radius:0}.chat-input:focus{border-color:var(--border-strong)}.chat-input::placeholder{color:var(--border-strong)}.send-btn{width:38px;height:38px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font-size:12px;flex-shrink:0;transition:all .2s}.send-btn:hover{border-color:var(--text);color:var(--text)}.newpin-panel{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;max-width:480px}.pin-display{border:1px solid var(--border);padding:28px;text-align:center;position:relative}.pin-display:before{content:"YOUR NEW PIN";position:absolute;top:-.5rem;left:1rem;background:var(--bg);padding:0 6px;font-size:10px;color:var(--border-strong);letter-spacing:.3em}.pin-value{font-size:2.5rem;letter-spacing:.3em;color:var(--text);margin-bottom:6px}.pin-hint{font-family:var(--sans);font-size:11px;color:var(--text-muted);font-weight:300}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:10px;color:var(--border-strong);letter-spacing:.3em}.form-input{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;padding:10px 12px;outline:none;width:100%;transition:border-color .2s;border-radius:0}.form-input:focus{border-color:var(--border-strong)}.form-input::placeholder{color:var(--border-strong)}.expiry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border)}.expiry-opt{background:var(--bg);padding:10px 6px;font-size:11px;color:var(--text-muted);text-align:center;letter-spacing:.05em;border:none;transition:all .2s}.expiry-opt:hover,.expiry-opt.selected{background:var(--surface);color:var(--text)}.expiry-opt.selected{box-shadow:inset 0 0 0 1px var(--border-strong)}.primary-btn{font-size:12px;padding:12px;border:1px solid var(--text);background:transparent;color:var(--text);letter-spacing:.2em;transition:all .2s;position:relative;overflow:hidden;width:100%}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--text);transition:left .2s;z-index:-1}.primary-btn:hover:before{left:0}.primary-btn:hover{color:var(--bg)}.ghost-btn{font-size:12px;padding:12px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);letter-spacing:.2em;transition:all .2s;width:100%}.ghost-btn:hover{border-color:var(--text);color:var(--text)}.menu-panel{flex:1;overflow-y:auto;max-width:480px}.menu-pin-header{padding:16px 24px;border-bottom:1px solid var(--border)}.menu-pin-name{font-family:var(--sans);font-size:14px;font-weight:400;margin-bottom:2px}.menu-pin-sub{font-size:10px;color:var(--text-muted);letter-spacing:.2em}.menu-section-label{font-size:10px;color:var(--border-strong);letter-spacing:.4em;padding:16px 24px 6px}.menu-item{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;cursor:crosshair;transition:background .15s}.menu-item:hover{background:var(--surface)}.menu-item-label{font-size:12px;letter-spacing:.05em;margin-bottom:2px}.menu-item-sub{font-family:var(--sans);font-size:11px;color:var(--text-muted);font-weight:300}.menu-item-arrow{font-size:12px;color:var(--border-strong)}.menu-item.danger .menu-item-label{color:var(--text-muted)}.menu-item.danger:hover .menu-item-label{color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong)}@media (max-width: 600px){.sidebar{width:100%;border-right:none}.main-area{flex-direction:column}.panel{display:none}.panel.active{display:flex}}

package/dist/web/assets/index-Ci89CtgQ.js

@@ -0,0 +1,176 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))s(a);new MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const m of o.addedNodes)m.tagName==="LINK"&&m.rel==="modulepreload"&&s(m)}).observe(document,{childList:!0,subtree:!0});function i(a){const o={};return a.integrity&&(o.integrity=a.integrity),a.referrerPolicy&&(o.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?o.credentials="include":a.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(a){if(a.ep)return;a.ep=!0;const o=i(a);fetch(a.href,o)}})();class B{constructor(){this.ws=null,this.handlers=new Map,this.reconnectTimer=null}connect(){this.ws=new WebSocket(`ws://localhost:${location.port||3e3}`),this.ws.onmessage=t=>{try{const i=JSON.parse(t.data);(this.handlers.get(i.event)||[]).forEach(a=>a(i))}catch{}},this.ws.onclose=()=>{this.reconnectTimer=setTimeout(()=>this.connect(),2e3)},this.ws.onerror=()=>{var t;(t=this.ws)==null||t.close()}}on(t,i){this.handlers.has(t)||this.handlers.set(t,[]),this.handlers.get(t).push(i)}send(t,i={}){var s;((s=this.ws)==null?void 0:s.readyState)===WebSocket.OPEN&&this.ws.send(JSON.stringify({cmd:t,...i}))}destroy(){var t;this.reconnectTimer&&clearTimeout(this.reconnectTimer),(t=this.ws)==null||t.close()}}const c=new B,e={number:"",inbox:[],contacts:[],activePin:null,activeContact:null,messages:{},contactMessages:{},peerStatus:{},theme:"dark",screen:"welcome",newPinValue:g(),newPinExpiry:"none"};function g(){return Math.floor(Math.random()*65536).toString(16).padStart(4,"0")}function d(){const n=document.getElementById("app");n.innerHTML=T(),K()}function T(){return`
+    <div class="topbar">
+      <span class="topbar-logo">0x0</span>
+      <button class="theme-toggle" id="theme-toggle">
+        // ${e.theme==="dark"?"dark":"light"}
+      </button>
+    </div>
+    <div class="main-area">
+      ${D()}
+      <div class="panel ${e.screen!=="welcome"?"active":""}">
+        ${A()}
+      </div>
+    </div>
+  `}function D(){const n=e.inbox,t=e.contacts;return`
+    <div class="sidebar">
+      <div class="number-section">
+        <div class="section-label">// my_number</div>
+        <div class="my-number" id="my-number">${e.number||"..."}</div>
+        <div class="number-actions">
+          <button class="pill-btn" id="btn-copy">// COPY</button>
+          <button class="pill-btn" id="btn-renew">// RENEW</button>
+        </div>
+      </div>
+      <div class="inbox-section">
+        <div style="padding: 12px 20px 6px">
+          <div class="section-label">// inbox</div>
+        </div>
+        ${n.map(i=>O(i)).join("")}
+      </div>
+      <button class="new-pin-btn" id="btn-new-pin">+ // NEW_PIN</button>
+      <div class="contacts-section">
+        <div style="padding: 12px 20px 6px; display:flex; justify-content:space-between; align-items:center">
+          <div class="section-label">// contacts</div>
+          <button class="pill-btn" id="btn-connect">+ CONNECT</button>
+        </div>
+        ${t.length===0?'<div style="padding:8px 20px; font-size:11px; opacity:0.4">// no contacts yet</div>':t.map(i=>_(i)).join("")}
+      </div>
+    </div>
+  `}function O(n){var o;const t=((o=e.activePin)==null?void 0:o.id)===n.id&&e.screen==="chat",i=e.peerStatus[n.id]||"disconnected",s=n.latest?L(n.latest.timestamp):"",a=n.latest?n.latest.content.slice(0,35)+(n.latest.content.length>35?"…":""):"(no messages)";return`
+    <div class="inbox-item ${t?"active":""}" data-pin-id="${n.id}">
+      <div class="peer-dot ${i==="connected"?"connected":""}"></div>
+      <div class="inbox-pin">${n.value}</div>
+      <div class="inbox-info">
+        <div class="inbox-label">${n.label||"(no label)"}</div>
+        <div class="inbox-preview">${a}</div>
+      </div>
+      <div class="inbox-meta">
+        <div class="inbox-time">${s}</div>
+        <div class="inbox-badge" data-count="${n.unread}">${n.unread||""}</div>
+      </div>
+    </div>
+  `}function _(n){var o;const t=((o=e.activeContact)==null?void 0:o.id)===n.id&&e.screen==="chat",i=e.peerStatus[n.id]||"disconnected",s=n.latest?L(n.latest.timestamp):"",a=n.latest?n.latest.content.slice(0,35)+(n.latest.content.length>35?"…":""):"(no messages)";return`
+    <div class="inbox-item ${t?"active":""}" data-contact-id="${n.id}">
+      <div class="peer-dot ${i==="connected"?"connected":""}"></div>
+      <div class="inbox-pin">${n.theirPin}</div>
+      <div class="inbox-info">
+        <div class="inbox-label">${n.label||n.theirNumber}</div>
+        <div class="inbox-preview">${k(a)}</div>
+      </div>
+      <div class="inbox-meta">
+        <div class="inbox-time">${s}</div>
+        <div class="inbox-badge" data-count="${n.unread}">${n.unread||""}</div>
+      </div>
+    </div>
+  `}function A(){switch(e.screen){case"welcome":return q();case"chat":return j();case"newPin":return V();case"pinMenu":return J();case"connect":return H()}}function q(){return`
+    <div class="welcome">
+      <pre class="welcome-logo">
+ ██████╗ ██╗  ██╗██████╗
+██╔═══██╗╚██╗██╔╝██╔══██╗
+██║   ██║ ╚███╔╝ ██║  ██║
+██║   ██║ ██╔██╗ ██║  ██║
+╚██████╔╝██╔╝ ██╗██████╔╝
+ ╚═════╝ ╚═╝  ╚═╝╚═════╝</pre>
+      <div class="welcome-hint">// select a pin from inbox to start chatting</div>
+    </div>
+  `}function j(){const n=e.activePin,t=e.activeContact,i=n?e.messages[n.id]||[]:t?e.contactMessages[t.id]||[]:[],s=n?n.id:(t==null?void 0:t.id)||"",a=e.peerStatus[s]||"disconnected",o=n?n.label||n.value:t?t.label||t.theirNumber:"",m=n?`// pin: ${n.value} &nbsp;·&nbsp; ${a}`:t?`// ${t.theirNumber} &nbsp;·&nbsp; pin: ${t.theirPin} &nbsp;·&nbsp; ${a}`:"";return`
+    <div style="display:flex;flex-direction:column;height:100%">
+      <div class="chat-header">
+        <div style="flex:1">
+          <div class="chat-name">${o}</div>
+          <div class="chat-pin-label">${m}</div>
+        </div>
+        ${n?'<button class="chat-menu-btn" id="btn-pin-menu">⋯</button>':'<button class="chat-menu-btn" id="btn-contact-remove" title="削除">✕</button>'}
+      </div>
+      <div class="messages-area" id="messages-area">
+        ${i.map(b=>W(b)).join("")}
+      </div>
+      <div class="chat-input-area">
+        <textarea
+          class="chat-input"
+          id="chat-input"
+          placeholder="メッセージ..."
+          rows="1"
+        ></textarea>
+        <button class="send-btn" id="btn-send">▶</button>
+      </div>
+    </div>
+  `}function W(n){const t=n.isMine?"mine":"theirs",i=new Date(n.timestamp).toLocaleTimeString("ja-JP",{hour:"2-digit",minute:"2-digit"});let s="";return n.isMine&&(n.status==="queued"?s='<span class="msg-status-queued"> // waiting…</span>':n.status==="delivered"&&(s='<span class="msg-status-delivered"> ✓</span>')),`
+    <div class="msg ${t}" data-local-id="${n.localId||""}">
+      <div class="msg-bubble">${k(n.content)}</div>
+      <div class="msg-time">${i}${s}</div>
+    </div>
+  `}function V(){const n=[{value:"none",label:"なし"},{value:"24h",label:"24時間"},{value:"1w",label:"1週間"},{value:"once",label:"1回のみ"}];return`
+    <div class="newpin-panel">
+      <div class="section-label">// new_pin</div>
+      <div class="pin-display">
+        <div class="pin-value" id="new-pin-display">${e.newPinValue}</div>
+        <div class="pin-hint">相手に渡すPINです</div>
+      </div>
+      <div class="form-group">
+        <div class="form-label">// label（任意）</div>
+        <input class="form-input" id="pin-label-input" type="text" placeholder="例: フリマ用、田中さん...">
+      </div>
+      <div class="form-group">
+        <div class="form-label">// expiry</div>
+        <div class="expiry-grid">
+          ${n.map(t=>`
+            <button class="expiry-opt ${e.newPinExpiry===t.value?"selected":""}"
+              data-expiry="${t.value}">${t.label}</button>
+          `).join("")}
+        </div>
+      </div>
+      <button class="ghost-btn" id="btn-regen-pin">// GENERATE_NEW →</button>
+      <button class="primary-btn" id="btn-save-pin">// SAVE_AND_USE →</button>
+    </div>
+  `}function H(){return`
+    <div class="newpin-panel">
+      <div class="section-label">// connect_to_peer</div>
+      <div class="form-group">
+        <div class="form-label">// their_number</div>
+        <input class="form-input" id="connect-number" type="text" placeholder="0x0-NNN-NNNN-NNNN" autocomplete="off">
+      </div>
+      <div class="form-group">
+        <div class="form-label">// pin</div>
+        <input class="form-input" id="connect-pin" type="text" placeholder="a3f9" maxlength="4" autocomplete="off">
+      </div>
+      <div class="form-group">
+        <div class="form-label">// label（任意）</div>
+        <input class="form-input" id="connect-label" type="text" placeholder="例: 田中さん">
+      </div>
+      <button class="primary-btn" id="btn-do-connect">// CONNECT →</button>
+    </div>
+  `}function J(){const n=e.activePin;return`
+    <div class="menu-panel">
+      <div class="menu-pin-header">
+        <div class="menu-pin-name">${n.label||n.value}</div>
+        <div class="menu-pin-sub">// pin: ${n.value}</div>
+      </div>
+      <div class="menu-section-label">// pin_settings</div>
+      <div class="menu-item" id="menu-rotate">
+        <div>
+          <div class="menu-item-label">PINを変更する</div>
+          <div class="menu-item-sub">新しいPINを生成して渡し直す</div>
+        </div>
+        <div class="menu-item-arrow">›</div>
+      </div>
+      <div class="menu-item" id="menu-label">
+        <div>
+          <div class="menu-item-label">ラベルを編集</div>
+          <div class="menu-item-sub">現在: ${n.label||"(なし)"}</div>
+        </div>
+        <div class="menu-item-arrow">›</div>
+      </div>
+      <div class="menu-section-label">// danger_zone</div>
+      <div class="menu-item danger" id="menu-revoke">
+        <div>
+          <div class="menu-item-label">このPINを今すぐ無効化</div>
+          <div class="menu-item-sub">相手からの受信が即時停止される</div>
+        </div>
+        <div class="menu-item-arrow">›</div>
+      </div>
+      <div style="padding: 16px 24px">
+        <button class="ghost-btn" id="menu-back">← back</button>
+      </div>
+    </div>
+  `}function K(){var i,s,a,o,m,b,h,f,y,I,x,w,E,P,$;(i=document.getElementById("theme-toggle"))==null||i.addEventListener("click",()=>{e.theme=e.theme==="dark"?"light":"dark",document.documentElement.classList.toggle("light",e.theme==="light"),d()}),(s=document.getElementById("btn-copy"))==null||s.addEventListener("click",()=>{navigator.clipboard.writeText(e.number).catch(()=>{})}),(a=document.getElementById("btn-renew"))==null||a.addEventListener("click",()=>{confirm("番号を再発行しますか？全てのPINが無効になります。")&&c.send("number.renew")}),(o=document.getElementById("btn-new-pin"))==null||o.addEventListener("click",()=>{e.screen="newPin",e.newPinValue=g(),d()}),(m=document.getElementById("btn-connect"))==null||m.addEventListener("click",()=>{e.screen="connect",e.activePin=null,e.activeContact=null,d()}),document.querySelectorAll(".inbox-item[data-pin-id]").forEach(l=>{l.addEventListener("click",()=>{const r=l.dataset.pinId,u=e.inbox.find(p=>p.id===r);u&&(e.activePin=u,e.activeContact=null,e.screen="chat",d(),c.send("messages.list",{pinId:r}),v())})}),document.querySelectorAll(".inbox-item[data-contact-id]").forEach(l=>{l.addEventListener("click",()=>{const r=l.dataset.contactId,u=e.contacts.find(p=>p.id===r);u&&(e.activeContact=u,e.activePin=null,e.screen="chat",d(),c.send("chat.start",{theirNumber:u.theirNumber,theirPin:u.theirPin,label:u.label}),v())})}),(b=document.getElementById("btn-pin-menu"))==null||b.addEventListener("click",()=>{e.screen="pinMenu",d()}),(h=document.getElementById("btn-contact-remove"))==null||h.addEventListener("click",()=>{e.activeContact&&confirm(`${e.activeContact.label||e.activeContact.theirNumber} を削除しますか？`)&&(c.send("contact.remove",{contactId:e.activeContact.id}),e.activeContact=null,e.screen="welcome",d())});const n=document.getElementById("chat-input"),t=()=>{const l=n==null?void 0:n.value.trim();if(l){if(e.activePin){const r=e.activePin.id,u=crypto.randomUUID(),p=Date.now();e.messages[r]||(e.messages[r]=[]),e.messages[r].push({localId:u,content:l,isMine:!0,timestamp:p,status:"queued"}),c.send("message.send",{pinId:r,content:l,localId:u}),d(),v()}else e.activeContact&&c.send("contact.message.send",{contactId:e.activeContact.id,content:l});n.value="",n.style.height="auto"}};(f=document.getElementById("btn-send"))==null||f.addEventListener("click",t),n==null||n.addEventListener("keydown",l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),t())}),n==null||n.addEventListener("input",()=>{n&&(n.style.height="auto",n.style.height=Math.min(n.scrollHeight,100)+"px")}),document.querySelectorAll(".expiry-opt").forEach(l=>{l.addEventListener("click",()=>{e.newPinExpiry=l.dataset.expiry||"none",d()})}),(y=document.getElementById("btn-regen-pin"))==null||y.addEventListener("click",()=>{e.newPinValue=g();const l=document.getElementById("new-pin-display");l&&S(l,e.newPinValue)}),(I=document.getElementById("btn-save-pin"))==null||I.addEventListener("click",()=>{var r;const l=((r=document.getElementById("pin-label-input"))==null?void 0:r.value.trim())||"";c.send("pin.create",{label:l,expiry:e.newPinExpiry}),e.screen="welcome",e.newPinExpiry="none",d()}),(x=document.getElementById("btn-do-connect"))==null||x.addEventListener("click",()=>{var p,N,C;const l=(p=document.getElementById("connect-number"))==null?void 0:p.value.trim(),r=(N=document.getElementById("connect-pin"))==null?void 0:N.value.trim(),u=((C=document.getElementById("connect-label"))==null?void 0:C.value.trim())||"";!l||!r||c.send("chat.start",{theirNumber:l,theirPin:r,label:u})}),(w=document.getElementById("menu-rotate"))==null||w.addEventListener("click",()=>{e.activePin&&(c.send("pin.rotate",{pinId:e.activePin.id}),e.screen="welcome",e.activePin=null,d())}),(E=document.getElementById("menu-revoke"))==null||E.addEventListener("click",()=>{e.activePin&&(c.send("pin.revoke",{pinId:e.activePin.id}),e.screen="welcome",e.activePin=null,d())}),(P=document.getElementById("menu-back"))==null||P.addEventListener("click",()=>{e.screen="chat",d()}),($=document.getElementById("menu-label"))==null||$.addEventListener("click",()=>{var l;prompt("新しいラベル:",((l=e.activePin)==null?void 0:l.label)||"")})}c.on("init",n=>{var i;const t=n;e.number=t.data.number,e.inbox=t.data.inbox,e.contacts=t.data.contacts||[],((i=t.data.prefs)==null?void 0:i.theme)==="light"&&(e.theme="light",document.documentElement.classList.add("light")),d(),M()});c.on("inbox.list",n=>{const t=n;if(e.inbox=t.data,e.activePin){const i=t.data.find(s=>s.id===e.activePin.id);i&&(e.activePin=i)}d()});c.on("contacts.list",n=>{const t=n;if(e.contacts=t.data,e.activeContact){const i=t.data.find(s=>s.id===e.activeContact.id);i&&(e.activeContact=i)}d()});c.on("messages.list",n=>{var i;const t=n;e.messages[t.pinId]=t.data,e.screen==="chat"&&((i=e.activePin)==null?void 0:i.id)===t.pinId&&(d(),v())});c.on("chat.started",n=>{const t=n,i=e.contacts.findIndex(s=>s.id===t.contactId);i===-1?e.contacts.push(t.data):e.contacts[i]={...e.contacts[i],...t.data},e.activeContact=e.contacts.find(s=>s.id===t.contactId)||t.data,e.activePin=null,e.screen="chat",d(),v()});c.on("contact.messages.list",n=>{var i;const t=n;e.contactMessages[t.contactId]=t.data,e.screen==="chat"&&((i=e.activeContact)==null?void 0:i.id)===t.contactId&&(d(),v())});c.on("message.received",n=>{var s;const t=n;e.messages[t.pinId]||(e.messages[t.pinId]=[]),e.messages[t.pinId].push(t.data);const i=e.inbox.find(a=>a.id===t.pinId);i&&(i.unread++,i.latest=t.data),e.screen==="chat"&&((s=e.activePin)==null?void 0:s.id)===t.pinId?(d(),v()):d()});c.on("contact.message.received",n=>{var s;const t=n;e.contactMessages[t.contactId]||(e.contactMessages[t.contactId]=[]),e.contactMessages[t.contactId].push(t.data);const i=e.contacts.find(a=>a.id===t.contactId);i&&(i.unread++,i.latest=t.data),e.screen==="chat"&&((s=e.activeContact)==null?void 0:s.id)===t.contactId?(d(),v()):d()});c.on("message.sent",n=>{var s;const t=n,i=e.messages[t.pinId]||[];if(t.localId){const a=i.findIndex(o=>o.localId===t.localId);a!==-1&&(i[a]={...i[a],status:"delivered"},e.messages[t.pinId]=i)}else e.messages[t.pinId]||(e.messages[t.pinId]=[]),e.messages[t.pinId].push(t.data);e.screen==="chat"&&((s=e.activePin)==null?void 0:s.id)===t.pinId&&(d(),v())});c.on("message.queued",n=>{});c.on("message.delivered",n=>{var a;const t=n,i=e.messages[t.pinId]||[],s=i.findIndex(o=>o.localId===t.localId);s!==-1&&(i[s]={...i[s],status:"delivered"},e.messages[t.pinId]=i,e.screen==="chat"&&((a=e.activePin)==null?void 0:a.id)===t.pinId&&d())});c.on("contact.message.sent",n=>{var i;const t=n;e.contactMessages[t.contactId]||(e.contactMessages[t.contactId]=[]),e.contactMessages[t.contactId].push(t.data),e.screen==="chat"&&((i=e.activeContact)==null?void 0:i.id)===t.contactId&&(d(),v())});c.on("peer.status",n=>{const t=n,i=t.pinId||t.contactId||"";i&&(e.peerStatus[i]=t.status),d()});c.on("pin.created",()=>{c.send("inbox.list")});c.on("pin.rotated",()=>{c.send("inbox.list")});c.on("pin.revoked",()=>{c.send("inbox.list")});c.on("contact.removed",n=>{const t=n;e.contacts=e.contacts.filter(i=>i.id!==t.contactId),delete e.contactMessages[t.contactId],delete e.peerStatus[t.contactId],d()});c.on("number.renewed",n=>{const t=n;e.number=t.data.number,d(),M()});function v(){setTimeout(()=>{const n=document.getElementById("messages-area");n&&(n.scrollTop=n.scrollHeight)},0)}function L(n){const t=new Date(n),i=new Date;if(t.toDateString()===i.toDateString())return t.toLocaleTimeString("ja-JP",{hour:"2-digit",minute:"2-digit"});const s=new Date(i);return s.setDate(s.getDate()-1),t.toDateString()===s.toDateString()?"昨日":t.toLocaleDateString("ja-JP",{month:"numeric",day:"numeric"})}function k(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/\n/g,"<br>")}function S(n,t){const i="0123456789abcdef";let s=0;const a=setInterval(()=>{let o="";for(const m of t)o+=Math.random()<.3?i[Math.floor(Math.random()*i.length)]:m;n.textContent=o,++s>6&&(clearInterval(a),n.textContent=t)},70)}function M(){const n=document.getElementById("my-number");n&&e.number&&S(n,e.number)}c.connect();d();

package/dist/web/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>0x0</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Noto+Sans+JP:wght@300;400&display=swap" rel="stylesheet">
+  <script type="module" crossorigin src="/assets/index-Ci89CtgQ.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-BrxSM83h.css">
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "0x0-cli",
+  "version": "1.0.0",
+  "description": "P2P disposable number messenger",
+  "type": "module",
+  "bin": {
+    "0x0": "./bin/0x0.js"
+  },
+  "files": [
+    "bin/",
+    "src/",
+    "dist/web/"
+  ],
+  "scripts": {
+    "start": "node bin/0x0.js",
+    "build:web": "vite build web-ui",
+    "dev:web": "vite web-ui"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "express": "^4.18.0",
+    "hyperswarm": "^4.7.0",
+    "open": "^10.1.0",
+    "ora": "^8.0.1",
+    "qrcode-terminal": "^0.12.0",
+    "uuid": "^9.0.0",
+    "ws": "^8.16.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0",
+    "vite": "^5.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/src/commands/chat.js

@@ -0,0 +1,204 @@
+import readline from 'readline'
+import chalk from 'chalk'
+import ora from 'ora'
+import Hyperswarm from 'hyperswarm'
+import { channelSecret } from '../core/channel.js'
+import { createMessage, parseMessage } from '../core/message.js'
+import { generatePin } from '../core/pin.js'
+import * as identityStore from '../storage/identity.js'
+import * as pinsStore from '../storage/pins.js'
+import * as messagesStore from '../storage/messages.js'
+import * as contactsStore from '../storage/contacts.js'
+
+export async function cmdChat(theirNumber, pin) {
+  const identity = identityStore.load()
+  if (!identity) {
+    console.log(chalk.gray('// not initialized. run: 0x0 init'))
+    process.exit(1)
+  }
+
+  const localPin = pinsStore.findByValue(pin)
+  const swarm = new Hyperswarm()
+  const topic = channelSecret(theirNumber, pin)
+  let activeConn = null
+  let rl = null
+
+  const spinner = ora({
+    text: chalk.gray(`connecting to ${theirNumber}...`),
+    color: 'white'
+  }).start()
+
+  swarm.join(topic, { server: true, client: true })
+
+  swarm.on('connection', (conn) => {
+    if (activeConn) return // 既に接続済みなら無視
+    activeConn = conn
+
+    // 公開鍵で連絡先を自動識別・保存
+    const pubKeyHex = conn.remotePublicKey?.toString('hex') ?? null
+    if (pubKeyHex) {
+      let c = contactsStore.findByPublicKey(pubKeyHex)
+      if (!c) {
+        c = contactsStore.create({ theirNumber, theirPin: pin, peerPublicKey: pubKeyHex })
+      } else if (!c.peerPublicKey) {
+        contactsStore.updatePublicKey(c.id, pubKeyHex)
+      }
+    }
+
+    spinner.stop()
+    printHeader(pin)
+
+    conn.on('error', () => {})
+    conn.on('data', (data) => {
+      const msg = parseMessage(data)
+      if (!msg || msg.type !== 'message') return
+
+      const time = new Date().toLocaleTimeString('ja-JP', { hour: '2-digit', minute: '2-digit' })
+      // readline の入力行をクリアして上書き表示
+      if (rl) process.stdout.write('\r\x1b[K')
+      console.log(
+        chalk.gray(`[${time}]`) + ' ' +
+        chalk.hex('#888888')(theirNumber.slice(0, 16) + '…: ') +
+        chalk.hex('#aaaaaa')(msg.content)
+      )
+      if (rl) rl.prompt(true)
+
+      if (localPin) {
+        messagesStore.append(localPin.value, {
+          from: theirNumber, content: msg.content, isMine: false
+        })
+      }
+    })
+
+    conn.on('close', () => {
+      console.log()
+      console.log(chalk.gray('[peer disconnected]'))
+      activeConn = null
+    })
+
+    if (!rl) rl = startRepl()
+  })
+
+  // 3秒後もつながっていなければ待機状態でREPLを開始
+  setTimeout(() => {
+    if (!activeConn) {
+      spinner.stop()
+      console.log(chalk.gray('[waiting for peer...]'))
+      printHeader(pin)
+      if (!rl) rl = startRepl()
+    }
+  }, 3000)
+
+  function printHeader(p) {
+    console.log()
+    console.log(chalk.gray(`// pin: ${p} | type :help for commands`))
+    console.log()
+  }
+
+  function startRepl() {
+    const r = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout,
+      prompt: chalk.gray('> ')
+    })
+
+    r.prompt()
+
+    r.on('line', async (line) => {
+      const input = line.trim()
+      if (!input) { r.prompt(); return }
+
+      if (input.startsWith(':')) {
+        await handleCommand(input.slice(1).trim(), r)
+        r.prompt()
+        return
+      }
+
+      if (!activeConn) {
+        console.log(chalk.gray('// not connected yet'))
+        r.prompt()
+        return
+      }
+
+      activeConn.write(createMessage(input))
+
+      const time = new Date().toLocaleTimeString('ja-JP', { hour: '2-digit', minute: '2-digit' })
+      process.stdout.write('\x1b[1A\x1b[K')
+      console.log(chalk.gray(`[${time}]`) + chalk.gray(' you: ') + chalk.white(input))
+
+      if (localPin) {
+        messagesStore.append(localPin.value, {
+          from: identity.number, content: input, isMine: true
+        })
+      }
+
+      r.prompt()
+    })
+
+    r.on('close', async () => {
+      console.log(chalk.gray('[disconnected]'))
+      await swarm.destroy()
+      process.exit(0)
+    })
+
+    return r
+  }
+
+  async function handleCommand(cmd, r) {
+    switch (cmd) {
+      case 'help':
+        console.log(chalk.gray(':pin rotate  — change pin and get new one'))
+        console.log(chalk.gray(':pin info    — show current pin info'))
+        console.log(chalk.gray(':history     — show message history'))
+        console.log(chalk.gray(':clear       — clear screen'))
+        console.log(chalk.gray(':quit / :q   — disconnect and exit'))
+        break
+
+      case 'pin rotate':
+        if (localPin) {
+          const newValue = generatePin()
+          pinsStore.rotate(localPin.id, newValue)
+          console.log(chalk.gray('rotating pin...'))
+          console.log(chalk.gray('new pin: ') + chalk.hex('#aaaaaa')(newValue))
+          console.log(chalk.gray('// share the new pin with your contact to continue'))
+        } else {
+          console.log(chalk.gray('// pin not found in your list'))
+        }
+        break
+
+      case 'pin info':
+        console.log(chalk.gray(`pin: ${pin}`))
+        if (localPin) console.log(chalk.gray(`label: ${localPin.label || '(none)'}`))
+        break
+
+      case 'history':
+        if (localPin) {
+          const msgs = messagesStore.list(localPin.value)
+          if (msgs.length === 0) {
+            console.log(chalk.gray('(no history)'))
+          } else {
+            for (const msg of msgs) {
+              const t = new Date(msg.timestamp).toLocaleTimeString('ja-JP', { hour: '2-digit', minute: '2-digit' })
+              const prefix = msg.isMine
+                ? chalk.gray(`[${t}] you: `)
+                : chalk.gray(`[${t}] them: `)
+              console.log(prefix + chalk.white(msg.content))
+            }
+          }
+        }
+        break
+
+      case 'clear':
+        process.stdout.write('\x1b[2J\x1b[0f')
+        break
+
+      case 'quit':
+      case 'q':
+        r.close()
+        break
+
+      default:
+        console.log(chalk.gray(`// unknown command: :${cmd}`))
+    }
+  }
+}