@tuskydp/cli 0.1.0 → 0.1.2

package/src/tui/vaults-panel.ts

@@ -0,0 +1,143 @@
+import blessed from 'blessed';
+import type { TuskyClient } from '@tuskydp/sdk';
+import { formatBytes, formatRow, getCurrentTheme } from './helpers.js';
+
+export interface VaultItem {
+  id: string;
+  name: string;
+  slug: string;
+  visibility: string;
+  fileCount: number;
+  totalSizeBytes: number;
+}
+
+export class VaultsPanel {
+  list: blessed.Widgets.ListElement;
+  private screen: blessed.Widgets.Screen;
+  private sdk: TuskyClient;
+  private vaults: VaultItem[] = [];
+  private loading = false;
+  private onSelect: (vault: VaultItem) => void;
+
+  constructor(
+    screen: blessed.Widgets.Screen,
+    sdk: TuskyClient,
+    parent: blessed.Widgets.BoxElement,
+    onSelect: (vault: VaultItem) => void,
+  ) {
+    this.screen = screen;
+    this.sdk = sdk;
+    this.onSelect = onSelect;
+
+    this.list = blessed.list({
+      parent,
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      border: { type: 'line' },
+      style: {
+        border: { fg: 'cyan' },
+        fg: 'white',
+        selected: {
+          bg: 'cyan',
+          fg: 'black',
+        },
+        focus: {
+          border: { fg: 'green' },
+        },
+      },
+      label: ' Vaults ',
+      tags: true,
+      keys: true,
+      vi: true,
+      interactive: true,
+      scrollable: true,
+      alwaysScroll: true,
+      scrollbar: {
+        style: { bg: 'cyan' },
+      },
+    });
+
+    // Load files when navigating vaults (not on Enter — that shows details)
+    this.list.on('select item', (_item: any, index: number) => {
+      if (this.vaults[index]) {
+        this.onSelect(this.vaults[index]);
+      }
+    });
+  }
+
+  async load() {
+    if (this.loading) return;
+    this.loading = true;
+    this.list.setItems(['Loading vaults...'] as any);
+    this.screen.render();
+
+    try {
+      const vaults = await this.sdk.vaults.list();
+      this.vaults = vaults.map((v) => ({
+        id: v.id,
+        name: v.name,
+        slug: v.slug,
+        visibility: v.visibility,
+        fileCount: v.fileCount || 0,
+        totalSizeBytes: v.totalSizeBytes || 0,
+      }));
+
+      if (this.vaults.length === 0) {
+        this.list.setItems(['(no vaults — press n to create)'] as any);
+      } else {
+        // Calculate available width (subtract border + padding)
+        const totalW = (this.list.width as number) - 4;
+        const filesW = 7;  // "999 files" max ~9
+        const visW = 7;    // "private"
+        const sizeW = 9;   // "999.9 GB"
+        const nameW = Math.max(8, totalW - filesW - visW - sizeW - 3);
+
+        const items = this.vaults.map((v) => {
+          const vis = v.visibility === 'private' ? 'private' : 'public';
+          const visTagged = v.visibility === 'private' ? '{yellow-fg}private{/yellow-fg}' : '{green-fg}public{/green-fg}';
+          const size = formatBytes(v.totalSizeBytes);
+          const files = `${v.fileCount}`;
+          const name = v.name.length > nameW ? v.name.slice(0, nameW - 1) + '…' : v.name;
+          return formatRow([
+            { text: name, width: nameW },
+            { text: vis, tagged: visTagged, width: visW },
+            { text: files, width: filesW, align: 'right' },
+            { text: size, width: sizeW, align: 'right' },
+          ], totalW);
+        });
+        this.list.setItems(items as any);
+      }
+    } catch (err: any) {
+      this.list.setItems([`Error: ${err.message}`] as any);
+    }
+
+    this.loading = false;
+    this.screen.render();
+  }
+
+  getSelected(): VaultItem | null {
+    const idx = (this.list as any).selected as number;
+    return this.vaults[idx] || null;
+  }
+
+  getVaults(): VaultItem[] {
+    return this.vaults;
+  }
+
+  focus() {
+    this.list.focus();
+    this.list.style.border = { fg: getCurrentTheme().borderFocus } as any;
+    this.screen.render();
+  }
+
+  blur() {
+    this.list.style.border = { fg: getCurrentTheme().border } as any;
+    this.screen.render();
+  }
+
+  destroy() {
+    this.list.destroy();
+  }
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "."
+  },
+  "include": ["src", "bin"],
+  "exclude": ["src/**/*.test.ts"]
+}

package/vitest.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    include: ['src/**/*.test.ts'],
+  },
+});