@goodandready/dsh-subscriptions 0.1.1 → 0.2.1

package/lib/client.js

@@ -35,15 +35,76 @@ window.__ModuleLoader__.load({
       document.head.appendChild(tag)
     }
 
-    function badgeFor(account) {
-      if (!account || !account.configured) return 'Not connected'
-      if (account.validationUrl) return 'Verify account'
-      if (account.cooldownUntil && account.cooldownUntil > Date.now()) return 'Cooling down'
-      if (account.usagePercent != null && account.usagePercent >= 100) return 'Usage 100%'
-      return 'Connected'
+    // Строки карточки живут в реестре локалей: так их переводит отдельный
+    // пакет, не трогая код этого плагина. Английский — язык по умолчанию,
+    // на него же приходится откат, если перевода нет.
+    const NS = 'dsh-subscriptions'
+    const en = {
+      'notConnected': 'Not connected',
+      'verifyAccount': 'Verify account',
+      'coolingDown': 'Cooling down',
+      'usageFull': 'Usage 100%',
+      'connected': 'Connected',
+      'title': 'Subscriptions',
+      'intro': 'Log in with a consumer subscription. Tokens stay on the host credentials store. The browser never reads them back. After Connect, if the provider lands on localhost or a vendor page, paste the redirected URL or the code here.',
+      'useOrigin': 'Use this Web UI origin as OAuth redirect_uri',
+      'useOriginHint': 'Leave off unless you registered your own OAuth client for this origin. Vendor CLI clients usually require their published redirect URI plus the paste step.',
+      'reconnect': 'Reconnect',
+      'connect': 'Connect',
+      'disconnect': 'Disconnect',
+      'removeSlot': 'Remove slot',
+      'pastePlaceholder': 'Paste redirected URL or code',
+      'submitCode': 'Submit code',
+      'verifyPrefix': 'Google requires one-time account verification. ',
+      'verifyLink': 'Open verification link',
+      'verifySuffix': ' then reconnect.',
+      'addAccount': '+ Add account',
+      'save': 'Save',
+      'saved': 'Saved',
+      'loading': 'Loading\u2026',
+      'accountLabel': 'Account',
+      'plan': 'Plan',
+      'storedAs': 'Stored as',
+    }
+    const ru = {
+      'notConnected': 'Не подключено',
+      'verifyAccount': 'Требуется проверка',
+      'coolingDown': 'Пауза после лимита',
+      'usageFull': 'Лимит исчерпан',
+      'connected': 'Подключено',
+      'title': 'Подписки',
+      'intro': 'Вход по обычной пользовательской подписке. Токены остаются в хранилище учётных данных харнесса, браузер их обратно не читает. Если после «Подключить» провайдер увёл на localhost или на свою страницу, вставьте сюда адрес перехода или код.',
+      'useOrigin': 'Использовать адрес этого веб-интерфейса как redirect_uri',
+      'useOriginHint': 'Включайте, только если зарегистрировали собственного клиента OAuth на этот адрес. Штатным консольным клиентам провайдеров нужен их опубликованный адрес возврата и вставка кода вручную.',
+      'reconnect': 'Переподключить',
+      'connect': 'Подключить',
+      'disconnect': 'Отключить',
+      'removeSlot': 'Убрать место',
+      'pastePlaceholder': 'Адрес перехода или код',
+      'submitCode': 'Отправить код',
+      'verifyPrefix': 'Google требует однократной проверки аккаунта. ',
+      'verifyLink': 'Открыть страницу проверки',
+      'verifySuffix': ' затем подключитесь заново.',
+      'addAccount': '+ Добавить аккаунт',
+      'save': 'Сохранить',
+      'saved': 'Сохранено',
+      'loading': 'Загрузка…',
+      'accountLabel': 'Аккаунт',
+      'plan': 'Тариф',
+      'storedAs': 'Хранится как',
+    }
+
+    function badgeFor(account, t) {
+      if (!account || !account.configured) return t('notConnected')
+      if (account.validationUrl) return t('verifyAccount')
+      if (account.cooldownUntil && account.cooldownUntil > Date.now()) return t('coolingDown')
+      if (account.usagePercent != null && account.usagePercent >= 100) return t('usageFull')
+      return t('connected')
     }
 
-    function SubsSection() {
+    function SubsSection(props) {
+      // Переводчик приходит от слота, потому что в его записи указан locale.
+      const t = (props && props.t) || ((key) => key)
       const [draft, setDraft] = React.useState(null)
       const [accounts, setAccounts] = React.useState([])
       const [providers, setProviders] = React.useState([])
@@ -67,7 +128,7 @@ window.__ModuleLoader__.load({
         return () => { alive = false }
       }, [])
 
-      if (!draft) return React.createElement('div', { className: 'dsub-wrap' }, 'Loading\u2026')
+      if (!draft) return React.createElement('div', { className: 'dsub-wrap' }, t('loading'))
 
       const slots = Array.isArray(draft.slots) ? draft.slots : []
       const setSlots = (next) => setDraft((d) => Object.assign({}, d, { slots: next }))
@@ -137,19 +198,19 @@ window.__ModuleLoader__.load({
 
       return React.createElement('div', { className: 'dsub-wrap' },
         React.createElement('div', { className: 'dsub-block' },
-          React.createElement('div', { className: 'dsub-h' }, 'Subscriptions'),
+          React.createElement('div', { className: 'dsub-h' }, t('title')),
           React.createElement('div', { className: 'dsub-sub' },
-            'Log in with a consumer subscription. Tokens stay on the host credentials store. The browser never reads them back. After Connect, if the provider lands on localhost or a vendor page, paste the redirected URL or the code here.'),
+            t('intro')),
           React.createElement('label', { className: 'dsub-row' },
             React.createElement('input', {
               type: 'checkbox',
               checked: !!draft.useWebCallback,
               onChange: (e) => setDraft((d) => Object.assign({}, d, { useWebCallback: e.target.checked })),
             }),
-            React.createElement('span', null, 'Use this Web UI origin as OAuth redirect_uri'),
+            React.createElement('span', null, t('useOrigin')),
           ),
           React.createElement('div', { className: 'dsub-sub' },
-            'Leave off unless you registered your own OAuth client for this origin. Vendor CLI clients usually require their published redirect URI plus the paste step.'),
+            t('useOriginHint')),
         ),
         names.map((prov) => {
           const rows = slots
@@ -166,25 +227,25 @@ window.__ModuleLoader__.load({
                   React.createElement('input', {
                     className: 'dsub-grow',
                     value: row.slot.label || '',
-                    placeholder: account.label || ('Account ' + row.slot.index),
+                    placeholder: account.label || (t('accountLabel') + ' ' + row.slot.index),
                     onChange: (e) => {
                       const next = slots.slice()
                       next[row.i] = Object.assign({}, next[row.i], { label: e.target.value })
                       setSlots(next)
                     },
                   }),
-                  React.createElement('span', { className: 'dsub-badge' + (account.validationUrl ? ' dsub-badge-warn' : (on ? ' dsub-badge-on' : '')) }, badgeFor(account)),
+                  React.createElement('span', { className: 'dsub-badge' + (account.validationUrl ? ' dsub-badge-warn' : (on ? ' dsub-badge-on' : '')) }, badgeFor(account, t)),
                   React.createElement('button', {
                     type: 'button', className: 'dsub-mini',
                     onClick: () => connect(row.slot.provider, row.slot.index).catch((e) => setErr(String(e.message || e))),
-                  }, on ? 'Reconnect' : 'Connect'),
+                  }, on ? t('reconnect') : t('connect')),
                   React.createElement('button', {
                     type: 'button', className: 'dsub-mini',
                     disabled: !on,
                     onClick: () => logout(row.slot.provider, row.slot.index).catch((e) => setErr(String(e.message || e))),
-                  }, 'Disconnect'),
+                  }, t('disconnect')),
                   React.createElement('button', {
-                    type: 'button', className: 'dsub-mini', title: 'Remove slot',
+                    type: 'button', className: 'dsub-mini', title: t('removeSlot'),
                     onClick: () => {
                       const slot = row.slot
                       Promise.resolve(on ? logout(slot.provider, slot.index) : null)
@@ -197,49 +258,61 @@ window.__ModuleLoader__.load({
                   React.createElement('input', {
                     className: 'dsub-grow',
                     value: paste[key] || '',
-                    placeholder: 'Paste redirected URL or code',
+                    placeholder: t('pastePlaceholder'),
                     onChange: (e) => setPaste((p) => Object.assign({}, p, { [key]: e.target.value })),
                   }),
                   React.createElement('button', {
                     type: 'button', className: 'dsub-mini',
                     onClick: () => complete(row.slot.provider, row.slot.index).catch((e) => setErr(String(e.message || e))),
-                  }, 'Submit code'),
+                  }, t('submitCode')),
                 ),
                 account.accountNotice ? React.createElement('div', { className: 'dsub-verify' }, account.accountNotice) : null,
                 account.validationUrl ? React.createElement('div', { className: 'dsub-verify' },
-                  'Google requires one-time account verification. ',
-                  React.createElement('a', { href: account.validationUrl, target: '_blank', rel: 'noopener noreferrer' }, 'Open verification link'),
-                  ' then reconnect.',
+                  t('verifyPrefix'),
+                  React.createElement('a', { href: account.validationUrl, target: '_blank', rel: 'noopener noreferrer' }, t('verifyLink')),
+                  t('verifySuffix'),
                 ) : null,
-                account.paidTierName ? React.createElement('span', { className: 'dsub-sub' }, 'Plan: ' + account.paidTierName) : null,
-                account.ref ? React.createElement('span', { className: 'dsub-sub' }, 'Stored as ' + account.ref) : null,
+                account.paidTierName ? React.createElement('span', { className: 'dsub-sub' }, t('plan') + ': ' + account.paidTierName) : null,
+                account.ref ? React.createElement('span', { className: 'dsub-sub' }, t('storedAs') + ' ' + account.ref) : null,
               )
             }),
             React.createElement('button', {
               type: 'button', className: 'dsub-mini',
               onClick: () => addSlot(prov.id),
-            }, '+ Add account'),
+            }, t('addAccount')),
           )
         }),
         React.createElement('div', { className: 'dsub-row' },
           React.createElement('button', {
             type: 'button', className: 'dsub-save',
             onClick: () => save().catch((e) => setErr(String(e.message || e))),
-          }, 'Save'),
-          saved ? React.createElement('span', { className: 'dsub-ok' }, 'Saved') : null,
+          }, t('save')),
+          saved ? React.createElement('span', { className: 'dsub-ok' }, t('saved')) : null,
           err ? React.createElement('span', { className: 'dsub-bad' }, err) : null,
         ),
       )
     }
 
     function registerSettings(ctx) {
+      ctx.effect(() => ctx.locale.register(NS, { en, ru }), 'dsh-subscriptions: словари')
+      // Подпись раздела рисует боковой список, а не наш компонент: props.t
+      // туда не доходит, поэтому берём переводчик, привязанный к namespace.
+      const t = ctx.locale.bind(NS)
       ctx.slots.inject('settings.section', () => ctx.slots.register(
-        { name: 'settings.section', id: '@goodandready/dsh-subscriptions', order: 28, label: () => 'Subscriptions', inject: () => ({ ctx: ctx }) },
+        {
+          name: 'settings.section',
+          id: '@goodandready/dsh-subscriptions',
+          order: 28,
+          // locale в записи слота — то, из-за чего компонент получает props.t.
+          locale: NS,
+          label: () => t('title'),
+          inject: () => ({ ctx: ctx }),
+        },
         SubsSection,
       ))
     }
 
