commit bd18b04235202d5bae7c2d1f57d65d4740acb8d8 · pdsls.dev/pdsls

+7 -19

src/views/logs.tsx

···

       5
       5
        
         processIndexedEntryLog,

     

       6
       6
        
       } from "@atcute/did-plc";

     

       7
       7
        
       import { createResource, createSignal, For, Show } from "solid-js";

     

       8
       8
       -
       import Tooltip from "../components/tooltip.jsx";

     

       9
       8
        
       import { localDateFromTimestamp } from "../utils/date.js";

     

       10
       9
        
       import { createOperationHistory, DiffEntry, groupBy } from "../utils/plc-logs.js";

     

       11
       10
        
       

     
···

       111
       110
        
       

     

       112
       111
        
         return (

     

       113
       112
        
           <div class="flex w-full flex-col gap-2 wrap-anywhere">

     

       114
       114
       -
             <div class="flex items-center justify-between">

     

       115
       115
       -
               <div class="flex items-center gap-1">

     

       116
       116
       -
                 <div class="iconify lucide--filter" />

     

       117
       117
       -
                 <div class="dark:shadow-dark-700 dark:bg-dark-300 flex w-fit items-center rounded-full border-[0.5px] border-neutral-300 bg-neutral-50 shadow-xs dark:border-neutral-700">

     

       118
       118
       -
                   <FilterButton icon="iconify lucide--at-sign" event="handle" />

     

       119
       119
       -
                   <FilterButton icon="iconify lucide--key-round" event="rotation_key" />

     

       120
       120
       -
                   <FilterButton icon="iconify lucide--hard-drive" event="service" />

     

       121
       121
       -
                   <FilterButton icon="iconify lucide--shield-check" event="verification_method" />

     

       122
       122
       -
                 </div>

     

       113
       113
       +
             <div class="flex items-center gap-1">

     

       114
       114
       +
               <div class="iconify lucide--filter" />

     

       115
       115
       +
               <div class="dark:shadow-dark-700 dark:bg-dark-300 flex w-fit items-center rounded-full border-[0.5px] border-neutral-300 bg-neutral-50 shadow-xs dark:border-neutral-700">

     

       116
       116
       +
                 <FilterButton icon="iconify lucide--at-sign" event="handle" />

     

       117
       117
       +
                 <FilterButton icon="iconify lucide--key-round" event="rotation_key" />

     

       118
       118
       +
                 <FilterButton icon="iconify lucide--hard-drive" event="service" />

     

       119
       119
       +
                 <FilterButton icon="iconify lucide--shield-check" event="verification_method" />

     

       123
       120
        
               </div>

     

       124
       124
       -
               <Tooltip text="Audit log">

     

       125
       125
       -
                 <a

     

       126
       126
       -
                   href={`${localStorage.plcDirectory ?? "https://plc.directory"}/${props.did}/log/audit`}

     

       127
       127
       -
                   target="_blank"

     

       128
       128
       -
                   class="-mr-1 flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       129
       129
       -
                 >

     

       130
       130
       -
                   <span class="iconify lucide--external-link"></span>

     

       131
       131
       -
                 </a>

     

       132
       132
       -
               </Tooltip>

     

       133
       121
        
             </div>

     

       134
       122
        
             <div class="flex flex-col gap-1 text-sm">

     

       135
       123
        
               <For each={plcOps()}>

+23 -20

src/views/repo.tsx

···

       198
       198
        
                         label="Jetstream"

     

       199
       199
        
                         icon="lucide--radio-tower"

     

       200
       200
        
                       />

     

       201
       201
       +
                       <NavMenu

     

       202
       202
       +
                         href={

     

       203
       203
       +
                           did.startsWith("did:plc") ?

     

       204
       204
       +
                             `${localStorage.plcDirectory ?? "https://plc.directory"}/${did}`

     

       205
       205
       +
                           : `https://${did.split("did:web:")[1]}/.well-known/did.json`

     

       206
       206
       +
                         }

     

       207
       207
       +
                         newTab

     

       208
       208
       +
                         label="DID Document"

     

       209
       209
       +
                         icon="lucide--external-link"

     

       210
       210
       +
                       />

     

       211
       211
       +
                       <Show when={did.startsWith("did:plc")}>

     

       212
       212
       +
                         <NavMenu

     

       213
       213
       +
                           href={`${localStorage.plcDirectory ?? "https://plc.directory"}/${did}/log/audit`}

     

       214
       214
       +
                           newTab

     

       215
       215
       +
                           label="Audit Log"

     

       216
       216
       +
                           icon="lucide--external-link"

     

       217
       217
       +
                         />

     

       218
       218
       +
                       </Show>

     

       201
       219
        
                       <Show when={error()?.length === 0 || error() === undefined}>

     

       202
       220
        
                         <ActionMenu

     

       203
       221
        
                           label="Export Repo"

     
···

       289
       307
        
                   <Show when={didDoc()}>

     

       290
       308
        
                     {(didDocument) => (

     

       291
       309
        
                       <div class="flex flex-col gap-y-1 wrap-anywhere">

     

       292
       292
       -
                         <div class="flex items-baseline justify-between gap-2">

     

       293
       293
       -
                           <div>

     

       294
       294
       -
                             <div class="flex items-center gap-1">

     

       295
       295
       -
                               <div class="iconify lucide--id-card" />

     

       296
       296
       -
                               <p class="font-semibold">ID</p>

     

       297
       297
       -
                             </div>

     

       298
       298
       -
                             <div class="text-sm">{didDocument().id}</div>

     

       310
       310
       +
                         <div>

     

       311
       311
       +
                           <div class="flex items-center gap-1">

     

       312
       312
       +
                             <div class="iconify lucide--id-card" />

     

       313
       313
       +
                             <p class="font-semibold">ID</p>

     

       299
       314
        
                           </div>

     

       300
       300
       -
                           <Tooltip text="DID document">

     

       301
       301
       -
                             <a

     

       302
       302
       -
                               href={

     

       303
       303
       -
                                 did.startsWith("did:plc") ?

     

       304
       304
       -
                                   `${localStorage.plcDirectory ?? "https://plc.directory"}/${did}`

     

       305
       305
       -
                                 : `https://${did.split("did:web:")[1]}/.well-known/did.json`

     

       306
       306
       -
                               }

     

       307
       307
       -
                               target="_blank"

     

       308
       308
       -
                               class="-mr-1 flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       309
       309
       -
                             >

     

       310
       310
       -
                               <span class="iconify lucide--external-link"></span>

     

       311
       311
       -
                             </a>

     

       312
       312
       -
                           </Tooltip>

     

       315
       315
       +
                           <div class="text-sm">{didDocument().id}</div>

     

       313
       316
        
                         </div>

     

       314
       317
        
                         <div>

     

       315
       318
        
                           <div class="flex items-center gap-1">