bitty-tui 0.0.4 → 0.0.6

package/dist/clients/bw.d.ts

@@ -34,6 +34,7 @@ export interface Cipher {
         }[];
         username?: string;
         password?: string;
+        totp?: string | null;
     };
     identity?: {
         address1: string | null;
@@ -111,6 +112,7 @@ export declare class Client {
     login(email: string, password: string): Promise<void>;
     checkToken(): Promise<void>;
     syncRefresh(): Promise<SyncResponse | null>;
+    decryptOrgKeys(): void;
     getDecryptionKey(cipher: Partial<Cipher>): Key | undefined;
     getDecryptedSync({ forceRefresh }?: {
         forceRefresh?: boolean | undefined;
@@ -145,6 +147,7 @@ export declare class Client {
             }[];
             username?: string;
             password?: string;
+            totp?: string | null;
         } | undefined;
         identity?: {
             address1: string | null;

package/dist/clients/bw.js

@@ -323,8 +323,12 @@ export class Client {
                 "bitwarden-client-version": "2025.9.0",
             },
         }).then((r) => r.json());
+        this.decryptOrgKeys();
+        return this.syncCache;
+    }
+    decryptOrgKeys() {
         if (!this.keys.privateKey)
-            return this.syncCache;
+            return;
         for (const org of this.syncCache?.profile?.organizations || []) {
             if (org.id in this.orgKeys)
                 continue;
@@ -333,7 +337,6 @@ export class Client {
                 mac: new Uint8Array(),
             };
         }
-        return this.syncCache;
     }
     getDecryptionKey(cipher) {
         let key = this.keys.userKey;
@@ -366,6 +369,8 @@ export class Client {
                     ret.data.username = ret.login.username;
                     ret.login.password = this.decrypt(cipher.login.password, key);
                     ret.data.password = ret.login.password;
+                    ret.login.totp = this.decrypt(cipher.login.totp, key);
+                    ret.data.totp = ret.login.totp;
                     ret.login.uri = this.decrypt(cipher.login.uri, key);
                     ret.data.uri = ret.login.uri;
                     if (cipher.login.uris?.length) {

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { Box } from "ink";
+type Props = {
+    isActive?: boolean;
+    label?: string;
+    value: boolean;
+    onToggle: (value: boolean) => void;
+} & React.ComponentProps<typeof Box>;
+export declare const Checkbox: ({ isActive, value, label, onToggle, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Checkbox.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Box, useFocus, useInput } from "ink";
+import { primary } from "../theme/style.js";
+export const Checkbox = ({ isActive = true, value, label, onToggle, ...props }) => {
+    const { isFocused } = useFocus();
+    useInput((input, key) => {
+        if (input === " ") {
+            onToggle(!value);
+        }
+    }, { isActive: isFocused && isActive });
+    return (_jsxs(Box, { ...props, children: [_jsx(Box, { width: 5, height: 3, flexShrink: 0, borderStyle: "round", borderColor: isFocused && isActive ? primary : "gray", children: value && (_jsx(Box, { width: 1, height: 1, marginLeft: 1, children: _jsx(Text, { color: isFocused && isActive ? primary : "gray", children: "X" }) })) }), _jsx(Box, { marginTop: 1, marginLeft: 1, children: _jsx(Text, { children: label }) })] }));
+};

package/dist/dashboard/DashboardView.js

@@ -9,7 +9,7 @@ import { primary } from "../theme/style.js";
 import { bwClient, clearConfig, emptyCipher, useBwSync } from "../hooks/bw.js";
 import { useStatusMessage } from "../hooks/status-message.js";
 export function DashboardView({ onLogout }) {
-    const { sync, fetchSync } = useBwSync();
+    const { sync, error, fetchSync } = useBwSync();
     const [syncState, setSyncState] = useState(sync);
     const [searchQuery, setSearchQuery] = useState("");
     const [listIndex, setListIndex] = useState(0);
@@ -35,6 +35,10 @@ export function DashboardView({ onLogout }) {
         }) ?? []).sort((a, b) => a.name.localeCompare(b.name));
     }, [syncState, searchQuery]);
     const selectedCipher = detailMode === "new" ? editedCipher : filteredCiphers[listIndex];
+    const logout = async () => {
+        await clearConfig();
+        onLogout();
+    };
     useEffect(() => {
         setListIndex(0);
     }, [searchQuery]);
@@ -45,10 +49,13 @@ export function DashboardView({ onLogout }) {
         if (focusedComponent === "detail")
             focusNext();
     }, [focusedComponent]);
+    useEffect(() => {
+        if (error)
+            showStatusMessage(error, "error");
+    }, [error]);
     useInput(async (input, key) => {
         if (key.ctrl && input === "w") {
-            await clearConfig();
-            onLogout();
+            await logout();
             return;
         }
         if (input === "/" && focusedComponent !== "search") {

package/dist/dashboard/components/MainInfoTab.js

@@ -3,14 +3,39 @@ import { Box, Text } from "ink";
 import { CipherType } from "../../clients/bw.js";
 import { primaryLight } from "../../theme/style.js";
 import { TextInput } from "../../components/TextInput.js";
+import { useEffect, useState } from "react";
+import { authenticator } from "otplib";
 export function MainTab({ isFocused, selectedCipher, onChange, }) {
+    const [otpCode, setOtpCode] = useState("");
+    const [otpTimeout, setOtpTimeout] = useState(0);
+    useEffect(() => {
+        let interval = null;
+        if (selectedCipher?.login?.totp) {
+            interval = setInterval(() => {
+                setOtpTimeout((t) => {
+                    if (t <= 1) {
+                        setOtpCode(authenticator.generate(selectedCipher.login.totp));
+                        return 30;
+                    }
+                    return t - 1;
+                });
+            }, 1000);
+        }
+        else {
+            setOtpCode("");
+        }
+        return () => {
+            if (interval)
+                clearInterval(interval);
+        };
+    }, [selectedCipher?.login?.totp]);
     return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Name:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.name, onChange: (value) => onChange({ ...selectedCipher, name: value }) }) })] }), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Username:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.username ?? "", onChange: (value) => onChange({
                                 ...selectedCipher,
                                 login: { ...selectedCipher.login, username: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
-                                ...selectedCipher,
-                                login: { ...selectedCipher.login, password: value },
-                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "URL:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.uris?.[0]?.uri ?? "", onChange: (value) => onChange({
+                            }) }) })] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "Password:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isPassword: true, showPasswordOnFocus: true, isActive: isFocused, value: selectedCipher.login?.password ?? "", onChange: (value) => onChange({
+                                        ...selectedCipher,
+                                        login: { ...selectedCipher.login, password: value },
+                                    }) }) })] }), selectedCipher.login?.totp && (_jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { marginRight: 2, flexShrink: 0, children: _jsxs(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: ["OTP (", otpTimeout.toString().padStart(2, "0"), "s):"] }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: otpCode }) })] }))] })), selectedCipher.type === CipherType.Login && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 12, marginRight: 2, flexShrink: 0, children: _jsx(Text, { bold: true, color: isFocused ? primaryLight : "gray", children: "URL:" }) }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: _jsx(TextInput, { inline: true, isActive: isFocused, value: selectedCipher.login?.uris?.[0]?.uri ?? "", onChange: (value) => onChange({
                                 ...selectedCipher,
                                 login: {
                                     ...selectedCipher.login,

package/dist/hooks/bw.d.ts

@@ -10,6 +10,7 @@ export declare function saveConfig(config: BwConfig): Promise<void>;
 export declare function clearConfig(): Promise<void>;
 export declare const useBwSync: () => {
     sync: SyncResponse | null;
+    error: string | null;
     fetchSync: (forceRefresh?: boolean) => Promise<void>;
 };
 export declare const emptyCipher: any;

package/dist/hooks/bw.js

@@ -4,7 +4,7 @@ import path from "path";
 import { CipherType, Client } from "../clients/bw.js";
 import { useCallback, useEffect, useState } from "react";
 export const bwClient = new Client();
-const configPath = path.join(os.homedir(), ".config", "bwtui", "config.json");
+const configPath = path.join(os.homedir(), ".config", "bitty", "config.json");
 export async function loadConfig() {
     try {
         if (fs.existsSync(configPath)) {
@@ -83,14 +83,21 @@ export async function clearConfig() {
 }
 export const useBwSync = () => {
     const [sync, setSync] = useState(null);
+    const [error, setError] = useState(null);
     const fetchSync = useCallback(async (forceRefresh = true) => {
-        const sync = await bwClient.getDecryptedSync({ forceRefresh });
-        setSync(sync);
+        try {
+            setError(null);
+            const sync = await bwClient.getDecryptedSync({ forceRefresh });
+            setSync(sync);
+        }
+        catch (e) {
+            setError("Error fetching sync data");
+        }
     }, []);
     useEffect(() => {
         fetchSync();
     }, [fetchSync]);
-    return { sync, fetchSync };
+    return { sync, error, fetchSync };
 };
 export const emptyCipher = {
     name: "",

package/dist/login/LoginView.js

@@ -6,6 +6,7 @@ import { Button } from "../components/Button.js";
 import { primary } from "../theme/style.js";
 import { bwClient, loadConfig, saveConfig } from "../hooks/bw.js";
 import { useStatusMessage } from "../hooks/status-message.js";
+import { Checkbox } from "../components/Checkbox.js";
 const art = `
  ███████████   ███  ███████████ ███████████ █████ █████
 ░░███░░░░░███ ░░░  ░█░░░███░░░█░█░░░███░░░█░░███ ░░███
@@ -21,6 +22,7 @@ export function LoginView({ onLogin }) {
     const [url, setUrl] = useState("https://vault.bitwarden.eu");
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
+    const [rememberMe, setRememberMe] = useState(false);
     const { stdout } = useStdout();
     const { focusNext } = useFocusManager();
     const { statusMessage, statusMessageColor, showStatusMessage } = useStatusMessage();
@@ -38,11 +40,13 @@ export function LoginView({ onLogin }) {
             if (!bwClient.refreshToken || !bwClient.keys)
                 throw new Error("Missing URL or keys after login");
             onLogin();
-            saveConfig({
-                baseUrl: url?.trim().length ? url.trim() : undefined,
-                keys: bwClient.keys,
-                refreshToken: bwClient.refreshToken,
-            });
+            if (rememberMe) {
+                saveConfig({
+                    baseUrl: url?.trim().length ? url.trim() : undefined,
+                    keys: bwClient.keys,
+                    refreshToken: bwClient.refreshToken,
+                });
+            }
         }
         catch (e) {
             showStatusMessage("Login failed, please check your credentials.", "error");
@@ -71,5 +75,5 @@ export function LoginView({ onLogin }) {
                             else {
                                 focusNext();
                             }
-                        }, isPassword: true }), _jsx(Button, { onClick: handleLogin, children: "Log In" }), statusMessage && (_jsx(Box, { marginTop: 1, width: "100%", justifyContent: "center", children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) }))] }))] }));
+                        }, isPassword: true }), _jsxs(Box, { children: [_jsx(Checkbox, { label: "Remember me (less secure)", value: rememberMe, width: "50%", onToggle: setRememberMe }), _jsx(Button, { width: "50%", onClick: handleLogin, children: "Log In" })] }), statusMessage && (_jsx(Box, { marginTop: 1, width: "100%", justifyContent: "center", children: _jsx(Text, { color: statusMessageColor, children: statusMessage }) }))] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bitty-tui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "license": "MIT",
   "repository": "https://github.com/mceck/bitty",
   "keywords": [
@@ -32,6 +32,7 @@
     "chalk": "^5.6.2",
     "clipboardy": "^4.0.0",
     "ink": "^6.3.0",
+    "otplib": "^12.0.1",
     "react": "^19.1.0"
   },
   "devDependencies": {

package/readme.md

@@ -15,6 +15,8 @@ Bitwarden compatible TUI for your terminal.
 
 Works also with Vaultwarden.
 
+If you check "Remember me" during login, your vault encryption keys will be stored in plain text in your home folder (`$HOME/.config/bitty/config.json`). Use this option only if you are the only user of your machine.
+
 ## Acknowledgments
 
 - [Bitwarden](https://github.com/bitwarden)