@owlmeans/web-auth-token 0.1.18-rc.1

package/src/i18n/en.json

@@ -0,0 +1,51 @@
+{
+  "panel": {
+    "title": "Access tokens",
+    "description": "Long-lived tokens that let a script or an integration call the API on your behalf.",
+    "create": "Create token",
+    "empty": "No access tokens yet.",
+    "col": {
+      "display": "Token",
+      "name": "Name",
+      "created": "Created",
+      "last-used": "Last used",
+      "expires": "Expires",
+      "status": "Status"
+    },
+    "never": "Never",
+    "never-used": "Never used",
+    "status": {
+      "active": "Active",
+      "expired": "Expired",
+      "revoked": "Revoked"
+    },
+    "revoke": "Revoke",
+    "revoke-confirm": {
+      "title": "Revoke this token?",
+      "description": "Anything still using it stops working immediately. This cannot be undone.",
+      "cancel": "Cancel",
+      "confirm": "Revoke"
+    },
+    "dialog": {
+      "title": "Create an access token",
+      "description": "Name it after where you will use it, so you can tell your tokens apart later.",
+      "name-label": "Name",
+      "name-placeholder": "CI deployment",
+      "expiry-label": "Expires",
+      "expiry": {
+        "30": "In 30 days",
+        "90": "In 90 days",
+        "365": "In a year",
+        "never": "Never"
+      },
+      "create": "Create",
+      "cancel": "Cancel",
+      "issued-title": "Your new access token",
+      "issued-note": "Copy it now — this is the only time it is shown.",
+      "copy": "Copy",
+      "copied": "Copied",
+      "done": "Done"
+    },
+    "error": "Something went wrong"
+  }
+}

package/src/i18n/es.json

@@ -0,0 +1,51 @@
+{
+  "panel": {
+    "title": "Tokens de acceso",
+    "description": "Tokens de larga duración con los que un script o una integración llama a la API en tu nombre.",
+    "create": "Crear token",
+    "empty": "Aún no hay tokens de acceso.",
+    "col": {
+      "display": "Token",
+      "name": "Nombre",
+      "created": "Creado",
+      "last-used": "Último uso",
+      "expires": "Caduca",
+      "status": "Estado"
+    },
+    "never": "Nunca",
+    "never-used": "Sin usar",
+    "status": {
+      "active": "Activo",
+      "expired": "Caducado",
+      "revoked": "Revocado"
+    },
+    "revoke": "Revocar",
+    "revoke-confirm": {
+      "title": "¿Revocar este token?",
+      "description": "Todo lo que aún lo use dejará de funcionar de inmediato. Esta acción no se puede deshacer.",
+      "cancel": "Cancelar",
+      "confirm": "Revocar"
+    },
+    "dialog": {
+      "title": "Crear un token de acceso",
+      "description": "Ponle el nombre del lugar donde lo vas a usar, para distinguir tus tokens más adelante.",
+      "name-label": "Nombre",
+      "name-placeholder": "Despliegue de CI",
+      "expiry-label": "Caduca",
+      "expiry": {
+        "30": "En 30 días",
+        "90": "En 90 días",
+        "365": "En un año",
+        "never": "Nunca"
+      },
+      "create": "Crear",
+      "cancel": "Cancelar",
+      "issued-title": "Tu nuevo token de acceso",
+      "issued-note": "Cópialo ahora: es la única vez que se muestra.",
+      "copy": "Copiar",
+      "copied": "Copiado",
+      "done": "Listo"
+    },
+    "error": "Algo ha salido mal"
+  }
+}

package/src/i18n/pl.json

@@ -0,0 +1,51 @@
+{
+  "panel": {
+    "title": "Tokeny dostępu",
+    "description": "Długoterminowe tokeny, dzięki którym skrypt lub integracja wywołuje API w Twoim imieniu.",
+    "create": "Utwórz token",
+    "empty": "Nie masz jeszcze żadnych tokenów dostępu.",
+    "col": {
+      "display": "Token",
+      "name": "Nazwa",
+      "created": "Utworzono",
+      "last-used": "Ostatnio użyto",
+      "expires": "Wygasa",
+      "status": "Status"
+    },
+    "never": "Nigdy",
+    "never-used": "Nieużywany",
+    "status": {
+      "active": "Aktywny",
+      "expired": "Wygasł",
+      "revoked": "Unieważniony"
+    },
+    "revoke": "Unieważnij",
+    "revoke-confirm": {
+      "title": "Unieważnić ten token?",
+      "description": "Wszystko, co go jeszcze używa, natychmiast przestanie działać. Tej operacji nie można cofnąć.",
+      "cancel": "Anuluj",
+      "confirm": "Unieważnij"
+    },
+    "dialog": {
+      "title": "Utwórz token dostępu",
+      "description": "Nazwij go zgodnie z miejscem użycia, aby później odróżnić swoje tokeny.",
+      "name-label": "Nazwa",
+      "name-placeholder": "Wdrożenie CI",
+      "expiry-label": "Wygasa",
+      "expiry": {
+        "30": "Za 30 dni",
+        "90": "Za 90 dni",
+        "365": "Za rok",
+        "never": "Nigdy"
+      },
+      "create": "Utwórz",
+      "cancel": "Anuluj",
+      "issued-title": "Twój nowy token dostępu",
+      "issued-note": "Skopiuj go teraz — pokazujemy go tylko ten jeden raz.",
+      "copy": "Kopiuj",
+      "copied": "Skopiowano",
+      "done": "Gotowe"
+    },
+    "error": "Coś poszło nie tak"
+  }
+}

