@goodandready/dsh-subscriptions 0.2.0 → 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/package.json

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