Svelte 5 Migration 19: migrate /admin/api_keys (#721)

* improvements to `<OrderSearchBar>` when shown in `<NavSub>`

* migrate `<ApiKeys>`

* catch more user errors in `<InputDate>` for better DX

* migrate `<ApiKeyConfig>` + `<ApiKeyAccessMatrix>`

* migrate `<ApiKeySecret>`

* migrate `<ApiKeyDelete>` + `<ApiKeyAddNew>`

* rebuild UI

dev_notes.md

@@ -12,12 +12,14 @@
 - `t.common.changeTheme`
 - `t.common.details`
 - `t.common.expandContent`
+- `t.common.hide`
 - `t.common.hours`
 - `t.common.legend`
 - `t.common.minutes`
 - `t.common.month`
 - `t.common.months`
 - `t.common.selectI18n`
+- `t.common.show`
 - `t.common.summary`
 - `t.common.weekDaysShort`
 - `t.common.year`

frontend/src/api/types/api_keys.ts

@@ -0,0 +1,40 @@
+import {PATTERN_API_KEY} from "$utils/patterns.ts";
+
+export type AccessGroup = 'Blacklist'
+    | 'Clients'
+    | 'Events'
+    | 'Generic'
+    | 'Groups'
+    | 'Roles'
+    | 'Secrets'
+    | 'Sessions'
+    | 'Scopes'
+    | 'UserAttributes'
+    | 'Users';
+export type AccessRight = 'read' | 'create' | 'update' | 'delete';
+
+export interface ApiKeyAccess {
+    group: AccessGroup,
+    access_rights: AccessRight[],
+}
+
+export interface ApiKeyRequest {
+    /// Validation: PATTERN_API_KEY, min 2, max 24
+    name: string,
+    /// Unix timestamp in seconds
+    exp?: number,
+    access: ApiKeyAccess[],
+}
+
+export interface ApiKeyResponse {
+    name: string,
+    /// Unix timestamp in seconds
+    created: number,
+    /// Unix timestamp in seconds
+    expires?: number,
+    access: ApiKeyAccess[],
+}
+
+export interface ApiKeysResponse {
+    keys: ApiKeyResponse[],
+}

frontend/src/components/admin/AdminMain.svelte

@@ -28,7 +28,7 @@
     import IconStop from "$lib/icons/IconStop.svelte";
     import Blacklist from "./blacklist/Blacklist.svelte";
     import IconKey from "$lib/icons/IconKey.svelte";
-    import ApiKeys from "./api_keys/ApiKeys.svelte";
+    import ApiKeys from "$lib5/admin/api_keys/ApiKeys.svelte";
     import EventsArchive from "$lib5/admin/events/EventsArchive.svelte";
     import IconBellAlert from "$lib/icons/IconBellAlert.svelte";
     import IconCloud from "$lib/icons/IconCloud.svelte";