bitty-tui 0.0.4 → 0.0.5

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/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.5",
   "license": "MIT",
   "repository": "https://github.com/mceck/bitty",
   "keywords": [

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)