@nauticana/sail 1.1.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nauticana/sail",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Metadata-driven Angular component library for CRUD admin frontends backed by the keel Go backend. Tables, forms, navigation, OTP/2FA/social auth, billing, payout onboarding.",
   "main": "src/index.ts",
   "scripts": {

package/src/component/abstract/base_table.ts

@@ -1,10 +1,12 @@
-import { inject, signal, WritableSignal } from "@angular/core";
+import { inject, signal, WritableSignal, Injector } from "@angular/core";
 import { ForeignKey, TableAction, TableColumn, TableDefinition } from "../../model/appdata";
 import { ConstantValue, LookupStyle, OpCode } from "../../model/common";
 import { BaseAuthService } from "../../service/auth.service";
 import { BackendService } from "../../service/rest_service";
 import { SAIL_GUI_CONFIG, SailGuiConfig, DEFAULT_CONFIG } from "../../config";
 import { titleCase } from "../../util/text";
+import { MatDialog } from "@angular/material/dialog";
+import { RevealDialog } from "../table/reveal_dialog";
 
 
 /** CRUD verb used by `requireAuth()` to compose the "Missing authorization" alert. */
@@ -14,6 +16,8 @@ export type AuthVerb = 'create' | 'read' | 'update' | 'delete' | 'view';
 export abstract class BaseTable {
     protected readonly cacheService = inject(BaseAuthService);
     protected readonly backendService = inject(BackendService);
+    // Reveal dialogs are rare — resolve MatDialog lazily so every BaseTable subclass doesn't eagerly depend on it.
+    readonly #injector = inject(Injector);
     protected readonly config: SailGuiConfig = inject(SAIL_GUI_CONFIG, {optional: true}) ?? DEFAULT_CONFIG;
     protected readonly dialogWidth: string = '400px';
     readonly tableName: WritableSignal<string> = signal('');
@@ -114,15 +118,18 @@ export abstract class BaseTable {
         if (!this.beforeExecuteAction(action, record)) return;
         if (action.confirmMessage && !confirm(action.confirmMessage)) return;
         const body = action.recordSpecific && record ? this.primaryKeyValues(record) : {};
-        this.backendService.executeAction<{ url?: string }>(action.method, body).subscribe({
+        this.backendService.executeAction<Record<string, unknown>>(action.method, body).subscribe({
             next: (resp) => {
-                // A 'redirect' action POSTs then follows the returned {url}
-                // (provider-hosted checkout / portal / any external handoff
-                // declared as basis table_action metadata — no component).
-                if (action.kind === 'redirect' && resp?.url) {
-                    window.location.href = resp.url;
+                const url = resp?.['url'];
+                // R = redirect: POST then follow the returned {url} (hosted checkout / portal).
+                if (action.kind === 'R' && typeof url === 'string') {
+                    window.location.href = url;
                     return;
                 }
+                // V = reveal: show the returned secret once (e.g. a freshly minted key).
+                if (action.kind === 'V') {
+                    this.#injector.get(MatDialog).open(RevealDialog, { data: resp ?? {}, width: '480px' });
+                }
                 this.onActionSuccess(action, record);
             },
             error: (err) => {

package/src/component/table/reveal_dialog.html

@@ -0,0 +1,16 @@
+<h2 mat-dialog-title>Copy now</h2>
+<mat-dialog-content>
+    <p>This won't be shown again.</p>
+    @for (entry of entries; track entry[0]) {
+        <p style="margin:12px 0 2px; font-size:12px; opacity:0.7;">{{ entry[0] }}</p>
+        <div style="display:flex; align-items:center; gap:8px;">
+            <code style="flex:1; word-break:break-all;">{{ entry[1] }}</code>
+            <button matIconButton (click)="copy(entry[1])" [attr.aria-label]="'Copy ' + entry[0]">
+                <mat-icon>content_copy</mat-icon>
+            </button>
+        </div>
+    }
+</mat-dialog-content>
+<mat-dialog-actions align="end">
+    <button matButton mat-dialog-close>Done</button>
+</mat-dialog-actions>

package/src/component/table/reveal_dialog.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectionStrategy, Component, inject } from "@angular/core";
+import { MAT_DIALOG_DATA, MatDialogModule } from "@angular/material/dialog";
+import { MatButtonModule } from "@angular/material/button";
+import { MatIconModule } from "@angular/material/icon";
+import { Clipboard } from "@angular/cdk/clipboard";
+
+/** Shows the one-time secret a kind:'V' reveal action returned (e.g. a minted API key), with copy buttons. */
+@Component({
+    selector: "sail-reveal-dialog",
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [MatDialogModule, MatButtonModule, MatIconModule],
+    templateUrl: "./reveal_dialog.html",
+})
+export class RevealDialog {
+    private readonly clipboard = inject(Clipboard);
+    readonly entries = Object.entries(inject<Record<string, unknown>>(MAT_DIALOG_DATA))
+        .filter(([, v]) => typeof v === "string" && v.length > 0) as [string, string][];
+
+    copy(value: string): void {
+        this.clipboard.copy(value);
+    }
+}

package/src/model/appdata.ts

@@ -83,7 +83,7 @@ export interface TableAction {
   confirmMessage?:  string;
   authorityObject:  string;   // uppercased table_name — for canExecute()
   authorityCheck:   string;   // uppercased action_name — for canExecute()
-  kind?:            'post' | 'redirect'; // 'redirect' = POST then follow the returned {url}; default 'post'
+  kind?:            'P' | 'R' | 'V'; // P post (default) / R redirect (follow {url}) / V reveal (show returned secret once)
 }
 
 export interface ForeignKey {