commit 904700fc16cda1e0229e6f56150de400cac7f0fd · knotbin.com/airport

+1 -1

README.md

···

       24
       24
        
       

     

       25
       25
        
       Start the project in development mode:

     

       26
       26
        
       

     

       27
       27
       -
       ```

     

       27
       27
       +
       ```shell

     

       28
       28
        
       deno task dev

     

       29
       29
        
       ```

     

       30
       30

+65

components/Link.tsx

···

       1
       1
       +
       import { JSX } from "preact";

     

       2
       2
       +
       

     

       3
       3
       +
       /**

     

       4
       4
       +
        * Props for the Link component

     

       5
       5
       +
        */

     

       6
       6
       +
       type Props = Omit<JSX.HTMLAttributes<HTMLAnchorElement>, "href"> & {

     

       7
       7
       +
         /** URL for the link */

     

       8
       8
       +
         href: string;

     

       9
       9
       +
         /** Whether this is an external link that should show an outbound icon */

     

       10
       10
       +
         isExternal?: boolean;

     

       11
       11
       +
         /** Link text content */

     

       12
       12
       +
         children: JSX.Element | string;

     

       13
       13
       +
       };

     

       14
       14
       +
       

     

       15
       15
       +
       /**

     

       16
       16
       +
        * A link component that handles external links with appropriate styling and accessibility.

     

       17
       17
       +
        * Automatically adds external link icon and proper attributes for external links.

     

       18
       18
       +
        */

     

       19
       19
       +
       export function Link(props: Props) {

     

       20
       20
       +
         const {

     

       21
       21
       +
           isExternal = false,

     

       22
       22
       +
           class: className = "",

     

       23
       23
       +
           children,

     

       24
       24
       +
           href,

     

       25
       25
       +
           ...rest

     

       26
       26
       +
         } = props;

     

       27
       27
       +
       

     

       28
       28
       +
         // SVG for external link icon

     

       29
       29
       +
         const externalLinkIcon = (

     

       30
       30
       +
           <svg

     

       31
       31
       +
             xmlns="http://www.w3.org/2000/svg"

     

       32
       32
       +
             viewBox="0 0 20 20"

     

       33
       33
       +
             fill="currentColor"

     

       34
       34
       +
             className="w-4 h-4 inline-block ml-1"

     

       35
       35
       +
             aria-hidden="true"

     

       36
       36
       +
           >

     

       37
       37
       +
             <path

     

       38
       38
       +
               fillRule="evenodd"

     

       39
       39
       +
               d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"

     

       40
       40
       +
             />

     

       41
       41
       +
             <path

     

       42
       42
       +
               fillRule="evenodd"

     

       43
       43
       +
               d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"

     

       44
       44
       +
             />

     

       45
       45
       +
           </svg>

     

       46
       46
       +
         );

     

       47
       47
       +
       

     

       48
       48
       +
         return (

     

       49
       49
       +
           <a

     

       50
       50
       +
             href={href}

     

       51
       51
       +
             {...rest}

     

       52
       52
       +
             className={`inline-flex items-center hover:underline ${className}`}

     

       53
       53
       +
             {...(isExternal && {

     

       54
       54
       +
               target: "_blank",

     

       55
       55
       +
               rel: "noopener noreferrer",

     

       56
       56
       +
               "aria-label": `${

     

       57
       57
       +
                 typeof children === "string" ? children : ""

     

       58
       58
       +
               } (opens in new tab)`,

     

       59
       59
       +
             })}

     

       60
       60
       +
           >

     

       61
       61
       +
             {children}

     

       62
       62
       +
             {isExternal && externalLinkIcon}

     

       63
       63
       +
           </a>

     

       64
       64
       +
         );

     

       65
       65
       +
       }

+32 -8

deno.json

···

       8
       8
        
         },

     

       9
       9
        
         "lint": {

     

       10
       10
        
           "rules": {

     

       11
       11
       -
             "tags": ["fresh", "recommended"]

     

       11
       11
       +
             "tags": [

     

       12
       12
       +
               "fresh",

     

       13
       13
       +
               "recommended"

     

       14
       14
       +
             ]

     

       12
       15
        
           }

     

       13
       16
        
         },

     

       14
       14
       -
         "exclude": ["**/_fresh/*"],

     

       17
       17
       +
         "exclude": [

     

       18
       18
       +
           "**/_fresh/*"

     

       19
       19
       +
         ],

     

       15
       20
        
         "imports": {

     

       16
       21
        
           "@atproto/api": "npm:@atproto/api@^0.15.6",

     

       17
       22
        
           "@bigmoves/atproto-oauth-client": "jsr:@bigmoves/atproto-oauth-client@^0.2.0",

     
···

       21
       26
        
           "posthog-js": "npm:posthog-js@1.120.0",

     

       22
       27
        
           "preact": "npm:preact@^10.26.6",

     

       23
       28
        
           "@preact/signals": "npm:@preact/signals@^2.0.4",

     

       24
       24
       -
           "tailwindcss": "npm:tailwindcss@^3.4.3"

     

       29
       29
       +
           "tailwindcss": "npm:tailwindcss@^3.4.3",

     

       30
       30
       +
           "@atproto/crypto": "npm:@atproto/crypto@^0.4.4",

     

       31
       31
       +
           "@did-plc/lib": "npm:@did-plc/lib@^0.0.4"

     

       25
       32
        
         },

     

       26
       33
        
         "compilerOptions": {

     

       27
       27
       -
           "lib": ["dom", "dom.asynciterable", "dom.iterable", "deno.ns"],

     

       34
       34
       +
           "lib": [

     

       35
       35
       +
             "dom",

     

       36
       36
       +
             "dom.asynciterable",

     

       37
       37
       +
             "dom.iterable",

     

       38
       38
       +
             "deno.ns"

     

       39
       39
       +
           ],

     

       28
       40
        
           "jsx": "precompile",

     

       29
       41
        
           "jsxImportSource": "preact",

     

       30
       30
       -
           "jsxPrecompileSkipElements": ["a", "img", "source", "body", "html", "head"],

     

       31
       31
       -
           "types": ["node"]

     

       42
       42
       +
           "jsxPrecompileSkipElements": [

     

       43
       43
       +
             "a",

     

       44
       44
       +
             "img",

     

       45
       45
       +
             "source",

     

       46
       46
       +
             "body",

     

       47
       47
       +
             "html",

     

       48
       48
       +
             "head"

     

       49
       49
       +
           ],

     

       50
       50
       +
           "types": [

     

       51
       51
       +
             "node"

     

       52
       52
       +
           ]

     

       32
       53
        
         },

     

       33
       33
       -
         "unstable": ["kv", "otel"]

     

       34
       34
       -
       }

     

       54
       54
       +
         "unstable": [

     

       55
       55
       +
           "kv",

     

       56
       56
       +
           "otel"

     

       57
       57
       +
         ]

     

       58
       58
       +
       }

+284 -1

deno.lock

···

       33
       33
        
           "npm:@atproto/api@*": "0.15.6",

     

       34
       34
        
           "npm:@atproto/api@~0.15.6": "0.15.6",

     

       35
       35
        
           "npm:@atproto/crypto@*": "0.4.4",

     

       36
       36
       +
           "npm:@atproto/crypto@~0.4.4": "0.4.4",

     

       36
       37
        
           "npm:@atproto/identity@*": "0.4.8",

     

       37
       38
        
           "npm:@atproto/jwk@0.1.4": "0.1.4",

     

       38
       39
        
           "npm:@atproto/oauth-client@~0.3.13": "0.3.16",

     

       39
       40
        
           "npm:@atproto/oauth-types@~0.2.4": "0.2.7",

     

       40
       41
        
           "npm:@atproto/syntax@*": "0.4.0",

     

       41
       42
        
           "npm:@atproto/xrpc@*": "0.7.0",

     

       43
       43
       +
           "npm:@did-plc/lib@^0.0.4": "0.0.4",

     

       42
       44
        
           "npm:@lucide/lab@*": "0.1.2",

     

       43
       45
        
           "npm:@opentelemetry/api@^1.9.0": "1.9.0",

     

       44
       46
        
           "npm:@preact/signals@^1.2.3": "1.3.2_preact@10.26.6",

     
···

       293
       295
        
               "zod"

     

       294
       296
        
             ]

     

       295
       297
        
           },

     

       298
       298
       +
           "@atproto/common@0.1.1": {

     

       299
       299
       +
             "integrity": "sha512-GYwot5wF/z8iYGSPjrLHuratLc0CVgovmwfJss7+BUOB6y2/Vw8+1Vw0n9DDI0gb5vmx3UI8z0uJgC8aa8yuJg==",

     

       300
       300
       +
             "dependencies": [

     

       301
       301
       +
               "@ipld/dag-cbor",

     

       302
       302
       +
               "multiformats@9.9.0",

     

       303
       303
       +
               "pino",

     

       304
       304
       +
               "zod"

     

       305
       305
       +
             ]

     

       306
       306
       +
           },

     

       307
       307
       +
           "@atproto/crypto@0.1.0": {

     

       308
       308
       +
             "integrity": "sha512-9xgFEPtsCiJEPt9o3HtJT30IdFTGw5cQRSJVIy5CFhqBA4vDLcdXiRDLCjkzHEVbtNCsHUW6CrlfOgbeLPcmcg==",

     

       309
       309
       +
             "dependencies": [

     

       310
       310
       +
               "@noble/secp256k1",

     

       311
       311
       +
               "big-integer",

     

       312
       312
       +
               "multiformats@9.9.0",

     

       313
       313
       +
               "one-webcrypto",

     

       314
       314
       +
               "uint8arrays@3.0.0"

     

       315
       315
       +
             ]

     

       316
       316
       +
           },

     

       296
       317
        
           "@atproto/crypto@0.4.4": {

     

       297
       318
        
             "integrity": "sha512-Yq9+crJ7WQl7sxStVpHgie5Z51R05etaK9DLWYG/7bR5T4bhdcIgF6IfklLShtZwLYdVVj+K15s0BqW9a8PSDA==",

     

       298
       319
        
             "dependencies": [

     
···

       311
       332
        
             "integrity": "sha512-Z0sLnJ87SeNdAifT+rqpgE1Rc3layMMW25gfWNo4u40RGuRODbdfAZlTwBSU2r+Vk45hU+iE+xeQspfednCEnA==",

     

       312
       333
        
             "dependencies": [

     

       313
       334
        
               "@atproto/common-web",

     

       314
       314
       -
               "@atproto/crypto"

     

       335
       335
       +
               "@atproto/crypto@0.4.4"

     

       315
       336
        
             ]

     

       316
       337
        
           },

     

       317
       338
        
           "@atproto/jwk@0.1.4": {

     
···

       369
       390
        
             "integrity": "sha512-SfhP9dGx2qclaScFDb58Jnrmim5nk4geZXCqg6sB0I/KZhZEkr9iIx1hLCp+sxkIfEsmEJjeWO4B0rjUIJW5cw==",

     

       370
       391
        
             "dependencies": [

     

       371
       392
        
               "@atproto/lexicon",

     

       393
       393
       +
               "zod"

     

       394
       394
       +
             ]

     

       395
       395
       +
           },

     

       396
       396
       +
           "@did-plc/lib@0.0.4": {

     

       397
       397
       +
             "integrity": "sha512-Omeawq3b8G/c/5CtkTtzovSOnWuvIuCI4GTJNrt1AmCskwEQV7zbX5d6km1mjJNbE0gHuQPTVqZxLVqetNbfwA==",

     

       398
       398
       +
             "dependencies": [

     

       399
       399
       +
               "@atproto/common",

     

       400
       400
       +
               "@atproto/crypto@0.1.0",

     

       401
       401
       +
               "@ipld/dag-cbor",

     

       402
       402
       +
               "axios",

     

       403
       403
       +
               "multiformats@9.9.0",

     

       404
       404
       +
               "uint8arrays@3.0.0",

     

       372
       405
        
               "zod"

     

       373
       406
        
             ]

     

       374
       407
        
           },

     
···

       492
       525
        
             "os": ["win32"],

     

       493
       526
        
             "cpu": ["x64"]

     

       494
       527
        
           },

     

       528
       528
       +
           "@ipld/dag-cbor@7.0.3": {

     

       529
       529
       +
             "integrity": "sha512-1VVh2huHsuohdXC1bGJNE8WR72slZ9XE2T3wbBBq31dm7ZBatmKLLxrB+XAqafxfRFjv08RZmj/W/ZqaM13AuA==",

     

       530
       530
       +
             "dependencies": [

     

       531
       531
       +
               "cborg",

     

       532
       532
       +
               "multiformats@9.9.0"

     

       533
       533
       +
             ]

     

       534
       534
       +
           },

     

       495
       535
        
           "@isaacs/cliui@8.0.2": {

     

       496
       536
        
             "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",

     

       497
       537
        
             "dependencies": [

     
···

       538
       578
        
           },

     

       539
       579
        
           "@noble/hashes@1.8.0": {

     

       540
       580
        
             "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A=="

     

       581
       581
       +
           },

     

       582
       582
       +
           "@noble/secp256k1@1.7.2": {

     

       583
       583
       +
             "integrity": "sha512-/qzwYl5eFLH8OWIecQWM31qld2g1NfjgylK+TNhqtaUKP37Nm+Y+z30Fjhw0Ct8p9yCQEm2N3W/AckdIb3SMcQ=="

     

       541
       584
        
           },

     

       542
       585
        
           "@nodelib/fs.scandir@2.1.5": {

     

       543
       586
        
             "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",

     
···

       588
       631
        
               "undici-types"

     

       589
       632
        
             ]

     

       590
       633
        
           },

     

       634
       634
       +
           "abort-controller@3.0.0": {

     

       635
       635
       +
             "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",

     

       636
       636
       +
             "dependencies": [

     

       637
       637
       +
               "event-target-shim"

     

       638
       638
       +
             ]

     

       639
       639
       +
           },

     

       591
       640
        
           "ansi-regex@5.0.1": {

     

       592
       641
        
             "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="

     

       593
       642
        
           },

     
···

       616
       665
        
           "arg@5.0.2": {

     

       617
       666
        
             "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="

     

       618
       667
        
           },

     

       668
       668
       +
           "asynckit@0.4.0": {

     

       669
       669
       +
             "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="

     

       670
       670
       +
           },

     

       671
       671
       +
           "atomic-sleep@1.0.0": {

     

       672
       672
       +
             "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ=="

     

       673
       673
       +
           },

     

       619
       674
        
           "autoprefixer@10.4.17_postcss@8.4.35": {

     

       620
       675
        
             "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",

     

       621
       676
        
             "dependencies": [

     
···

       632
       687
        
           "await-lock@2.2.2": {

     

       633
       688
        
             "integrity": "sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw=="

     

       634
       689
        
           },

     

       690
       690
       +
           "axios@1.10.0": {

     

       691
       691
       +
             "integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",

     

       692
       692
       +
             "dependencies": [

     

       693
       693
       +
               "follow-redirects",

     

       694
       694
       +
               "form-data",

     

       695
       695
       +
               "proxy-from-env"

     

       696
       696
       +
             ]

     

       697
       697
       +
           },

     

       635
       698
        
           "balanced-match@1.0.2": {

     

       636
       699
        
             "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="

     

       700
       700
       +
           },

     

       701
       701
       +
           "base64-js@1.5.1": {

     

       702
       702
       +
             "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="

     

       703
       703
       +
           },

     

       704
       704
       +
           "big-integer@1.6.52": {

     

       705
       705
       +
             "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg=="

     

       637
       706
        
           },

     

       638
       707
        
           "binary-extensions@2.3.0": {

     

       639
       708
        
             "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="

     
···

       663
       732
        
             ],

     

       664
       733
        
             "bin": true

     

       665
       734
        
           },

     

       735
       735
       +
           "buffer@6.0.3": {

     

       736
       736
       +
             "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",

     

       737
       737
       +
             "dependencies": [

     

       738
       738
       +
               "base64-js",

     

       739
       739
       +
               "ieee754"

     

       740
       740
       +
             ]

     

       741
       741
       +
           },

     

       742
       742
       +
           "call-bind-apply-helpers@1.0.2": {

     

       743
       743
       +
             "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",

     

       744
       744
       +
             "dependencies": [

     

       745
       745
       +
               "es-errors",

     

       746
       746
       +
               "function-bind"

     

       747
       747
       +
             ]

     

       748
       748
       +
           },

     

       666
       749
        
           "camelcase-css@2.0.1": {

     

       667
       750
        
             "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="

     

       668
       751
        
           },

     
···

       677
       760
        
           },

     

       678
       761
        
           "caniuse-lite@1.0.30001717": {

     

       679
       762
        
             "integrity": "sha512-auPpttCq6BDEG8ZAuHJIplGw6GODhjw+/11e7IjpnYCxZcW/ONgPs0KVBJ0d1bY3e2+7PRe5RCLyP+PfwVgkYw=="

     

       763
       763
       +
           },

     

       764
       764
       +
           "cborg@1.10.2": {

     

       765
       765
       +
             "integrity": "sha512-b3tFPA9pUr2zCUiCfRd2+wok2/LBSNUMKOuRRok+WlvvAgEt/PlbgPTsZUcwCOs53IJvLgTp0eotwtosE6njug==",

     

       766
       766
       +
             "bin": true

     

       680
       767
        
           },

     

       681
       768
        
           "chokidar@3.6.0": {

     

       682
       769
        
             "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",

     
···

       705
       792
        
           "colord@2.9.3": {

     

       706
       793
        
             "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="

     

       707
       794
        
           },

     

       795
       795
       +
           "combined-stream@1.0.8": {

     

       796
       796
       +
             "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",

     

       797
       797
       +
             "dependencies": [

     

       798
       798
       +
               "delayed-stream"

     

       799
       799
       +
             ]

     

       800
       800
       +
           },

     

       708
       801
        
           "commander@4.1.1": {

     

       709
       802
        
             "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="

     

       710
       803
        
           },

     
···

       819
       912
        
               "css-tree@2.2.1"

     

       820
       913
        
             ]

     

       821
       914
        
           },

     

       915
       915
       +
           "delayed-stream@1.0.0": {

     

       916
       916
       +
             "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="

     

       917
       917
       +
           },

     

       822
       918
        
           "didyoumean@1.2.2": {

     

       823
       919
        
             "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="

     

       824
       920
        
           },

     
···

       850
       946
        
               "domhandler"

     

       851
       947
        
             ]

     

       852
       948
        
           },

     

       949
       949
       +
           "dunder-proto@1.0.1": {

     

       950
       950
       +
             "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",

     

       951
       951
       +
             "dependencies": [

     

       952
       952
       +
               "call-bind-apply-helpers",

     

       953
       953
       +
               "es-errors",

     

       954
       954
       +
               "gopd"

     

       955
       955
       +
             ]

     

       956
       956
       +
           },

     

       853
       957
        
           "eastasianwidth@0.2.0": {

     

       854
       958
        
             "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="

     

       855
       959
        
           },

     
···

       865
       969
        
           "entities@4.5.0": {

     

       866
       970
        
             "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="

     

       867
       971
        
           },

     

       972
       972
       +
           "es-define-property@1.0.1": {

     

       973
       973
       +
             "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="

     

       974
       974
       +
           },

     

       975
       975
       +
           "es-errors@1.3.0": {

     

       976
       976
       +
             "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="

     

       977
       977
       +
           },

     

       978
       978
       +
           "es-object-atoms@1.1.1": {

     

       979
       979
       +
             "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",

     

       980
       980
       +
             "dependencies": [

     

       981
       981
       +
               "es-errors"

     

       982
       982
       +
             ]

     

       983
       983
       +
           },

     

       984
       984
       +
           "es-set-tostringtag@2.1.0": {

     

       985
       985
       +
             "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",

     

       986
       986
       +
             "dependencies": [

     

       987
       987
       +
               "es-errors",

     

       988
       988
       +
               "get-intrinsic",

     

       989
       989
       +
               "has-tostringtag",

     

       990
       990
       +
               "hasown"

     

       991
       991
       +
             ]

     

       992
       992
       +
           },

     

       868
       993
        
           "esbuild-wasm@0.23.1": {

     

       869
       994
        
             "integrity": "sha512-L3vn7ctvBrtScRfoB0zG1eOCiV4xYvpLYWfe6PDZuV+iDFDm4Mt3xeLIDllG8cDHQ8clUouK3XekulE+cxgkgw==",

     

       870
       995
        
             "bin": true

     
···

       903
       1028
        
           "escalade@3.2.0": {

     

       904
       1029
        
             "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="

     

       905
       1030
        
           },

     

       1031
       1031
       +
           "event-target-shim@5.0.1": {

     

       1032
       1032
       +
             "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="

     

       1033
       1033
       +
           },

     

       1034
       1034
       +
           "events@3.3.0": {

     

       1035
       1035
       +
             "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="

     

       1036
       1036
       +
           },

     

       906
       1037
        
           "fast-glob@3.3.3": {

     

       907
       1038
        
             "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",

     

       908
       1039
        
             "dependencies": [

     
···

       913
       1044
        
               "micromatch"

     

       914
       1045
        
             ]

     

       915
       1046
        
           },

     

       1047
       1047
       +
           "fast-redact@3.5.0": {

     

       1048
       1048
       +
             "integrity": "sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A=="

     

       1049
       1049
       +
           },

     

       916
       1050
        
           "fastq@1.19.1": {

     

       917
       1051
        
             "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",

     

       918
       1052
        
             "dependencies": [

     
···

       928
       1062
        
               "to-regex-range"

     

       929
       1063
        
             ]

     

       930
       1064
        
           },

     

       1065
       1065
       +
           "follow-redirects@1.15.9": {

     

       1066
       1066
       +
             "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ=="

     

       1067
       1067
       +
           },

     

       931
       1068
        
           "foreground-child@3.3.1": {

     

       932
       1069
        
             "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",

     

       933
       1070
        
             "dependencies": [

     
···

       935
       1072
        
               "signal-exit"

     

       936
       1073
        
             ]

     

       937
       1074
        
           },

     

       1075
       1075
       +
           "form-data@4.0.3": {

     

       1076
       1076
       +
             "integrity": "sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==",

     

       1077
       1077
       +
             "dependencies": [

     

       1078
       1078
       +
               "asynckit",

     

       1079
       1079
       +
               "combined-stream",

     

       1080
       1080
       +
               "es-set-tostringtag",

     

       1081
       1081
       +
               "hasown",

     

       1082
       1082
       +
               "mime-types"

     

       1083
       1083
       +
             ]

     

       1084
       1084
       +
           },

     

       938
       1085
        
           "fraction.js@4.3.7": {

     

       939
       1086
        
             "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew=="

     

       940
       1087
        
           },

     
···

       946
       1093
        
           "function-bind@1.1.2": {

     

       947
       1094
        
             "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="

     

       948
       1095
        
           },

     

       1096
       1096
       +
           "get-intrinsic@1.3.0": {

     

       1097
       1097
       +
             "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",

     

       1098
       1098
       +
             "dependencies": [

     

       1099
       1099
       +
               "call-bind-apply-helpers",

     

       1100
       1100
       +
               "es-define-property",

     

       1101
       1101
       +
               "es-errors",

     

       1102
       1102
       +
               "es-object-atoms",

     

       1103
       1103
       +
               "function-bind",

     

       1104
       1104
       +
               "get-proto",

     

       1105
       1105
       +
               "gopd",

     

       1106
       1106
       +
               "has-symbols",

     

       1107
       1107
       +
               "hasown",

     

       1108
       1108
       +
               "math-intrinsics"

     

       1109
       1109
       +
             ]

     

       1110
       1110
       +
           },

     

       1111
       1111
       +
           "get-proto@1.0.1": {

     

       1112
       1112
       +
             "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",

     

       1113
       1113
       +
             "dependencies": [

     

       1114
       1114
       +
               "dunder-proto",

     

       1115
       1115
       +
               "es-object-atoms"

     

       1116
       1116
       +
             ]

     

       1117
       1117
       +
           },

     

       949
       1118
        
           "glob-parent@5.1.2": {

     

       950
       1119
        
             "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",

     

       951
       1120
        
             "dependencies": [

     
···

       970
       1139
        
             ],

     

       971
       1140
        
             "bin": true

     

       972
       1141
        
           },

     

       1142
       1142
       +
           "gopd@1.2.0": {

     

       1143
       1143
       +
             "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="

     

       1144
       1144
       +
           },

     

       973
       1145
        
           "graphemer@1.4.0": {

     

       974
       1146
        
             "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="

     

       975
       1147
        
           },

     

       1148
       1148
       +
           "has-symbols@1.1.0": {

     

       1149
       1149
       +
             "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ=="

     

       1150
       1150
       +
           },

     

       1151
       1151
       +
           "has-tostringtag@1.0.2": {

     

       1152
       1152
       +
             "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",

     

       1153
       1153
       +
             "dependencies": [

     

       1154
       1154
       +
               "has-symbols"

     

       1155
       1155
       +
             ]

     

       1156
       1156
       +
           },

     

       976
       1157
        
           "hasown@2.0.2": {

     

       977
       1158
        
             "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",

     

       978
       1159
        
             "dependencies": [

     

       979
       1160
        
               "function-bind"

     

       980
       1161
        
             ]

     

       1162
       1162
       +
           },

     

       1163
       1163
       +
           "ieee754@1.2.1": {

     

       1164
       1164
       +
             "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="

     

       981
       1165
        
           },

     

       982
       1166
        
           "ipaddr.js@2.2.0": {

     

       983
       1167
        
             "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA=="

     
···

       1063
       1247
        
               "preact@10.26.6"

     

       1064
       1248
        
             ]

     

       1065
       1249
        
           },

     

       1250
       1250
       +
           "math-intrinsics@1.1.0": {

     

       1251
       1251
       +
             "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="

     

       1252
       1252
       +
           },

     

       1066
       1253
        
           "mdn-data@2.0.28": {

     

       1067
       1254
        
             "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="

     

       1068
       1255
        
           },

     
···

       1079
       1266
        
               "picomatch"

     

       1080
       1267
        
             ]

     

       1081
       1268
        
           },

     

       1269
       1269
       +
           "mime-db@1.52.0": {

     

       1270
       1270
       +
             "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="

     

       1271
       1271
       +
           },

     

       1272
       1272
       +
           "mime-types@2.1.35": {

     

       1273
       1273
       +
             "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",

     

       1274
       1274
       +
             "dependencies": [

     

       1275
       1275
       +
               "mime-db"

     

       1276
       1276
       +
             ]

     

       1277
       1277
       +
           },

     

       1082
       1278
        
           "minimatch@9.0.5": {

     

       1083
       1279
        
             "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",

     

       1084
       1280
        
             "dependencies": [

     
···

       1127
       1323
        
           "object-hash@3.0.0": {

     

       1128
       1324
        
             "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="

     

       1129
       1325
        
           },

     

       1326
       1326
       +
           "on-exit-leak-free@2.1.2": {

     

       1327
       1327
       +
             "integrity": "sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA=="

     

       1328
       1328
       +
           },

     

       1329
       1329
       +
           "one-webcrypto@1.0.3": {

     

       1330
       1330
       +
             "integrity": "sha512-fu9ywBVBPx0gS9K0etIROTiCkvI5S1TDjFsYFb3rC1ewFxeOqsbzq7aIMBHsYfrTHBcGXJaONXXjTl8B01cW1Q=="

     

       1331
       1331
       +
           },

     

       1130
       1332
        
           "package-json-from-dist@1.0.1": {

     

       1131
       1333
        
             "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="

     

       1132
       1334
        
           },

     
···

       1152
       1354
        
           "pify@2.3.0": {

     

       1153
       1355
        
             "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="

     

       1154
       1356
        
           },

     

       1357
       1357
       +
           "pino-abstract-transport@1.2.0": {

     

       1358
       1358
       +
             "integrity": "sha512-Guhh8EZfPCfH+PMXAb6rKOjGQEoy0xlAIn+irODG5kgfYV+BQ0rGYYWTIel3P5mmyXqkYkPmdIkywsn6QKUR1Q==",

     

       1359
       1359
       +
             "dependencies": [

     

       1360
       1360
       +
               "readable-stream",

     

       1361
       1361
       +
               "split2"

     

       1362
       1362
       +
             ]

     

       1363
       1363
       +
           },

     

       1364
       1364
       +
           "pino-std-serializers@6.2.2": {

     

       1365
       1365
       +
             "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="

     

       1366
       1366
       +
           },

     

       1367
       1367
       +
           "pino@8.21.0": {

     

       1368
       1368
       +
             "integrity": "sha512-ip4qdzjkAyDDZklUaZkcRFb2iA118H9SgRh8yzTkSQK8HilsOJF7rSY8HoW5+I0M46AZgX/pxbprf2vvzQCE0Q==",

     

       1369
       1369
       +
             "dependencies": [

     

       1370
       1370
       +
               "atomic-sleep",

     

       1371
       1371
       +
               "fast-redact",

     

       1372
       1372
       +
               "on-exit-leak-free",

     

       1373
       1373
       +
               "pino-abstract-transport",

     

       1374
       1374
       +
               "pino-std-serializers",

     

       1375
       1375
       +
               "process-warning",

     

       1376
       1376
       +
               "quick-format-unescaped",

     

       1377
       1377
       +
               "real-require",

     

       1378
       1378
       +
               "safe-stable-stringify",

     

       1379
       1379
       +
               "sonic-boom",

     

       1380
       1380
       +
               "thread-stream"

     

       1381
       1381
       +
             ],

     

       1382
       1382
       +
             "bin": true

     

       1383
       1383
       +
           },

     

       1155
       1384
        
           "pirates@4.0.7": {

     

       1156
       1385
        
             "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA=="

     

       1157
       1386
        
           },

     
···

       1451
       1680
        
           "preact@10.26.7": {

     

       1452
       1681
        
             "integrity": "sha512-43xS+QYc1X1IPbw03faSgY6I6OYWcLrJRv3hU0+qMOfh/XCHcP0MX2CVjNARYR2cC/guu975sta4OcjlczxD7g=="

     

       1453
       1682
        
           },

     

       1683
       1683
       +
           "process-warning@3.0.0": {

     

       1684
       1684
       +
             "integrity": "sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ=="

     

       1685
       1685
       +
           },

     

       1686
       1686
       +
           "process@0.11.10": {

     

       1687
       1687
       +
             "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="

     

       1688
       1688
       +
           },

     

       1689
       1689
       +
           "proxy-from-env@1.1.0": {

     

       1690
       1690
       +
             "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="

     

       1691
       1691
       +
           },

     

       1454
       1692
        
           "psl@1.15.0": {

     

       1455
       1693
        
             "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",

     

       1456
       1694
        
             "dependencies": [

     
···

       1463
       1701
        
           "queue-microtask@1.2.3": {

     

       1464
       1702
        
             "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="

     

       1465
       1703
        
           },

     

       1704
       1704
       +
           "quick-format-unescaped@4.0.4": {

     

       1705
       1705
       +
             "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="

     

       1706
       1706
       +
           },

     

       1466
       1707
        
           "read-cache@1.0.0": {

     

       1467
       1708
        
             "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",

     

       1468
       1709
        
             "dependencies": [

     

       1469
       1710
        
               "pify"

     

       1470
       1711
        
             ]

     

       1471
       1712
        
           },

     

       1713
       1713
       +
           "readable-stream@4.7.0": {

     

       1714
       1714
       +
             "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",

     

       1715
       1715
       +
             "dependencies": [

     

       1716
       1716
       +
               "abort-controller",

     

       1717
       1717
       +
               "buffer",

     

       1718
       1718
       +
               "events",

     

       1719
       1719
       +
               "process",

     

       1720
       1720
       +
               "string_decoder"

     

       1721
       1721
       +
             ]

     

       1722
       1722
       +
           },

     

       1472
       1723
        
           "readdirp@3.6.0": {

     

       1473
       1724
        
             "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",

     

       1474
       1725
        
             "dependencies": [

     

       1475
       1726
        
               "picomatch"

     

       1476
       1727
        
             ]

     

       1728
       1728
       +
           },

     

       1729
       1729
       +
           "real-require@0.2.0": {

     

       1730
       1730
       +
             "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg=="

     

       1477
       1731
        
           },

     

       1478
       1732
        
           "resolve@1.22.10": {

     

       1479
       1733
        
             "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",

     
···

       1493
       1747
        
               "queue-microtask"

     

       1494
       1748
        
             ]

     

       1495
       1749
        
           },

     

       1750
       1750
       +
           "safe-buffer@5.2.1": {

     

       1751
       1751
       +
             "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="

     

       1752
       1752
       +
           },

     

       1753
       1753
       +
           "safe-stable-stringify@2.5.0": {

     

       1754
       1754
       +
             "integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA=="

     

       1755
       1755
       +
           },

     

       1496
       1756
        
           "shebang-command@2.0.0": {

     

       1497
       1757
        
             "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",

     

       1498
       1758
        
             "dependencies": [

     
···

       1504
       1764
        
           },

     

       1505
       1765
        
           "signal-exit@4.1.0": {

     

       1506
       1766
        
             "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="

     

       1767
       1767
       +
           },

     

       1768
       1768
       +
           "sonic-boom@3.8.1": {

     

       1769
       1769
       +
             "integrity": "sha512-y4Z8LCDBuum+PBP3lSV7RHrXscqksve/bi0as7mhwVnBW+/wUqKT/2Kb7um8yqcFy0duYbbPxzt89Zy2nOCaxg==",

     

       1770
       1770
       +
             "dependencies": [

     

       1771
       1771
       +
               "atomic-sleep"

     

       1772
       1772
       +
             ]

     

       1507
       1773
        
           },

     

       1508
       1774
        
           "source-map-js@1.2.1": {

     

       1509
       1775
        
             "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="

     

       1510
       1776
        
           },

     

       1777
       1777
       +
           "split2@4.2.0": {

     

       1778
       1778
       +
             "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg=="

     

       1779
       1779
       +
           },

     

       1511
       1780
        
           "string-width@4.2.3": {

     

       1512
       1781
        
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",

     

       1513
       1782
        
             "dependencies": [

     
···

       1522
       1791
        
               "eastasianwidth",

     

       1523
       1792
        
               "emoji-regex@9.2.2",

     

       1524
       1793
        
               "strip-ansi@7.1.0"

     

       1794
       1794
       +
             ]

     

       1795
       1795
       +
           },

     

       1796
       1796
       +
           "string_decoder@1.3.0": {

     

       1797
       1797
       +
             "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",

     

       1798
       1798
       +
             "dependencies": [

     

       1799
       1799
       +
               "safe-buffer"

     

       1525
       1800
        
             ]

     

       1526
       1801
        
           },

     

       1527
       1802
        
           "strip-ansi@6.0.1": {

     
···

       1613
       1888
        
               "any-promise"

     

       1614
       1889
        
             ]

     

       1615
       1890
        
           },

     

       1891
       1891
       +
           "thread-stream@2.7.0": {

     

       1892
       1892
       +
             "integrity": "sha512-qQiRWsU/wvNolI6tbbCKd9iKaTnCXsTwVxhhKM6nctPdujTyztjlbUkUTUymidWcMnZ5pWR0ej4a0tjsW021vw==",

     

       1893
       1893
       +
             "dependencies": [

     

       1894
       1894
       +
               "real-require"

     

       1895
       1895
       +
             ]

     

       1896
       1896
       +
           },

     

       1616
       1897
        
           "tlds@1.258.0": {

     

       1617
       1898
        
             "integrity": "sha512-XGhStWuOlBA5D8QnyN2xtgB2cUOdJ3ztisne1DYVWMcVH29qh8eQIpRmP3HnuJLdgyzG0HpdGzRMu1lm/Oictw==",

     

       1618
       1899
        
             "bin": true

     
···

       1709
       1990
        
             "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",

     

       1710
       1991
        
             "jsr:@knotbin/posthog-fresh@~0.1.3",

     

       1711
       1992
        
             "npm:@atproto/api@~0.15.6",

     

       1993
       1993
       +
             "npm:@atproto/crypto@~0.4.4",

     

       1994
       1994
       +
             "npm:@did-plc/lib@^0.0.4",

     

       1712
       1995
        
             "npm:@preact/signals@^2.0.4",

     

       1713
       1996
        
             "npm:posthog-js@1.120.0",

     

       1714
       1997
        
             "npm:preact@^10.26.6",

+1136

islands/DidPlcProgress.tsx

···

       1
       1
       +
       import { useState, useEffect } from "preact/hooks";

     

       2
       2
       +
       import { Link } from "../components/Link.tsx";

     

       3
       3
       +
       

     

       4
       4
       +
       interface PlcUpdateStep {

     

       5
       5
       +
         name: string;

     

       6
       6
       +
         status: "pending" | "in-progress" | "verifying" | "completed" | "error";

     

       7
       7
       +
         error?: string;

     

       8
       8
       +
       }

     

       9
       9
       +
       

     

       10
       10
       +
       // Content chunks for the description

     

       11
       11
       +
       const contentChunks = [

     

       12
       12
       +
         {

     

       13
       13
       +
           title: "Welcome to Key Management",

     

       14
       14
       +
           subtitle: "BOARDING PASS - SECTION A",

     

       15
       15
       +
           content: (

     

       16
       16
       +
             <>

     

       17
       17
       +
               <div class="passenger-info text-slate-600 dark:text-slate-300 font-mono text-sm mb-4">

     

       18
       18
       +
                 GATE: KEY-01 • SEAT: DID-1A

     

       19
       19
       +
               </div>

     

       20
       20
       +
               <p class="text-slate-700 dark:text-slate-300 mb-4">

     

       21
       21
       +
                 This tool helps you add a new rotation key to your{" "}

     

       22
       22
       +
                 <Link

     

       23
       23
       +
                   href="https://web.plc.directory/"

     

       24
       24
       +
                   isExternal

     

       25
       25
       +
                   class="text-blue-600 dark:text-blue-400"

     

       26
       26
       +
                 >

     

       27
       27
       +
                   PLC (Public Ledger of Credentials)

     

       28
       28
       +
                 </Link>

     

       29
       29
       +
                 . Having control of a rotation key gives you sovereignty over your DID

     

       30
       30
       +
                 (Decentralized Identifier).

     

       31
       31
       +
               </p>

     

       32
       32
       +
             </>

     

       33
       33
       +
           ),

     

       34
       34
       +
         },

     

       35
       35
       +
         {

     

       36
       36
       +
           title: "Key Benefits",

     

       37
       37
       +
           subtitle: "BOARDING PASS - SECTION B",

     

       38
       38
       +
           content: (

     

       39
       39
       +
             <>

     

       40
       40
       +
               <div class="passenger-info text-slate-600 dark:text-slate-300 font-mono text-sm mb-4">

     

       41
       41
       +
                 GATE: KEY-02 • SEAT: DID-1B

     

       42
       42
       +
               </div>

     

       43
       43
       +
               <div class="space-y-4">

     

       44
       44
       +
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       45
       45
       +
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       46
       46
       +
                     PROVIDER MOBILITY ✈️

     

       47
       47
       +
                   </h4>

     

       48
       48
       +
                   <p class="text-slate-700 dark:text-slate-300">

     

       49
       49
       +
                     Change your PDS without losing your identity, protecting you if

     

       50
       50
       +
                     your provider becomes hostile.

     

       51
       51
       +
                   </p>

     

       52
       52
       +
                 </div>

     

       53
       53
       +
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       54
       54
       +
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       55
       55
       +
                     IDENTITY CONTROL ✨

     

       56
       56
       +
                   </h4>

     

       57
       57
       +
                   <p class="text-slate-700 dark:text-slate-300">

     

       58
       58
       +
                     Modify your DID document independently of your provider.

     

       59
       59
       +
                   </p>

     

       60
       60
       +
                 </div>

     

       61
       61
       +
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       62
       62
       +
                   <p class="text-slate-700 dark:text-slate-300">

     

       63
       63
       +
                     💡 It's good practice to have a rotation key so you can move to a

     

       64
       64
       +
                     different provider if you need to.

     

       65
       65
       +
                   </p>

     

       66
       66
       +
                 </div>

     

       67
       67
       +
               </div>

     

       68
       68
       +
             </>

     

       69
       69
       +
           ),

     

       70
       70
       +
         },

     

       71
       71
       +
         {

     

       72
       72
       +
           title: "⚠️ CRITICAL SECURITY WARNING",

     

       73
       73
       +
           subtitle: "BOARDING PASS - SECTION C",

     

       74
       74
       +
           content: (

     

       75
       75
       +
             <>

     

       76
       76
       +
               <div class="passenger-info text-slate-600 dark:text-slate-300 font-mono text-sm mb-4">

     

       77
       77
       +
                 GATE: KEY-03 • SEAT: DID-1C

     

       78
       78
       +
               </div>

     

       79
       79
       +
               <div class="p-4 bg-red-50 dark:bg-red-900 rounded-lg border-2 border-red-500 dark:border-red-700 mb-4">

     

       80
       80
       +
                 <div class="flex items-center mb-3">

     

       81
       81
       +
                   <span class="text-2xl mr-2">⚠️</span>

     

       82
       82
       +
                   <h4 class="font-mono font-bold text-red-700 dark:text-red-400 text-lg">

     

       83
       83
       +
                     NON-REVOCABLE KEY WARNING

     

       84
       84
       +
                   </h4>

     

       85
       85
       +
                 </div>

     

       86
       86
       +
                 <div class="space-y-3 text-red-700 dark:text-red-300">

     

       87
       87
       +
                   <p class="font-bold">

     

       88
       88
       +
                     This rotation key CANNOT BE DISABLED OR DELETED once added:

     

       89
       89
       +
                   </p>

     

       90
       90
       +
                   <ul class="list-disc pl-5 space-y-2">

     

       91
       91
       +
                     <li>

     

       92
       92
       +
                       If compromised, the attacker can take complete control of your

     

       93
       93
       +
                       account and identity

     

       94
       94
       +
                     </li>

     

       95
       95
       +
                     <li>

     

       96
       96
       +
                       Malicious actors with this key have COMPLETE CONTROL of your

     

       97
       97
       +
                       account and identity

     

       98
       98
       +
                     </li>

     

       99
       99
       +
                     <li>

     

       100
       100
       +
                       Store securely, like a password (e.g. <strong>DO NOT</strong>{" "}

     

       101
       101
       +
                       keep it in Notes or any easily accessible app on an unlocked

     

       102
       102
       +
                       device).

     

       103
       103
       +
                     </li>

     

       104
       104
       +
                   </ul>

     

       105
       105
       +
                 </div>

     

       106
       106
       +
               </div>

     

       107
       107
       +
               <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       108
       108
       +
                 <p class="text-slate-700 dark:text-slate-300">

     

       109
       109
       +
                   💡 We recommend adding a custom rotation key but recommend{" "}

     

       110
       110
       +
                   <strong class="italic">against</strong> having more than one custom

     

       111
       111
       +
                   rotation key, as more than one increases risk.

     

       112
       112
       +
                 </p>

     

       113
       113
       +
               </div>

     

       114
       114
       +
             </>

     

       115
       115
       +
           ),

     

       116
       116
       +
         },

     

       117
       117
       +
         {

     

       118
       118
       +
           title: "Technical Overview",

     

       119
       119
       +
           subtitle: "BOARDING PASS - SECTION C",

     

       120
       120
       +
           content: (

     

       121
       121
       +
             <>

     

       122
       122
       +
               <div class="passenger-info text-slate-600 dark:text-slate-300 font-mono text-sm mb-4">

     

       123
       123
       +
                 GATE: KEY-03 • SEAT: DID-1C

     

       124
       124
       +
               </div>

     

       125
       125
       +
               <div class="p-4 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       126
       126
       +
                 <div class="flex items-center mb-3">

     

       127
       127
       +
                   <span class="text-lg mr-2">📝</span>

     

       128
       128
       +
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400">

     

       129
       129
       +
                     TECHNICAL DETAILS

     

       130
       130
       +
                   </h4>

     

       131
       131
       +
                 </div>

     

       132
       132
       +
                 <p class="text-slate-700 dark:text-slate-300">

     

       133
       133
       +
                   The rotation key is a did:key that will be added to your PLC

     

       134
       134
       +
                   document's rotationKeys array. This process uses the AT Protocol's

     

       135
       135
       +
                   PLC operations to update your DID document.

     

       136
       136
       +
                   <Link

     

       137
       137
       +
                     href="https://web.plc.directory/"

     

       138
       138
       +
                     class="block ml-1 text-blue-600 dark:text-blue-400"

     

       139
       139
       +
                     isExternal

     

       140
       140
       +
                   >

     

       141
       141
       +
                     Learn more about did:plc

     

       142
       142
       +
                   </Link>

     

       143
       143
       +
                 </p>

     

       144
       144
       +
               </div>

     

       145
       145
       +
             </>

     

       146
       146
       +
           ),

     

       147
       147
       +
         },

     

       148
       148
       +
       ];

     

       149
       149
       +
       

     

       150
       150
       +
       export default function PlcUpdateProgress() {

     

       151
       151
       +
         const [hasStarted, setHasStarted] = useState(false);

     

       152
       152
       +
         const [currentChunkIndex, setCurrentChunkIndex] = useState(0);

     

       153
       153
       +
         const [steps, setSteps] = useState<PlcUpdateStep[]>([

     

       154
       154
       +
           { name: "Generate Rotation Key", status: "pending" },

     

       155
       155
       +
           { name: "Start PLC update", status: "pending" },

     

       156
       156
       +
           { name: "Complete PLC update", status: "pending" },

     

       157
       157
       +
         ]);

     

       158
       158
       +
         const [generatedKey, setGeneratedKey] = useState<string>("");

     

       159
       159
       +
         const [keyJson, setKeyJson] = useState<any>(null);

     

       160
       160
       +
         const [emailToken, setEmailToken] = useState<string>("");

     

       161
       161
       +
         const [updateResult, setUpdateResult] = useState<string>("");

     

       162
       162
       +
         const [showDownload, setShowDownload] = useState(false);

     

       163
       163
       +
         const [showKeyInfo, setShowKeyInfo] = useState(false);

     

       164
       164
       +
         const [hasDownloadedKey, setHasDownloadedKey] = useState(false);

     

       165
       165
       +
         const [downloadedKeyId, setDownloadedKeyId] = useState<string | null>(null);

     

       166
       166
       +
       

     

       167
       167
       +
         const updateStepStatus = (

     

       168
       168
       +
           index: number,

     

       169
       169
       +
           status: PlcUpdateStep["status"],

     

       170
       170
       +
           error?: string

     

       171
       171
       +
         ) => {

     

       172
       172
       +
           console.log(

     

       173
       173
       +
             `Updating step ${index} to ${status}${

     

       174
       174
       +
               error ? ` with error: ${error}` : ""

     

       175
       175
       +
             }`

     

       176
       176
       +
           );

     

       177
       177
       +
           setSteps((prevSteps) =>

     

       178
       178
       +
             prevSteps.map((step, i) =>

     

       179
       179
       +
               i === index

     

       180
       180
       +
                 ? { ...step, status, error }

     

       181
       181
       +
                 : i > index

     

       182
       182
       +
                 ? { ...step, status: "pending", error: undefined }

     

       183
       183
       +
                 : step

     

       184
       184
       +
             )

     

       185
       185
       +
           );

     

       186
       186
       +
         };

     

       187
       187
       +
       

     

       188
       188
       +
         const handleStart = () => {

     

       189
       189
       +
           setHasStarted(true);

     

       190
       190
       +
           // Automatically start the first step

     

       191
       191
       +
           setTimeout(() => {

     

       192
       192
       +
             handleGenerateKey();

     

       193
       193
       +
           }, 100);

     

       194
       194
       +
         };

     

       195
       195
       +
       

     

       196
       196
       +
         const getStepDisplayName = (step: PlcUpdateStep, index: number) => {

     

       197
       197
       +
           if (step.status === "completed") {

     

       198
       198
       +
             switch (index) {

     

       199
       199
       +
               case 0:

     

       200
       200
       +
                 return "Rotation Key Generated";

     

       201
       201
       +
               case 1:

     

       202
       202
       +
                 return "PLC Operation Requested";

     

       203
       203
       +
               case 2:

     

       204
       204
       +
                 return "PLC Update Completed";

     

       205
       205
       +
             }

     

       206
       206
       +
           }

     

       207
       207
       +
       

     

       208
       208
       +
           if (step.status === "in-progress") {

     

       209
       209
       +
             switch (index) {

     

       210
       210
       +
               case 0:

     

       211
       211
       +
                 return "Generating Rotation Key...";

     

       212
       212
       +
               case 1:

     

       213
       213
       +
                 return "Requesting PLC Operation Token...";

     

       214
       214
       +
               case 2:

     

       215
       215
       +
                 return step.name ===

     

       216
       216
       +
                   "Enter the code sent to your email to complete PLC update"

     

       217
       217
       +
                   ? step.name

     

       218
       218
       +
                   : "Completing PLC Update...";

     

       219
       219
       +
             }

     

       220
       220
       +
           }

     

       221
       221
       +
       

     

       222
       222
       +
           if (step.status === "verifying") {

     

       223
       223
       +
             switch (index) {

     

       224
       224
       +
               case 0:

     

       225
       225
       +
                 return "Verifying Rotation Key Generation...";

     

       226
       226
       +
               case 1:

     

       227
       227
       +
                 return "Verifying PLC Operation Token Request...";

     

       228
       228
       +
               case 2:

     

       229
       229
       +
                 return "Verifying PLC Update Completion...";

     

       230
       230
       +
             }

     

       231
       231
       +
           }

     

       232
       232
       +
       

     

       233
       233
       +
           return step.name;

     

       234
       234
       +
         };

     

       235
       235
       +
       

     

       236
       236
       +
         const handleStartPlcUpdate = async (keyToUse?: string) => {

     

       237
       237
       +
           const key = keyToUse || generatedKey;

     

       238
       238
       +
       

     

       239
       239
       +
           // Debug logging

     

       240
       240
       +
           console.log("=== PLC Update Debug ===");

     

       241
       241
       +
           console.log("Current state:", {

     

       242
       242
       +
             keyToUse,

     

       243
       243
       +
             generatedKey,

     

       244
       244
       +
             key,

     

       245
       245
       +
             hasKeyJson: !!keyJson,

     

       246
       246
       +
             keyJsonId: keyJson?.publicKeyDid,

     

       247
       247
       +
             hasDownloadedKey,

     

       248
       248
       +
             downloadedKeyId,

     

       249
       249
       +
             steps: steps.map((s) => ({ name: s.name, status: s.status })),

     

       250
       250
       +
           });

     

       251
       251
       +
       

     

       252
       252
       +
           if (!key) {

     

       253
       253
       +
             console.log("No key generated yet");

     

       254
       254
       +
             updateStepStatus(1, "error", "No key generated yet");

     

       255
       255
       +
             return;

     

       256
       256
       +
           }

     

       257
       257
       +
       

     

       258
       258
       +
           if (!keyJson || keyJson.publicKeyDid !== key) {

     

       259
       259
       +
             console.log("Key mismatch or missing:", {

     

       260
       260
       +
               hasKeyJson: !!keyJson,

     

       261
       261
       +
               keyJsonId: keyJson?.publicKeyDid,

     

       262
       262
       +
               expectedKey: key,

     

       263
       263
       +
             });

     

       264
       264
       +
             updateStepStatus(

     

       265
       265
       +
               1,

     

       266
       266
       +
               "error",

     

       267
       267
       +
               "Please ensure you have the correct key loaded"

     

       268
       268
       +
             );

     

       269
       269
       +
             return;

     

       270
       270
       +
           }

     

       271
       271
       +
       

     

       272
       272
       +
           updateStepStatus(1, "in-progress");

     

       273
       273
       +
           try {

     

       274
       274
       +
             // First request the token

     

       275
       275
       +
             console.log("Requesting PLC token...");

     

       276
       276
       +
             const tokenRes = await fetch("/api/plc/token", {

     

       277
       277
       +
               method: "GET",

     

       278
       278
       +
             });

     

       279
       279
       +
             const tokenText = await tokenRes.text();

     

       280
       280
       +
             console.log("Token response:", tokenText);

     

       281
       281
       +
       

     

       282
       282
       +
             if (!tokenRes.ok) {

     

       283
       283
       +
               try {

     

       284
       284
       +
                 const json = JSON.parse(tokenText);

     

       285
       285
       +
                 throw new Error(json.message || "Failed to request PLC token");

     

       286
       286
       +
               } catch {

     

       287
       287
       +
                 throw new Error(tokenText || "Failed to request PLC token");

     

       288
       288
       +
               }

     

       289
       289
       +
             }

     

       290
       290
       +
       

     

       291
       291
       +
             let data;

     

       292
       292
       +
             try {

     

       293
       293
       +
               data = JSON.parse(tokenText);

     

       294
       294
       +
               if (!data.success) {

     

       295
       295
       +
                 throw new Error(data.message || "Failed to request token");

     

       296
       296
       +
               }

     

       297
       297
       +
             } catch (error) {

     

       298
       298
       +
               throw new Error("Invalid response from server");

     

       299
       299
       +
             }

     

       300
       300
       +
       

     

       301
       301
       +
             console.log("Token request successful, updating UI...");

     

       302
       302
       +
             // Update step name to prompt for token

     

       303
       303
       +
             setSteps((prevSteps) =>

     

       304
       304
       +
               prevSteps.map((step, i) =>

     

       305
       305
       +
                 i === 1

     

       306
       306
       +
                   ? {

     

       307
       307
       +
                       ...step,

     

       308
       308
       +
                       name: "Enter the code sent to your email to complete PLC update",

     

       309
       309
       +
                       status: "in-progress",

     

       310
       310
       +
                     }

     

       311
       311
       +
                   : step

     

       312
       312
       +
               )

     

       313
       313
       +
             );

     

       314
       314
       +
           } catch (error) {

     

       315
       315
       +
             console.error("Token request failed:", error);

     

       316
       316
       +
             updateStepStatus(

     

       317
       317
       +
               1,

     

       318
       318
       +
               "error",

     

       319
       319
       +
               error instanceof Error ? error.message : String(error)

     

       320
       320
       +
             );

     

       321
       321
       +
           }

     

       322
       322
       +
         };

     

       323
       323
       +
       

     

       324
       324
       +
         const handleTokenSubmit = async () => {

     

       325
       325
       +
           console.log("=== Token Submit Debug ===");

     

       326
       326
       +
           console.log("Current state:", {

     

       327
       327
       +
             emailToken,

     

       328
       328
       +
             generatedKey,

     

       329
       329
       +
             keyJsonId: keyJson?.publicKeyDid,

     

       330
       330
       +
             steps: steps.map((s) => ({ name: s.name, status: s.status })),

     

       331
       331
       +
           });

     

       332
       332
       +
       

     

       333
       333
       +
           if (!emailToken) {

     

       334
       334
       +
             console.log("No token provided");

     

       335
       335
       +
             updateStepStatus(1, "error", "Please enter the email token");

     

       336
       336
       +
             return;

     

       337
       337
       +
           }

     

       338
       338
       +
       

     

       339
       339
       +
           if (!keyJson || !keyJson.publicKeyDid) {

     

       340
       340
       +
             console.log("Missing key data");

     

       341
       341
       +
             updateStepStatus(1, "error", "Key data is missing, please try again");

     

       342
       342
       +
             return;

     

       343
       343
       +
           }

     

       344
       344
       +
       

     

       345
       345
       +
           // Prevent duplicate submissions

     

       346
       346
       +
           if (steps[1].status === "completed" || steps[2].status === "completed") {

     

       347
       347
       +
             console.log("Update already completed, preventing duplicate submission");

     

       348
       348
       +
             return;

     

       349
       349
       +
           }

     

       350
       350
       +
       

     

       351
       351
       +
           updateStepStatus(1, "completed");

     

       352
       352
       +
           try {

     

       353
       353
       +
             updateStepStatus(2, "in-progress");

     

       354
       354
       +
             console.log("Submitting update request with token...");

     

       355
       355
       +
             // Send the update request with both key and token

     

       356
       356
       +
             const res = await fetch("/api/plc/update", {

     

       357
       357
       +
               method: "POST",

     

       358
       358
       +
               headers: { "Content-Type": "application/json" },

     

       359
       359
       +
               body: JSON.stringify({

     

       360
       360
       +
                 key: keyJson.publicKeyDid,

     

       361
       361
       +
                 token: emailToken,

     

       362
       362
       +
               }),

     

       363
       363
       +
             });

     

       364
       364
       +
             const text = await res.text();

     

       365
       365
       +
             console.log("Update response:", text);

     

       366
       366
       +
       

     

       367
       367
       +
             let data;

     

       368
       368
       +
             try {

     

       369
       369
       +
               data = JSON.parse(text);

     

       370
       370
       +
             } catch {

     

       371
       371
       +
               throw new Error("Invalid response from server");

     

       372
       372
       +
             }

     

       373
       373
       +
       

     

       374
       374
       +
             // Check for error responses

     

       375
       375
       +
             if (!res.ok || !data.success) {

     

       376
       376
       +
               const errorMessage = data.message || "Failed to complete PLC update";

     

       377
       377
       +
               console.error("Update failed:", errorMessage);

     

       378
       378
       +
               throw new Error(errorMessage);

     

       379
       379
       +
             }

     

       380
       380
       +
       

     

       381
       381
       +
             // Only proceed if we have a successful response

     

       382
       382
       +
             console.log("Update completed successfully!");

     

       383
       383
       +
             setUpdateResult("PLC update completed successfully!");

     

       384
       384
       +
       

     

       385
       385
       +
             // Add a delay before marking steps as completed for better UX

     

       386
       386
       +
             updateStepStatus(2, "verifying");

     

       387
       387
       +
       

     

       388
       388
       +
             const verifyRes = await fetch("/api/plc/verify", {

     

       389
       389
       +
               method: "POST",

     

       390
       390
       +
               headers: { "Content-Type": "application/json" },

     

       391
       391
       +
               body: JSON.stringify({

     

       392
       392
       +
                 key: keyJson.publicKeyDid,

     

       393
       393
       +
               }),

     

       394
       394
       +
             });

     

       395
       395
       +
       

     

       396
       396
       +
             const verifyText = await verifyRes.text();

     

       397
       397
       +
             console.log("Verification response:", verifyText);

     

       398
       398
       +
       

     

       399
       399
       +
             let verifyData;

     

       400
       400
       +
             try {

     

       401
       401
       +
               verifyData = JSON.parse(verifyText);

     

       402
       402
       +
             } catch {

     

       403
       403
       +
               throw new Error("Invalid verification response from server");

     

       404
       404
       +
             }

     

       405
       405
       +
       

     

       406
       406
       +
             if (!verifyRes.ok || !verifyData.success) {

     

       407
       407
       +
               const errorMessage =

     

       408
       408
       +
                 verifyData.message || "Failed to verify PLC update";

     

       409
       409
       +
               console.error("Verification failed:", errorMessage);

     

       410
       410
       +
               throw new Error(errorMessage);

     

       411
       411
       +
             }

     

       412
       412
       +
       

     

       413
       413
       +
             console.log("Verification successful, marking steps as completed");

     

       414
       414
       +
             updateStepStatus(2, "completed");

     

       415
       415
       +
           } catch (error) {

     

       416
       416
       +
             console.error("Update failed:", error);

     

       417
       417
       +
             // Reset the steps to error state

     

       418
       418
       +
             updateStepStatus(

     

       419
       419
       +
               1,

     

       420
       420
       +
               "error",

     

       421
       421
       +
               error instanceof Error ? error.message : String(error)

     

       422
       422
       +
             );

     

       423
       423
       +
             updateStepStatus(2, "pending"); // Reset the final step

     

       424
       424
       +
             setUpdateResult(error instanceof Error ? error.message : String(error));

     

       425
       425
       +
       

     

       426
       426
       +
             // If token is invalid, we should clear it so user can try again

     

       427
       427
       +
             if (

     

       428
       428
       +
               error instanceof Error &&

     

       429
       429
       +
               error.message.toLowerCase().includes("token is invalid")

     

       430
       430
       +
             ) {

     

       431
       431
       +
               setEmailToken("");

     

       432
       432
       +
             }

     

       433
       433
       +
           }

     

       434
       434
       +
         };

     

       435
       435
       +
       

     

       436
       436
       +
         const handleCompletePlcUpdate = async () => {

     

       437
       437
       +
           // This function is no longer needed as we handle everything in handleTokenSubmit

     

       438
       438
       +
           return;

     

       439
       439
       +
         };

     

       440
       440
       +
       

     

       441
       441
       +
         const handleDownload = () => {

     

       442
       442
       +
           console.log("=== Download Debug ===");

     

       443
       443
       +
           console.log("Download started with:", {

     

       444
       444
       +
             hasKeyJson: !!keyJson,

     

       445
       445
       +
             keyJsonId: keyJson?.publicKeyDid,

     

       446
       446
       +
           });

     

       447
       447
       +
       

     

       448
       448
       +
           if (!keyJson) {

     

       449
       449
       +
             console.error("No key JSON to download");

     

       450
       450
       +
             return;

     

       451
       451
       +
           }

     

       452
       452
       +
       

     

       453
       453
       +
           try {

     

       454
       454
       +
             const jsonString = JSON.stringify(keyJson, null, 2);

     

       455
       455
       +
             const blob = new Blob([jsonString], {

     

       456
       456
       +
               type: "application/json",

     

       457
       457
       +
             });

     

       458
       458
       +
             const url = URL.createObjectURL(blob);

     

       459
       459
       +
             const a = document.createElement("a");

     

       460
       460
       +
             a.href = url;

     

       461
       461
       +
             a.download = `plc-key-${keyJson.publicKeyDid || "unknown"}.json`;

     

       462
       462
       +
             a.style.display = "none";

     

       463
       463
       +
             document.body.appendChild(a);

     

       464
       464
       +
             a.click();

     

       465
       465
       +
             document.body.removeChild(a);

     

       466
       466
       +
             URL.revokeObjectURL(url);

     

       467
       467
       +
       

     

       468
       468
       +
             console.log("Download completed, proceeding to next step...");

     

       469
       469
       +
             setHasDownloadedKey(true);

     

       470
       470
       +
             setDownloadedKeyId(keyJson.publicKeyDid);

     

       471
       471
       +
       

     

       472
       472
       +
             // Automatically proceed to the next step after successful download

     

       473
       473
       +
             setTimeout(() => {

     

       474
       474
       +
               console.log("Auto-proceeding with key:", keyJson.publicKeyDid);

     

       475
       475
       +
               handleStartPlcUpdate(keyJson.publicKeyDid);

     

       476
       476
       +
             }, 1000);

     

       477
       477
       +
           } catch (error) {

     

       478
       478
       +
             console.error("Download failed:", error);

     

       479
       479
       +
           }

     

       480
       480
       +
         };

     

       481
       481
       +
       

     

       482
       482
       +
         const handleGenerateKey = async () => {

     

       483
       483
       +
           console.log("=== Generate Key Debug ===");

     

       484
       484
       +
           updateStepStatus(0, "in-progress");

     

       485
       485
       +
           setShowDownload(false);

     

       486
       486
       +
           setKeyJson(null);

     

       487
       487
       +
           setGeneratedKey("");

     

       488
       488
       +
           setHasDownloadedKey(false);

     

       489
       489
       +
           setDownloadedKeyId(null);

     

       490
       490
       +
       

     

       491
       491
       +
           try {

     

       492
       492
       +
             console.log("Requesting new key...");

     

       493
       493
       +
             const res = await fetch("/api/plc/keys");

     

       494
       494
       +
             const text = await res.text();

     

       495
       495
       +
             console.log("Key generation response:", text);

     

       496
       496
       +
       

     

       497
       497
       +
             if (!res.ok) {

     

       498
       498
       +
               try {

     

       499
       499
       +
                 const json = JSON.parse(text);

     

       500
       500
       +
                 throw new Error(json.message || "Failed to generate key");

     

       501
       501
       +
               } catch {

     

       502
       502
       +
                 throw new Error(text || "Failed to generate key");

     

       503
       503
       +
               }

     

       504
       504
       +
             }

     

       505
       505
       +
       

     

       506
       506
       +
             let data;

     

       507
       507
       +
             try {

     

       508
       508
       +
               data = JSON.parse(text);

     

       509
       509
       +
             } catch {

     

       510
       510
       +
               throw new Error("Invalid response from /api/plc/keys");

     

       511
       511
       +
             }

     

       512
       512
       +
       

     

       513
       513
       +
             if (!data.publicKeyDid || !data.privateKeyHex) {

     

       514
       514
       +
               throw new Error("Key generation failed: missing key data");

     

       515
       515
       +
             }

     

       516
       516
       +
       

     

       517
       517
       +
             console.log("Key generated successfully:", {

     

       518
       518
       +
               keyId: data.publicKeyDid,

     

       519
       519
       +
             });

     

       520
       520
       +
       

     

       521
       521
       +
             setGeneratedKey(data.publicKeyDid);

     

       522
       522
       +
             setKeyJson(data);

     

       523
       523
       +
             setShowDownload(true);

     

       524
       524
       +
             updateStepStatus(0, "completed");

     

       525
       525
       +
           } catch (error) {

     

       526
       526
       +
             console.error("Key generation failed:", error);

     

       527
       527
       +
             updateStepStatus(

     

       528
       528
       +
               0,

     

       529
       529
       +
               "error",

     

       530
       530
       +
               error instanceof Error ? error.message : String(error)

     

       531
       531
       +
             );

     

       532
       532
       +
           }

     

       533
       533
       +
         };

     

       534
       534
       +
       

     

       535
       535
       +
         const getStepIcon = (status: PlcUpdateStep["status"]) => {

     

       536
       536
       +
           switch (status) {

     

       537
       537
       +
             case "pending":

     

       538
       538
       +
               return (

     

       539
       539
       +
                 <div class="w-8 h-8 rounded-full border-2 border-gray-300 dark:border-gray-600 flex items-center justify-center">

     

       540
       540
       +
                   <div class="w-3 h-3 rounded-full bg-gray-300 dark:bg-gray-600" />

     

       541
       541
       +
                 </div>

     

       542
       542
       +
               );

     

       543
       543
       +
             case "in-progress":

     

       544
       544
       +
               return (

     

       545
       545
       +
                 <div class="w-8 h-8 rounded-full border-2 border-blue-500 border-t-transparent animate-spin flex items-center justify-center">

     

       546
       546
       +
                   <div class="w-3 h-3 rounded-full bg-blue-500" />

     

       547
       547
       +
                 </div>

     

       548
       548
       +
               );

     

       549
       549
       +
             case "verifying":

     

       550
       550
       +
               return (

     

       551
       551
       +
                 <div class="w-8 h-8 rounded-full border-2 border-yellow-500 border-t-transparent animate-spin flex items-center justify-center">

     

       552
       552
       +
                   <div class="w-3 h-3 rounded-full bg-yellow-500" />

     

       553
       553
       +
                 </div>

     

       554
       554
       +
               );

     

       555
       555
       +
             case "completed":

     

       556
       556
       +
               return (

     

       557
       557
       +
                 <div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">

     

       558
       558
       +
                   <svg

     

       559
       559
       +
                     class="w-5 h-5 text-white"

     

       560
       560
       +
                     fill="none"

     

       561
       561
       +
                     stroke="currentColor"

     

       562
       562
       +
                     viewBox="0 0 24 24"

     

       563
       563
       +
                   >

     

       564
       564
       +
                     <path

     

       565
       565
       +
                       stroke-linecap="round"

     

       566
       566
       +
                       stroke-linejoin="round"

     

       567
       567
       +
                       stroke-width="2"

     

       568
       568
       +
                       d="M5 13l4 4L19 7"

     

       569
       569
       +
                     />

     

       570
       570
       +
                   </svg>

     

       571
       571
       +
                 </div>

     

       572
       572
       +
               );

     

       573
       573
       +
             case "error":

     

       574
       574
       +
               return (

     

       575
       575
       +
                 <div class="w-8 h-8 rounded-full bg-red-500 flex items-center justify-center">

     

       576
       576
       +
                   <svg

     

       577
       577
       +
                     class="w-5 h-5 text-white"

     

       578
       578
       +
                     fill="none"

     

       579
       579
       +
                     stroke="currentColor"

     

       580
       580
       +
                     viewBox="0 0 24 24"

     

       581
       581
       +
                   >

     

       582
       582
       +
                     <path

     

       583
       583
       +
                       stroke-linecap="round"

     

       584
       584
       +
                       stroke-linejoin="round"

     

       585
       585
       +
                       stroke-width="2"

     

       586
       586
       +
                       d="M6 18L18 6M6 6l12 12"

     

       587
       587
       +
                     />

     

       588
       588
       +
                   </svg>

     

       589
       589
       +
                 </div>

     

       590
       590
       +
               );

     

       591
       591
       +
           }

     

       592
       592
       +
         };

     

       593
       593
       +
       

     

       594
       594
       +
         const getStepClasses = (status: PlcUpdateStep["status"]) => {

     

       595
       595
       +
           const baseClasses =

     

       596
       596
       +
             "flex items-center space-x-3 p-4 rounded-lg transition-colors duration-200";

     

       597
       597
       +
           switch (status) {

     

       598
       598
       +
             case "pending":

     

       599
       599
       +
               return `${baseClasses} bg-gray-50 dark:bg-gray-800`;

     

       600
       600
       +
             case "in-progress":

     

       601
       601
       +
               return `${baseClasses} bg-blue-50 dark:bg-blue-900`;

     

       602
       602
       +
             case "verifying":

     

       603
       603
       +
               return `${baseClasses} bg-yellow-50 dark:bg-yellow-900`;

     

       604
       604
       +
             case "completed":

     

       605
       605
       +
               return `${baseClasses} bg-green-50 dark:bg-green-900`;

     

       606
       606
       +
             case "error":

     

       607
       607
       +
               return `${baseClasses} bg-red-50 dark:bg-red-900`;

     

       608
       608
       +
           }

     

       609
       609
       +
         };

     

       610
       610
       +
       

     

       611
       611
       +
         const requestNewToken = async () => {

     

       612
       612
       +
           try {

     

       613
       613
       +
             console.log("Requesting new token...");

     

       614
       614
       +
             const res = await fetch("/api/plc/token", {

     

       615
       615
       +
               method: "GET",

     

       616
       616
       +
             });

     

       617
       617
       +
             const text = await res.text();

     

       618
       618
       +
             console.log("Token request response:", text);

     

       619
       619
       +
       

     

       620
       620
       +
             if (!res.ok) {

     

       621
       621
       +
               throw new Error(text || "Failed to request new token");

     

       622
       622
       +
             }

     

       623
       623
       +
       

     

       624
       624
       +
             let data;

     

       625
       625
       +
             try {

     

       626
       626
       +
               data = JSON.parse(text);

     

       627
       627
       +
               if (!data.success) {

     

       628
       628
       +
                 throw new Error(data.message || "Failed to request token");

     

       629
       629
       +
               }

     

       630
       630
       +
             } catch {

     

       631
       631
       +
               throw new Error("Invalid response from server");

     

       632
       632
       +
             }

     

       633
       633
       +
       

     

       634
       634
       +
             // Clear any existing error and token

     

       635
       635
       +
             setEmailToken("");

     

       636
       636
       +
             updateStepStatus(1, "in-progress");

     

       637
       637
       +
             updateStepStatus(2, "pending");

     

       638
       638
       +
           } catch (error) {

     

       639
       639
       +
             console.error("Failed to request new token:", error);

     

       640
       640
       +
             updateStepStatus(

     

       641
       641
       +
               1,

     

       642
       642
       +
               "error",

     

       643
       643
       +
               error instanceof Error ? error.message : String(error)

     

       644
       644
       +
             );

     

       645
       645
       +
           }

     

       646
       646
       +
         };

     

       647
       647
       +
       

     

       648
       648
       +
         if (!hasStarted) {

     

       649
       649
       +
           return (

     

       650
       650
       +
             <div class="space-y-6">

     

       651
       651
       +
               <div class="ticket bg-white dark:bg-slate-800 p-6 relative">

     

       652
       652
       +
                 <div class="boarding-label text-amber-500 dark:text-amber-400 font-mono font-bold tracking-wider text-sm mb-2">

     

       653
       653
       +
                   {contentChunks[currentChunkIndex].subtitle}

     

       654
       654
       +
                 </div>

     

       655
       655
       +
       

     

       656
       656
       +
                 <div class="flex justify-between items-start mb-4">

     

       657
       657
       +
                   <h3 class="text-2xl font-mono text-slate-800 dark:text-slate-200">

     

       658
       658
       +
                     {contentChunks[currentChunkIndex].title}

     

       659
       659
       +
                   </h3>

     

       660
       660
       +
                 </div>

     

       661
       661
       +
       

     

       662
       662
       +
                 {/* Main Description */}

     

       663
       663
       +
                 <div class="mb-6">{contentChunks[currentChunkIndex].content}</div>

     

       664
       664
       +
       

     

       665
       665
       +
                 {/* Navigation */}

     

       666
       666
       +
                 <div class="mt-8 border-t border-dashed border-slate-200 dark:border-slate-700 pt-4">

     

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

     

       668
       668
       +
                     <button

     

       669
       669
       +
                       onClick={() =>

     

       670
       670
       +
                         setCurrentChunkIndex((prev) => Math.max(0, prev - 1))

     

       671
       671
       +
                       }

     

       672
       672
       +
                       class={`px-4 py-2 font-mono text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors duration-200 flex items-center space-x-2 ${

     

       673
       673
       +
                         currentChunkIndex === 0 ? "invisible" : ""

     

       674
       674
       +
                       }`}

     

       675
       675
       +
                     >

     

       676
       676
       +
                       <svg

     

       677
       677
       +
                         class="w-5 h-5 rotate-180"

     

       678
       678
       +
                         fill="none"

     

       679
       679
       +
                         stroke="currentColor"

     

       680
       680
       +
                         viewBox="0 0 24 24"

     

       681
       681
       +
                       >

     

       682
       682
       +
                         <path

     

       683
       683
       +
                           stroke-linecap="round"

     

       684
       684
       +
                           stroke-linejoin="round"

     

       685
       685
       +
                           stroke-width="2"

     

       686
       686
       +
                           d="M9 5l7 7-7 7"

     

       687
       687
       +
                         />

     

       688
       688
       +
                       </svg>

     

       689
       689
       +
                       <span>Previous Gate</span>

     

       690
       690
       +
                     </button>

     

       691
       691
       +
       

     

       692
       692
       +
                     {currentChunkIndex === contentChunks.length - 1 ? (

     

       693
       693
       +
                       <button

     

       694
       694
       +
                         onClick={handleStart}

     

       695
       695
       +
                         class="px-6 py-2 bg-amber-500 hover:bg-amber-600 text-white font-mono rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       696
       696
       +
                       >

     

       697
       697
       +
                         <span>Begin Key Generation</span>

     

       698
       698
       +
                         <svg

     

       699
       699
       +
                           class="w-5 h-5"

     

       700
       700
       +
                           fill="none"

     

       701
       701
       +
                           stroke="currentColor"

     

       702
       702
       +
                           viewBox="0 0 24 24"

     

       703
       703
       +
                         >

     

       704
       704
       +
                           <path

     

       705
       705
       +
                             stroke-linecap="round"

     

       706
       706
       +
                             stroke-linejoin="round"

     

       707
       707
       +
                             stroke-width="2"

     

       708
       708
       +
                             d="M9 5l7 7-7 7"

     

       709
       709
       +
                           />

     

       710
       710
       +
                         </svg>

     

       711
       711
       +
                       </button>

     

       712
       712
       +
                     ) : (

     

       713
       713
       +
                       <button

     

       714
       714
       +
                         onClick={() =>

     

       715
       715
       +
                           setCurrentChunkIndex((prev) =>

     

       716
       716
       +
                             Math.min(contentChunks.length - 1, prev + 1)

     

       717
       717
       +
                           )

     

       718
       718
       +
                         }

     

       719
       719
       +
                         class="px-4 py-2 font-mono text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors duration-200 flex items-center space-x-2"

     

       720
       720
       +
                       >

     

       721
       721
       +
                         <span>Next Gate</span>

     

       722
       722
       +
                         <svg

     

       723
       723
       +
                           class="w-5 h-5"

     

       724
       724
       +
                           fill="none"

     

       725
       725
       +
                           stroke="currentColor"

     

       726
       726
       +
                           viewBox="0 0 24 24"

     

       727
       727
       +
                         >

     

       728
       728
       +
                           <path

     

       729
       729
       +
                             stroke-linecap="round"

     

       730
       730
       +
                             stroke-linejoin="round"

     

       731
       731
       +
                             stroke-width="2"

     

       732
       732
       +
                             d="M9 5l7 7-7 7"

     

       733
       733
       +
                           />

     

       734
       734
       +
                         </svg>

     

       735
       735
       +
                       </button>

     

       736
       736
       +
                     )}

     

       737
       737
       +
                   </div>

     

       738
       738
       +
       

     

       739
       739
       +
                   {/* Progress Dots */}

     

       740
       740
       +
                   <div class="flex justify-center space-x-3 mt-4">

     

       741
       741
       +
                     {contentChunks.map((_, index) => (

     

       742
       742
       +
                       <div

     

       743
       743
       +
                         key={index}

     

       744
       744
       +
                         class={`h-1.5 w-8 rounded-full transition-colors duration-200 ${

     

       745
       745
       +
                           index === currentChunkIndex

     

       746
       746
       +
                             ? "bg-amber-500"

     

       747
       747
       +
                             : "bg-slate-200 dark:bg-slate-700"

     

       748
       748
       +
                         }`}

     

       749
       749
       +
                       />

     

       750
       750
       +
                     ))}

     

       751
       751
       +
                   </div>

     

       752
       752
       +
                 </div>

     

       753
       753
       +
               </div>

     

       754
       754
       +
             </div>

     

       755
       755
       +
           );

     

       756
       756
       +
         }

     

       757
       757
       +
       

     

       758
       758
       +
         return (

     

       759
       759
       +
           <div class="space-y-8">

     

       760
       760
       +
             {/* Progress Steps */}

     

       761
       761
       +
             <div class="space-y-4">

     

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

     

       763
       763
       +
                 <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">

     

       764
       764
       +
                   Key Generation Progress

     

       765
       765
       +
                 </h3>

     

       766
       766
       +
                 {/* Add a help tooltip */}

     

       767
       767
       +
                 <div class="relative group">

     

       768
       768
       +
                   <button class="text-gray-400 hover:text-gray-500">

     

       769
       769
       +
                     <svg

     

       770
       770
       +
                       class="w-5 h-5"

     

       771
       771
       +
                       fill="none"

     

       772
       772
       +
                       stroke="currentColor"

     

       773
       773
       +
                       viewBox="0 0 24 24"

     

       774
       774
       +
                     >

     

       775
       775
       +
                       <path

     

       776
       776
       +
                         stroke-linecap="round"

     

       777
       777
       +
                         stroke-linejoin="round"

     

       778
       778
       +
                         stroke-width="2"

     

       779
       779
       +
                         d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"

     

       780
       780
       +
                       />

     

       781
       781
       +
                     </svg>

     

       782
       782
       +
                   </button>

     

       783
       783
       +
                   <div class="absolute right-0 w-64 p-2 mt-2 space-y-1 text-sm bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 hidden group-hover:block z-10">

     

       784
       784
       +
                     <p class="text-gray-600 dark:text-gray-400">

     

       785
       785
       +
                       Follow these steps to securely add a new rotation key to your

     

       786
       786
       +
                       PLC record. Each step requires completion before proceeding.

     

       787
       787
       +
                     </p>

     

       788
       788
       +
                   </div>

     

       789
       789
       +
                 </div>

     

       790
       790
       +
               </div>

     

       791
       791
       +
       

     

       792
       792
       +
               {/* Steps with enhanced visual hierarchy */}

     

       793
       793
       +
               {steps.map((step, index) => (

     

       794
       794
       +
                 <div

     

       795
       795
       +
                   key={step.name}

     

       796
       796
       +
                   class={`${getStepClasses(step.status)} ${

     

       797
       797
       +
                     step.status === "in-progress"

     

       798
       798
       +
                       ? "ring-2 ring-blue-500 ring-opacity-50"

     

       799
       799
       +
                       : ""

     

       800
       800
       +
                   }`}

     

       801
       801
       +
                 >

     

       802
       802
       +
                   <div class="flex-shrink-0">{getStepIcon(step.status)}</div>

     

       803
       803
       +
                   <div class="flex-1 min-w-0">

     

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

     

       805
       805
       +
                       <p

     

       806
       806
       +
                         class={`font-medium ${

     

       807
       807
       +
                           step.status === "error"

     

       808
       808
       +
                             ? "text-red-900 dark:text-red-200"

     

       809
       809
       +
                             : step.status === "completed"

     

       810
       810
       +
                             ? "text-green-900 dark:text-green-200"

     

       811
       811
       +
                             : step.status === "in-progress"

     

       812
       812
       +
                             ? "text-blue-900 dark:text-blue-200"

     

       813
       813
       +
                             : "text-gray-900 dark:text-gray-200"

     

       814
       814
       +
                         }`}

     

       815
       815
       +
                       >

     

       816
       816
       +
                         {getStepDisplayName(step, index)}

     

       817
       817
       +
                       </p>

     

       818
       818
       +
                       {/* Add step number */}

     

       819
       819
       +
                       <span class="text-sm text-gray-500 dark:text-gray-400">

     

       820
       820
       +
                         Step {index + 1} of {steps.length}

     

       821
       821
       +
                       </span>

     

       822
       822
       +
                     </div>

     

       823
       823
       +
       

     

       824
       824
       +
                     {step.error && (

     

       825
       825
       +
                       <div class="mt-2 p-2 bg-red-50 dark:bg-red-900/50 rounded-md">

     

       826
       826
       +
                         <p class="text-sm text-red-600 dark:text-red-400 flex items-center">

     

       827
       827
       +
                           <svg

     

       828
       828
       +
                             class="w-4 h-4 mr-1"

     

       829
       829
       +
                             fill="none"

     

       830
       830
       +
                             stroke="currentColor"

     

       831
       831
       +
                             viewBox="0 0 24 24"

     

       832
       832
       +
                           >

     

       833
       833
       +
                             <path

     

       834
       834
       +
                               stroke-linecap="round"

     

       835
       835
       +
                               stroke-linejoin="round"

     

       836
       836
       +
                               stroke-width="2"

     

       837
       837
       +
                               d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"

     

       838
       838
       +
                             />

     

       839
       839
       +
                           </svg>

     

       840
       840
       +
                           {(() => {

     

       841
       841
       +
                             try {

     

       842
       842
       +
                               const err = JSON.parse(step.error);

     

       843
       843
       +
                               return err.message || step.error;

     

       844
       844
       +
                             } catch {

     

       845
       845
       +
                               return step.error;

     

       846
       846
       +
                             }

     

       847
       847
       +
                           })()}

     

       848
       848
       +
                         </p>

     

       849
       849
       +
                       </div>

     

       850
       850
       +
                     )}

     

       851
       851
       +
       

     

       852
       852
       +
                     {/* Key Download Warning */}

     

       853
       853
       +
                     {index === 0 &&

     

       854
       854
       +
                       step.status === "completed" &&

     

       855
       855
       +
                       !hasDownloadedKey && (

     

       856
       856
       +
                         <div class="mt-4 space-y-4">

     

       857
       857
       +
                           <div class="bg-yellow-50 dark:bg-yellow-900/50 p-4 rounded-lg border border-yellow-200 dark:border-yellow-800">

     

       858
       858
       +
                             <div class="flex items-start">

     

       859
       859
       +
                               <div class="flex-shrink-0">

     

       860
       860
       +
                                 <svg

     

       861
       861
       +
                                   class="h-5 w-5 text-yellow-400"

     

       862
       862
       +
                                   viewBox="0 0 20 20"

     

       863
       863
       +
                                   fill="currentColor"

     

       864
       864
       +
                                 >

     

       865
       865
       +
                                   <path

     

       866
       866
       +
                                     fill-rule="evenodd"

     

       867
       867
       +
                                     d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z"

     

       868
       868
       +
                                     clip-rule="evenodd"

     

       869
       869
       +
                                   />

     

       870
       870
       +
                                 </svg>

     

       871
       871
       +
                               </div>

     

       872
       872
       +
                               <div class="ml-3">

     

       873
       873
       +
                                 <h3 class="text-sm font-medium text-yellow-800 dark:text-yellow-200">

     

       874
       874
       +
                                   Critical Security Step

     

       875
       875
       +
                                 </h3>

     

       876
       876
       +
                                 <div class="mt-2 text-sm text-yellow-700 dark:text-yellow-300">

     

       877
       877
       +
                                   <p class="mb-2">

     

       878
       878
       +
                                     Your rotation key grants control over your

     

       879
       879
       +
                                     identity:

     

       880
       880
       +
                                   </p>

     

       881
       881
       +
                                   <ul class="list-disc pl-5 space-y-2">

     

       882
       882
       +
                                     <li>

     

       883
       883
       +
                                       <strong>Store Securely:</strong> Use a password

     

       884
       884
       +
                                       manager

     

       885
       885
       +
                                     </li>

     

       886
       886
       +
                                     <li>

     

       887
       887
       +
                                       <strong>Keep Private:</strong> Never share with

     

       888
       888
       +
                                       anyone

     

       889
       889
       +
                                     </li>

     

       890
       890
       +
                                     <li>

     

       891
       891
       +
                                       <strong>Backup:</strong> Keep a secure backup

     

       892
       892
       +
                                       copy

     

       893
       893
       +
                                     </li>

     

       894
       894
       +
                                     <li>

     

       895
       895
       +
                                       <strong>Required:</strong> Needed for future DID

     

       896
       896
       +
                                       modifications

     

       897
       897
       +
                                     </li>

     

       898
       898
       +
                                   </ul>

     

       899
       899
       +
                                 </div>

     

       900
       900
       +
                               </div>

     

       901
       901
       +
                             </div>

     

       902
       902
       +
                           </div>

     

       903
       903
       +
       

     

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

     

       905
       905
       +
                             <button

     

       906
       906
       +
                               onClick={handleDownload}

     

       907
       907
       +
                               class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       908
       908
       +
                             >

     

       909
       909
       +
                               <svg

     

       910
       910
       +
                                 class="w-5 h-5"

     

       911
       911
       +
                                 fill="none"

     

       912
       912
       +
                                 stroke="currentColor"

     

       913
       913
       +
                                 viewBox="0 0 24 24"

     

       914
       914
       +
                               >

     

       915
       915
       +
                                 <path

     

       916
       916
       +
                                   stroke-linecap="round"

     

       917
       917
       +
                                   stroke-linejoin="round"

     

       918
       918
       +
                                   stroke-width="2"

     

       919
       919
       +
                                   d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"

     

       920
       920
       +
                                 />

     

       921
       921
       +
                               </svg>

     

       922
       922
       +
                               <span>Download Key</span>

     

       923
       923
       +
                             </button>

     

       924
       924
       +
       

     

       925
       925
       +
                             <div class="flex items-center text-sm text-red-600 dark:text-red-400">

     

       926
       926
       +
                               <svg

     

       927
       927
       +
                                 class="w-4 h-4 mr-1"

     

       928
       928
       +
                                 fill="none"

     

       929
       929
       +
                                 stroke="currentColor"

     

       930
       930
       +
                                 viewBox="0 0 24 24"

     

       931
       931
       +
                               >

     

       932
       932
       +
                                 <path

     

       933
       933
       +
                                   stroke-linecap="round"

     

       934
       934
       +
                                   stroke-linejoin="round"

     

       935
       935
       +
                                   stroke-width="2"

     

       936
       936
       +
                                   d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"

     

       937
       937
       +
                                 />

     

       938
       938
       +
                               </svg>

     

       939
       939
       +
                               Download required to proceed

     

       940
       940
       +
                             </div>

     

       941
       941
       +
                           </div>

     

       942
       942
       +
                         </div>

     

       943
       943
       +
                       )}

     

       944
       944
       +
       

     

       945
       945
       +
                     {/* Email Code Input */}

     

       946
       946
       +
                     {index === 1 &&

     

       947
       947
       +
                       (step.status === "in-progress" ||

     

       948
       948
       +
                         step.status === "verifying") &&

     

       949
       949
       +
                       step.name ===

     

       950
       950
       +
                         "Enter the code sent to your email to complete PLC update" && (

     

       951
       951
       +
                         <div class="mt-4 space-y-4">

     

       952
       952
       +
                           <div class="bg-blue-50 dark:bg-blue-900/50 p-4 rounded-lg">

     

       953
       953
       +
                             <p class="text-sm text-blue-800 dark:text-blue-200 mb-3">

     

       954
       954
       +
                               Check your email for the verification code to complete

     

       955
       955
       +
                               the PLC update:

     

       956
       956
       +
                             </p>

     

       957
       957
       +
                             <div class="flex space-x-2">

     

       958
       958
       +
                               <div class="flex-1 relative">

     

       959
       959
       +
                                 <input

     

       960
       960
       +
                                   type="text"

     

       961
       961
       +
                                   value={emailToken}

     

       962
       962
       +
                                   onChange={(e) =>

     

       963
       963
       +
                                     setEmailToken(e.currentTarget.value)

     

       964
       964
       +
                                   }

     

       965
       965
       +
                                   placeholder="Enter verification code"

     

       966
       966
       +
                                   class="w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:focus:border-blue-400 dark:focus:ring-blue-400"

     

       967
       967
       +
                                 />

     

       968
       968
       +
                               </div>

     

       969
       969
       +
                               <button

     

       970
       970
       +
                                 type="button"

     

       971
       971
       +
                                 onClick={handleTokenSubmit}

     

       972
       972
       +
                                 disabled={!emailToken || step.status === "verifying"}

     

       973
       973
       +
                                 class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center space-x-2"

     

       974
       974
       +
                               >

     

       975
       975
       +
                                 <span>

     

       976
       976
       +
                                   {step.status === "verifying"

     

       977
       977
       +
                                     ? "Verifying..."

     

       978
       978
       +
                                     : "Verify"}

     

       979
       979
       +
                                 </span>

     

       980
       980
       +
                                 <svg

     

       981
       981
       +
                                   class="w-4 h-4"

     

       982
       982
       +
                                   fill="none"

     

       983
       983
       +
                                   stroke="currentColor"

     

       984
       984
       +
                                   viewBox="0 0 24 24"

     

       985
       985
       +
                                 >

     

       986
       986
       +
                                   <path

     

       987
       987
       +
                                     stroke-linecap="round"

     

       988
       988
       +
                                     stroke-linejoin="round"

     

       989
       989
       +
                                     stroke-width="2"

     

       990
       990
       +
                                     d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"

     

       991
       991
       +
                                   />

     

       992
       992
       +
                                 </svg>

     

       993
       993
       +
                               </button>

     

       994
       994
       +
                             </div>

     

       995
       995
       +
                             {step.error && (

     

       996
       996
       +
                               <div class="mt-2 p-2 bg-red-50 dark:bg-red-900/50 rounded-md">

     

       997
       997
       +
                                 <p class="text-sm text-red-600 dark:text-red-400 flex items-center">

     

       998
       998
       +
                                   <svg

     

       999
       999
       +
                                     class="w-4 h-4 mr-1"

     

       1000
       1000
       +
                                     fill="none"

     

       1001
       1001
       +
                                     stroke="currentColor"

     

       1002
       1002
       +
                                     viewBox="0 0 24 24"

     

       1003
       1003
       +
                                   >

     

       1004
       1004
       +
                                     <path

     

       1005
       1005
       +
                                       stroke-linecap="round"

     

       1006
       1006
       +
                                       stroke-linejoin="round"

     

       1007
       1007
       +
                                       stroke-width="2"

     

       1008
       1008
       +
                                       d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"

     

       1009
       1009
       +
                                     />

     

       1010
       1010
       +
                                   </svg>

     

       1011
       1011
       +
                                   {step.error}

     

       1012
       1012
       +
                                 </p>

     

       1013
       1013
       +
                                 {step.error

     

       1014
       1014
       +
                                   .toLowerCase()

     

       1015
       1015
       +
                                   .includes("token is invalid") && (

     

       1016
       1016
       +
                                   <div class="mt-2">

     

       1017
       1017
       +
                                     <p class="text-sm text-red-500 dark:text-red-300 mb-2">

     

       1018
       1018
       +
                                       The verification code may have expired. Request

     

       1019
       1019
       +
                                       a new code to try again.

     

       1020
       1020
       +
                                     </p>

     

       1021
       1021
       +
                                     <button

     

       1022
       1022
       +
                                       onClick={requestNewToken}

     

       1023
       1023
       +
                                       class="text-sm px-3 py-1 bg-red-100 hover:bg-red-200 dark:bg-red-800 dark:hover:bg-red-700 text-red-700 dark:text-red-200 rounded-md transition-colors duration-200 flex items-center space-x-1"

     

       1024
       1024
       +
                                     >

     

       1025
       1025
       +
                                       <svg

     

       1026
       1026
       +
                                         class="w-4 h-4"

     

       1027
       1027
       +
                                         fill="none"

     

       1028
       1028
       +
                                         stroke="currentColor"

     

       1029
       1029
       +
                                         viewBox="0 0 24 24"

     

       1030
       1030
       +
                                       >

     

       1031
       1031
       +
                                         <path

     

       1032
       1032
       +
                                           stroke-linecap="round"

     

       1033
       1033
       +
                                           stroke-linejoin="round"

     

       1034
       1034
       +
                                           stroke-width="2"

     

       1035
       1035
       +
                                           d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"

     

       1036
       1036
       +
                                         />

     

       1037
       1037
       +
                                       </svg>

     

       1038
       1038
       +
                                       <span>Request New Code</span>

     

       1039
       1039
       +
                                     </button>

     

       1040
       1040
       +
                                   </div>

     

       1041
       1041
       +
                                 )}

     

       1042
       1042
       +
                               </div>

     

       1043
       1043
       +
                             )}

     

       1044
       1044
       +
                           </div>

     

       1045
       1045
       +
                         </div>

     

       1046
       1046
       +
                       )}

     

       1047
       1047
       +
                   </div>

     

       1048
       1048
       +
                 </div>

     

       1049
       1049
       +
               ))}

     

       1050
       1050
       +
             </div>

     

       1051
       1051
       +
       

     

       1052
       1052
       +
             {/* Success Message */}

     

       1053
       1053
       +
             {steps[2].status === "completed" && (

     

       1054
       1054
       +
               <div class="p-4 bg-green-50 dark:bg-green-900/50 rounded-lg border-2 border-green-200 dark:border-green-800">

     

       1055
       1055
       +
                 <div class="flex items-center space-x-3 mb-4">

     

       1056
       1056
       +
                   <svg

     

       1057
       1057
       +
                     class="w-6 h-6 text-green-500"

     

       1058
       1058
       +
                     fill="none"

     

       1059
       1059
       +
                     stroke="currentColor"

     

       1060
       1060
       +
                     viewBox="0 0 24 24"

     

       1061
       1061
       +
                   >

     

       1062
       1062
       +
                     <path

     

       1063
       1063
       +
                       stroke-linecap="round"

     

       1064
       1064
       +
                       stroke-linejoin="round"

     

       1065
       1065
       +
                       stroke-width="2"

     

       1066
       1066
       +
                       d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"

     

       1067
       1067
       +
                     />

     

       1068
       1068
       +
                   </svg>

     

       1069
       1069
       +
                   <h4 class="text-lg font-medium text-green-800 dark:text-green-200">

     

       1070
       1070
       +
                     PLC Update Successful!

     

       1071
       1071
       +
                   </h4>

     

       1072
       1072
       +
                 </div>

     

       1073
       1073
       +
                 <p class="text-sm text-green-700 dark:text-green-300 mb-4">

     

       1074
       1074
       +
                   Your rotation key has been successfully added to your PLC record.

     

       1075
       1075
       +
                   You can now use this key for future DID modifications.

     

       1076
       1076
       +
                 </p>

     

       1077
       1077
       +
                 <div class="flex space-x-4">

     

       1078
       1078
       +
                   <button

     

       1079
       1079
       +
                     type="button"

     

       1080
       1080
       +
                     onClick={async () => {

     

       1081
       1081
       +
                       try {

     

       1082
       1082
       +
                         const response = await fetch("/api/logout", {

     

       1083
       1083
       +
                           method: "POST",

     

       1084
       1084
       +
                           credentials: "include",

     

       1085
       1085
       +
                         });

     

       1086
       1086
       +
                         if (!response.ok) {

     

       1087
       1087
       +
                           throw new Error("Logout failed");

     

       1088
       1088
       +
                         }

     

       1089
       1089
       +
                         globalThis.location.href = "/";

     

       1090
       1090
       +
                       } catch (error) {

     

       1091
       1091
       +
                         console.error("Failed to logout:", error);

     

       1092
       1092
       +
                       }

     

       1093
       1093
       +
                     }}

     

       1094
       1094
       +
                     class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       1095
       1095
       +
                   >

     

       1096
       1096
       +
                     <svg

     

       1097
       1097
       +
                       class="w-5 h-5"

     

       1098
       1098
       +
                       fill="none"

     

       1099
       1099
       +
                       stroke="currentColor"

     

       1100
       1100
       +
                       viewBox="0 0 24 24"

     

       1101
       1101
       +
                     >

     

       1102
       1102
       +
                       <path

     

       1103
       1103
       +
                         stroke-linecap="round"

     

       1104
       1104
       +
                         stroke-linejoin="round"

     

       1105
       1105
       +
                         stroke-width="2"

     

       1106
       1106
       +
                         d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"

     

       1107
       1107
       +
                       />

     

       1108
       1108
       +
                     </svg>

     

       1109
       1109
       +
                     <span>Sign Out</span>

     

       1110
       1110
       +
                   </button>

     

       1111
       1111
       +
                   <a

     

       1112
       1112
       +
                     href="https://ko-fi.com/knotbin"

     

       1113
       1113
       +
                     target="_blank"

     

       1114
       1114
       +
                     class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md transition-colors duration-200 flex items-center space-x-2"

     

       1115
       1115
       +
                   >

     

       1116
       1116
       +
                     <svg

     

       1117
       1117
       +
                       class="w-5 h-5"

     

       1118
       1118
       +
                       fill="none"

     

       1119
       1119
       +
                       stroke="currentColor"

     

       1120
       1120
       +
                       viewBox="0 0 24 24"

     

       1121
       1121
       +
                     >

     

       1122
       1122
       +
                       <path

     

       1123
       1123
       +
                         stroke-linecap="round"

     

       1124
       1124
       +
                         stroke-linejoin="round"

     

       1125
       1125
       +
                         stroke-width="2"

     

       1126
       1126
       +
                         d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"

     

       1127
       1127
       +
                       />

     

       1128
       1128
       +
                     </svg>

     

       1129
       1129
       +
                     <span>Support Us</span>

     

       1130
       1130
       +
                   </a>

     

       1131
       1131
       +
                 </div>

     

       1132
       1132
       +
               </div>

     

       1133
       1133
       +
             )}

     

       1134
       1134
       +
           </div>

     

       1135
       1135
       +
         );

     

       1136
       1136
       +
       }

+15 -6

islands/Header.tsx

···

       51
       51
        
               setUser(

     

       52
       52
        
                 userData

     

       53
       53
        
                   ? {

     

       54
       54
       -
                     did: userData.did,

     

       55
       55
       -
                     handle: userData.handle,

     

       56
       56
       -
                   }

     

       57
       57
       -
                   : null,

     

       54
       54
       +
                       did: userData.did,

     

       55
       55
       +
                       handle: userData.handle,

     

       56
       56
       +
                     }

     

       57
       57
       +
                   : null

     

       58
       58
        
               );

     

       59
       59
        
             } catch (error) {

     

       60
       60
        
               console.error("Failed to fetch user:", error);

     
···

       97
       97
        
                 />

     

       98
       98
        
       

     

       99
       99
        
                 <div className="flex items-center gap-3">

     

       100
       100
       +
                   {/* Ticket booth (did:plc update) */}

     

       101
       101
       +
                   <Button

     

       102
       102
       +
                     href="/ticket-booth"

     

       103
       103
       +
                     color="amber"

     

       104
       104
       +
                     icon="/icons/ticket_bold.svg"

     

       105
       105
       +
                     iconAlt="Ticket"

     

       106
       106
       +
                     label="TICKET BOOTH"

     

       107
       107
       +
                   />

     

       108
       108
       +
       

     

       100
       109
        
                   {/* Departures (Migration) */}

     

       101
       110
        
                   <Button

     

       102
       111
        
                     href="/migrate"

     
···

       112
       121
        
                       <div className="relative">

     

       113
       122
        
                         <Button

     

       114
       123
        
                           color="amber"

     

       115
       115
       -
                           icon="/icons/ticket_bold.svg"

     

       124
       124
       +
                           icon="/icons/account.svg"

     

       116
       125
        
                           iconAlt="Check-in"

     

       117
       126
        
                           label="CHECKED IN"

     

       118
       127
        
                           onClick={() => setShowDropdown(!showDropdown)}

     
···

       141
       150
        
                       <Button

     

       142
       151
        
                         href="/login"

     

       143
       152
        
                         color="amber"

     

       144
       144
       -
                         icon="/icons/ticket_bold.svg"

     

       153
       153
       +
                         icon="/icons/account.svg"

     

       145
       154
        
                         iconAlt="Check-in"

     

       146
       155
        
                         label="CHECK-IN"

     

       147
       156
        
                       />

+15 -7

islands/Ticket.tsx

···

       1
       1
        
       import { useEffect, useState } from "preact/hooks";

     

       2
       2
        
       import { IS_BROWSER } from "fresh/runtime";

     

       3
       3
       +
       import { Link } from "../components/Link.tsx";

     

       3
       4
        
       

     

       4
       5
        
       /**

     

       5
       6
        
        * The user interface for the ticket component.

     
···

       33
       34
        
               setUser(

     

       34
       35
        
                 userData

     

       35
       36
        
                   ? {

     

       36
       36
       -
                     did: userData.did,

     

       37
       37
       -
                     handle: userData.handle,

     

       38
       38
       -
                   }

     

       39
       39
       -
                   : null,

     

       37
       37
       +
                       did: userData.did,

     

       38
       38
       +
                       handle: userData.handle,

     

       39
       39
       +
                     }

     

       40
       40
       +
                   : null

     

       40
       41
        
               );

     

       41
       42
        
             } catch (error) {

     

       42
       43
        
               console.error("Failed to fetch user:", error);

     
···

       72
       73
        
               </p>

     

       73
       74
        
               <p>

     

       74
       75
        
                 Think you might need to migrate in the future but your PDS might be

     

       75
       75
       -
                 hostile or offline? No worries! Soon you'll be able to go to the

     

       76
       76
       -
                 ticket booth and get a PLC key to use for account recovery in the

     

       77
       77
       -
                 future. You can also go to baggage claim (take the air shuttle to

     

       76
       76
       +
                 hostile or offline? No worries! You can go to the{" "}

     

       77
       77
       +
                 <Link

     

       78
       78
       +
                   href="/ticket-booth"

     

       79
       79
       +
                   isExternal

     

       80
       80
       +
                   class="text-blue-600 dark:text-blue-400"

     

       81
       81
       +
                 >

     

       82
       82
       +
                   ticket booth

     

       83
       83
       +
                 </Link>{" "}

     

       84
       84
       +
                 and get a PLC key to use for account recovery in the future. Soon

     

       85
       85
       +
                 you'll also be able to go to baggage claim (take the air shuttle to

     

       78
       86
        
                 terminal four) and get a downloadable backup of all your current PDS

     

       79
       87
        
                 data in case that were to happen.

     

       80
       88
        
               </p>

+21 -29

lib/cred/sessions.ts

···

       17
       17
        
           }

     

       18
       18
        
           return migrationSessionOptions;

     

       19
       19
        
         }

     

       20
       20
       -
         

     

       20
       20
       +
       

     

       21
       21
        
         if (!credentialSessionOptions) {

     

       22
       22
        
           credentialSessionOptions = await createSessionOptions("cred_sid");

     

       23
       23
        
         }

     
···

       37
       37
        
         isMigration: boolean = false

     

       38
       38
        
       ) {

     

       39
       39
        
         const options = await getOptions(isMigration);

     

       40
       40
       -
         return getIronSession<CredentialSession>(

     

       41
       41
       -
           req,

     

       42
       42
       -
           res,

     

       43
       43
       -
           options,

     

       44
       44
       -
         );

     

       40
       40
       +
         return getIronSession<CredentialSession>(req, res, options);

     

       45
       41
        
       }

     

       46
       42
        
       

     

       47
       43
        
       /**

     
···

       54
       50
        
       export async function getCredentialAgent(

     

       55
       51
        
         req: Request,

     

       56
       52
        
         res: Response = new Response(),

     

       57
       57
       -
         isMigration: boolean = false,

     

       53
       53
       +
         isMigration: boolean = false

     

       58
       54
        
       ) {

     

       59
       59
       -
         const session = await getCredentialSession(

     

       60
       60
       -
           req,

     

       61
       61
       -
           res,

     

       62
       62
       -
           isMigration

     

       63
       63
       -
         );

     

       64
       64
       -
         if (!session.did || !session.service || !session.handle || !session.password) {

     

       55
       55
       +
         const session = await getCredentialSession(req, res, isMigration);

     

       56
       56
       +
         if (

     

       57
       57
       +
           !session.did ||

     

       58
       58
       +
           !session.service ||

     

       59
       59
       +
           !session.handle ||

     

       60
       60
       +
           !session.password

     

       61
       61
       +
         ) {

     

       65
       62
        
           return null;

     

       66
       63
        
         }

     

       67
       64
        
       

     
···

       107
       104
        
         req: Request,

     

       108
       105
        
         res: Response,

     

       109
       106
        
         data: CredentialSession,

     

       110
       110
       -
         isMigration: boolean = false,

     

       107
       107
       +
         isMigration: boolean = false

     

       111
       108
        
       ) {

     

       112
       112
       -
         const session = await getCredentialSession(

     

       113
       113
       -
           req,

     

       114
       114
       -
           res,

     

       115
       115
       -
           isMigration

     

       116
       116
       -
         );

     

       109
       109
       +
         const session = await getCredentialSession(req, res, isMigration);

     

       117
       110
        
         session.did = data.did;

     

       118
       111
        
         session.handle = data.handle;

     

       119
       112
        
         session.service = data.service;

     
···

       132
       125
        
       export async function getCredentialSessionAgent(

     

       133
       126
        
         req: Request,

     

       134
       127
        
         res: Response = new Response(),

     

       135
       135
       -
         isMigration: boolean = false,

     

       128
       128
       +
         isMigration: boolean = false

     

       136
       129
        
       ) {

     

       137
       137
       -
         const session = await getCredentialSession(

     

       138
       138
       -
           req,

     

       139
       139
       -
           res,

     

       140
       140
       -
           isMigration

     

       141
       141
       -
         );

     

       130
       130
       +
         const session = await getCredentialSession(req, res, isMigration);

     

       142
       131
        
       

     

       143
       132
        
         console.log("Session state:", {

     

       144
       133
        
           hasDid: !!session.did,

     
···

       147
       136
        
           hasPassword: !!session.password,

     

       148
       137
        
           hasAccessJwt: !!session.accessJwt,

     

       149
       138
        
           service: session.service,

     

       150
       150
       -
           handle: session.handle

     

       139
       139
       +
           handle: session.handle,

     

       151
       140
        
         });

     

       152
       141
        
       

     

       153
       142
        
         if (

     

       154
       154
       -
           !session.did || !session.service || !session.handle || !session.password

     

       143
       143
       +
           !session.did ||

     

       144
       144
       +
           !session.service ||

     

       145
       145
       +
           !session.handle ||

     

       146
       146
       +
           !session.password

     

       155
       147
        
         ) {

     

       156
       148
        
           console.log("Missing required session fields");

     

       157
       149
        
           return null;

     
···

       170
       162
        
               const sessionInfo = await agent.com.atproto.server.getSession();

     

       171
       163
        
               console.log("Stored JWT is valid, session info:", {

     

       172
       164
        
                 did: sessionInfo.data.did,

     

       173
       173
       -
                 handle: sessionInfo.data.handle

     

       165
       165
       +
                 handle: sessionInfo.data.handle,

     

       174
       166
        
               });

     

       175
       167
        
               return agent;

     

       176
       168
        
             } catch (err) {

     
···

       190
       182
        
             console.log("Session created successfully:", {

     

       191
       183
        
               did: sessionRes.data.did,

     

       192
       184
        
               handle: sessionRes.data.handle,

     

       193
       193
       -
               hasAccessJwt: !!sessionRes.data.accessJwt

     

       185
       185
       +
               hasAccessJwt: !!sessionRes.data.accessJwt,

     

       194
       186
        
             });

     

       195
       187
        
       

     

       196
       188
        
             // Store the new token

+42

routes/api/plc/keys.ts

···

       1
       1
       +
       import { Secp256k1Keypair } from "@atproto/crypto";

     

       2
       2
       +
       import { getSessionAgent } from "../../../lib/sessions.ts";

     

       3
       3
       +
       import { define } from "../../../utils.ts";

     

       4
       4
       +
       import * as ui8 from "npm:uint8arrays";

     

       5
       5
       +
       

     

       6
       6
       +
       /**

     

       7
       7
       +
        * Generate and return PLC keys for the authenticated user

     

       8
       8
       +
        */

     

       9
       9
       +
       export const handler = define.handlers({

     

       10
       10
       +
         async GET(ctx) {

     

       11
       11
       +
           const agent = await getSessionAgent(ctx.req);

     

       12
       12
       +
           if (!agent) {

     

       13
       13
       +
             return new Response("Unauthorized", { status: 401 });

     

       14
       14
       +
           }

     

       15
       15
       +
       

     

       16
       16
       +
           // Create a new keypair

     

       17
       17
       +
           const keypair = await Secp256k1Keypair.create({ exportable: true });

     

       18
       18
       +
       

     

       19
       19
       +
           // Export private key bytes

     

       20
       20
       +
           const privateKeyBytes = await keypair.export();

     

       21
       21
       +
           const privateKeyHex = ui8.toString(privateKeyBytes, "hex");

     

       22
       22
       +
       

     

       23
       23
       +
           // Get public key as DID

     

       24
       24
       +
           const publicKeyDid = keypair.did();

     

       25
       25
       +
       

     

       26
       26
       +
           // Convert private key to multikey format (base58btc)

     

       27
       27
       +
           const privateKeyMultikey = ui8.toString(privateKeyBytes, "base58btc");

     

       28
       28
       +
       

     

       29
       29
       +
           // Return the key information

     

       30
       30
       +
           return new Response(

     

       31
       31
       +
             JSON.stringify({

     

       32
       32
       +
               keyType: "secp256k1",

     

       33
       33
       +
               publicKeyDid: publicKeyDid,

     

       34
       34
       +
               privateKeyHex: privateKeyHex,

     

       35
       35
       +
               privateKeyMultikey: privateKeyMultikey,

     

       36
       36
       +
             }),

     

       37
       37
       +
             {

     

       38
       38
       +
               headers: { "Content-Type": "application/json" },

     

       39
       39
       +
             }

     

       40
       40
       +
           );

     

       41
       41
       +
         },

     

       42
       42
       +
       });

+64

routes/api/plc/token.ts

···

       1
       1
       +
       import { getSessionAgent } from "../../../lib/sessions.ts";

     

       2
       2
       +
       import { setCredentialSession } from "../../../lib/cred/sessions.ts";

     

       3
       3
       +
       import { Agent } from "@atproto/api";

     

       4
       4
       +
       import { define } from "../../../utils.ts";

     

       5
       5
       +
       

     

       6
       6
       +
       /**

     

       7
       7
       +
        * Handle account creation

     

       8
       8
       +
        * First step of the migration process

     

       9
       9
       +
        * Body must contain:

     

       10
       10
       +
        * - service: The service URL of the new account

     

       11
       11
       +
        * - handle: The handle of the new account

     

       12
       12
       +
        * - password: The password of the new account

     

       13
       13
       +
        * - email: The email of the new account

     

       14
       14
       +
        * - invite: The invite code of the new account (optional depending on the PDS)

     

       15
       15
       +
        * @param ctx - The context object containing the request and response

     

       16
       16
       +
        * @returns A response object with the creation result

     

       17
       17
       +
        */

     

       18
       18
       +
       export const handler = define.handlers({

     

       19
       19
       +
         async GET(ctx) {

     

       20
       20
       +
           const res = new Response();

     

       21
       21
       +
           try {

     

       22
       22
       +
             const agent = await getSessionAgent(ctx.req, res);

     

       23
       23
       +
       

     

       24
       24
       +
             if (!agent) return new Response("Unauthorized", { status: 401 });

     

       25
       25
       +
       

     

       26
       26
       +
             // console.log("getting did");

     

       27
       27
       +
             // const session = await agent.com.atproto.server.getSession();

     

       28
       28
       +
             // const accountDid = session.data.did;

     

       29
       29
       +
             // console.log("got did");

     

       30
       30
       +
       

     

       31
       31
       +
             await agent.com.atproto.identity.requestPlcOperationSignature();

     

       32
       32
       +
       

     

       33
       33
       +
             return new Response(

     

       34
       34
       +
               JSON.stringify({

     

       35
       35
       +
                 success: true,

     

       36
       36
       +
                 message:

     

       37
       37
       +
                   "We've requested a token to update your identity, it should be sent to your account's email address.",

     

       38
       38
       +
               }),

     

       39
       39
       +
               {

     

       40
       40
       +
                 status: 200,

     

       41
       41
       +
                 headers: {

     

       42
       42
       +
                   "Content-Type": "application/json",

     

       43
       43
       +
                   ...Object.fromEntries(res.headers), // Include session cookie headers

     

       44
       44
       +
                 },

     

       45
       45
       +
               }

     

       46
       46
       +
             );

     

       47
       47
       +
           } catch (error) {

     

       48
       48
       +
             console.error("PLC signature request error:", error);

     

       49
       49
       +
             return new Response(

     

       50
       50
       +
               JSON.stringify({

     

       51
       51
       +
                 success: false,

     

       52
       52
       +
                 message:

     

       53
       53
       +
                   error instanceof Error

     

       54
       54
       +
                     ? error.message

     

       55
       55
       +
                     : "Failed to get PLC operation signature (sending confirmation email)",

     

       56
       56
       +
               }),

     

       57
       57
       +
               {

     

       58
       58
       +
                 status: 400,

     

       59
       59
       +
                 headers: { "Content-Type": "application/json" },

     

       60
       60
       +
               }

     

       61
       61
       +
             );

     

       62
       62
       +
           }

     

       63
       63
       +
         },

     

       64
       64
       +
       });

+155

routes/api/plc/update.ts

···

       1
       1
       +
       import { getSessionAgent } from "../../../lib/sessions.ts";

     

       2
       2
       +
       import { define } from "../../../utils.ts";

     

       3
       3
       +
       import * as plc from "@did-plc/lib";

     

       4
       4
       +
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * Handle PLC update operation

     

       7
       7
       +
        * Body must contain:

     

       8
       8
       +
        * - key: The new rotation key to add

     

       9
       9
       +
        * - token: The email token received from requestPlcOperationSignature

     

       10
       10
       +
        * @param ctx - The context object containing the request and response

     

       11
       11
       +
        * @returns A response object with the update result

     

       12
       12
       +
        */

     

       13
       13
       +
       export const handler = define.handlers({

     

       14
       14
       +
         async POST(ctx) {

     

       15
       15
       +
           const res = new Response();

     

       16
       16
       +
           try {

     

       17
       17
       +
             console.log("=== PLC Update Debug ===");

     

       18
       18
       +
             const body = await ctx.req.json();

     

       19
       19
       +
             const { key: newKey, token } = body;

     

       20
       20
       +
             console.log("Request body:", { newKey, hasToken: !!token });

     

       21
       21
       +
       

     

       22
       22
       +
             if (!newKey) {

     

       23
       23
       +
               console.log("Missing key in request");

     

       24
       24
       +
               return new Response("Missing param key in request body", {

     

       25
       25
       +
                 status: 400,

     

       26
       26
       +
               });

     

       27
       27
       +
             }

     

       28
       28
       +
       

     

       29
       29
       +
             if (!token) {

     

       30
       30
       +
               console.log("Missing token in request");

     

       31
       31
       +
               return new Response("Missing param token in request body", {

     

       32
       32
       +
                 status: 400,

     

       33
       33
       +
               });

     

       34
       34
       +
             }

     

       35
       35
       +
       

     

       36
       36
       +
             const agent = await getSessionAgent(ctx.req, res);

     

       37
       37
       +
             if (!agent) {

     

       38
       38
       +
               console.log("No agent found");

     

       39
       39
       +
               return new Response("Unauthorized", { status: 401 });

     

       40
       40
       +
             }

     

       41
       41
       +
       

     

       42
       42
       +
             const session = await agent.com.atproto.server.getSession();

     

       43
       43
       +
             const did = session.data.did;

     

       44
       44
       +
             if (!did) {

     

       45
       45
       +
               console.log("No DID found in session");

     

       46
       46
       +
               return new Response(

     

       47
       47
       +
                 JSON.stringify({

     

       48
       48
       +
                   success: false,

     

       49
       49
       +
                   message: "No DID found in your session",

     

       50
       50
       +
                 }),

     

       51
       51
       +
                 {

     

       52
       52
       +
                   status: 400,

     

       53
       53
       +
                   headers: { "Content-Type": "application/json" },

     

       54
       54
       +
                 }

     

       55
       55
       +
               );

     

       56
       56
       +
             }

     

       57
       57
       +
             console.log("Using agent DID:", did);

     

       58
       58
       +
       

     

       59
       59
       +
             // Get recommended credentials first

     

       60
       60
       +
             console.log("Getting did:plc document...");

     

       61
       61
       +
             const plcClient = new plc.Client("https://plc.directory");

     

       62
       62
       +
             const didDoc = await plcClient.getDocumentData(did);

     

       63
       63
       +
             if (!didDoc) {

     

       64
       64
       +
               console.log("No DID document found for agent DID");

     

       65
       65
       +
               return new Response(

     

       66
       66
       +
                 JSON.stringify({

     

       67
       67
       +
                   success: false,

     

       68
       68
       +
                   message: "No DID document found for your account",

     

       69
       69
       +
                 }),

     

       70
       70
       +
                 {

     

       71
       71
       +
                   status: 400,

     

       72
       72
       +
                   headers: { "Content-Type": "application/json" },

     

       73
       73
       +
                 }

     

       74
       74
       +
               );

     

       75
       75
       +
             }

     

       76
       76
       +
             console.log("Got DID document:", didDoc);

     

       77
       77
       +
       

     

       78
       78
       +
             const rotationKeys = didDoc.rotationKeys ?? [];

     

       79
       79
       +
             if (!rotationKeys.length) {

     

       80
       80
       +
               console.log("No existing rotation keys found");

     

       81
       81
       +
               throw new Error("No rotation keys provided in recommended credentials");

     

       82
       82
       +
             }

     

       83
       83
       +
       

     

       84
       84
       +
             // Check if the key is already in rotation keys

     

       85
       85
       +
             if (rotationKeys.includes(newKey)) {

     

       86
       86
       +
               console.log("Key already exists in rotation keys");

     

       87
       87
       +
               return new Response(

     

       88
       88
       +
                 JSON.stringify({

     

       89
       89
       +
                   success: false,

     

       90
       90
       +
                   message: "This key is already in your rotation keys",

     

       91
       91
       +
                 }),

     

       92
       92
       +
                 {

     

       93
       93
       +
                   status: 400,

     

       94
       94
       +
                   headers: { "Content-Type": "application/json" },

     

       95
       95
       +
                 }

     

       96
       96
       +
               );

     

       97
       97
       +
             }

     

       98
       98
       +
       

     

       99
       99
       +
             // Perform the actual PLC update with the provided token

     

       100
       100
       +
             console.log("Signing PLC operation...");

     

       101
       101
       +
             const plcOp = await agent.com.atproto.identity.signPlcOperation({

     

       102
       102
       +
               token,

     

       103
       103
       +
               rotationKeys: [newKey, ...rotationKeys],

     

       104
       104
       +
             });

     

       105
       105
       +
             console.log("PLC operation signed successfully:", plcOp.data);

     

       106
       106
       +
       

     

       107
       107
       +
             console.log("Submitting PLC operation...");

     

       108
       108
       +
             const plcSubmit = await agent.com.atproto.identity.submitPlcOperation({

     

       109
       109
       +
               operation: plcOp.data.operation,

     

       110
       110
       +
             });

     

       111
       111
       +
             console.log("PLC operation submitted successfully:", plcSubmit);

     

       112
       112
       +
       

     

       113
       113
       +
             return new Response(

     

       114
       114
       +
               JSON.stringify({

     

       115
       115
       +
                 success: true,

     

       116
       116
       +
                 message: "PLC update completed successfully",

     

       117
       117
       +
                 did: plcOp.data,

     

       118
       118
       +
                 newKey,

     

       119
       119
       +
                 rotationKeys: [newKey, ...rotationKeys],

     

       120
       120
       +
               }),

     

       121
       121
       +
               {

     

       122
       122
       +
                 status: 200,

     

       123
       123
       +
                 headers: {

     

       124
       124
       +
                   "Content-Type": "application/json",

     

       125
       125
       +
                   ...Object.fromEntries(res.headers), // Include session cookie headers

     

       126
       126
       +
                 },

     

       127
       127
       +
               }

     

       128
       128
       +
             );

     

       129
       129
       +
           } catch (error) {

     

       130
       130
       +
             console.error("PLC update error:", error);

     

       131
       131
       +
             const errorMessage =

     

       132
       132
       +
               error instanceof Error ? error.message : "Failed to update your PLC";

     

       133
       133
       +
             console.log("Sending error response:", errorMessage);

     

       134
       134
       +
       

     

       135
       135
       +
             return new Response(

     

       136
       136
       +
               JSON.stringify({

     

       137
       137
       +
                 success: false,

     

       138
       138
       +
                 message: errorMessage,

     

       139
       139
       +
                 error:

     

       140
       140
       +
                   error instanceof Error

     

       141
       141
       +
                     ? {

     

       142
       142
       +
                         name: error.name,

     

       143
       143
       +
                         message: error.message,

     

       144
       144
       +
                         stack: error.stack,

     

       145
       145
       +
                       }

     

       146
       146
       +
                     : String(error),

     

       147
       147
       +
               }),

     

       148
       148
       +
               {

     

       149
       149
       +
                 status: 400,

     

       150
       150
       +
                 headers: { "Content-Type": "application/json" },

     

       151
       151
       +
               }

     

       152
       152
       +
             );

     

       153
       153
       +
           }

     

       154
       154
       +
         },

     

       155
       155
       +
       });

+92

routes/api/plc/update/complete.ts

···

       1
       1
       +
       import { Agent } from "@atproto/api";

     

       2
       2
       +
       import { getSessionAgent } from "../../../../lib/sessions.ts";

     

       3
       3
       +
       import { define } from "../../../../utils.ts";

     

       4
       4
       +
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * Complete PLC update using email token

     

       7
       7
       +
        */

     

       8
       8
       +
       export const handler = define.handlers({

     

       9
       9
       +
         async POST(ctx) {

     

       10
       10
       +
           const res = new Response();

     

       11
       11
       +
           try {

     

       12
       12
       +
             const url = new URL(ctx.req.url);

     

       13
       13
       +
             const token = url.searchParams.get("token");

     

       14
       14
       +
       

     

       15
       15
       +
             if (!token) {

     

       16
       16
       +
               return new Response(

     

       17
       17
       +
                 JSON.stringify({

     

       18
       18
       +
                   success: false,

     

       19
       19
       +
                   message: "Missing token parameter",

     

       20
       20
       +
                 }),

     

       21
       21
       +
                 {

     

       22
       22
       +
                   status: 400,

     

       23
       23
       +
                   headers: { "Content-Type": "application/json" },

     

       24
       24
       +
                 }

     

       25
       25
       +
               );

     

       26
       26
       +
             }

     

       27
       27
       +
       

     

       28
       28
       +
             const agent = await getSessionAgent(ctx.req, res, true);

     

       29
       29
       +
             if (!agent) {

     

       30
       30
       +
               return new Response(

     

       31
       31
       +
                 JSON.stringify({

     

       32
       32
       +
                   success: false,

     

       33
       33
       +
                   message: "Unauthorized",

     

       34
       34
       +
                 }),

     

       35
       35
       +
                 {

     

       36
       36
       +
                   status: 401,

     

       37
       37
       +
                   headers: { "Content-Type": "application/json" },

     

       38
       38
       +
                 }

     

       39
       39
       +
               );

     

       40
       40
       +
             }

     

       41
       41
       +
       

     

       42
       42
       +
             const did = agent.did;

     

       43
       43
       +
             if (!did) {

     

       44
       44
       +
               return new Response(

     

       45
       45
       +
                 JSON.stringify({

     

       46
       46
       +
                   success: false,

     

       47
       47
       +
                   message: "No DID found in session",

     

       48
       48
       +
                 }),

     

       49
       49
       +
                 {

     

       50
       50
       +
                   status: 400,

     

       51
       51
       +
                   headers: { "Content-Type": "application/json" },

     

       52
       52
       +
                 }

     

       53
       53
       +
               );

     

       54
       54
       +
             }

     

       55
       55
       +
       

     

       56
       56
       +
             // Submit the PLC operation with the token

     

       57
       57
       +
             await agent!.com.atproto.identity.submitPlcOperation({

     

       58
       58
       +
               operation: { token: token },

     

       59
       59
       +
             });

     

       60
       60
       +
       

     

       61
       61
       +
             return new Response(

     

       62
       62
       +
               JSON.stringify({

     

       63
       63
       +
                 success: true,

     

       64
       64
       +
                 message: "PLC update completed successfully",

     

       65
       65
       +
                 did,

     

       66
       66
       +
               }),

     

       67
       67
       +
               {

     

       68
       68
       +
                 status: 200,

     

       69
       69
       +
                 headers: {

     

       70
       70
       +
                   "Content-Type": "application/json",

     

       71
       71
       +
                   ...Object.fromEntries(res.headers), // Include session cookie headers

     

       72
       72
       +
                 },

     

       73
       73
       +
               }

     

       74
       74
       +
             );

     

       75
       75
       +
           } catch (error) {

     

       76
       76
       +
             console.error("PLC update completion error:", error);

     

       77
       77
       +
             const message =

     

       78
       78
       +
               error instanceof Error ? error.message : "Unknown error occurred";

     

       79
       79
       +
       

     

       80
       80
       +
             return new Response(

     

       81
       81
       +
               JSON.stringify({

     

       82
       82
       +
                 success: false,

     

       83
       83
       +
                 message: `Failed to complete PLC update: ${message}`,

     

       84
       84
       +
               }),

     

       85
       85
       +
               {

     

       86
       86
       +
                 status: 500,

     

       87
       87
       +
                 headers: { "Content-Type": "application/json" },

     

       88
       88
       +
               }

     

       89
       89
       +
             );

     

       90
       90
       +
           }

     

       91
       91
       +
         },

     

       92
       92
       +
       });

+131

routes/api/plc/verify.ts

···

       1
       1
       +
       import { getSessionAgent } from "../../../lib/sessions.ts";

     

       2
       2
       +
       import { define } from "../../../utils.ts";

     

       3
       3
       +
       import * as plc from "@did-plc/lib";

     

       4
       4
       +
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * Verify if a rotation key exists in the PLC document

     

       7
       7
       +
        * Body must contain:

     

       8
       8
       +
        * - key: The rotation key to verify

     

       9
       9
       +
        * @param ctx - The context object containing the request and response

     

       10
       10
       +
        * @returns A response object with the verification result

     

       11
       11
       +
        */

     

       12
       12
       +
       export const handler = define.handlers({

     

       13
       13
       +
         async POST(ctx) {

     

       14
       14
       +
           const res = new Response();

     

       15
       15
       +
           try {

     

       16
       16
       +
             const body = await ctx.req.json();

     

       17
       17
       +
             const { key: newKey } = body;

     

       18
       18
       +
             console.log("Request body:", { newKey });

     

       19
       19
       +
       

     

       20
       20
       +
             if (!newKey) {

     

       21
       21
       +
               console.log("Missing key in request");

     

       22
       22
       +
               return new Response("Missing param key in request body", {

     

       23
       23
       +
                 status: 400,

     

       24
       24
       +
               });

     

       25
       25
       +
             }

     

       26
       26
       +
       

     

       27
       27
       +
             const agent = await getSessionAgent(ctx.req, res);

     

       28
       28
       +
             if (!agent) {

     

       29
       29
       +
               console.log("No agent found");

     

       30
       30
       +
               return new Response("Unauthorized", { status: 401 });

     

       31
       31
       +
             }

     

       32
       32
       +
       

     

       33
       33
       +
             const session = await agent.com.atproto.server.getSession();

     

       34
       34
       +
             const did = session.data.did;

     

       35
       35
       +
             if (!did) {

     

       36
       36
       +
               console.log("No DID found in session");

     

       37
       37
       +
               return new Response(

     

       38
       38
       +
                 JSON.stringify({

     

       39
       39
       +
                   success: false,

     

       40
       40
       +
                   message: "No DID found in your session",

     

       41
       41
       +
                 }),

     

       42
       42
       +
                 {

     

       43
       43
       +
                   status: 400,

     

       44
       44
       +
                   headers: { "Content-Type": "application/json" },

     

       45
       45
       +
                 }

     

       46
       46
       +
               );

     

       47
       47
       +
             }

     

       48
       48
       +
             console.log("Using agent DID:", did);

     

       49
       49
       +
       

     

       50
       50
       +
             // Fetch the PLC document to check rotation keys

     

       51
       51
       +
             console.log("Getting did:plc document...");

     

       52
       52
       +
             const plcClient = new plc.Client("https://plc.directory");

     

       53
       53
       +
             const didDoc = await plcClient.getDocumentData(did);

     

       54
       54
       +
             if (!didDoc) {

     

       55
       55
       +
               console.log("No DID document found for agent DID");

     

       56
       56
       +
               return new Response(

     

       57
       57
       +
                 JSON.stringify({

     

       58
       58
       +
                   success: false,

     

       59
       59
       +
                   message: "No DID document found for your account",

     

       60
       60
       +
                 }),

     

       61
       61
       +
                 {

     

       62
       62
       +
                   status: 400,

     

       63
       63
       +
                   headers: { "Content-Type": "application/json" },

     

       64
       64
       +
                 }

     

       65
       65
       +
               );

     

       66
       66
       +
             }

     

       67
       67
       +
             console.log("Got DID document:", didDoc);

     

       68
       68
       +
       

     

       69
       69
       +
             const rotationKeys = didDoc.rotationKeys ?? [];

     

       70
       70
       +
             if (!rotationKeys.length) {

     

       71
       71
       +
               console.log("No existing rotation keys found");

     

       72
       72
       +
               throw new Error("No rotation keys found in did:plc document");

     

       73
       73
       +
             }

     

       74
       74
       +
       

     

       75
       75
       +
             // Check if the key exists in rotation keys

     

       76
       76
       +
             if (rotationKeys.includes(newKey)) {

     

       77
       77
       +
               return new Response(

     

       78
       78
       +
                 JSON.stringify({

     

       79
       79
       +
                   success: true,

     

       80
       80
       +
                   message: "Rotation key exists in PLC document",

     

       81
       81
       +
                 }),

     

       82
       82
       +
                 {

     

       83
       83
       +
                   status: 200,

     

       84
       84
       +
                   headers: {

     

       85
       85
       +
                     "Content-Type": "application/json",

     

       86
       86
       +
                     ...Object.fromEntries(res.headers), // Include session cookie headers

     

       87
       87
       +
                   },

     

       88
       88
       +
                 }

     

       89
       89
       +
               );

     

       90
       90
       +
             }

     

       91
       91
       +
       

     

       92
       92
       +
             // If we get here, the key was not found

     

       93
       93
       +
             return new Response(

     

       94
       94
       +
               JSON.stringify({

     

       95
       95
       +
                 success: false,

     

       96
       96
       +
                 message: "Rotation key not found in PLC document",

     

       97
       97
       +
               }),

     

       98
       98
       +
               {

     

       99
       99
       +
                 status: 404,

     

       100
       100
       +
                 headers: { "Content-Type": "application/json" },

     

       101
       101
       +
               }

     

       102
       102
       +
             );

     

       103
       103
       +
           } catch (error) {

     

       104
       104
       +
             console.error("PLC verification error:", error);

     

       105
       105
       +
             const errorMessage =

     

       106
       106
       +
               error instanceof Error

     

       107
       107
       +
                 ? error.message

     

       108
       108
       +
                 : "Failed to verify rotation key";

     

       109
       109
       +
             console.log("Sending error response:", errorMessage);

     

       110
       110
       +
       

     

       111
       111
       +
             return new Response(

     

       112
       112
       +
               JSON.stringify({

     

       113
       113
       +
                 success: false,

     

       114
       114
       +
                 message: errorMessage,

     

       115
       115
       +
                 error:

     

       116
       116
       +
                   error instanceof Error

     

       117
       117
       +
                     ? {

     

       118
       118
       +
                         name: error.name,

     

       119
       119
       +
                         message: error.message,

     

       120
       120
       +
                         stack: error.stack,

     

       121
       121
       +
                       }

     

       122
       122
       +
                     : String(error),

     

       123
       123
       +
               }),

     

       124
       124
       +
               {

     

       125
       125
       +
                 status: 400,

     

       126
       126
       +
                 headers: { "Content-Type": "application/json" },

     

       127
       127
       +
               }

     

       128
       128
       +
             );

     

       129
       129
       +
           }

     

       130
       130
       +
         },

     

       131
       131
       +
       });

+19

routes/ticket-booth/index.tsx

···

       1
       1
       +
       import { PageProps } from "fresh";

     

       2
       2
       +
       import MigrationSetup from "../../islands/MigrationSetup.tsx";

     

       3
       3
       +
       import DidPlcProgress from "../../islands/DidPlcProgress.tsx";

     

       4
       4
       +
       

     

       5
       5
       +
       export default function TicketBooth(props: PageProps) {

     

       6
       6
       +
         const service = props.url.searchParams.get("service");

     

       7
       7
       +
         const handle = props.url.searchParams.get("handle");

     

       8
       8
       +
       

     

       9
       9
       +
         return (

     

       10
       10
       +
           <div class=" bg-gray-50 dark:bg-gray-900 p-4">

     

       11
       11
       +
             <div class="max-w-2xl mx-auto">

     

       12
       12
       +
               <h1 class="font-mono text-3xl font-bold text-gray-900 dark:text-white mb-8">

     

       13
       13
       +
                 Ticket Booth Self-Service Kiosk

     

       14
       14
       +
               </h1>

     

       15
       15
       +
               <DidPlcProgress />

     

       16
       16
       +
             </div>

     

       17
       17
       +
           </div>

     

       18
       18
       +
         );

     

       19
       19
       +
       }

static/icons/account.svg

···

       1
       1
       +
       <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#e3e3e3">

     

       2
       2
       +
           <path d="M0 0h24v24H0z" fill="none"/>

     

       3
       3
       +
           <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>

     

       4
       4
       +
         </svg>