-    exports.inject = ['slots']
+    exports.inject = ['slots', 'locale']
     exports.apply = function apply(ctx) {
       registerSettings(ctx)
     }

package/lib/images.js

@@ -0,0 +1,111 @@
+// Генерация картинок на подписке.
+//
+// Здесь только протокол: куда идти, что послать и как прочитать ответ. Всё
+// остальное — сохранение файла, вложение в разговор, карточка — дело плагина
+// генерации; этот плагин лишь одалживает свой аккаунт.
+//
+// Токен наружу не отдаётся: плагин объявляет службу внутри процесса, а не
+// маршрут в сети. Харнесс на этой машине доступен без пароля, и ручка,
+// раздающая живой токен подписки, была бы дырой пошире тех, что мы закрывали.
+
+/** Куда уходит запрос у подписки ChatGPT. */
+export const CODEX_URL = 'https://chatgpt.com/backend-api/codex/images/generations'
+/** Модель, которую отдаёт этот адрес. */
+export const CODEX_MODEL = 'gpt-image-2'
+/** Куда уходит запрос у подписки Grok. */
+export const GROK_URL = 'https://api.x.ai/v1/images/generations'
+/** Модель, которую отдаёт этот адрес. */
+export const GROK_MODEL = 'grok-imagine-image-2.0'
+
+/** Размеры, которые понимает ChatGPT. */
+export const SIZES = ['1024x1024', '1024x1536', '1536x1024', 'auto']
+
+/** Grok мыслит не размерами, а соотношением сторон. */
+const GROK_ASPECT = {
+  '1024x1024': '1:1',
+  '1024x1536': '2:3',
+  '1536x1024': '3:2',
+  auto: 'auto',
+}
+
+export function codexBody({ prompt, size, quality }) {
+  const text = String(prompt || '').trim()
+  if (!text) throw new Error('нужен непустой запрос')
+  return {
+    prompt: text,
+    model: CODEX_MODEL,
+    ...(size ? { size } : {}),
+    ...(quality ? { quality } : {}),
+  }
+}
+
+export function grokBody({ prompt, size, quality }) {
+  const text = String(prompt || '').trim()
+  if (!text) throw new Error('нужен непустой запрос')
+  // У Grok качество всего двух ступеней: высокое складывается со средним.
+  const level = quality === 'low' ? 'low'
+    : (quality === 'medium' || quality === 'high') ? 'medium'
+      : undefined
+  return {
+    prompt: text,
+    model: GROK_MODEL,
+    response_format: 'b64_json',
+    ...(size && GROK_ASPECT[size] ? { aspect_ratio: GROK_ASPECT[size] } : {}),
+    ...(level ? { quality: level } : {}),
+  }
+}
+
+/** Разбор ответа: обе стороны отвечают одинаково. */
+export function parseImages(payload) {
+  const body = payload && typeof payload === 'object' ? payload : {}
+  const rows = Array.isArray(body.data) ? body.data : []
+  const images = []
+  for (const row of rows) {
+    if (!row || typeof row !== 'object') continue
+    if (typeof row.b64_json !== 'string' || !row.b64_json) continue
+    images.push({
+      b64_json: row.b64_json,
+      ...(typeof row.revised_prompt === 'string' && row.revised_prompt
+        ? { revisedPrompt: row.revised_prompt }
+        : {}),
+    })
+  }
+  if (!images.length) throw new Error('в ответе нет картинок')
+  return images
+}
+
+/**
+ * Один запрос к нужному адресу с заголовками этого провайдера.
+ *
+ * @param options {{provider, prompt, size, quality, session, fetchImpl, signal}}
+ *   session — уже освежённый блок токенов: accessToken и, для ChatGPT, accountId.
+ */
+export async function generateOnce(options) {
+  const { provider, session, fetchImpl, signal } = options
+  const isCodex = provider === 'codex'
+  const url = isCodex ? CODEX_URL : GROK_URL
+  const body = isCodex ? codexBody(options) : grokBody(options)
+  const headers = isCodex
+    ? {
+      authorization: `Bearer ${session.accessToken}`,
+      // ChatGPT различает аккаунты отдельным заголовком, без него отвечает отказом.
+      'chatgpt-account-id': session.accountId || '',
+      originator: 'codex_cli_rs',
+      'content-type': 'application/json',
+      accept: 'application/json',
+    }
+    : {
+      authorization: `Bearer ${session.accessToken}`,
+      'content-type': 'application/json',
+      accept: 'application/json',
+    }
+
+  const res = await fetchImpl(url, { method: 'POST', headers, body: JSON.stringify(body), signal })
+  const payload = await res.json().catch(() => ({}))
+  if (!res.ok) {
+    const detail = payload && payload.error
+      && (payload.error.message || payload.error.code || payload.error)
+    throw new Error(`${provider} HTTP ${res.status}${detail ? ': ' + String(detail).slice(0, 200) : ''}`)
+  }
+  return parseImages(payload)
+}