package/src/i18n/ru.json

@@ -0,0 +1,51 @@
+{
+  "panel": {
+    "title": "Токены доступа",
+    "description": "Долгоживущие токены, с которыми скрипт или интеграция обращается к API от вашего имени.",
+    "create": "Создать токен",
+    "empty": "Токенов доступа пока нет.",
+    "col": {
+      "display": "Токен",
+      "name": "Название",
+      "created": "Создан",
+      "last-used": "Последнее использование",
+      "expires": "Истекает",
+      "status": "Статус"
+    },
+    "never": "Никогда",
+    "never-used": "Не использовался",
+    "status": {
+      "active": "Активен",
+      "expired": "Истёк",
+      "revoked": "Отозван"
+    },
+    "revoke": "Отозвать",
+    "revoke-confirm": {
+      "title": "Отозвать этот токен?",
+      "description": "Всё, что его ещё использует, сразу перестанет работать. Отменить это нельзя.",
+      "cancel": "Отмена",
+      "confirm": "Отозвать"
+    },
+    "dialog": {
+      "title": "Создание токена доступа",
+      "description": "Назовите его по месту использования, чтобы позже отличать свои токены друг от друга.",
+      "name-label": "Название",
+      "name-placeholder": "Деплой CI",
+      "expiry-label": "Истекает",
+      "expiry": {
+        "30": "Через 30 дней",
+        "90": "Через 90 дней",
+        "365": "Через год",
+        "never": "Никогда"
+      },
+      "create": "Создать",
+      "cancel": "Отмена",
+      "issued-title": "Ваш новый токен доступа",
+      "issued-note": "Скопируйте его сейчас — больше он не будет показан.",
+      "copy": "Копировать",
+      "copied": "Скопировано",
+      "done": "Готово"
+    },
+    "error": "Что-то пошло не так"
+  }
+}

package/src/i18n/uk.json

@@ -0,0 +1,51 @@
+{
+  "panel": {
+    "title": "Токени доступу",
+    "description": "Довготривалі токени, з якими скрипт або інтеграція звертається до API від вашого імені.",
+    "create": "Створити токен",
+    "empty": "Токенів доступу ще немає.",
+    "col": {
+      "display": "Токен",
+      "name": "Назва",
+      "created": "Створено",
+      "last-used": "Востаннє використано",
+      "expires": "Спливає",
+      "status": "Статус"
+    },
+    "never": "Ніколи",
+    "never-used": "Не використовувався",
+    "status": {
+      "active": "Активний",
+      "expired": "Сплив",
+      "revoked": "Відкликаний"
+    },
+    "revoke": "Відкликати",
+    "revoke-confirm": {
+      "title": "Відкликати цей токен?",
+      "description": "Усе, що його ще використовує, одразу перестане працювати. Скасувати це неможливо.",
+      "cancel": "Скасувати",
+      "confirm": "Відкликати"
+    },
+    "dialog": {
+      "title": "Створення токена доступу",
+      "description": "Назвіть його за місцем використання, щоб згодом розрізняти свої токени.",
+      "name-label": "Назва",
+      "name-placeholder": "Розгортання CI",
+      "expiry-label": "Спливає",
+      "expiry": {
+        "30": "Через 30 днів",
+        "90": "Через 90 днів",
+        "365": "Через рік",
+        "never": "Ніколи"
+      },
+      "create": "Створити",
+      "cancel": "Скасувати",
+      "issued-title": "Ваш новий токен доступу",
+      "issued-note": "Скопіюйте його зараз — більше він не відображатиметься.",
+      "copy": "Копіювати",
+      "copied": "Скопійовано",
+      "done": "Готово"
+    },
+    "error": "Щось пішло не так"
+  }
+}

package/src/i18n.ts

