clipoox 0.2.0 → 0.2.1

package/lib/cli.mjs

@@ -51,7 +51,6 @@ Examples:
   clipoox export canvas:… --out film.mp4`,
   },
   opening: { vi: 'Mở trình duyệt để đăng nhập Clipoox. Nếu trình duyệt không mở, dán link này vào trình duyệt:', en: 'Opening your browser to sign in to Clipoox. If it does not open, paste this link into your browser:' },
-  page: { vi: 'Đã đăng nhập Clipoox CLI. Bạn có thể đóng tab này và quay lại terminal.', en: 'Clipoox CLI is signed in. You can close this tab and go back to the terminal.' },
   signedIn: { vi: 'Đã đăng nhập. Thử: clipoox call get_account_summary', en: 'Signed in. Try: clipoox call get_account_summary' },
   signedOut: { vi: 'Đã đăng xuất trên máy này.', en: 'Signed out on this computer.' },
   needLogin: { vi: 'Chưa đăng nhập (hoặc phiên đã hết hạn). Chạy: clipoox login', en: 'Not signed in (or the sign-in expired). Run: clipoox login' },
@@ -120,7 +119,7 @@ export async function main(argv, io = {}) {
   if (!cmd || flags.help || cmd === 'help') { out(M.usage[L]); return cmd || flags.help ? 0 : 2 }
 
   if (cmd === 'login') {
-    const creds = await login(server, { fetch, headers, page: M.page[L], open: async (url) => { err(`${M.opening[L]}\n${url}`); if (!flags.noBrowser) (io.open || openBrowser)(url) } })
+    const creds = await login(server, { fetch, headers, lang: L, open: async (url) => { err(`${M.opening[L]}\n${url}`); if (!flags.noBrowser) (io.open || openBrowser)(url) } })
     saveCredentials(server, creds, env)
     out(M.signedIn[L]); return 0
   }

package/lib/oauth.mjs

@@ -35,16 +35,35 @@ export async function discover(mcpUrl, { fetch = globalThis.fetch, headers = {}
   return { resource: prm.resource || mcpUrl, metadata: as }
 }
 
+// The page the browser lands on after clipoox.com sends it back here: authorized, cancelled (the user pressed Cancel →
+// error=access_denied) or failed. Language: the browser's first Accept-Language entry, else the CLI's own.
+const PAGE = {
+  vi: { ok: ['Đã cấp quyền cho thiết bị', 'Bạn có thể đóng tab này và quay lại Clipoox CLI.'], no: ['Đã huỷ kết nối', 'Clipoox CLI chưa được cấp quyền. Bạn có thể đóng tab này và chạy lại clipoox login khi cần.'], bad: ['Không đăng nhập được', 'Đóng tab này và xem lỗi trong terminal.'] },
+  en: { ok: ['Device authorized', 'You can close this tab and return to the Clipoox CLI.'], no: ['Connection cancelled', 'Clipoox CLI was not given access. You can close this tab and run clipoox login again when you are ready.'], bad: ['Sign-in failed', 'Close this tab and check the terminal for the error.'] },
+}
+const ICON = {
+  ok: ['#2f5a3a', '#5fd47a', '<path d="M17 25.5l6 6 12-13"/>'],
+  no: ['#3a3d42', '#b9bec6', '<path d="M19 19l14 14M33 19L19 33"/>'],
+  bad: ['#5a2f2f', '#ff8b7c', '<path d="M26 16v12M26 35v.5"/>'],
+}
+export function callbackPage(query = {}, lang = 'en') {
+  const kind = query.error === 'access_denied' ? 'no' : query.error || !query.code ? 'bad' : 'ok'
+  const [title, text] = (PAGE[lang] || PAGE.en)[kind], [bg, fg, path] = ICON[kind]
+  return `<!doctype html><html lang="${lang}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>${title} · Clipoox CLI</title><style>body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box;background:#141618 radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px;color:#f4f6f1;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}main{width:min(560px,100%);padding:48px 32px;border-radius:16px;text-align:center;background:linear-gradient(180deg,#303337,#25272b);border:1px solid #3a3d42;box-shadow:0 30px 80px rgba(0,0,0,.4)}svg{width:104px;height:104px}h1{margin:22px 0 10px;font-size:40px;line-height:1.1;letter-spacing:-.01em}p{margin:0;color:#a8adb4;font-size:18px}</style></head><body><main><svg viewBox="0 0 52 52" aria-hidden="true"><circle cx="26" cy="26" r="26" fill="${bg}"/><g fill="none" stroke="${fg}" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round">${path}</g></svg><h1>${title}</h1><p>${text}</p></main></body></html>`
+}
+const pageLang = (header, fallback) => { const first = String(header || '').split(',')[0].trim(); return /^[a-z]{2}/i.test(first) ? (/^vi\b/i.test(first) ? 'vi' : 'en') : fallback }
+
 /** A one-off listener on 127.0.0.1 (random port) that waits for /callback?code&state. */
-export function callbackServer({ page = 'Done — you can close this tab.' } = {}) {
+export function callbackServer({ lang = 'en' } = {}) {
   let resolve, reject
   const result = new Promise((a, b) => { resolve = a; reject = b })
   const server = http.createServer((req, res) => {
     const url = new URL(req.url, 'http://127.0.0.1')
     if (url.pathname !== '/callback') { res.writeHead(404).end(); return }
+    const query = Object.fromEntries(url.searchParams)
     res.writeHead(200, { 'content-type': 'text/html; charset=utf-8', 'cache-control': 'no-store' })
-    res.end(`<!doctype html><meta charset="utf-8"><title>Clipoox CLI</title><body style="font:16px system-ui;padding:40px">${page}</body>`)
-    resolve(Object.fromEntries(url.searchParams))
+    res.end(callbackPage(query, pageLang(req.headers['accept-language'], lang)))
+    resolve(query)
   })
   const ready = new Promise((ok, bad) => { server.once('error', bad); server.listen(0, '127.0.0.1', () => ok(server.address().port)) })
   return { ready, result, close: () => server.close(), fail: (e) => reject(e) }
@@ -54,9 +73,9 @@ export function callbackServer({ page = 'Done — you can close this tab.' } = {
  * Full sign-in. `open(url)` shows the authorize page to the user (their browser); resolves with the tokens to save.
  * `timeoutMs` bounds the wait for the browser.
  */
-export async function login(mcpUrl, { fetch = globalThis.fetch, open, headers = {}, clientName = 'Clipoox CLI', page, timeoutMs = 300_000 } = {}) {
+export async function login(mcpUrl, { fetch = globalThis.fetch, open, headers = {}, clientName = 'Clipoox CLI', lang = 'en', timeoutMs = 300_000 } = {}) {
   const { resource, metadata } = await discover(mcpUrl, { fetch, headers })
-  const cb = callbackServer({ page })
+  const cb = callbackServer({ lang })
   try {
     const port = await cb.ready, redirectUri = `http://127.0.0.1:${port}/callback`
     const reg = await json(await fetch(metadata.registration_endpoint, { method: 'POST', headers: { ...headers, 'content-type': 'application/json' }, body: JSON.stringify({ client_name: clientName, redirect_uris: [redirectUri], grant_types: ['authorization_code', 'refresh_token'], response_types: ['code'], token_endpoint_auth_method: 'none', scope: SCOPE }) }), 'client registration')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clipoox",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Clipoox from the terminal: sign in once, then call any Clipoox MCP tool (Timeline, media, AI generation, 3D Shot, SEO) from scripts.",
   "type": "module",
   "bin": {