package/lib/index.js

@@ -5,6 +5,8 @@ import { parseCallbackInput, requestOrigin, webCallbackUri } from './oauth.js'
 import { writeJson, writeHtml, readBody, isTrustedSettingsRequest, queryOf } from './http.js'
 import { getVendor } from './vendors/index.js'
 import { SubscriptionAdapter } from './adapter.js'
+import { generateOnce, SIZES as IMAGE_SIZES } from './images.js'
+import { parseBlob } from './blob.js'
 import { createAccountStore, normalizeSlots, vendorConfig } from './accounts.js'
 import {
   inspectGoogleAccount,
@@ -77,6 +79,46 @@ export function apply(ctx, config) {
 
   const live = () => Config(structuredClone(getConfig() ?? {})) ?? config
   const store = createAccountStore({ credentials: ctx.credentials, getConfig: live, fetchImpl: fetch })
+
+  // Служба генерации картинок на подписке.
+  //
+  // Наружу отдаётся действие, а не токен: маршрут в сети раздавал бы живой
+  // ключ доступа каждому, кто дотянется до харнесса, а служба живёт внутри
+  // процесса и видна только другим плагинам. Обновлением токена по-прежнему
+  // занимается один хозяин — этот плагин.
+  ctx.effect(() => ctx.provide('subscriptionImages', {
+    /** Провайдеры, у которых есть вход прямо сейчас. */
+    async available() {
+      const logged = await store.loggedInProviders()
+      return ['codex', 'grok'].filter((name) => logged && logged[name])
+    },
+    sizes: IMAGE_SIZES,
+    /**
+     * @param request {{provider, prompt, size, quality, signal}}
+     * @returns [{ b64_json, revisedPrompt? }]
+     */
+    async generate(request) {
+      const provider = request && request.provider
+      if (provider !== 'codex' && provider !== 'grok') {
+        throw new Error(`неизвестный провайдер подписки: ${provider}`)
+      }
+      const accounts = await store.listAccounts(provider)
+      const slot = (accounts || []).find((row) => row && row.ref)
+      if (!slot) throw new Error(`нет входа в ${provider}: войдите в разделе «Подписки»`)
+      const raw = await store.resolveRaw(slot.ref)
+      if (!raw) throw new Error(`нет входа в ${provider}: войдите в разделе «Подписки»`)
+      const session = await store.ensureFresh(provider, parseBlob(raw), slot.ref)
+      return generateOnce({
+        provider,
+        prompt: request.prompt,
+        size: request.size,
+        quality: request.quality,
+        session,
+        fetchImpl: fetch,
+        signal: request.signal,
+      })
+    },
+  }), 'dsh-subscriptions: служба генерации картинок')
   const pending = new Map()
   const adapter = new SubscriptionAdapter({
     listAccounts: (provider) => store.listAccounts(provider),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-subscriptions",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Use ChatGPT Codex, Claude, Grok, and Antigravity subscriptions as DeepSeek Harness LLM providers via OAuth.",
   "license": "MIT",
   "type": "module",