@@ -0,0 +1,18 @@
+import { addI18nLib } from '@owlmeans/i18n'
+import { AUTH_TOKEN_I18N } from './consts.js'
+
+import en from './i18n/en.json' with { type: 'json' }
+import pl from './i18n/pl.json' with { type: 'json' }
+import ru from './i18n/ru.json' with { type: 'json' }
+import be from './i18n/be.json' with { type: 'json' }
+import uk from './i18n/uk.json' with { type: 'json' }
+import es from './i18n/es.json' with { type: 'json' }
+import de from './i18n/de.json' with { type: 'json' }
+
+addI18nLib('en', AUTH_TOKEN_I18N, en)
+addI18nLib('pl', AUTH_TOKEN_I18N, pl)
+addI18nLib('ru', AUTH_TOKEN_I18N, ru)
+addI18nLib('be', AUTH_TOKEN_I18N, be)
+addI18nLib('uk', AUTH_TOKEN_I18N, uk)
+addI18nLib('es', AUTH_TOKEN_I18N, es)
+addI18nLib('de', AUTH_TOKEN_I18N, de)

package/src/index.ts

@@ -0,0 +1,7 @@
+export * from './consts.js'
+export * from './utils.js'
+export * from './helpers.js'
+export * from './hooks/use-access-tokens.js'
+export * from './components/index.js'
+export * from './i18n.js'
+export type * from './types.js'

package/src/types.ts

@@ -0,0 +1,59 @@
+import type {
+  AccessTokenView, CreateAccessToken, IssuedAccessToken
+} from '@owlmeans/auth-token'
+
+/**
+ * The token surface, as a function of what it is given.
+ *
+ * The panel performs NO I/O: it renders what it is handed and reports what the user pressed. That
+ * is what lets an application mount it against its own transport — a manager facade that proxies
+ * the token routes, a mocked list in a harness — without the component knowing. All the I/O lives
+ * in {@link UseAccessTokens}.
+ */
+export interface AccessTokensPanelProps {
+  items: AccessTokenView[]
+  /**
+   * The one moment the plaintext exists in the browser. While it is set the create dialog shows
+   * the shown-once step instead of the form; clearing it is `onDismissIssued`.
+   */
+  issued: IssuedAccessToken | null
+  loading?: boolean
+  error?: Error | null
+  onCreate: (body: CreateAccessToken) => Promise<void>
+  onRevoke: (id: string) => Promise<void>
+  onDismissIssued: () => void
+  /**
+   * A line shown beside the freshly issued token telling the reader what to do with it — a curl
+   * example, an environment-variable name. Already translated by whoever supplies it, because only
+   * the application knows what its own API is called.
+   */
+  usageHint?: string
+}
+
+/** What {@link useAccessTokens} returns — the I/O half of the same surface. */
+export interface UseAccessTokens {
+  items: AccessTokenView[]
+  issued: IssuedAccessToken | null
+  loading: boolean
+  error: Error | null
+  reload: () => Promise<void>
+  create: (body: CreateAccessToken) => Promise<void>
+  revoke: (id: string) => Promise<void>
+  dismissIssued: () => void
+}
+
+/**
+ * The three entrypoint aliases the hook addresses.
+ *
+ * `makeAuthTokenEntrypoints` names them from the `authToken` tree by default, which is what the
+ * hook falls back to — but an application that mounted the same routes under its own aliases (a
+ * manager facade in front of the token service, say) passes its own here.
+ */
+export interface AccessTokensAliases {
+  list: string
+  create: string
+  revoke: string
+}
+
+/** What a row's badge says. Derived per render — see `tokenStatus`. */
+export type AccessTokenStatus = 'active' | 'expired' | 'revoked'

package/src/utils.ts

@@ -0,0 +1,14 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+/**
+ * The class-name merger every component in this package is written against, exported so a
+ * consuming application doesn't declare its own copy.
+ *
+ * This is deliberately NOT a re-export of `@/lib/utils`. That specifier is left verbatim in the
+ * build and resolves to the CONSUMER's vendored file, so re-exporting it would hand an app back
+ * its own function and fail outright wherever the `@` alias isn't configured. The vendored copy
+ * under `src/@/lib/` stays exactly as shadcn emits it, because the package's own components must
+ * keep resolving through the `@` contract.
+ */
+export const cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": [
+    "@owlmeans/dep-config/tsconfig.base.json",
+    "@owlmeans/dep-config/tsconfig.react.json"
+  ],
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/@/*"]
+    },
+    "rootDir": "./src/",
+    "outDir": "./build/"
+  },
+  "exclude": ["./dist/**/*", "./build/**/*", "./tests/**/*", "./*.ts"]
+}