d

Author: ccamel

src/libs/kdbx/mod.ts

@@ -19,6 +19,9 @@ export function getEntryType($entry: KDBX.Inner.KeePassFile.Entry) {
   if ($entry.getDirectStringByKeyOrNull("SeedPhrase")?.getValueOrThrow().get())
     return "seed"
 
+  if ($entry.getDirectStringByKeyOrNull("SshPublicKey")?.getValueOrThrow().get())
+    return "ssh"
+
   return "password"
 }
 
@@ -43,6 +46,9 @@ export function getEntryFilter($entry: KDBX.Inner.KeePassFile.Entry) {
   if (type === "seed")
     return "seed"
 
+  if (type === "ssh")
+    return "ssh"
+
   return "password"
 }
 

src/mods/app/session/mod.tsx

@@ -20,9 +20,25 @@ import { SessionCardAccountPage, SessionCardAddAnchor, SessionCardAddPage } from
 import { SessionPasswordAccountPage, SessionPasswordAddAnchor, SessionPasswordAddPage } from "./password/mod.tsx";
 import { SessionSeedAccountPage, SessionSeedAddAnchor, SessionSeedAddPage } from "./seed/mod.tsx";
 import { SessionSolanaAccountPage, SessionSolanaAddAnchor, SessionSolanaAddPage } from "./solana/mod.tsx";
+import { SessionSshAccountPage, SessionSshAddAnchor, SessionSshAddPage } from "./ssh/mod.tsx";
 
 React;
 
+function getSshPublicKeySummary($entry: KDBX.Inner.KeePassFile.Entry) {
+  const publicKey = $entry.getDirectStringByKeyOrNull("SshPublicKey")?.getValueOrThrow().get()
+  if (!publicKey)
+    return
+
+  const trimmed = publicKey.trim()
+  if (!trimmed)
+    return
+
+  if (trimmed.length <= 48)
+    return trimmed
+
+  return `${trimmed.slice(0, 32)}...${trimmed.slice(-8)}`
+}
+
 export interface SessionData {
   readonly user: UserData
   readonly kdbx: KDBX.Database.Decrypted
@@ -190,6 +206,13 @@ export function SessionPage() {
           <Outline.SparklesIcon className="size-5" />
           Seeds
         </button>
+        <button className="bg-default-contrast aria-selected:bg-opposite aria-selected:text-opposite rounded-xl po-1 flex items-center gap-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-default-contrast aria-selected:focus-visible:outline-opposite"
+          type="button"
+          aria-selected={filter === "ssh"}
+          onClick={() => filter === "ssh" ? setFilter(undefined) : setFilter("ssh")}>
+          <Outline.KeyIcon className="size-5" />
+          SSH Keys
+        </button>
         <button className="bg-default-contrast aria-selected:bg-opposite aria-selected:text-opposite rounded-xl po-1 flex items-center gap-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-default-contrast aria-selected:focus-visible:outline-opposite"
           type="button"
           aria-selected={filter === "trash"}
@@ -271,6 +294,9 @@ function SessionAccountCardInGrid(props: { $entry: KDBX.Inner.KeePassFile.Entry
             if (type === "seed")
               return <SessionSeedAccountPage $entry={$entry} />
 
+            if (type === "ssh")
+              return <SessionSshAccountPage $entry={$entry} />
+
             return null
           })()}
         </PathBoard>}
@@ -344,6 +370,9 @@ function SessionAccountCardInGrid(props: { $entry: KDBX.Inner.KeePassFile.Entry
           if (type === "seed")
             return $entry.getDirectStringByKeyOrNull("SeedPhrase")?.getValueOrThrow().get().split(" ").at(0)
 
+          if (type === "ssh")
+            return getSshPublicKeySummary($entry)
+
           return null
         })()}
       </div>
@@ -394,6 +423,12 @@ function SessionAccountCardInGrid(props: { $entry: KDBX.Inner.KeePassFile.Entry
               Password
             </div>
 
+          if (type === "ssh")
+            return <div className="bg-default-contrast rounded-xl po-1 flex items-center gap-2">
+              <Outline.KeyIcon className="size-5" />
+              SSH
+            </div>
+
           return null
         })()}
       </div>
@@ -471,6 +506,9 @@ export function SessionAccountCard(props: { $entry: KDBX.Inner.KeePassFile.Entry
             if (type === "seed")
               return $entry.getDirectStringByKeyOrNull("SeedPhrase")?.getValueOrThrow().get().split(" ").at(0)
 
+            if (type === "ssh")
+              return getSshPublicKeySummary($entry)
+
             return null
           })()}
         </div>
@@ -521,6 +559,12 @@ export function SessionAccountCard(props: { $entry: KDBX.Inner.KeePassFile.Entry
                 Password
               </div>
 
+            if (type === "ssh")
+              return <div className="bg-default-contrast rounded-xl po-1 flex items-center gap-2">
+                <Outline.KeyIcon className="size-5" />
+                SSH
+              </div>
+
             return null
           })()}
         </div>
@@ -578,12 +622,17 @@ function SessionAccountAddMenu() {
         <PathBoard>
           <SessionSeedAddPage />
         </PathBoard>}
+      {hash.url.pathname === "/ssh" &&
+        <PathBoard>
+          <SessionSshAddPage />
+        </PathBoard>}
     </SubpathProvider>
     <div className="flex flex-col text-left gap-2">
       <SessionPasswordAddAnchor />
       <SessionCryptoAddAnchor />
       <SessionCardAddAnchor />
       <SessionSeedAddAnchor />
+      <SessionSshAddAnchor />
     </div>
   </Fragment>
 }
@@ -859,4 +908,4 @@ export function AccountColorAnchor(props: { color?: Nullable<string> }) {
         data-color={color} />
     </InAnchor>
   </a>
-}
+}