comparing 5860ab4c6a5a3cb688118a2ecfd4cf698c6cd65d and retry-verification on knotbin.com/airport

.DS_Store

This is a binary file and will not be displayed.

.env.example

···

       1
       1
       +
       # generate with `openssl ecparam --name secp256k1 --genkey --noout --outform DER | tail --bytes=+8 | head --bytes=32 | xxd --plain --cols 32`

     

       2
       2
       +
       COOKIE_SECRET=my_secret

     

       3
       3
       +
       MIGRATION_STATE=up

.gitignore

···

       5
       5
        
       .env.production.local

     

       6
       6
        
       .env.local

     

       7
       7
        
       

     

       8
       8
       +
       .DS_Store

     

       9
       9
       +
       

     

       8
       10
        
       # Fresh build directory

     

       9
       11
        
       _fresh/

     

       10
       12
        
       # npm dependencies

+35 -9

.zed/settings.json

···

       1
       1
       +
       // Folder-specific settings

     

       2
       2
       +
       //

     

       3
       3
       +
       // For a full list of overridable settings, and general information on folder-specific settings,

     

       4
       4
       +
       // see the documentation: https://zed.dev/docs/configuring-zed#settings-files

     

       1
       5
        
       {

     

       6
       6
       +
         "lsp": {

     

       7
       7
       +
           "deno": {

     

       8
       8
       +
             "settings": {

     

       9
       9
       +
               "deno": {

     

       10
       10
       +
                 "enable": true,

     

       11
       11
       +
                 "cacheOnSave": true,

     

       12
       12
       +
                 "suggest": {

     

       13
       13
       +
                   "imports": {

     

       14
       14
       +
                     "autoDiscover": true

     

       15
       15
       +
                   }

     

       16
       16
       +
                 }

     

       17
       17
       +
               }

     

       18
       18
       +
             }

     

       19
       19
       +
           }

     

       20
       20
       +
         },

     

       2
       21
        
         "languages": {

     

       22
       22
       +
           "JavaScript": {

     

       23
       23
       +
             "language_servers": [

     

       24
       24
       +
               "deno",

     

       25
       25
       +
               "!vtsls",

     

       26
       26
       +
               "!eslint",

     

       27
       27
       +
               "..."

     

       28
       28
       +
             ]

     

       29
       29
       +
           },

     

       3
       30
        
           "TypeScript": {

     

       4
       31
        
             "language_servers": [

     

       5
       5
       -
               "wakatime",

     

       6
       32
        
               "deno",

     

       7
       33
        
               "!typescript-language-server",

     

       8
       34
        
               "!vtsls",

     

       9
       9
       -
               "!eslint"

     

       10
       10
       -
             ],

     

       11
       11
       -
             "formatter": "language_server"

     

       35
       35
       +
               "!eslint",

     

       36
       36
       +
               "..."

     

       37
       37
       +
             ]

     

       12
       38
        
           },

     

       13
       39
        
           "TSX": {

     

       14
       40
        
             "language_servers": [

     

       15
       15
       -
               "wakatime",

     

       16
       41
        
               "deno",

     

       17
       42
        
               "!typescript-language-server",

     

       18
       43
        
               "!vtsls",

     

       19
       19
       -
               "!eslint"

     

       20
       20
       -
             ],

     

       21
       21
       -
             "formatter": "language_server"

     

       44
       44
       +
               "!eslint",

     

       45
       45
       +
               "..."

     

       46
       46
       +
             ]

     

       22
       47
        
           }

     

       23
       23
       -
         }

     

       48
       48
       +
         },

     

       49
       49
       +
         "formatter": "language_server"

     

       24
       50
        
       }

+19

LICENSE

···

       1
       1
       +
       Copyright 2025 Roscoe Rubin-Rottenberg

     

       2
       2
       +
       

     

       3
       3
       +
       Permission is hereby granted, free of charge, to any person obtaining

     

       4
       4
       +
       a copy of this software and associated documentation files (the “Software”),

     

       5
       5
       +
       to deal in the Software without restriction, including without limitation

     

       6
       6
       +
       the rights to use, copy, modify, merge, publish, distribute, sublicense,

     

       7
       7
       +
       and/or sell copies of the Software, and to permit persons to whom the

     

       8
       8
       +
       Software is furnished to do so, subject to the following conditions:

     

       9
       9
       +
       

     

       10
       10
       +
       The above copyright notice and this permission notice shall be included in

     

       11
       11
       +
       all copies or substantial portions of the Software.

     

       12
       12
       +
       

     

       13
       13
       +
       THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

     

       14
       14
       +
       IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

     

       15
       15
       +
       FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

     

       16
       16
       +
       AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

     

       17
       17
       +
       LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING

     

       18
       18
       +
       FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS

     

       19
       19
       +
       IN THE SOFTWARE.

+32 -8

README.md

···

       1
       1
       -
       # Fresh project

     

       1
       1
       +
       # Airport

     

       2
       2
        
       

     

       3
       3
       -
       Your new Fresh project is ready to go. You can follow the Fresh "Getting

     

       4
       4
       -
       Started" guide here: https://fresh.deno.dev/docs/getting-started

     

       3
       3
       +
       Your terminal for seamless AT Protocol PDS (Personal Data Server) migration and backup.

     

       5
       4
        
       

     

       6
       6
       -
       ### Usage

     

       5
       5
       +
       Airport is a web application built with Fresh and Deno that helps users safely migrate and backup their Bluesky PDS data. It provides a user-friendly interface for managing your AT Protocol data.

     

       6
       6
       +
       

     

       7
       7
       +
       ## Features

     

       7
       8
        
       

     

       8
       8
       -
       Make sure to install Deno:

     

       9
       9
       +
       - PDS migration between servers

     

       10
       10
       +
       - Data backup functionality

     

       11
       11
       +
       - User-friendly interface

     

       12
       12
       +
       - Coming soon: PLC Key retrieval, data backup

     

       13
       13
       +
       

     

       14
       14
       +
       ## Tech Stack

     

       15
       15
       +
       

     

       16
       16
       +
       - [Fresh](https://fresh.deno.dev/) - Web Framework

     

       17
       17
       +
       - [Deno](https://deno.com/) - Runtime

     

       18
       18
       +
       - [Tailwind](https://tailwindcss.com/) - Styling

     

       19
       19
       +
       

     

       20
       20
       +
       ## Development

     

       21
       21
       +
       

     

       22
       22
       +
       Make sure you have Deno installed:

     

       9
       23
        
       https://docs.deno.com/runtime/getting_started/installation

     

       10
       24
        
       

     

       11
       11
       -
       Then start the project in development mode:

     

       25
       25
       +
       Start the project in development mode:

     

       12
       26
        
       

     

       13
       13
       -
       ```

     

       27
       27
       +
       ```shell

     

       14
       28
        
       deno task dev

     

       15
       29
        
       ```

     

       16
       30
        
       

     

       17
       17
       -
       This will watch the project directory and restart as necessary.

     

       31
       31
       +
       ## About

     

       32
       32
       +
       

     

       33
       33
       +
       Airport is developed with ❤️ by [Roscoe](https://bsky.app/profile/knotbin.com) for [Spark](https://sprk.so), a new short-video platform for AT Protocol.

     

       34
       34
       +
       

     

       35
       35
       +
       ## Contributing

     

       36
       36
       +
       

     

       37
       37
       +
       We welcome contributions! Please feel free to submit a Pull Request. Please only submit pull requests that are relevant to the project. This project targets people with a non-advanced understanding of AT Protocol, so please avoid submitting pull requests that add features that complicate the user experience.

     

       38
       38
       +
       

     

       39
       39
       +
       ## License

     

       40
       40
       +
       

     

       41
       41
       +
       [MIT License](LICENSE)

+73

components/AirportSign.tsx

···

       1
       1
       +
       /**

     

       2
       2
       +
        * The airport sign component, used on the landing page.

     

       3
       3
       +
        * Looks like a physical airport sign with a screen.

     

       4
       4
       +
        * @returns The airport sign component

     

       5
       5
       +
        * @component

     

       6
       6
       +
        */

     

       7
       7
       +
       export default function AirportSign() {

     

       8
       8
       +
         return (

     

       9
       9
       +
           <div class="relative inline-block mb-8 sm:mb-12">

     

       10
       10
       +
             {/* Left Pole */}

     

       11
       11
       +
             <div class="absolute left-4 sm:left-8 -top-16 sm:-top-24 w-3 sm:w-4 h-16 sm:h-24 bg-gradient-to-r from-slate-800 via-slate-600 to-slate-800 rounded-t-lg">

     

       12
       12
       +
             </div>

     

       13
       13
       +
             {/* Right Pole */}

     

       14
       14
       +
             <div class="absolute right-4 sm:right-8 -top-16 sm:-top-24 w-3 sm:w-4 h-16 sm:h-24 bg-gradient-to-r from-slate-800 via-slate-600 to-slate-800 rounded-t-lg">

     

       15
       15
       +
             </div>

     

       16
       16
       +
             {/* Display Board */}

     

       17
       17
       +
             <div class="relative bg-gradient-to-b from-slate-800 to-slate-900 p-0.5 sm:p-1 rounded-lg shadow-[0_2px_10px_rgba(0,0,0,0.3)]">

     

       18
       18
       +
               {/* Metallic Frame */}

     

       19
       19
       +
               <div class="bg-gradient-to-b from-slate-600 via-slate-700 to-slate-800 p-1 sm:p-2 rounded-[6px]">

     

       20
       20
       +
                 {/* Inner Frame */}

     

       21
       21
       +
                 <div class="bg-black px-2 sm:px-4 py-0.5 rounded-[4px] relative overflow-hidden">

     

       22
       22
       +
                   {/* Screen Background with Effects */}

     

       23
       23
       +
                   <div class="absolute inset-0 bg-[#0a0a2f]">

     

       24
       24
       +
                     {/* Scan lines */}

     

       25
       25
       +
                     <div class="absolute inset-0 bg-[linear-gradient(transparent_0%,_rgba(255,255,255,0.02)_50%,_transparent_100%)] bg-[length:100%_4px]">

     

       26
       26
       +
                     </div>

     

       27
       27
       +
                     {/* Screen noise */}

     

       28
       28
       +
                     <div class="absolute inset-0 opacity-[0.03] [background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIzMDAiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMC4wNSIvPjwvc3ZnPg==')]">

     

       29
       29
       +
                     </div>

     

       30
       30
       +
                   </div>

     

       31
       31
       +
       

     

       32
       32
       +
                   {/* Display Board Text */}

     

       33
       33
       +
                   <div className="relative flex justify-center items-center py-0.5 sm:py-2 pb-1 sm:pb-4 px-1 sm:px-4">

     

       34
       34
       +
                     <div className="relative text-center">

     

       35
       35
       +
                       <span className="font-mono text-[1.5em] sm:text-[2em] md:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white 

     

       36
       36
       +
                                  [text-shadow:0_0_20px_rgba(255,255,255,0.2),0_0_40px_rgba(255,255,255,0.1)]

     

       37
       37
       +
                                  relative z-10">

     

       38
       38
       +
                         ATP INTERNECTIONAL AIRPORT

     

       39
       39
       +
                       </span>

     

       40
       40
       +
                       {/* Text glow effect */}

     

       41
       41
       +
                       <div className="absolute inset-0 blur-[2px] opacity-50">

     

       42
       42
       +
                         <span className="font-mono text-[1.5em] sm:text-[2em] md:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white">

     

       43
       43
       +
                           ATP INTERNECTIONAL AIRPORT

     

       44
       44
       +
                         </span>

     

       45
       45
       +
                       </div>

     

       46
       46
       +
                     </div>

     

       47
       47
       +
                   </div>

     

       48
       48
       +
       

     

       49
       49
       +
                   {/* Screen reflection overlay */}

     

       50
       50
       +
                   <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-white/[0.03]">

     

       51
       51
       +
                   </div>

     

       52
       52
       +
                   {/* Vignette effect */}

     

       53
       53
       +
                   <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.2)_100%)]">

     

       54
       54
       +
                   </div>

     

       55
       55
       +
                 </div>

     

       56
       56
       +
               </div>

     

       57
       57
       +
             </div>

     

       58
       58
       +
       

     

       59
       59
       +
             {/* Under Construction Extension */}

     

       60
       60
       +
             <div className="absolute left-1/2 top-full -translate-x-1/2">

     

       61
       61
       +
               <div className="bg-gradient-to-b from-slate-800 to-slate-900 pb-0.5 sm:pb-1 px-0.5 sm:px-1 rounded-b-lg rounded-t-none shadow-[0_2px_10px_rgba(0,0,0,0.3)] border-t-0">

     

       62
       62
       +
                 <div className="bg-gradient-to-b from-slate-600 via-slate-700 to-slate-800 pb-1 sm:pb-2 px-1 sm:px-2 rounded-b-[6px] rounded-t-none border-t-0">

     

       63
       63
       +
                   <div className="bg-black px-2 sm:px-4 pt-0 pb-0.5 rounded-b-[4px] rounded-t-none border-t-0">

     

       64
       64
       +
                     <span className="font-mono text-xs sm:text-sm font-medium tracking-wider text-yellow-400 [text-shadow:0_0_10px_rgba(255,255,0,0.3)] animate-pulse">

     

       65
       65
       +
                       UNDER CONSTRUCTION

     

       66
       66
       +
                     </span>

     

       67
       67
       +
                   </div>

     

       68
       68
       +
                 </div>

     

       69
       69
       +
               </div>

     

       70
       70
       +
             </div>

     

       71
       71
       +
           </div>

     

       72
       72
       +
         );

     

       73
       73
       +
       }

+10

components/Button.tsx

···

       12
       12
        
       type ButtonProps = ButtonBaseProps & Omit<JSX.HTMLAttributes<HTMLButtonElement>, keyof ButtonBaseProps>;

     

       13
       13
        
       type AnchorProps = ButtonBaseProps & Omit<JSX.HTMLAttributes<HTMLAnchorElement>, keyof ButtonBaseProps> & { href: string };

     

       14
       14
        
       

     

       15
       15
       +
       /**

     

       16
       16
       +
        * The button props or anchor props for a button or link.

     

       17
       17
       +
        * @type {Props}

     

       18
       18
       +
        */

     

       15
       19
        
       type Props = ButtonProps | AnchorProps;

     

       16
       20
        
       

     

       21
       21
       +
       /**

     

       22
       22
       +
        * Styled button component.

     

       23
       23
       +
        * @param props - The button props

     

       24
       24
       +
        * @returns The button component

     

       25
       25
       +
        * @component

     

       26
       26
       +
        */

     

       17
       27
        
       export function Button(props: Props) {

     

       18
       28
        
         const { color = "blue", icon, iconAlt, label, className = "", condensed = false, ...rest } = props;

     

       19
       29
        
         const isAnchor = 'href' in props;

+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
       +
       }

+34 -10

deno.json

···

       2
       2
        
         "tasks": {

     

       3
       3
        
           "check": "deno fmt --check . && deno lint . && deno check **/*.ts && deno check **/*.tsx",

     

       4
       4
        
           "dev": "deno run -A --env --watch=static/,routes/ dev.ts",

     

       5
       5
       -
           "build": "deno run -A dev.ts build",

     

       6
       6
       -
           "start": "deno run -A main.ts",

     

       5
       5
       +
           "build": "deno run -A --unstable-otel dev.ts build",

     

       6
       6
       +
           "start": "deno run -A --unstable-otel main.ts",

     

       7
       7
        
           "update": "deno run -A -r jsr:@fresh/update ."

     

       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"]

     

       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",

-67

islands/AirportSign.tsx

···

       1
       1
       -
       export default function AirportSign() {

     

       2
       2
       -
         return (

     

       3
       3
       -
           <div class="relative inline-block mb-12">

     

       4
       4
       -
             {/* Left Pole */}

     

       5
       5
       -
             <div class="absolute left-8 -top-24 w-4 h-24 bg-gradient-to-r from-slate-800 via-slate-600 to-slate-800 rounded-t-lg">

     

       6
       6
       -
             </div>

     

       7
       7
       -
             {/* Right Pole */}

     

       8
       8
       -
             <div class="absolute right-8 -top-24 w-4 h-24 bg-gradient-to-r from-slate-800 via-slate-600 to-slate-800 rounded-t-lg">

     

       9
       9
       -
             </div>

     

       10
       10
       -
             {/* Display Board */}

     

       11
       11
       -
             <div class="relative bg-gradient-to-b from-slate-800 to-slate-900 p-1 rounded-lg shadow-[0_2px_10px_rgba(0,0,0,0.3)]">

     

       12
       12
       -
               {/* Metallic Frame */}

     

       13
       13
       -
               <div class="bg-gradient-to-b from-slate-600 via-slate-700 to-slate-800 p-2 rounded-[6px]">

     

       14
       14
       -
                 {/* Inner Frame */}

     

       15
       15
       -
                 <div class="bg-black px-4 py-0.5 rounded-[4px] relative overflow-hidden">

     

       16
       16
       -
                   {/* Screen Background with Effects */}

     

       17
       17
       -
                   <div class="absolute inset-0 bg-[#0a0a2f]">

     

       18
       18
       -
                     {/* Scan lines */}

     

       19
       19
       -
                     <div class="absolute inset-0 bg-[linear-gradient(transparent_0%,_rgba(255,255,255,0.02)_50%,_transparent_100%)] bg-[length:100%_4px]">

     

       20
       20
       -
                     </div>

     

       21
       21
       -
                     {/* Screen noise */}

     

       22
       22
       -
                     <div class="absolute inset-0 opacity-[0.03] [background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIzMDAiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMC4wNSIvPjwvc3ZnPg==')]">

     

       23
       23
       -
                     </div>

     

       24
       24
       -
                   </div>

     

       25
       25
       -
       

     

       26
       26
       -
                   {/* Display Board Text */}

     

       27
       27
       -
                   <div className="relative flex justify-center items-center py-1 sm:py-2 pb-2 sm:pb-4 px-2 sm:px-4">

     

       28
       28
       -
                     <div className="relative text-center">

     

       29
       29
       -
                       <span className="font-mono text-[2em] sm:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white 

     

       30
       30
       -
                                  [text-shadow:0_0_20px_rgba(255,255,255,0.2),0_0_40px_rgba(255,255,255,0.1)]

     

       31
       31
       -
                                  relative z-10">

     

       32
       32
       -
                         ATP INTERNECTIONAL AIRPORT

     

       33
       33
       -
                       </span>

     

       34
       34
       -
                       {/* Text glow effect */}

     

       35
       35
       -
                       <div className="absolute inset-0 blur-[2px] opacity-50">

     

       36
       36
       -
                         <span className="font-mono text-[2em] sm:text-[3em] font-semibold tracking-[0.12em] leading-[0.9] text-white">

     

       37
       37
       -
                           ATP INTERNECTIONAL AIRPORT

     

       38
       38
       -
                         </span>

     

       39
       39
       -
                       </div>

     

       40
       40
       -
                     </div>

     

       41
       41
       -
                   </div>

     

       42
       42
       -
       

     

       43
       43
       -
                   {/* Screen reflection overlay */}

     

       44
       44
       -
                   <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-white/[0.03]">

     

       45
       45
       -
                   </div>

     

       46
       46
       -
                   {/* Vignette effect */}

     

       47
       47
       -
                   <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.2)_100%)]">

     

       48
       48
       -
                   </div>

     

       49
       49
       -
                 </div>

     

       50
       50
       -
               </div>

     

       51
       51
       -
             </div>

     

       52
       52
       -
       

     

       53
       53
       -
             {/* Under Construction Extension BELOW the sign, perfectly matching main sign frame, no outline or padding on top */}

     

       54
       54
       -
             <div className="absolute left-1/2 top-full -translate-x-1/2">

     

       55
       55
       -
               <div className="bg-gradient-to-b from-slate-800 to-slate-900 pb-1 px-1 rounded-b-lg rounded-t-none shadow-[0_2px_10px_rgba(0,0,0,0.3)] border-t-0">

     

       56
       56
       -
                 <div className="bg-gradient-to-b from-slate-600 via-slate-700 to-slate-800 pb-2 px-2 rounded-b-[6px] rounded-t-none border-t-0">

     

       57
       57
       -
                   <div className="bg-black px-4 pt-0 pb-0.5 rounded-b-[4px] rounded-t-none border-t-0">

     

       58
       58
       -
                     <span className="font-mono text-sm font-medium tracking-wider text-yellow-400 [text-shadow:0_0_10px_rgba(255,255,0,0.3)] animate-pulse">

     

       59
       59
       -
                       UNDER CONSTRUCTION

     

       60
       60
       -
                     </span>

     

       61
       61
       -
                   </div>

     

       62
       62
       -
                 </div>

     

       63
       63
       -
               </div>

     

       64
       64
       -
             </div>

     

       65
       65
       -
           </div>

     

       66
       66
       -
         );

     

       67
       67
       -
       }

+41 -28

islands/CredLogin.tsx

···

       1
       1
       -
       import { useState } from 'preact/hooks'

     

       2
       2
       -
       import { JSX } from 'preact'

     

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

     

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

     

       3
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * The credential login form.

     

       6
       6
       +
        * @returns The credential login form

     

       7
       7
       +
        * @component

     

       8
       8
       +
        */

     

       4
       9
        
       export default function CredLogin() {

     

       5
       5
       -
         const [handle, setHandle] = useState('')

     

       6
       6
       -
         const [password, setPassword] = useState('')

     

       7
       7
       -
         const [error, setError] = useState<string | null>(null)

     

       8
       8
       -
         const [isPending, setIsPending] = useState(false)

     

       10
       10
       +
         const [handle, setHandle] = useState("");

     

       11
       11
       +
         const [password, setPassword] = useState("");

     

       12
       12
       +
         const [error, setError] = useState<string | null>(null);

     

       13
       13
       +
         const [isPending, setIsPending] = useState(false);

     

       9
       14
        
       

     

       10
       15
        
         const handleSubmit = async (e: JSX.TargetedEvent<HTMLFormElement>) => {

     

       11
       11
       -
           e.preventDefault()

     

       12
       12
       -
           if (!handle.trim() || !password.trim()) return

     

       16
       16
       +
           e.preventDefault();

     

       17
       17
       +
           if (!handle.trim() || !password.trim()) return;

     

       13
       18
        
       

     

       14
       14
       -
           setError(null)

     

       15
       15
       -
           setIsPending(true)

     

       19
       19
       +
           setError(null);

     

       20
       20
       +
           setIsPending(true);

     

       16
       21
        
       

     

       17
       22
        
           try {

     

       18
       18
       -
             const response = await fetch('/api/cred/login', {

     

       19
       19
       -
               method: 'POST',

     

       23
       23
       +
             const response = await fetch("/api/cred/login", {

     

       24
       24
       +
               method: "POST",

     

       20
       25
        
               headers: {

     

       21
       21
       -
                 'Content-Type': 'application/json',

     

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

     

       22
       27
        
               },

     

       23
       28
        
               body: JSON.stringify({ handle, password }),

     

       24
       24
       -
             })

     

       29
       29
       +
             });

     

       25
       30
        
       

     

       26
       31
        
             if (!response.ok) {

     

       27
       27
       -
               const errorText = await response.text()

     

       28
       28
       -
               throw new Error(errorText || 'Login failed')

     

       32
       32
       +
               const errorText = await response.text();

     

       33
       33
       +
               throw new Error(errorText || "Login failed");

     

       29
       34
        
             }

     

       30
       35
        
       

     

       31
       36
        
             // Add a small delay before redirecting for better UX

     

       32
       32
       -
             await new Promise((resolve) => setTimeout(resolve, 500))

     

       37
       37
       +
             await new Promise((resolve) => setTimeout(resolve, 500));

     

       33
       38
        
       

     

       34
       39
        
             // Redirect to home page after successful login

     

       35
       35
       -
             globalThis.location.href = '/'

     

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

     

       36
       41
        
           } catch (err) {

     

       37
       37
       -
             const message = err instanceof Error ? err.message : 'Login failed'

     

       38
       38
       -
             setError(message)

     

       42
       42
       +
             const message = err instanceof Error ? err.message : "Login failed";

     

       43
       43
       +
             setError(message);

     

       39
       44
        
           } finally {

     

       40
       40
       -
             setIsPending(false)

     

       45
       45
       +
             setIsPending(false);

     

       41
       46
        
           }

     

       42
       42
       -
         }

     

       47
       47
       +
         };

     

       43
       48
        
       

     

       44
       49
        
         return (

     

       45
       50
        
           <form onSubmit={handleSubmit}>

     
···

       84
       89
        
                 className="w-full p-3 border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-500 transition-colors"

     

       85
       90
        
               />

     

       86
       91
        
               <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">

     

       87
       87
       -
                 This is your main account password, not an app password. This is required for migrations.

     

       92
       92
       +
                 This is your main account password, not an app password. This is

     

       93
       93
       +
                 required for migrations.

     

       94
       94
       +
                 <br />

     

       95
       95
       +
                 Ensure that 2 Factor Authentication is turned off before proceeding.

     

       96
       96
       +
                 You can turn it back on after the migration is complete.

     

       88
       97
        
               </p>

     

       89
       98
        
             </div>

     

       90
       99
        
       

     
···

       92
       101
        
               type="submit"

     

       93
       102
        
               disabled={isPending}

     

       94
       103
        
               className={`w-full px-4 py-2 rounded-md bg-blue-500 dark:bg-blue-600 text-white font-medium hover:bg-blue-600 dark:hover:bg-blue-700 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-500 relative ${

     

       95
       95
       -
                 isPending ? 'opacity-90 cursor-not-allowed' : ''

     

       104
       104
       +
                 isPending ? "opacity-90 cursor-not-allowed" : ""

     

       96
       105
        
               }`}

     

       97
       106
        
             >

     

       98
       98
       -
               <span className={isPending ? 'invisible' : ''}>Login with Password</span>

     

       107
       107
       +
               <span className={isPending ? "invisible" : ""}>

     

       108
       108
       +
                 Login with Password

     

       109
       109
       +
               </span>

     

       99
       110
        
               {isPending && (

     

       100
       111
        
                 <span className="absolute inset-0 flex items-center justify-center">

     

       101
       112
        
                   <svg

     
···

       111
       122
        
                       r="10"

     

       112
       123
        
                       stroke="currentColor"

     

       113
       124
        
                       strokeWidth="4"

     

       114
       114
       -
                     ></circle>

     

       125
       125
       +
                     >

     

       126
       126
       +
                     </circle>

     

       115
       127
        
                     <path

     

       116
       128
        
                       className="opacity-75"

     

       117
       129
        
                       fill="currentColor"

     

       118
       130
        
                       d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"

     

       119
       119
       -
                     ></path>

     

       131
       131
       +
                     >

     

       132
       132
       +
                     </path>

     

       120
       133
        
                   </svg>

     

       121
       134
        
                   <span>Logging in...</span>

     

       122
       135
        
                 </span>

     

       123
       136
        
               )}

     

       124
       137
        
             </button>

     

       125
       138
        
           </form>

     

       126
       126
       -
         )

     

       139
       139
       +
         );

     

       127
       140
        
       }

+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
       +
       }

islands/HandleInput.tsx

···

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

     

       2
       2
        
       import { JSX } from "preact";

     

       3
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * The OAuth handle input form.

     

       6
       6
       +
        * @returns The handle input form

     

       7
       7
       +
        * @component

     

       8
       8
       +
        */

     

       4
       9
        
       export default function HandleInput() {

     

       5
       10
        
         const [handle, setHandle] = useState("");

     

       6
       11
        
         const [error, setError] = useState<string | null>(null);

+31 -7

islands/Header.tsx

···

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

     

       3
       3
        
       import { Button } from "../components/Button.tsx";

     

       4
       4
        
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * The user interface.

     

       7
       7
       +
        * @type {User}

     

       8
       8
       +
        */

     

       5
       9
        
       interface User {

     

       6
       10
        
         did: string;

     

       7
       11
        
         handle?: string;

     

       8
       12
        
       }

     

       9
       13
        
       

     

       14
       14
       +
       /**

     

       15
       15
       +
        * Truncate text to a maximum length.

     

       16
       16
       +
        * @param text - The text to truncate

     

       17
       17
       +
        * @param maxLength - The maximum length

     

       18
       18
       +
        * @returns The truncated text

     

       19
       19
       +
        */

     

       10
       20
        
       function truncateText(text: string, maxLength: number) {

     

       11
       21
        
         if (text.length <= maxLength) return text;

     

       12
       22
        
         let truncated = text.slice(0, maxLength);

     
···

       17
       27
        
         return truncated + "...";

     

       18
       28
        
       }

     

       19
       29
        
       

     

       30
       30
       +
       /**

     

       31
       31
       +
        * The header component.

     

       32
       32
       +
        * @returns The header component

     

       33
       33
       +
        * @component

     

       34
       34
       +
        */

     

       20
       35
        
       export default function Header() {

     

       21
       36
        
         const [user, setUser] = useState<User | null>(null);

     

       22
       37
        
         const [showDropdown, setShowDropdown] = useState(false);

     
···

       36
       51
        
               setUser(

     

       37
       52
        
                 userData

     

       38
       53
        
                   ? {

     

       39
       39
       -
                     did: userData.did,

     

       40
       40
       -
                     handle: userData.handle,

     

       41
       41
       -
                   }

     

       42
       42
       -
                   : null,

     

       54
       54
       +
                       did: userData.did,

     

       55
       55
       +
                       handle: userData.handle,

     

       56
       56
       +
                     }

     

       57
       57
       +
                   : null

     

       43
       58
        
               );

     

       44
       59
        
             } catch (error) {

     

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

     
···

       69
       84
        
         };

     

       70
       85
        
       

     

       71
       86
        
         return (

     

       72
       72
       -
           <header className="bg-white dark:bg-slate-900 text-slate-900 dark:text-white relative z-10 border-b border-slate-200 dark:border-slate-800">

     

       87
       87
       +
           <header className="hidden sm:block bg-white dark:bg-slate-900 text-slate-900 dark:text-white relative z-10 border-b border-slate-200 dark:border-slate-800">

     

       73
       88
        
             <div className="max-w-7xl mx-auto px-4">

     

       74
       89
        
               <div className="flex items-center justify-between py-4">

     

       75
       90
        
                 {/* Home Link */}

     
···

       82
       97
        
                 />

     

       83
       98
        
       

     

       84
       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
       +
       

     

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

     

       86
       110
        
                   <Button

     

       87
       111
        
                     href="/migrate"

     
···

       97
       121
        
                       <div className="relative">

     

       98
       122
        
                         <Button

     

       99
       123
        
                           color="amber"

     

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

     

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

     

       101
       125
        
                           iconAlt="Check-in"

     

       102
       126
        
                           label="CHECKED IN"

     

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

     
···

       126
       150
        
                       <Button

     

       127
       151
        
                         href="/login"

     

       128
       152
        
                         color="amber"

     

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

     

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

     

       130
       154
        
                         iconAlt="Check-in"

     

       131
       155
        
                         label="CHECK-IN"

     

       132
       156
        
                       />

+35

islands/LoginButton.tsx

···

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

     

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

     

       3
       3
       +
       

     

       4
       4
       +
       export default function LoginButton() {

     

       5
       5
       +
         const [isMobile, setIsMobile] = useState(true); // Default to mobile for SSR

     

       6
       6
       +
       

     

       7
       7
       +
         useEffect(() => {

     

       8
       8
       +
           const checkMobile = () => {

     

       9
       9
       +
             setIsMobile(globalThis.innerWidth < 640);

     

       10
       10
       +
           };

     

       11
       11
       +
       

     

       12
       12
       +
           // Check on mount

     

       13
       13
       +
           checkMobile();

     

       14
       14
       +
       

     

       15
       15
       +
           // Listen for resize events

     

       16
       16
       +
           globalThis.addEventListener('resize', checkMobile);

     

       17
       17
       +
           return () => globalThis.removeEventListener('resize', checkMobile);

     

       18
       18
       +
         }, []);

     

       19
       19
       +
       

     

       20
       20
       +
         return (

     

       21
       21
       +
           <div class="mt-6 sm:mt-8 text-center w-fit mx-auto">

     

       22
       22
       +
             <Button

     

       23
       23
       +
               href={isMobile ? undefined : "/login"}

     

       24
       24
       +
               color="blue"

     

       25
       25
       +
               label={isMobile ? "MOBILE NOT SUPPORTED" : "GET STARTED"}

     

       26
       26
       +
               className={isMobile ? "opacity-50 cursor-not-allowed" : "opacity-100 cursor-pointer"}

     

       27
       27
       +
               onClick={(e: MouseEvent) => {

     

       28
       28
       +
                 if (isMobile) {

     

       29
       29
       +
                   e.preventDefault();

     

       30
       30
       +
                 }

     

       31
       31
       +
               }}

     

       32
       32
       +
             />

     

       33
       33
       +
           </div>

     

       34
       34
       +
         );

     

       35
       35
       +
       }

islands/LoginSelector.tsx

···

       2
       2
        
       import HandleInput from "./HandleInput.tsx"

     

       3
       3
        
       import CredLogin from "./CredLogin.tsx"

     

       4
       4
        
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * The login method selector for OAuth or Credential.

     

       7
       7
       +
        * @returns The login method selector

     

       8
       8
       +
        * @component

     

       9
       9
       +
        */

     

       5
       10
        
       export default function LoginMethodSelector() {

     

       6
       11
        
         const [loginMethod, setLoginMethod] = useState<'oauth' | 'password'>('password')

     

       7
       12

+568 -199

islands/MigrationProgress.tsx

···

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

     

       2
       2
        
       

     

       3
       3
       +
       /**

     

       4
       4
       +
        * The migration state info.

     

       5
       5
       +
        * @type {MigrationStateInfo}

     

       6
       6
       +
        */

     

       7
       7
       +
       interface MigrationStateInfo {

     

       8
       8
       +
         state: "up" | "issue" | "maintenance";

     

       9
       9
       +
         message: string;

     

       10
       10
       +
         allowMigration: boolean;

     

       11
       11
       +
       }

     

       12
       12
       +
       

     

       13
       13
       +
       /**

     

       14
       14
       +
        * The migration progress props.

     

       15
       15
       +
        * @type {MigrationProgressProps}

     

       16
       16
       +
        */

     

       3
       17
        
       interface MigrationProgressProps {

     

       4
       18
        
         service: string;

     

       5
       19
        
         handle: string;

     
···

       8
       22
        
         invite?: string;

     

       9
       23
        
       }

     

       10
       24
        
       

     

       25
       25
       +
       /**

     

       26
       26
       +
        * The migration step.

     

       27
       27
       +
        * @type {MigrationStep}

     

       28
       28
       +
        */

     

       11
       29
        
       interface MigrationStep {

     

       12
       30
        
         name: string;

     

       13
       31
        
         status: "pending" | "in-progress" | "verifying" | "completed" | "error";

     

       14
       32
        
         error?: string;

     

       33
       33
       +
         isVerificationError?: boolean;

     

       15
       34
        
       }

     

       16
       35
        
       

     

       36
       36
       +
       /**

     

       37
       37
       +
        * The migration progress component.

     

       38
       38
       +
        * @param props - The migration progress props

     

       39
       39
       +
        * @returns The migration progress component

     

       40
       40
       +
        * @component

     

       41
       41
       +
        */

     

       17
       42
        
       export default function MigrationProgress(props: MigrationProgressProps) {

     

       18
       43
        
         const [token, setToken] = useState("");

     

       44
       44
       +
         const [migrationState, setMigrationState] = useState<

     

       45
       45
       +
           MigrationStateInfo | null

     

       46
       46
       +
         >(null);

     

       47
       47
       +
         const [retryAttempts, setRetryAttempts] = useState<Record<number, number>>(

     

       48
       48
       +
           {},

     

       49
       49
       +
         );

     

       50
       50
       +
         const [showContinueAnyway, setShowContinueAnyway] = useState<

     

       51
       51
       +
           Record<number, boolean>

     

       52
       52
       +
         >({});

     

       19
       53
        
       

     

       20
       54
        
         const [steps, setSteps] = useState<MigrationStep[]>([

     

       21
       55
        
           { name: "Create Account", status: "pending" },

     
···

       28
       62
        
           index: number,

     

       29
       63
        
           status: MigrationStep["status"],

     

       30
       64
        
           error?: string,

     

       65
       65
       +
           isVerificationError?: boolean,

     

       31
       66
        
         ) => {

     

       32
       67
        
           console.log(

     

       33
       68
        
             `Updating step ${index} to ${status}${

     
···

       37
       72
        
           setSteps((prevSteps) =>

     

       38
       73
        
             prevSteps.map((step, i) =>

     

       39
       74
        
               i === index

     

       40
       40
       -
                 ? { ...step, status, error }

     

       75
       75
       +
                 ? { ...step, status, error, isVerificationError }

     

       41
       76
        
                 : i > index

     

       42
       42
       -
                 ? { ...step, status: "pending", error: undefined }

     

       77
       77
       +
                 ? {

     

       78
       78
       +
                   ...step,

     

       79
       79
       +
                   status: "pending",

     

       80
       80
       +
                   error: undefined,

     

       81
       81
       +
                   isVerificationError: undefined,

     

       82
       82
       +
                 }

     

       43
       83
        
                 : step

     

       44
       84
        
             )

     

       45
       85
        
           );

     
···

       74
       114
        
             invite: props.invite,

     

       75
       115
        
           });

     

       76
       116
        
       

     

       77
       77
       -
           if (!validateParams()) {

     

       78
       78
       -
             console.log("Parameter validation failed");

     

       79
       79
       -
             return;

     

       80
       80
       -
           }

     

       117
       117
       +
           // Check migration state first

     

       118
       118
       +
           const checkMigrationState = async () => {

     

       119
       119
       +
             try {

     

       120
       120
       +
               const migrationResponse = await fetch("/api/migration-state");

     

       121
       121
       +
               if (migrationResponse.ok) {

     

       122
       122
       +
                 const migrationData = await migrationResponse.json();

     

       123
       123
       +
                 setMigrationState(migrationData);

     

       81
       124
        
       

     

       82
       82
       -
           startMigration().catch((error) => {

     

       83
       83
       -
             console.error("Unhandled migration error:", error);

     

       84
       84
       -
             updateStepStatus(

     

       85
       85
       -
               0,

     

       86
       86
       -
               "error",

     

       87
       87
       -
               error instanceof Error ? error.message : String(error),

     

       88
       88
       -
             );

     

       89
       89
       -
           });

     

       125
       125
       +
                 if (!migrationData.allowMigration) {

     

       126
       126
       +
                   updateStepStatus(0, "error", migrationData.message);

     

       127
       127
       +
                   return;

     

       128
       128
       +
                 }

     

       129
       129
       +
               }

     

       130
       130
       +
             } catch (error) {

     

       131
       131
       +
               console.error("Failed to check migration state:", error);

     

       132
       132
       +
               updateStepStatus(0, "error", "Unable to verify migration availability");

     

       133
       133
       +
               return;

     

       134
       134
       +
             }

     

       135
       135
       +
       

     

       136
       136
       +
             if (!validateParams()) {

     

       137
       137
       +
               console.log("Parameter validation failed");

     

       138
       138
       +
               return;

     

       139
       139
       +
             }

     

       140
       140
       +
       

     

       141
       141
       +
             startMigration().catch((error) => {

     

       142
       142
       +
               console.error("Unhandled migration error:", error);

     

       143
       143
       +
               updateStepStatus(

     

       144
       144
       +
                 0,

     

       145
       145
       +
                 "error",

     

       146
       146
       +
                 error.message || "Unknown error occurred",

     

       147
       147
       +
               );

     

       148
       148
       +
             });

     

       149
       149
       +
           };

     

       150
       150
       +
       

     

       151
       151
       +
           checkMigrationState();

     

       90
       152
        
         }, []);

     

       91
       153
        
       

     

       92
       154
        
         const getStepDisplayName = (step: MigrationStep, index: number) => {

     

       93
       155
        
           if (step.status === "completed") {

     

       94
       156
        
             switch (index) {

     

       95
       95
       -
               case 0: return "Account Created";

     

       96
       96
       -
               case 1: return "Data Migrated";

     

       97
       97
       -
               case 2: return "Identity Migrated";

     

       98
       98
       -
               case 3: return "Migration Finalized";

     

       157
       157
       +
               case 0:

     

       158
       158
       +
                 return "Account Created";

     

       159
       159
       +
               case 1:

     

       160
       160
       +
                 return "Data Migrated";

     

       161
       161
       +
               case 2:

     

       162
       162
       +
                 return "Identity Migrated";

     

       163
       163
       +
               case 3:

     

       164
       164
       +
                 return "Migration Finalized";

     

       99
       165
        
             }

     

       100
       166
        
           }

     

       101
       101
       -
           

     

       167
       167
       +
       

     

       102
       168
        
           if (step.status === "in-progress") {

     

       103
       169
        
             switch (index) {

     

       104
       104
       -
               case 0: return "Creating your new account...";

     

       105
       105
       -
               case 1: return "Migrating your data...";

     

       106
       106
       -
               case 2: return step.name === "Enter the token sent to your email to complete identity migration" 

     

       107
       107
       -
                 ? step.name 

     

       108
       108
       -
                 : "Migrating your identity...";

     

       109
       109
       -
               case 3: return "Finalizing migration...";

     

       170
       170
       +
               case 0:

     

       171
       171
       +
                 return "Creating your new account...";

     

       172
       172
       +
               case 1:

     

       173
       173
       +
                 return "Migrating your data...";

     

       174
       174
       +
               case 2:

     

       175
       175
       +
                 return step.name ===

     

       176
       176
       +
                     "Enter the token sent to your email to complete identity migration"

     

       177
       177
       +
                   ? step.name

     

       178
       178
       +
                   : "Migrating your identity...";

     

       179
       179
       +
               case 3:

     

       180
       180
       +
                 return "Finalizing migration...";

     

       110
       181
        
             }

     

       111
       182
        
           }

     

       112
       183
        
       

     

       113
       184
        
           if (step.status === "verifying") {

     

       114
       185
        
             switch (index) {

     

       115
       115
       -
               case 0: return "Verifying account creation...";

     

       116
       116
       -
               case 1: return "Verifying data migration...";

     

       117
       117
       -
               case 2: return "Verifying identity migration...";

     

       118
       118
       -
               case 3: return "Verifying migration completion...";

     

       186
       186
       +
               case 0:

     

       187
       187
       +
                 return "Verifying account creation...";

     

       188
       188
       +
               case 1:

     

       189
       189
       +
                 return "Verifying data migration...";

     

       190
       190
       +
               case 2:

     

       191
       191
       +
                 return "Verifying identity migration...";

     

       192
       192
       +
               case 3:

     

       193
       193
       +
                 return "Verifying migration completion...";

     

       119
       194
        
             }

     

       120
       195
        
           }

     

       121
       121
       -
           

     

       196
       196
       +
       

     

       122
       197
        
           return step.name;

     

       123
       198
        
         };

     

       124
       199
        
       

     
···

       166
       241
        
               updateStepStatus(0, "verifying");

     

       167
       242
        
               const verified = await verifyStep(0);

     

       168
       243
        
               if (!verified) {

     

       169
       169
       -
                 throw new Error("Account creation verification failed");

     

       170
       170
       -
               }

     

       171
       171
       -
             } catch (error) {

     

       172
       172
       -
               updateStepStatus(

     

       173
       173
       -
                 0,

     

       174
       174
       -
                 "error",

     

       175
       175
       -
                 error instanceof Error ? error.message : String(error),

     

       176
       176
       -
               );

     

       177
       177
       -
               throw error;

     

       178
       178
       -
             }

     

       179
       179
       -
       

     

       180
       180
       -
             // Step 2: Migrate Data

     

       181
       181
       -
             updateStepStatus(1, "in-progress");

     

       182
       182
       -
             console.log("Starting data migration...");

     

       183
       183
       -
       

     

       184
       184
       -
             try {

     

       185
       185
       -
               const dataRes = await fetch("/api/migrate/data", {

     

       186
       186
       -
                 method: "POST",

     

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

     

       188
       188
       -
               });

     

       189
       189
       -
       

     

       190
       190
       -
               console.log("Data migration response status:", dataRes.status);

     

       191
       191
       -
               const dataText = await dataRes.text();

     

       192
       192
       -
               console.log("Data migration response:", dataText);

     

       193
       193
       -
       

     

       194
       194
       -
               if (!dataRes.ok) {

     

       195
       195
       -
                 try {

     

       196
       196
       -
                   const json = JSON.parse(dataText);

     

       197
       197
       -
                   throw new Error(json.message || "Failed to migrate data");

     

       198
       198
       -
                 } catch {

     

       199
       199
       -
                   throw new Error(dataText || "Failed to migrate data");

     

       200
       200
       -
                 }

     

       201
       201
       -
               }

     

       202
       202
       -
       

     

       203
       203
       -
               try {

     

       204
       204
       -
                 const jsonData = JSON.parse(dataText);

     

       205
       205
       -
                 if (!jsonData.success) {

     

       206
       206
       -
                   throw new Error(jsonData.message || "Data migration failed");

     

       207
       207
       -
                 }

     

       208
       208
       -
                 console.log("Data migration successful:", jsonData);

     

       209
       209
       -
               } catch (e) {

     

       210
       210
       -
                 console.error("Failed to parse data migration response:", e);

     

       211
       211
       -
                 throw new Error("Invalid response from server during data migration");

     

       212
       212
       -
               }

     

       213
       213
       -
       

     

       214
       214
       -
               updateStepStatus(1, "verifying");

     

       215
       215
       -
               const verified = await verifyStep(1);

     

       216
       216
       -
               if (!verified) {

     

       217
       217
       -
                 throw new Error("Data migration verification failed");

     

       218
       218
       -
               }

     

       219
       219
       -
             } catch (error) {

     

       220
       220
       -
               updateStepStatus(

     

       221
       221
       -
                 1,

     

       222
       222
       -
                 "error",

     

       223
       223
       -
                 error instanceof Error ? error.message : String(error),

     

       224
       224
       -
               );

     

       225
       225
       -
               throw error;

     

       226
       226
       -
             }

     

       227
       227
       -
       

     

       228
       228
       -
             // Step 3: Request Identity Migration

     

       229
       229
       -
             updateStepStatus(2, "in-progress");

     

       230
       230
       -
             console.log("Requesting identity migration...");

     

       231
       231
       -
       

     

       232
       232
       -
             try {

     

       233
       233
       -
               const requestRes = await fetch("/api/migrate/identity/request", {

     

       234
       234
       -
                 method: "POST",

     

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

     

       236
       236
       -
               });

     

       237
       237
       -
       

     

       238
       238
       -
               console.log("Identity request response status:", requestRes.status);

     

       239
       239
       -
               const requestText = await requestRes.text();

     

       240
       240
       -
               console.log("Identity request response:", requestText);

     

       241
       241
       -
       

     

       242
       242
       -
               if (!requestRes.ok) {

     

       243
       243
       -
                 try {

     

       244
       244
       -
                   const json = JSON.parse(requestText);

     

       245
       245
       -
                   throw new Error(json.message || "Failed to request identity migration");

     

       246
       246
       -
                 } catch {

     

       247
       247
       -
                   throw new Error(requestText || "Failed to request identity migration");

     

       248
       248
       -
                 }

     

       249
       249
       -
               }

     

       250
       250
       -
       

     

       251
       251
       -
               try {

     

       252
       252
       -
                 const jsonData = JSON.parse(requestText);

     

       253
       253
       -
                 if (!jsonData.success) {

     

       254
       254
       -
                   throw new Error(

     

       255
       255
       -
                     jsonData.message || "Identity migration request failed",

     

       256
       256
       -
                   );

     

       257
       257
       -
                 }

     

       258
       258
       -
                 console.log("Identity migration requested successfully");

     

       259
       259
       -
                 

     

       260
       260
       -
                 // Update step name to prompt for token

     

       261
       261
       -
                 setSteps(prevSteps =>

     

       262
       262
       -
                   prevSteps.map((step, i) =>

     

       263
       263
       -
                     i === 2

     

       264
       264
       -
                       ? { ...step, name: "Enter the token sent to your email to complete identity migration" }

     

       265
       265
       -
                       : step

     

       266
       266
       -
                   )

     

       244
       244
       +
                 console.log(

     

       245
       245
       +
                   "Account creation: Verification failed, waiting for user action",

     

       267
       246
        
                 );

     

       268
       268
       -
                 // Don't continue with migration - wait for token input

     

       269
       247
        
                 return;

     

       270
       270
       -
               } catch (e) {

     

       271
       271
       -
                 console.error("Failed to parse identity request response:", e);

     

       272
       272
       -
                 throw new Error(

     

       273
       273
       -
                   "Invalid response from server during identity request",

     

       274
       274
       -
                 );

     

       275
       248
        
               }

     

       249
       249
       +
       

     

       250
       250
       +
               // If verification succeeds, continue to data migration

     

       251
       251
       +
               await startDataMigration();

     

       276
       252
        
             } catch (error) {

     

       277
       253
        
               updateStepStatus(

     

       278
       278
       -
                 2,

     

       254
       254
       +
                 0,

     

       279
       255
        
                 "error",

     

       280
       256
        
                 error instanceof Error ? error.message : String(error),

     

       281
       257
        
               );

     
···

       302
       278
        
             if (!identityRes.ok) {

     

       303
       279
        
               try {

     

       304
       280
        
                 const json = JSON.parse(identityData);

     

       305
       305
       -
                 throw new Error(json.message || "Failed to complete identity migration");

     

       281
       281
       +
                 throw new Error(

     

       282
       282
       +
                   json.message || "Failed to complete identity migration",

     

       283
       283
       +
                 );

     

       306
       284
        
               } catch {

     

       307
       307
       -
                 throw new Error(identityData || "Failed to complete identity migration");

     

       285
       285
       +
                 throw new Error(

     

       286
       286
       +
                   identityData || "Failed to complete identity migration",

     

       287
       287
       +
                 );

     

       308
       288
        
               }

     

       309
       289
        
             }

     

       310
       290
        
       

     
···

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

     

       319
       299
        
             }

     

       320
       300
        
       

     

       321
       321
       -
       

     

       322
       301
        
             updateStepStatus(2, "verifying");

     

       323
       302
        
             const verified = await verifyStep(2);

     

       324
       303
        
             if (!verified) {

     

       325
       325
       -
               throw new Error("Identity migration verification failed");

     

       326
       326
       -
             }

     

       327
       327
       -
       

     

       328
       328
       -
             // Step 4: Finalize Migration

     

       329
       329
       -
             updateStepStatus(3, "in-progress");

     

       330
       330
       -
             try {

     

       331
       331
       -
               const finalizeRes = await fetch("/api/migrate/finalize", {

     

       332
       332
       -
                 method: "POST",

     

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

     

       334
       334
       -
               });

     

       335
       335
       -
       

     

       336
       336
       -
               const finalizeData = await finalizeRes.text();

     

       337
       337
       -
               if (!finalizeRes.ok) {

     

       338
       338
       -
                 try {

     

       339
       339
       -
                   const json = JSON.parse(finalizeData);

     

       340
       340
       -
                   throw new Error(json.message || "Failed to finalize migration");

     

       341
       341
       -
                 } catch {

     

       342
       342
       -
                   throw new Error(finalizeData || "Failed to finalize migration");

     

       343
       343
       -
                 }

     

       344
       344
       -
               }

     

       345
       345
       -
       

     

       346
       346
       -
               try {

     

       347
       347
       -
                 const jsonData = JSON.parse(finalizeData);

     

       348
       348
       -
                 if (!jsonData.success) {

     

       349
       349
       -
                   throw new Error(jsonData.message || "Finalization failed");

     

       350
       350
       -
                 }

     

       351
       351
       -
               } catch {

     

       352
       352
       -
                 throw new Error("Invalid response from server during finalization");

     

       353
       353
       -
               }

     

       354
       354
       -
       

     

       355
       355
       -
               updateStepStatus(3, "verifying");

     

       356
       356
       -
               const verified = await verifyStep(3);

     

       357
       357
       -
               if (!verified) {

     

       358
       358
       -
                 throw new Error("Migration finalization verification failed");

     

       359
       359
       -
               }

     

       360
       360
       -
             } catch (error) {

     

       361
       361
       -
               updateStepStatus(

     

       362
       362
       -
                 3,

     

       363
       363
       -
                 "error",

     

       364
       364
       -
                 error instanceof Error ? error.message : String(error),

     

       304
       304
       +
               console.log(

     

       305
       305
       +
                 "Identity migration: Verification failed, waiting for user action",

     

       365
       306
        
               );

     

       366
       366
       -
               throw error;

     

       307
       307
       +
               return;

     

       367
       308
        
             }

     

       309
       309
       +
       

     

       310
       310
       +
             // If verification succeeds, continue to finalization

     

       311
       311
       +
             await startFinalization();

     

       368
       312
        
           } catch (error) {

     

       369
       313
        
             console.error("Identity migration error:", error);

     

       370
       314
        
             updateStepStatus(

     
···

       453
       397
        
       

     

       454
       398
        
         // Helper to verify a step after completion

     

       455
       399
        
         const verifyStep = async (stepNum: number) => {

     

       400
       400
       +
           console.log(`Verification: Starting step ${stepNum + 1}`);

     

       456
       401
        
           updateStepStatus(stepNum, "verifying");

     

       457
       402
        
           try {

     

       403
       403
       +
             console.log(`Verification: Fetching status for step ${stepNum + 1}`);

     

       458
       404
        
             const res = await fetch(`/api/migrate/status?step=${stepNum + 1}`);

     

       405
       405
       +
             console.log(`Verification: Status response status:`, res.status);

     

       459
       406
        
             const data = await res.json();

     

       407
       407
       +
             console.log(`Verification: Status data for step ${stepNum + 1}:`, data);

     

       408
       408
       +
       

     

       460
       409
        
             if (data.ready) {

     

       410
       410
       +
               console.log(`Verification: Step ${stepNum + 1} is ready`);

     

       461
       411
        
               updateStepStatus(stepNum, "completed");

     

       412
       412
       +
               // Reset retry state on success

     

       413
       413
       +
               setRetryAttempts((prev) => ({ ...prev, [stepNum]: 0 }));

     

       414
       414
       +
               setShowContinueAnyway((prev) => ({ ...prev, [stepNum]: false }));

     

       415
       415
       +
       

     

       416
       416
       +
               // Continue to next step if not the last one

     

       417
       417
       +
               if (stepNum < 3) {

     

       418
       418
       +
                 setTimeout(() => continueToNextStep(stepNum + 1), 500);

     

       419
       419
       +
               }

     

       420
       420
       +
       

     

       462
       421
        
               return true;

     

       463
       422
        
             } else {

     

       464
       464
       -
               updateStepStatus(stepNum, "error", data.reason || "Verification failed");

     

       423
       423
       +
               console.log(

     

       424
       424
       +
                 `Verification: Step ${stepNum + 1} is not ready:`,

     

       425
       425
       +
                 data.reason,

     

       426
       426
       +
               );

     

       427
       427
       +
               const statusDetails = {

     

       428
       428
       +
                 activated: data.activated,

     

       429
       429
       +
                 validDid: data.validDid,

     

       430
       430
       +
                 repoCommit: data.repoCommit,

     

       431
       431
       +
                 repoRev: data.repoRev,

     

       432
       432
       +
                 repoBlocks: data.repoBlocks,

     

       433
       433
       +
                 expectedRecords: data.expectedRecords,

     

       434
       434
       +
                 indexedRecords: data.indexedRecords,

     

       435
       435
       +
                 privateStateValues: data.privateStateValues,

     

       436
       436
       +
                 expectedBlobs: data.expectedBlobs,

     

       437
       437
       +
                 importedBlobs: data.importedBlobs,

     

       438
       438
       +
               };

     

       439
       439
       +
               console.log(

     

       440
       440
       +
                 `Verification: Step ${stepNum + 1} status details:`,

     

       441
       441
       +
                 statusDetails,

     

       442
       442
       +
               );

     

       443
       443
       +
               const errorMessage = `${

     

       444
       444
       +
                 data.reason || "Verification failed"

     

       445
       445
       +
               }\nStatus details: ${JSON.stringify(statusDetails, null, 2)}`;

     

       446
       446
       +
       

     

       447
       447
       +
               // Track retry attempts

     

       448
       448
       +
               const currentAttempts = retryAttempts[stepNum] || 0;

     

       449
       449
       +
               setRetryAttempts((prev) => ({

     

       450
       450
       +
                 ...prev,

     

       451
       451
       +
                 [stepNum]: currentAttempts + 1,

     

       452
       452
       +
               }));

     

       453
       453
       +
       

     

       454
       454
       +
               // Show continue anyway option if this is the second failure

     

       455
       455
       +
               if (currentAttempts >= 1) {

     

       456
       456
       +
                 setShowContinueAnyway((prev) => ({ ...prev, [stepNum]: true }));

     

       457
       457
       +
               }

     

       458
       458
       +
       

     

       459
       459
       +
               updateStepStatus(stepNum, "error", errorMessage, true);

     

       465
       460
        
               return false;

     

       466
       461
        
             }

     

       467
       462
        
           } catch (e) {

     

       468
       468
       -
             updateStepStatus(stepNum, "error", e instanceof Error ? e.message : String(e));

     

       463
       463
       +
             console.error(`Verification: Error in step ${stepNum + 1}:`, e);

     

       464
       464
       +
             const currentAttempts = retryAttempts[stepNum] || 0;

     

       465
       465
       +
             setRetryAttempts((prev) => ({ ...prev, [stepNum]: currentAttempts + 1 }));

     

       466
       466
       +
       

     

       467
       467
       +
             // Show continue anyway option if this is the second failure

     

       468
       468
       +
             if (currentAttempts >= 1) {

     

       469
       469
       +
               setShowContinueAnyway((prev) => ({ ...prev, [stepNum]: true }));

     

       470
       470
       +
             }

     

       471
       471
       +
       

     

       472
       472
       +
             updateStepStatus(

     

       473
       473
       +
               stepNum,

     

       474
       474
       +
               "error",

     

       475
       475
       +
               e instanceof Error ? e.message : String(e),

     

       476
       476
       +
               true,

     

       477
       477
       +
             );

     

       469
       478
        
             return false;

     

       470
       479
        
           }

     

       471
       480
        
         };

     

       472
       481
        
       

     

       482
       482
       +
         const retryVerification = async (stepNum: number) => {

     

       483
       483
       +
           console.log(`Retrying verification for step ${stepNum + 1}`);

     

       484
       484
       +
           await verifyStep(stepNum);

     

       485
       485
       +
         };

     

       486
       486
       +
       

     

       487
       487
       +
         const continueAnyway = (stepNum: number) => {

     

       488
       488
       +
           console.log(`Continuing anyway for step ${stepNum + 1}`);

     

       489
       489
       +
           updateStepStatus(stepNum, "completed");

     

       490
       490
       +
           setShowContinueAnyway((prev) => ({ ...prev, [stepNum]: false }));

     

       491
       491
       +
       

     

       492
       492
       +
           // Continue with next step if not the last one

     

       493
       493
       +
           if (stepNum < 3) {

     

       494
       494
       +
             continueToNextStep(stepNum + 1);

     

       495
       495
       +
           }

     

       496
       496
       +
         };

     

       497
       497
       +
       

     

       498
       498
       +
         const continueToNextStep = async (stepNum: number) => {

     

       499
       499
       +
           switch (stepNum) {

     

       500
       500
       +
             case 1:

     

       501
       501
       +
               // Continue to data migration

     

       502
       502
       +
               await startDataMigration();

     

       503
       503
       +
               break;

     

       504
       504
       +
             case 2:

     

       505
       505
       +
               // Continue to identity migration

     

       506
       506
       +
               await startIdentityMigration();

     

       507
       507
       +
               break;

     

       508
       508
       +
             case 3:

     

       509
       509
       +
               // Continue to finalization

     

       510
       510
       +
               await startFinalization();

     

       511
       511
       +
               break;

     

       512
       512
       +
           }

     

       513
       513
       +
         };

     

       514
       514
       +
       

     

       515
       515
       +
         const startDataMigration = async () => {

     

       516
       516
       +
           // Step 2: Migrate Data

     

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

     

       518
       518
       +
           console.log("Starting data migration...");

     

       519
       519
       +
       

     

       520
       520
       +
           try {

     

       521
       521
       +
             // Step 2.1: Migrate Repo

     

       522
       522
       +
             console.log("Data migration: Starting repo migration");

     

       523
       523
       +
             const repoRes = await fetch("/api/migrate/data/repo", {

     

       524
       524
       +
               method: "POST",

     

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

     

       526
       526
       +
             });

     

       527
       527
       +
       

     

       528
       528
       +
             console.log("Repo migration: Response status:", repoRes.status);

     

       529
       529
       +
             const repoText = await repoRes.text();

     

       530
       530
       +
             console.log("Repo migration: Raw response:", repoText);

     

       531
       531
       +
       

     

       532
       532
       +
             if (!repoRes.ok) {

     

       533
       533
       +
               try {

     

       534
       534
       +
                 const json = JSON.parse(repoText);

     

       535
       535
       +
                 console.error("Repo migration: Error response:", json);

     

       536
       536
       +
                 throw new Error(json.message || "Failed to migrate repo");

     

       537
       537
       +
               } catch {

     

       538
       538
       +
                 console.error("Repo migration: Non-JSON error response:", repoText);

     

       539
       539
       +
                 throw new Error(repoText || "Failed to migrate repo");

     

       540
       540
       +
               }

     

       541
       541
       +
             }

     

       542
       542
       +
       

     

       543
       543
       +
             // Step 2.2: Migrate Blobs

     

       544
       544
       +
             console.log("Data migration: Starting blob migration");

     

       545
       545
       +
             const blobsRes = await fetch("/api/migrate/data/blobs", {

     

       546
       546
       +
               method: "POST",

     

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

     

       548
       548
       +
             });

     

       549
       549
       +
       

     

       550
       550
       +
             console.log("Blob migration: Response status:", blobsRes.status);

     

       551
       551
       +
             const blobsText = await blobsRes.text();

     

       552
       552
       +
             console.log("Blob migration: Raw response:", blobsText);

     

       553
       553
       +
       

     

       554
       554
       +
             if (!blobsRes.ok) {

     

       555
       555
       +
               try {

     

       556
       556
       +
                 const json = JSON.parse(blobsText);

     

       557
       557
       +
                 console.error("Blob migration: Error response:", json);

     

       558
       558
       +
                 throw new Error(json.message || "Failed to migrate blobs");

     

       559
       559
       +
               } catch {

     

       560
       560
       +
                 console.error(

     

       561
       561
       +
                   "Blob migration: Non-JSON error response:",

     

       562
       562
       +
                   blobsText,

     

       563
       563
       +
                 );

     

       564
       564
       +
                 throw new Error(blobsText || "Failed to migrate blobs");

     

       565
       565
       +
               }

     

       566
       566
       +
             }

     

       567
       567
       +
       

     

       568
       568
       +
             // Step 2.3: Migrate Preferences

     

       569
       569
       +
             console.log("Data migration: Starting preferences migration");

     

       570
       570
       +
             const prefsRes = await fetch("/api/migrate/data/prefs", {

     

       571
       571
       +
               method: "POST",

     

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

     

       573
       573
       +
             });

     

       574
       574
       +
       

     

       575
       575
       +
             console.log("Preferences migration: Response status:", prefsRes.status);

     

       576
       576
       +
             const prefsText = await prefsRes.text();

     

       577
       577
       +
             console.log("Preferences migration: Raw response:", prefsText);

     

       578
       578
       +
       

     

       579
       579
       +
             if (!prefsRes.ok) {

     

       580
       580
       +
               try {

     

       581
       581
       +
                 const json = JSON.parse(prefsText);

     

       582
       582
       +
                 console.error("Preferences migration: Error response:", json);

     

       583
       583
       +
                 throw new Error(json.message || "Failed to migrate preferences");

     

       584
       584
       +
               } catch {

     

       585
       585
       +
                 console.error(

     

       586
       586
       +
                   "Preferences migration: Non-JSON error response:",

     

       587
       587
       +
                   prefsText,

     

       588
       588
       +
                 );

     

       589
       589
       +
                 throw new Error(prefsText || "Failed to migrate preferences");

     

       590
       590
       +
               }

     

       591
       591
       +
             }

     

       592
       592
       +
       

     

       593
       593
       +
             console.log("Data migration: Starting verification");

     

       594
       594
       +
             updateStepStatus(1, "verifying");

     

       595
       595
       +
             const verified = await verifyStep(1);

     

       596
       596
       +
             console.log("Data migration: Verification result:", verified);

     

       597
       597
       +
             if (!verified) {

     

       598
       598
       +
               console.log(

     

       599
       599
       +
                 "Data migration: Verification failed, waiting for user action",

     

       600
       600
       +
               );

     

       601
       601
       +
               return;

     

       602
       602
       +
             }

     

       603
       603
       +
       

     

       604
       604
       +
             // If verification succeeds, continue to next step

     

       605
       605
       +
             await startIdentityMigration();

     

       606
       606
       +
           } catch (error) {

     

       607
       607
       +
             console.error("Data migration: Error caught:", error);

     

       608
       608
       +
             updateStepStatus(

     

       609
       609
       +
               1,

     

       610
       610
       +
               "error",

     

       611
       611
       +
               error instanceof Error ? error.message : String(error),

     

       612
       612
       +
             );

     

       613
       613
       +
             throw error;

     

       614
       614
       +
           }

     

       615
       615
       +
         };

     

       616
       616
       +
       

     

       617
       617
       +
         const startIdentityMigration = async () => {

     

       618
       618
       +
           // Step 3: Request Identity Migration

     

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

     

       620
       620
       +
           console.log("Requesting identity migration...");

     

       621
       621
       +
       

     

       622
       622
       +
           try {

     

       623
       623
       +
             const requestRes = await fetch("/api/migrate/identity/request", {

     

       624
       624
       +
               method: "POST",

     

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

     

       626
       626
       +
             });

     

       627
       627
       +
       

     

       628
       628
       +
             console.log("Identity request response status:", requestRes.status);

     

       629
       629
       +
             const requestText = await requestRes.text();

     

       630
       630
       +
             console.log("Identity request response:", requestText);

     

       631
       631
       +
       

     

       632
       632
       +
             if (!requestRes.ok) {

     

       633
       633
       +
               try {

     

       634
       634
       +
                 const json = JSON.parse(requestText);

     

       635
       635
       +
                 throw new Error(

     

       636
       636
       +
                   json.message || "Failed to request identity migration",

     

       637
       637
       +
                 );

     

       638
       638
       +
               } catch {

     

       639
       639
       +
                 throw new Error(

     

       640
       640
       +
                   requestText || "Failed to request identity migration",

     

       641
       641
       +
                 );

     

       642
       642
       +
               }

     

       643
       643
       +
             }

     

       644
       644
       +
       

     

       645
       645
       +
             try {

     

       646
       646
       +
               const jsonData = JSON.parse(requestText);

     

       647
       647
       +
               if (!jsonData.success) {

     

       648
       648
       +
                 throw new Error(

     

       649
       649
       +
                   jsonData.message || "Identity migration request failed",

     

       650
       650
       +
                 );

     

       651
       651
       +
               }

     

       652
       652
       +
               console.log("Identity migration requested successfully");

     

       653
       653
       +
       

     

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

     

       655
       655
       +
               setSteps((prevSteps) =>

     

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

     

       657
       657
       +
                   i === 2

     

       658
       658
       +
                     ? {

     

       659
       659
       +
                       ...step,

     

       660
       660
       +
                       name:

     

       661
       661
       +
                         "Enter the token sent to your email to complete identity migration",

     

       662
       662
       +
                     }

     

       663
       663
       +
                     : step

     

       664
       664
       +
                 )

     

       665
       665
       +
               );

     

       666
       666
       +
               // Don't continue with migration - wait for token input

     

       667
       667
       +
               return;

     

       668
       668
       +
             } catch (e) {

     

       669
       669
       +
               console.error("Failed to parse identity request response:", e);

     

       670
       670
       +
               throw new Error(

     

       671
       671
       +
                 "Invalid response from server during identity request",

     

       672
       672
       +
               );

     

       673
       673
       +
             }

     

       674
       674
       +
           } catch (error) {

     

       675
       675
       +
             updateStepStatus(

     

       676
       676
       +
               2,

     

       677
       677
       +
               "error",

     

       678
       678
       +
               error instanceof Error ? error.message : String(error),

     

       679
       679
       +
             );

     

       680
       680
       +
             throw error;

     

       681
       681
       +
           }

     

       682
       682
       +
         };

     

       683
       683
       +
       

     

       684
       684
       +
         const startFinalization = async () => {

     

       685
       685
       +
           // Step 4: Finalize Migration

     

       686
       686
       +
           updateStepStatus(3, "in-progress");

     

       687
       687
       +
           try {

     

       688
       688
       +
             const finalizeRes = await fetch("/api/migrate/finalize", {

     

       689
       689
       +
               method: "POST",

     

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

     

       691
       691
       +
             });

     

       692
       692
       +
       

     

       693
       693
       +
             const finalizeData = await finalizeRes.text();

     

       694
       694
       +
             if (!finalizeRes.ok) {

     

       695
       695
       +
               try {

     

       696
       696
       +
                 const json = JSON.parse(finalizeData);

     

       697
       697
       +
                 throw new Error(json.message || "Failed to finalize migration");

     

       698
       698
       +
               } catch {

     

       699
       699
       +
                 throw new Error(finalizeData || "Failed to finalize migration");

     

       700
       700
       +
               }

     

       701
       701
       +
             }

     

       702
       702
       +
       

     

       703
       703
       +
             try {

     

       704
       704
       +
               const jsonData = JSON.parse(finalizeData);

     

       705
       705
       +
               if (!jsonData.success) {

     

       706
       706
       +
                 throw new Error(jsonData.message || "Finalization failed");

     

       707
       707
       +
               }

     

       708
       708
       +
             } catch {

     

       709
       709
       +
               throw new Error("Invalid response from server during finalization");

     

       710
       710
       +
             }

     

       711
       711
       +
       

     

       712
       712
       +
             updateStepStatus(3, "verifying");

     

       713
       713
       +
             const verified = await verifyStep(3);

     

       714
       714
       +
             if (!verified) {

     

       715
       715
       +
               console.log(

     

       716
       716
       +
                 "Finalization: Verification failed, waiting for user action",

     

       717
       717
       +
               );

     

       718
       718
       +
               return;

     

       719
       719
       +
             }

     

       720
       720
       +
           } catch (error) {

     

       721
       721
       +
             updateStepStatus(

     

       722
       722
       +
               3,

     

       723
       723
       +
               "error",

     

       724
       724
       +
               error instanceof Error ? error.message : String(error),

     

       725
       725
       +
             );

     

       726
       726
       +
             throw error;

     

       727
       727
       +
           }

     

       728
       728
       +
         };

     

       729
       729
       +
       

     

       473
       730
        
         return (

     

       474
       731
        
           <div class="space-y-8">

     

       732
       732
       +
             {/* Migration state alert */}

     

       733
       733
       +
             {migrationState && !migrationState.allowMigration && (

     

       734
       734
       +
               <div

     

       735
       735
       +
                 class={`p-4 rounded-lg border ${

     

       736
       736
       +
                   migrationState.state === "maintenance"

     

       737
       737
       +
                     ? "bg-yellow-50 border-yellow-200 text-yellow-800 dark:bg-yellow-900/20 dark:border-yellow-800 dark:text-yellow-200"

     

       738
       738
       +
                     : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"

     

       739
       739
       +
                 }`}

     

       740
       740
       +
               >

     

       741
       741
       +
                 <div class="flex items-center">

     

       742
       742
       +
                   <div

     

       743
       743
       +
                     class={`mr-3 ${

     

       744
       744
       +
                       migrationState.state === "maintenance"

     

       745
       745
       +
                         ? "text-yellow-600 dark:text-yellow-400"

     

       746
       746
       +
                         : "text-red-600 dark:text-red-400"

     

       747
       747
       +
                     }`}

     

       748
       748
       +
                   >

     

       749
       749
       +
                     {migrationState.state === "maintenance" ? "⚠️" : "🚫"}

     

       750
       750
       +
                   </div>

     

       751
       751
       +
                   <div>

     

       752
       752
       +
                     <h3 class="font-semibold mb-1">

     

       753
       753
       +
                       {migrationState.state === "maintenance"

     

       754
       754
       +
                         ? "Maintenance Mode"

     

       755
       755
       +
                         : "Service Unavailable"}

     

       756
       756
       +
                     </h3>

     

       757
       757
       +
                     <p class="text-sm">{migrationState.message}</p>

     

       758
       758
       +
                   </div>

     

       759
       759
       +
                 </div>

     

       760
       760
       +
               </div>

     

       761
       761
       +
             )}

     

       762
       762
       +
       

     

       475
       763
        
             <div class="space-y-4">

     

       476
       764
        
               {steps.map((step, index) => (

     

       477
       765
        
                 <div key={step.name} class={getStepClasses(step.status)}>

     
···

       491
       779
        
                       {getStepDisplayName(step, index)}

     

       492
       780
        
                     </p>

     

       493
       781
        
                     {step.error && (

     

       494
       494
       -
                       <p class="text-sm text-red-600 dark:text-red-400 mt-1">

     

       495
       495
       -
                         {(() => {

     

       496
       496
       -
                           try {

     

       497
       497
       -
                             const err = JSON.parse(step.error);

     

       498
       498
       -
                             return err.message || step.error;

     

       499
       499
       -
                           } catch {

     

       500
       500
       -
                             return step.error;

     

       501
       501
       -
                           }

     

       502
       502
       -
                         })()}

     

       503
       503
       -
                       </p>

     

       782
       782
       +
                       <div class="mt-1">

     

       783
       783
       +
                         <p class="text-sm text-red-600 dark:text-red-400">

     

       784
       784
       +
                           {(() => {

     

       785
       785
       +
                             try {

     

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

     

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

     

       788
       788
       +
                             } catch {

     

       789
       789
       +
                               return step.error;

     

       790
       790
       +
                             }

     

       791
       791
       +
                           })()}

     

       792
       792
       +
                         </p>

     

       793
       793
       +
                         {step.isVerificationError && (

     

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

     

       795
       795
       +
                             <button

     

       796
       796
       +
                               type="button"

     

       797
       797
       +
                               onClick={() => retryVerification(index)}

     

       798
       798
       +
                               class="px-3 py-1 text-xs bg-blue-600 hover:bg-blue-700 text-white rounded transition-colors duration-200 dark:bg-blue-500 dark:hover:bg-blue-400"

     

       799
       799
       +
                             >

     

       800
       800
       +
                               Retry Verification

     

       801
       801
       +
                             </button>

     

       802
       802
       +
                             {showContinueAnyway[index] && (

     

       803
       803
       +
                               <button

     

       804
       804
       +
                                 type="button"

     

       805
       805
       +
                                 onClick={() => continueAnyway(index)}

     

       806
       806
       +
                                 class="px-3 py-1 text-xs bg-white border border-gray-300 text-gray-700 hover:bg-gray-100 rounded transition-colors duration-200

     

       807
       807
       +
                                        dark:bg-gray-800 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-700"

     

       808
       808
       +
                               >

     

       809
       809
       +
                                 Continue Anyway

     

       810
       810
       +
                               </button>

     

       811
       811
       +
                             )}

     

       812
       812
       +
                           </div>

     

       813
       813
       +
                         )}

     

       814
       814
       +
                       </div>

     

       504
       815
        
                     )}

     

       505
       816
        
                     {index === 2 && step.status === "in-progress" &&

     

       506
       506
       -
                       step.name === "Enter the token sent to your email to complete identity migration" && (

     

       817
       817
       +
                       step.name ===

     

       818
       818
       +
                         "Enter the token sent to your email to complete identity migration" &&

     

       819
       819
       +
                       (

     

       507
       820
        
                         <div class="mt-4 space-y-4">

     

       508
       821
        
                           <p class="text-sm text-blue-800 dark:text-blue-200">

     

       509
       509
       -
                             Please check your email for the migration token and enter it below:

     

       822
       822
       +
                             Please check your email for the migration token and enter

     

       823
       823
       +
                             it below:

     

       510
       824
        
                           </p>

     

       511
       825
        
                           <div class="flex space-x-2">

     

       512
       826
        
                             <input

     
···

       525
       839
        
                             </button>

     

       526
       840
        
                           </div>

     

       527
       841
        
                         </div>

     

       528
       528
       -
                       )

     

       529
       529
       -
                     }

     

       842
       842
       +
                       )}

     

       530
       843
        
                   </div>

     

       531
       844
        
                 </div>

     

       532
       845
        
               ))}

     

       533
       846
        
             </div>

     

       534
       847
        
       

     

       535
       535
       -
       

     

       536
       536
       -
       

     

       537
       848
        
             {steps[3].status === "completed" && (

     

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

     

       539
       539
       -
                 <p class="text-sm text-green-800 dark:text-green-200">

     

       540
       540
       -
                   Migration completed successfully! You can now close this page.

     

       850
       850
       +
                 <p class="text-sm text-green-800 dark:text-green-200 pb-2">

     

       851
       851
       +
                   Migration completed successfully! Sign out to finish the process and

     

       852
       852
       +
                   return home.<br />

     

       853
       853
       +
                   Please consider donating to Airport to support server and

     

       854
       854
       +
                   development costs.

     

       541
       855
        
                 </p>

     

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

     

       857
       857
       +
                   <button

     

       858
       858
       +
                     type="button"

     

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

     

       860
       860
       +
                       try {

     

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

     

       862
       862
       +
                           method: "POST",

     

       863
       863
       +
                           credentials: "include",

     

       864
       864
       +
                         });

     

       865
       865
       +
                         if (!response.ok) {

     

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

     

       867
       867
       +
                         }

     

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

     

       869
       869
       +
                       } catch (error) {

     

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

     

       871
       871
       +
                       }

     

       872
       872
       +
                     }}

     

       873
       873
       +
                     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"

     

       874
       874
       +
                   >

     

       875
       875
       +
                     <svg

     

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

     

       877
       877
       +
                       fill="none"

     

       878
       878
       +
                       stroke="currentColor"

     

       879
       879
       +
                       viewBox="0 0 24 24"

     

       880
       880
       +
                     >

     

       881
       881
       +
                       <path

     

       882
       882
       +
                         stroke-linecap="round"

     

       883
       883
       +
                         stroke-linejoin="round"

     

       884
       884
       +
                         stroke-width="2"

     

       885
       885
       +
                         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"

     

       886
       886
       +
                       />

     

       887
       887
       +
                     </svg>

     

       888
       888
       +
                     <span>Sign Out</span>

     

       889
       889
       +
                   </button>

     

       890
       890
       +
                   <a

     

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

     

       892
       892
       +
                     target="_blank"

     

       893
       893
       +
                     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"

     

       894
       894
       +
                   >

     

       895
       895
       +
                     <svg

     

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

     

       897
       897
       +
                       fill="none"

     

       898
       898
       +
                       stroke="currentColor"

     

       899
       899
       +
                       viewBox="0 0 24 24"

     

       900
       900
       +
                     >

     

       901
       901
       +
                       <path

     

       902
       902
       +
                         stroke-linecap="round"

     

       903
       903
       +
                         stroke-linejoin="round"

     

       904
       904
       +
                         stroke-width="2"

     

       905
       905
       +
                         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"

     

       906
       906
       +
                       />

     

       907
       907
       +
                     </svg>

     

       908
       908
       +
                     <span>Support Us</span>

     

       909
       909
       +
                   </a>

     

       910
       910
       +
                 </div>

     

       542
       911
        
               </div>

     

       543
       912
        
             )}

     

       544
       913
        
           </div>

+173 -8

islands/MigrationSetup.tsx

···

       1
       1
       -
       import { useState } from "preact/hooks";

     

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

     

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

     

       2
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * The migration setup props.

     

       6
       6
       +
        * @type {MigrationSetupProps}

     

       7
       7
       +
        */

     

       3
       8
        
       interface MigrationSetupProps {

     

       4
       9
        
         service?: string | null;

     

       5
       10
        
         handle?: string | null;

     
···

       7
       12
        
         invite?: string | null;

     

       8
       13
        
       }

     

       9
       14
        
       

     

       15
       15
       +
       /**

     

       16
       16
       +
        * The server description.

     

       17
       17
       +
        * @type {ServerDescription}

     

       18
       18
       +
        */

     

       10
       19
        
       interface ServerDescription {

     

       11
       20
        
         inviteCodeRequired: boolean;

     

       12
       21
        
         availableUserDomains: string[];

     

       13
       22
        
       }

     

       14
       23
        
       

     

       24
       24
       +
       /**

     

       25
       25
       +
        * The user passport.

     

       26
       26
       +
        * @type {UserPassport}

     

       27
       27
       +
        */

     

       28
       28
       +
       interface UserPassport {

     

       29
       29
       +
         did: string;

     

       30
       30
       +
         handle: string;

     

       31
       31
       +
         pds: string;

     

       32
       32
       +
         createdAt?: string;

     

       33
       33
       +
       }

     

       34
       34
       +
       

     

       35
       35
       +
       /**

     

       36
       36
       +
        * The migration state info.

     

       37
       37
       +
        * @type {MigrationStateInfo}

     

       38
       38
       +
        */

     

       39
       39
       +
       interface MigrationStateInfo {

     

       40
       40
       +
         state: "up" | "issue" | "maintenance";

     

       41
       41
       +
         message: string;

     

       42
       42
       +
         allowMigration: boolean;

     

       43
       43
       +
       }

     

       44
       44
       +
       

     

       45
       45
       +
       /**

     

       46
       46
       +
        * The migration setup component.

     

       47
       47
       +
        * @param props - The migration setup props

     

       48
       48
       +
        * @returns The migration setup component

     

       49
       49
       +
        * @component

     

       50
       50
       +
        */

     

       15
       51
        
       export default function MigrationSetup(props: MigrationSetupProps) {

     

       16
       52
        
         const [service, setService] = useState(props.service || "");

     

       17
       53
        
         const [handlePrefix, setHandlePrefix] = useState(

     
···

       27
       63
        
         const [isLoading, setIsLoading] = useState(false);

     

       28
       64
        
         const [showConfirmation, setShowConfirmation] = useState(false);

     

       29
       65
        
         const [confirmationText, setConfirmationText] = useState("");

     

       66
       66
       +
         const [passport, setPassport] = useState<UserPassport | null>(null);

     

       67
       67
       +
         const [migrationState, setMigrationState] = useState<MigrationStateInfo | null>(null);

     

       68
       68
       +
       

     

       69
       69
       +
         const ensureServiceUrl = (url: string): string => {

     

       70
       70
       +
           if (!url) return url;

     

       71
       71
       +
           try {

     

       72
       72
       +
             // If it already has a protocol, return as is

     

       73
       73
       +
             new URL(url);

     

       74
       74
       +
             return url;

     

       75
       75
       +
           } catch {

     

       76
       76
       +
             // If no protocol, add https://

     

       77
       77
       +
             return `https://${url}`;

     

       78
       78
       +
           }

     

       79
       79
       +
         };

     

       80
       80
       +
       

     

       81
       81
       +
         useEffect(() => {

     

       82
       82
       +
           if (!IS_BROWSER) return;

     

       83
       83
       +
       

     

       84
       84
       +
           const fetchInitialData = async () => {

     

       85
       85
       +
             try {

     

       86
       86
       +
               // Check migration state first

     

       87
       87
       +
               const migrationResponse = await fetch("/api/migration-state");

     

       88
       88
       +
               if (migrationResponse.ok) {

     

       89
       89
       +
                 const migrationData = await migrationResponse.json();

     

       90
       90
       +
                 setMigrationState(migrationData);

     

       91
       91
       +
               }

     

       92
       92
       +
       

     

       93
       93
       +
               // Fetch user passport

     

       94
       94
       +
               const response = await fetch("/api/me", {

     

       95
       95
       +
                 credentials: "include",

     

       96
       96
       +
               });

     

       97
       97
       +
               if (!response.ok) {

     

       98
       98
       +
                 throw new Error("Failed to fetch user profile");

     

       99
       99
       +
               }

     

       100
       100
       +
               const userData = await response.json();

     

       101
       101
       +
               if (userData) {

     

       102
       102
       +
                 // Get PDS URL from the current service

     

       103
       103
       +
                 const pdsResponse = await fetch(`/api/resolve-pds?did=${userData.did}`);

     

       104
       104
       +
                 const pdsData = await pdsResponse.json();

     

       105
       105
       +
       

     

       106
       106
       +
                 setPassport({

     

       107
       107
       +
                   did: userData.did,

     

       108
       108
       +
                   handle: userData.handle,

     

       109
       109
       +
                   pds: pdsData.pds || "Unknown",

     

       110
       110
       +
                   createdAt: new Date().toISOString() // TODO: Get actual creation date from API

     

       111
       111
       +
                 });

     

       112
       112
       +
               }

     

       113
       113
       +
             } catch (error) {

     

       114
       114
       +
               console.error("Failed to fetch initial data:", error);

     

       115
       115
       +
             }

     

       116
       116
       +
           };

     

       117
       117
       +
       

     

       118
       118
       +
           fetchInitialData();

     

       119
       119
       +
         }, []);

     

       30
       120
        
       

     

       31
       121
        
         const checkServerDescription = async (serviceUrl: string) => {

     

       32
       122
        
           try {

     
···

       59
       149
        
         };

     

       60
       150
        
       

     

       61
       151
        
         const handleServiceChange = (value: string) => {

     

       62
       62
       -
           setService(value);

     

       152
       152
       +
           const urlWithProtocol = ensureServiceUrl(value);

     

       153
       153
       +
           setService(urlWithProtocol);

     

       63
       154
        
           setError("");

     

       64
       64
       -
           if (value) {

     

       65
       65
       -
             checkServerDescription(value);

     

       155
       155
       +
           if (urlWithProtocol) {

     

       156
       156
       +
             checkServerDescription(urlWithProtocol);

     

       66
       157
        
           } else {

     

       67
       158
        
             setAvailableDomains([]);

     

       68
       159
        
             setSelectedDomain("");

     
···

       72
       163
        
         const handleSubmit = (e: Event) => {

     

       73
       164
        
           e.preventDefault();

     

       74
       165
        
       

     

       166
       166
       +
           // Check migration state first

     

       167
       167
       +
           if (migrationState && !migrationState.allowMigration) {

     

       168
       168
       +
             setError(migrationState.message);

     

       169
       169
       +
             return;

     

       170
       170
       +
           }

     

       171
       171
       +
       

     

       75
       172
        
           if (!service || !handlePrefix || !email || !password) {

     

       76
       173
        
             setError("Please fill in all required fields");

     

       77
       174
        
             return;

     
···

       86
       183
        
         };

     

       87
       184
        
       

     

       88
       185
        
         const handleConfirmation = () => {

     

       186
       186
       +
           // Double-check migration state before proceeding

     

       187
       187
       +
           if (migrationState && !migrationState.allowMigration) {

     

       188
       188
       +
             setError(migrationState.message);

     

       189
       189
       +
             return;

     

       190
       190
       +
           }

     

       191
       191
       +
       

     

       89
       192
        
           if (confirmationText !== "MIGRATE") {

     

       90
       193
        
             setError("Please type 'MIGRATE' to confirm");

     

       91
       194
        
             return;

     
···

       117
       220
        
             <div class="absolute top-2 left-4 text-blue-500 text-sm font-mono">TERMINAL 1</div>

     

       118
       221
        
             <div class="absolute top-2 right-4 text-blue-500 text-sm font-mono">GATE M1</div>

     

       119
       222
        
       

     

       223
       223
       +
             {/* Migration state alert */}

     

       224
       224
       +
             {migrationState && !migrationState.allowMigration && (

     

       225
       225
       +
               <div class={`mb-6 mt-4 p-4 rounded-lg border ${

     

       226
       226
       +
                 migrationState.state === "maintenance"

     

       227
       227
       +
                   ? "bg-yellow-50 border-yellow-200 text-yellow-800 dark:bg-yellow-900/20 dark:border-yellow-800 dark:text-yellow-200"

     

       228
       228
       +
                   : "bg-red-50 border-red-200 text-red-800 dark:bg-red-900/20 dark:border-red-800 dark:text-red-200"

     

       229
       229
       +
               }`}>

     

       230
       230
       +
                 <div class="flex items-center">

     

       231
       231
       +
                   <div class={`mr-3 ${

     

       232
       232
       +
                     migrationState.state === "maintenance" ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"

     

       233
       233
       +
                   }`}>

     

       234
       234
       +
                     {migrationState.state === "maintenance" ? "⚠️" : "🚫"}

     

       235
       235
       +
                   </div>

     

       236
       236
       +
                   <div>

     

       237
       237
       +
                     <h3 class="font-semibold mb-1">

     

       238
       238
       +
                       {migrationState.state === "maintenance" ? "Maintenance Mode" : "Service Unavailable"}

     

       239
       239
       +
                     </h3>

     

       240
       240
       +
                     <p class="text-sm">{migrationState.message}</p>

     

       241
       241
       +
                   </div>

     

       242
       242
       +
                 </div>

     

       243
       243
       +
               </div>

     

       244
       244
       +
             )}

     

       245
       245
       +
       

     

       120
       246
        
             <div class="text-center mb-8 relative">

     

       121
       247
        
               <p class="text-gray-600 dark:text-gray-400 mt-4">Please complete your migration check-in</p>

     

       122
       248
        
               <div class="mt-2 text-sm text-gray-500 dark:text-gray-400 font-mono">FLIGHT: MIG-2024</div>

     

       123
       249
        
             </div>

     

       124
       250
        
       

     

       251
       251
       +
             {/* Passport Section */}

     

       252
       252
       +
             {passport && (

     

       253
       253
       +
               <div class="mb-8 bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700">

     

       254
       254
       +
                 <div class="flex items-center justify-between mb-4">

     

       255
       255
       +
                   <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Current Passport</h3>

     

       256
       256
       +
                   <div class="text-xs text-gray-500 dark:text-gray-400 font-mono">ISSUED: {new Date().toLocaleDateString()}</div>

     

       257
       257
       +
                 </div>

     

       258
       258
       +
                 <div class="grid grid-cols-2 gap-4 text-sm">

     

       259
       259
       +
                   <div>

     

       260
       260
       +
                     <div class="text-gray-500 dark:text-gray-400 mb-1">Handle</div>

     

       261
       261
       +
                     <div class="font-mono text-gray-900 dark:text-white">{passport.handle}</div>

     

       262
       262
       +
                   </div>

     

       263
       263
       +
                   <div>

     

       264
       264
       +
                     <div class="text-gray-500 dark:text-gray-400 mb-1">DID</div>

     

       265
       265
       +
                     <div class="font-mono text-gray-900 dark:text-white break-all">{passport.did}</div>

     

       266
       266
       +
                   </div>

     

       267
       267
       +
                   <div>

     

       268
       268
       +
                     <div class="text-gray-500 dark:text-gray-400 mb-1">Citizen of PDS</div>

     

       269
       269
       +
                     <div class="font-mono text-gray-900 dark:text-white break-all">{passport.pds}</div>

     

       270
       270
       +
                   </div>

     

       271
       271
       +
                   <div>

     

       272
       272
       +
                     <div class="text-gray-500 dark:text-gray-400 mb-1">Account Age</div>

     

       273
       273
       +
                     <div class="font-mono text-gray-900 dark:text-white">

     

       274
       274
       +
                       {passport.createdAt ? new Date(passport.createdAt).toLocaleDateString() : "Unknown"}

     

       275
       275
       +
                     </div>

     

       276
       276
       +
                   </div>

     

       277
       277
       +
                 </div>

     

       278
       278
       +
               </div>

     

       279
       279
       +
             )}

     

       280
       280
       +
       

     

       125
       281
        
             <form onSubmit={handleSubmit} class="space-y-6">

     

       126
       282
        
               {error && (

     

       127
       127
       -
                 <div class="bg-red-50 dark:bg-red-900 rounded-lg">

     

       283
       283
       +
                 <div class="bg-red-50 dark:bg-red-900 rounded-lg ">

     

       128
       284
        
                   <p class="text-red-800 dark:text-red-200 flex items-center">

     

       129
       285
        
                     <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       130
       286
        
                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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"></path>

     
···

       171
       327
        
                   <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">

     

       172
       328
        
                     New Account Handle

     

       173
       329
        
                     <span class="text-xs text-gray-500 ml-1">(Passport ID)</span>

     

       330
       330
       +
                     <div class="inline-block relative group ml-2">

     

       331
       331
       +
                       <svg class="w-4 h-4 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 cursor-help" fill="currentColor" viewBox="0 0 20 20">

     

       332
       332
       +
                         <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />

     

       333
       333
       +
                       </svg>

     

       334
       334
       +
                       <div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10">

     

       335
       335
       +
                         You can change your handle to a custom domain later

     

       336
       336
       +
                         <div class="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-gray-900"></div>

     

       337
       337
       +
                       </div>

     

       338
       338
       +
                     </div>

     

       174
       339
        
                   </label>

     

       175
       340
        
                   <div class="mt-1 relative w-full">

     

       176
       341
        
                     <div class="flex rounded-md shadow-sm w-full">

     
···

       221
       386
        
       

     

       222
       387
        
                 <div>

     

       223
       388
        
                   <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">

     

       224
       224
       -
                     Contact Email

     

       389
       389
       +
                     Email

     

       225
       390
        
                     <span class="text-xs text-gray-500 ml-1">(Emergency Contact)</span>

     

       226
       391
        
                   </label>

     

       227
       392
        
                   <div class="relative">

     
···

       287
       452
        
       

     

       288
       453
        
               <button

     

       289
       454
        
                 type="submit"

     

       290
       290
       -
                 disabled={isLoading}

     

       455
       455
       +
                 disabled={isLoading || Boolean(migrationState && !migrationState.allowMigration)}

     

       291
       456
        
                 class="w-full flex justify-center items-center py-3 px-4 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-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"

     

       292
       457
        
               >

     

       293
       458
        
                 <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     
···

       313
       478
        
                   <div class="text-center mb-4 mt-6">

     

       314
       479
        
                     <h3 class="text-2xl font-bold text-red-600 mb-2 tracking-wide">Final Boarding Call</h3>

     

       315
       480
        
                     <p class="text-gray-700 dark:text-gray-300 mb-2 text-base">

     

       316
       316
       -
                       <span class="font-semibold text-red-500">Warning:</span> This migration process can be <strong>irreversible</strong>.<br />Airport is in <strong>alpha</strong> currently, and we don't recommend it for main accounts.

     

       481
       481
       +
                       <span class="font-semibold text-red-500">Warning:</span> This migration is <strong>irreversible</strong> if coming from Bluesky servers.<br />Bluesky does not recommend it for main accounts. Migrate at your own risk. We reccomend backing up your data before proceeding.

     

       317
       482
        
                     </p>

     

       318
       483
        
                     <p class="text-gray-700 dark:text-gray-300 mb-4 text-base">

     

       319
       484
        
                       Please type <span class="font-mono font-bold text-blue-600">MIGRATE</span> below to confirm and proceed.

+10

islands/OAuthCallback.tsx

···

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

     

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

     

       3
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * The OAuth callback props.

     

       6
       6
       +
        * @type {OAuthCallbackProps}

     

       7
       7
       +
        */

     

       4
       8
        
       interface OAuthCallbackProps {

     

       5
       9
        
         error?: string;

     

       6
       10
        
       }

     

       7
       11
        
       

     

       12
       12
       +
       /**

     

       13
       13
       +
        * The OAuth callback component.

     

       14
       14
       +
        * @param props - The OAuth callback props

     

       15
       15
       +
        * @returns The OAuth callback component

     

       16
       16
       +
        * @component

     

       17
       17
       +
        */

     

       8
       18
        
       export default function OAuthCallback(

     

       9
       19
        
         { error: initialError }: OAuthCallbackProps,

     

       10
       20
        
       ) {

-114

islands/PostHogAnalytics.tsx

···

       1
       1
       -
       import { useEffect } from "preact/hooks";

     

       2
       2
       -
       

     

       3
       3
       -
       interface PostHogConfig {

     

       4
       4
       -
         api_host: string;

     

       5
       5
       -
         [key: string]: unknown; // Allow additional optional properties

     

       6
       6
       -
       }

     

       7
       7
       -
       

     

       8
       8
       -
       interface PostHogInstance {

     

       9
       9
       -
         __SV?: number;

     

       10
       10
       -
         _i: Array<[string, PostHogConfig, string?]>;

     

       11
       11
       -
         people?: PostHogPeople;

     

       12
       12
       -
         init: (apiKey: string, config: PostHogConfig, name?: string) => void;

     

       13
       13
       -
         capture: (event: string, properties?: Record<string, unknown>) => void;

     

       14
       14
       -
         identify: (distinctId: string, properties?: Record<string, unknown>) => void;

     

       15
       15
       -
         toString: (includeStub?: number) => string;

     

       16
       16
       -
         [key: string]: unknown;

     

       17
       17
       -
       }

     

       18
       18
       -
       

     

       19
       19
       -
       interface PostHogPeople {

     

       20
       20
       -
         toString: () => string;

     

       21
       21
       -
         [key: string]: unknown;

     

       22
       22
       -
       }

     

       23
       23
       -
       

     

       24
       24
       -
       declare global {

     

       25
       25
       -
         var posthog: PostHogInstance | undefined;

     

       26
       26
       -
       }

     

       27
       27
       -
       

     

       28
       28
       -
       interface PostHogProps {

     

       29
       29
       -
         apiKey: string;

     

       30
       30
       -
         apiHost?: string;

     

       31
       31
       -
       }

     

       32
       32
       -
       

     

       33
       33
       -
       export default function PostHogAnalytics({

     

       34
       34
       -
         apiKey,

     

       35
       35
       -
         apiHost = "https://us.i.posthog.com"

     

       36
       36
       -
       }: PostHogProps) {

     

       37
       37
       -
         useEffect(() => {

     

       38
       38
       -
           // PostHog initialization script

     

       39
       39
       -
           (function(t: Document, e: PostHogInstance) {

     

       40
       40
       -
             let o: string[];

     

       41
       41
       -
             let n: number;

     

       42
       42
       -
             let p: HTMLScriptElement;

     

       43
       43
       -
             let r: HTMLScriptElement | null;

     

       44
       44
       -
       

     

       45
       45
       -
             if (e.__SV) return;

     

       46
       46
       -
       

     

       47
       47
       -
             globalThis.posthog = e;

     

       48
       48
       -
             e._i = [];

     

       49
       49
       -
             e.init = function(i: string, s: PostHogConfig, a?: string) {

     

       50
       50
       -
               function g(target: Record<string, unknown>, methodName: string) {

     

       51
       51
       -
                 const parts = methodName.split(".");

     

       52
       52
       -
                 if (2 == parts.length) {

     

       53
       53
       -
                   target = target[parts[0]] as Record<string, unknown>;

     

       54
       54
       -
                   methodName = parts[1];

     

       55
       55
       -
                 }

     

       56
       56
       -
                 target[methodName] = function() {

     

       57
       57
       -
                   (target as { push: (args: unknown[]) => void }).push([methodName].concat(Array.prototype.slice.call(arguments, 0)));

     

       58
       58
       -
                 };

     

       59
       59
       -
               }

     

       60
       60
       -
       

     

       61
       61
       -
               p = t.createElement("script");

     

       62
       62
       -
               p.type = "text/javascript";

     

       63
       63
       -
               p.crossOrigin = "anonymous";

     

       64
       64
       -
               p.async = true;

     

       65
       65
       -
               p.src = s.api_host.replace(".i.posthog.com", "-assets.i.posthog.com") + "/static/array.js";

     

       66
       66
       -
               r = t.getElementsByTagName("script")[0];

     

       67
       67
       -
               if (r && r.parentNode) {

     

       68
       68
       -
                 r.parentNode.insertBefore(p, r);

     

       69
       69
       -
               }

     

       70
       70
       -
       

     

       71
       71
       -
               let u: PostHogInstance = e;

     

       72
       72
       -
               if (typeof a !== "undefined") {

     

       73
       73
       -
                 u = (e as Record<string, PostHogInstance>)[a] = {} as PostHogInstance;

     

       74
       74
       -
                 u._i = [];

     

       75
       75
       -
               } else {

     

       76
       76
       -
                 a = "posthog";

     

       77
       77
       -
               }

     

       78
       78
       -
       

     

       79
       79
       -
               u.people = u.people || {} as PostHogPeople;

     

       80
       80
       -
               u.toString = function(includeStub?: number) {

     

       81
       81
       -
                 let name = "posthog";

     

       82
       82
       -
                 if ("posthog" !== a) {

     

       83
       83
       -
                   name += "." + a;

     

       84
       84
       -
                 }

     

       85
       85
       -
                 if (!includeStub) {

     

       86
       86
       -
                   name += " (stub)";

     

       87
       87
       -
                 }

     

       88
       88
       -
                 return name;

     

       89
       89
       -
               };

     

       90
       90
       -
       

     

       91
       91
       -
               u.people.toString = function() {

     

       92
       92
       -
                 return u.toString(1) + ".people (stub)";

     

       93
       93
       -
               };

     

       94
       94
       -
       

     

       95
       95
       -
               o = "init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" ");

     

       96
       96
       -
       

     

       97
       97
       -
               for (n = 0; n < o.length; n++) {

     

       98
       98
       -
                 g(u as Record<string, unknown>, o[n]);

     

       99
       99
       -
               }

     

       100
       100
       -
       

     

       101
       101
       -
               e._i.push([i, s, a]);

     

       102
       102
       -
             };

     

       103
       103
       -
       

     

       104
       104
       -
             e.__SV = 1;

     

       105
       105
       -
           })(document, globalThis.posthog || {} as PostHogInstance);

     

       106
       106
       -
       

     

       107
       107
       -
           // Initialize PostHog

     

       108
       108
       -
           if (globalThis.posthog) {

     

       109
       109
       -
             globalThis.posthog.init(apiKey, { api_host: apiHost });

     

       110
       110
       -
           }

     

       111
       111
       -
         }, [apiKey, apiHost]);

     

       112
       112
       -
       

     

       113
       113
       -
         return null; // This component doesn't render anything visible

     

       114
       114
       -
       }

-15

islands/PostHogInitializer.tsx

···

       1
       1
       -
       import { useEffect } from "preact/hooks";

     

       2
       2
       -
       import posthog from "posthog-js";

     

       3
       3
       -
       

     

       4
       4
       -
       interface Props {

     

       5
       5
       -
         apiKey: string;

     

       6
       6
       -
         apiHost: string;

     

       7
       7
       -
       }

     

       8
       8
       -
       

     

       9
       9
       -
       export default function PostHogInitializer({ apiKey, apiHost }: Props) {

     

       10
       10
       -
         useEffect(() => {

     

       11
       11
       -
           posthog.default.init(apiKey, { api_host: apiHost });

     

       12
       12
       -
         }, [apiKey, apiHost]);

     

       13
       13
       -
       

     

       14
       14
       -
         return null;

     

       15
       15
       -
       }

islands/SocialLinks.tsx

···

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

     

       2
       2
        
       import * as Icon from 'npm:preact-feather';

     

       3
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * The GitHub repository.

     

       6
       6
       +
        * @type {GitHubRepo}

     

       7
       7
       +
        */

     

       4
       8
        
       interface GitHubRepo {

     

       5
       9
        
         stargazers_count: number;

     

       6
       10
        
       }

     

       7
       11
        
       

     

       12
       12
       +
       /**

     

       13
       13
       +
        * The social links component.

     

       14
       14
       +
        * @returns The social links component

     

       15
       15
       +
        * @component

     

       16
       16
       +
        */

     

       8
       17
        
       export default function SocialLinks() {

     

       9
       18
        
         const [starCount, setStarCount] = useState<number | null>(null);

     

       10
       19

+24 -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
        
       

     

       5
       5
       +
       /**

     

       6
       6
       +
        * The user interface for the ticket component.

     

       7
       7
       +
        * @type {User}

     

       8
       8
       +
        */

     

       4
       9
        
       interface User {

     

       5
       10
        
         did: string;

     

       6
       11
        
         handle?: string;

     

       7
       12
        
       }

     

       8
       13
        
       

     

       14
       14
       +
       /**

     

       15
       15
       +
        * The ticket component for the landing page.

     

       16
       16
       +
        * @returns The ticket component

     

       17
       17
       +
        * @component

     

       18
       18
       +
        */

     

       9
       19
        
       export default function Ticket() {

     

       10
       20
        
         const [user, setUser] = useState<User | null>(null);

     

       11
       21
        
       

     
···

       24
       34
        
               setUser(

     

       25
       35
        
                 userData

     

       26
       36
        
                   ? {

     

       27
       27
       -
                     did: userData.did,

     

       28
       28
       -
                     handle: userData.handle,

     

       29
       29
       -
                   }

     

       30
       30
       -
                   : null,

     

       37
       37
       +
                       did: userData.did,

     

       38
       38
       +
                       handle: userData.handle,

     

       39
       39
       +
                     }

     

       40
       40
       +
                   : null

     

       31
       41
        
               );

     

       32
       42
        
             } catch (error) {

     

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

     
···

       63
       73
        
               </p>

     

       64
       74
        
               <p>

     

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

     

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

     

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

     

       68
       68
       -
                 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

     

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

     

       70
       87
        
                 data in case that were to happen.

     

       71
       88
        
               </p>

lib/check-dids.ts

···

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

     

       2
       2
       +
       

     

       3
       3
       +
       export async function checkDidsMatch(req: Request): Promise<boolean> {

     

       4
       4
       +
         const oldSession = await getSession(req, undefined, false);

     

       5
       5
       +
         const newSession = await getSession(req, undefined, true);

     

       6
       6
       +
         return oldSession.did === newSession.did;

     

       7
       7
       +
       }

+55 -29

lib/cred/sessions.ts

···

       5
       5
        
       let migrationSessionOptions: SessionOptions;

     

       6
       6
        
       let credentialSessionOptions: SessionOptions;

     

       7
       7
        
       

     

       8
       8
       +
       /**

     

       9
       9
       +
        * Get the session options for the given request.

     

       10
       10
       +
        * @param isMigration - Whether to get the migration session options

     

       11
       11
       +
        * @returns The session options

     

       12
       12
       +
        */

     

       8
       13
        
       async function getOptions(isMigration: boolean) {

     

       9
       14
        
         if (isMigration) {

     

       10
       15
        
           if (!migrationSessionOptions) {

     
···

       12
       17
        
           }

     

       13
       18
        
           return migrationSessionOptions;

     

       14
       19
        
         }

     

       15
       15
       -
         

     

       20
       20
       +
       

     

       16
       21
        
         if (!credentialSessionOptions) {

     

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

     

       18
       23
        
         }

     

       19
       24
        
         return credentialSessionOptions;

     

       20
       25
        
       }

     

       21
       26
        
       

     

       27
       27
       +
       /**

     

       28
       28
       +
        * Get the credential session for the given request.

     

       29
       29
       +
        * @param req - The request object

     

       30
       30
       +
        * @param res - The response object

     

       31
       31
       +
        * @param isMigration - Whether to get the migration session

     

       32
       32
       +
        * @returns The credential session

     

       33
       33
       +
        */

     

       22
       34
        
       export async function getCredentialSession(

     

       23
       35
        
         req: Request,

     

       24
       36
        
         res: Response = new Response(),

     

       25
       37
        
         isMigration: boolean = false

     

       26
       38
        
       ) {

     

       27
       39
        
         const options = await getOptions(isMigration);

     

       28
       28
       -
         return getIronSession<CredentialSession>(

     

       29
       29
       -
           req,

     

       30
       30
       -
           res,

     

       31
       31
       -
           options,

     

       32
       32
       -
         );

     

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

     

       33
       41
        
       }

     

       34
       42
        
       

     

       43
       43
       +
       /**

     

       44
       44
       +
        * Get the credential agent for the given request.

     

       45
       45
       +
        * @param req - The request object

     

       46
       46
       +
        * @param res - The response object

     

       47
       47
       +
        * @param isMigration - Whether to get the migration session

     

       48
       48
       +
        * @returns The credential agent

     

       49
       49
       +
        */

     

       35
       50
        
       export async function getCredentialAgent(

     

       36
       51
        
         req: Request,

     

       37
       52
        
         res: Response = new Response(),

     

       38
       38
       -
         isMigration: boolean = false,

     

       53
       53
       +
         isMigration: boolean = false

     

       39
       54
        
       ) {

     

       40
       40
       -
         const session = await getCredentialSession(

     

       41
       41
       -
           req,

     

       42
       42
       -
           res,

     

       43
       43
       -
           isMigration

     

       44
       44
       -
         );

     

       45
       45
       -
         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
       +
         ) {

     

       46
       62
        
           return null;

     

       47
       63
        
         }

     

       48
       64
        
       

     
···

       76
       92
        
         }

     

       77
       93
        
       }

     

       78
       94
        
       

     

       95
       95
       +
       /**

     

       96
       96
       +
        * Set the credential session for the given request.

     

       97
       97
       +
        * @param req - The request object

     

       98
       98
       +
        * @param res - The response object

     

       99
       99
       +
        * @param data - The credential session data

     

       100
       100
       +
        * @param isMigration - Whether to set the migration session

     

       101
       101
       +
        * @returns The credential session

     

       102
       102
       +
        */

     

       79
       103
        
       export async function setCredentialSession(

     

       80
       104
        
         req: Request,

     

       81
       105
        
         res: Response,

     

       82
       106
        
         data: CredentialSession,

     

       83
       83
       -
         isMigration: boolean = false,

     

       107
       107
       +
         isMigration: boolean = false

     

       84
       108
        
       ) {

     

       85
       85
       -
         const session = await getCredentialSession(

     

       86
       86
       -
           req,

     

       87
       87
       -
           res,

     

       88
       88
       -
           isMigration

     

       89
       89
       -
         );

     

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

     

       90
       110
        
         session.did = data.did;

     

       91
       111
        
         session.handle = data.handle;

     

       92
       112
        
         session.service = data.service;

     
···

       95
       115
        
         return session;

     

       96
       116
        
       }

     

       97
       117
        
       

     

       118
       118
       +
       /**

     

       119
       119
       +
        * Get the credential session agent for the given request.

     

       120
       120
       +
        * @param req - The request object

     

       121
       121
       +
        * @param res - The response object

     

       122
       122
       +
        * @param isMigration - Whether to get the migration session

     

       123
       123
       +
        * @returns The credential session agent

     

       124
       124
       +
        */

     

       98
       125
        
       export async function getCredentialSessionAgent(

     

       99
       126
        
         req: Request,

     

       100
       127
        
         res: Response = new Response(),

     

       101
       101
       -
         isMigration: boolean = false,

     

       128
       128
       +
         isMigration: boolean = false

     

       102
       129
        
       ) {

     

       103
       103
       -
         const session = await getCredentialSession(

     

       104
       104
       -
           req,

     

       105
       105
       -
           res,

     

       106
       106
       -
           isMigration

     

       107
       107
       -
         );

     

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

     

       108
       131
        
       

     

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

     

       110
       133
        
           hasDid: !!session.did,

     
···

       113
       136
        
           hasPassword: !!session.password,

     

       114
       137
        
           hasAccessJwt: !!session.accessJwt,

     

       115
       138
        
           service: session.service,

     

       116
       116
       -
           handle: session.handle

     

       139
       139
       +
           handle: session.handle,

     

       117
       140
        
         });

     

       118
       141
        
       

     

       119
       142
        
         if (

     

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

     

       143
       143
       +
           !session.did ||

     

       144
       144
       +
           !session.service ||

     

       145
       145
       +
           !session.handle ||

     

       146
       146
       +
           !session.password

     

       121
       147
        
         ) {

     

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

     

       123
       149
        
           return null;

     
···

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

     

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

     

       138
       164
        
                 did: sessionInfo.data.did,

     

       139
       139
       -
                 handle: sessionInfo.data.handle

     

       165
       165
       +
                 handle: sessionInfo.data.handle,

     

       140
       166
        
               });

     

       141
       167
        
               return agent;

     

       142
       168
        
             } catch (err) {

     
···

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

     

       157
       183
        
               did: sessionRes.data.did,

     

       158
       184
        
               handle: sessionRes.data.handle,

     

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

     

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

     

       160
       186
        
             });

     

       161
       187
        
       

     

       162
       188
        
             // Store the new token

+34 -1

lib/id-resolver.ts

···

       8
       8
        
         pds: string;

     

       9
       9
        
       }

     

       10
       10
        
       

     

       11
       11
       +
       interface DidService {

     

       12
       12
       +
         id: string;

     

       13
       13
       +
         type: string;

     

       14
       14
       +
         serviceEndpoint: string;

     

       15
       15
       +
       }

     

       16
       16
       +
       

     

       17
       17
       +
       /**

     

       18
       18
       +
        * ID resolver instance.

     

       19
       19
       +
        */

     

       11
       20
        
       const idResolver = createIdResolver();

     

       12
       21
        
       export const resolver = createBidirectionalResolver(idResolver);

     

       13
       22
        
       

     

       23
       23
       +
       /**

     

       24
       24
       +
        * Create the ID resolver.

     

       25
       25
       +
        * @returns The ID resolver

     

       26
       26
       +
        */

     

       14
       27
        
       export function createIdResolver() {

     

       15
       28
        
         return new IdResolver();

     

       16
       29
        
       }

     

       17
       30
        
       

     

       31
       31
       +
       /**

     

       32
       32
       +
        * The bidirectional resolver.

     

       33
       33
       +
        * @interface

     

       34
       34
       +
        */

     

       18
       35
        
       export interface BidirectionalResolver {

     

       19
       36
        
         resolveDidToHandle(did: string): Promise<string>;

     

       20
       37
        
         resolveDidsToHandles(dids: string[]): Promise<Record<string, string>>;

     

       21
       38
        
         resolveDidToPdsUrl(did: string): Promise<string | undefined>;

     

       22
       39
        
       }

     

       23
       40
        
       

     

       41
       41
       +
       /**

     

       42
       42
       +
        * Create the bidirectional resolver.

     

       43
       43
       +
        * @param resolver - The ID resolver

     

       44
       44
       +
        * @returns The bidirectional resolver

     

       45
       45
       +
        */

     

       24
       46
        
       export function createBidirectionalResolver(resolver: IdResolver) {

     

       25
       47
        
         return {

     

       26
       48
        
           async resolveDidToHandle(did: string): Promise<string> {

     
···

       38
       60
        
       

     

       39
       61
        
           async resolveDidToPdsUrl(did: string): Promise<string | undefined> {

     

       40
       62
        
             try {

     

       63
       63
       +
               // First try the standard resolution

     

       41
       64
        
               const didDoc = await resolver.did.resolveAtprotoData(

     

       42
       65
        
                 did,

     

       43
       66
        
               ) as AtprotoData;

     

       44
       44
       -
               return didDoc.pds;

     

       67
       67
       +
               if (didDoc.pds) {

     

       68
       68
       +
                 return didDoc.pds;

     

       69
       69
       +
               } else {

     

       70
       70
       +
                 const forcedDidDoc = await resolver.did.resolveAtprotoData(

     

       71
       71
       +
                   did, 

     

       72
       72
       +
                   true,

     

       73
       73
       +
                 )

     

       74
       74
       +
                 if (forcedDidDoc.pds) {

     

       75
       75
       +
                   return forcedDidDoc.pds;

     

       76
       76
       +
                 }

     

       77
       77
       +
               }

     

       45
       78
        
             } catch (err) {

     

       46
       79
        
               console.error("Error resolving PDS URL:", err);

     

       47
       80
        
               return undefined;

+70

lib/migration-state.ts

···

       1
       1
       +
       /**

     

       2
       2
       +
        * Migration state types and utilities for controlling migration availability.

     

       3
       3
       +
        */

     

       4
       4
       +
       

     

       5
       5
       +
       export type MigrationState = "up" | "issue" | "maintenance";

     

       6
       6
       +
       

     

       7
       7
       +
       export interface MigrationStateInfo {

     

       8
       8
       +
         state: MigrationState;

     

       9
       9
       +
         message: string;

     

       10
       10
       +
         allowMigration: boolean;

     

       11
       11
       +
       }

     

       12
       12
       +
       

     

       13
       13
       +
       /**

     

       14
       14
       +
        * Get the current migration state from environment variables.

     

       15
       15
       +
        * @returns The migration state information

     

       16
       16
       +
        */

     

       17
       17
       +
       export function getMigrationState(): MigrationStateInfo {

     

       18
       18
       +
         const state = (Deno.env.get("MIGRATION_STATE") || "up").toLowerCase() as MigrationState;

     

       19
       19
       +
       

     

       20
       20
       +
         switch (state) {

     

       21
       21
       +
           case "issue":

     

       22
       22
       +
             return {

     

       23
       23
       +
               state: "issue",

     

       24
       24
       +
               message: "Migration services are temporarily unavailable as we investigate an issue. Please try again later.",

     

       25
       25
       +
               allowMigration: false,

     

       26
       26
       +
             };

     

       27
       27
       +
       

     

       28
       28
       +
           case "maintenance":

     

       29
       29
       +
             return {

     

       30
       30
       +
               state: "maintenance",

     

       31
       31
       +
               message: "Migration services are temporarily unavailable for maintenance. Please try again later.",

     

       32
       32
       +
               allowMigration: false,

     

       33
       33
       +
             };

     

       34
       34
       +
       

     

       35
       35
       +
           case "up":

     

       36
       36
       +
           default:

     

       37
       37
       +
             return {

     

       38
       38
       +
               state: "up",

     

       39
       39
       +
               message: "Migration services are operational.",

     

       40
       40
       +
               allowMigration: true,

     

       41
       41
       +
             };

     

       42
       42
       +
         }

     

       43
       43
       +
       }

     

       44
       44
       +
       

     

       45
       45
       +
       /**

     

       46
       46
       +
        * Check if migrations are currently allowed.

     

       47
       47
       +
        * @returns True if migrations are allowed, false otherwise

     

       48
       48
       +
        */

     

       49
       49
       +
       export function isMigrationAllowed(): boolean {

     

       50
       50
       +
         return getMigrationState().allowMigration;

     

       51
       51
       +
       }

     

       52
       52
       +
       

     

       53
       53
       +
       /**

     

       54
       54
       +
        * Get a user-friendly message for the current migration state.

     

       55
       55
       +
        * @returns The message to display to users

     

       56
       56
       +
        */

     

       57
       57
       +
       export function getMigrationStateMessage(): string {

     

       58
       58
       +
         return getMigrationState().message;

     

       59
       59
       +
       }

     

       60
       60
       +
       

     

       61
       61
       +
       /**

     

       62
       62
       +
        * Throw an error if migrations are not allowed.

     

       63
       63
       +
        * Used in API endpoints to prevent migration operations when disabled.

     

       64
       64
       +
        */

     

       65
       65
       +
       export function assertMigrationAllowed(): void {

     

       66
       66
       +
         const stateInfo = getMigrationState();

     

       67
       67
       +
         if (!stateInfo.allowMigration) {

     

       68
       68
       +
           throw new Error(stateInfo.message);

     

       69
       69
       +
         }

     

       70
       70
       +
       }

lib/oauth/client.ts

···

       1
       1
        
       import { AtprotoOAuthClient } from "@bigmoves/atproto-oauth-client";

     

       2
       2
        
       import { SessionStore, StateStore } from "../storage.ts";

     

       3
       3
        
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * Create the OAuth client.

     

       6
       6
       +
        * @param db - The Deno KV instance for the database

     

       7
       7
       +
        * @returns The OAuth client

     

       8
       8
       +
        */

     

       4
       9
        
       export const createClient = (db: Deno.Kv) => {

     

       5
       10
        
         if (Deno.env.get("NODE_ENV") == "production" && !Deno.env.get("PUBLIC_URL")) {

     

       6
       11
        
           throw new Error("PUBLIC_URL is not set");

+15

lib/oauth/sessions.ts

···

       5
       5
        
       

     

       6
       6
        
       let oauthSessionOptions: SessionOptions;

     

       7
       7
        
       

     

       8
       8
       +
       /**

     

       9
       9
       +
        * Get the OAuth session options.

     

       10
       10
       +
        * @returns The OAuth session options

     

       11
       11
       +
        */

     

       8
       12
        
       async function getOptions() {

     

       9
       13
        
         if (!oauthSessionOptions) {

     

       10
       14
        
           oauthSessionOptions = await createSessionOptions("oauth_sid");

     
···

       12
       16
        
         return oauthSessionOptions;

     

       13
       17
        
       }

     

       14
       18
        
       

     

       19
       19
       +
       /**

     

       20
       20
       +
        * Get the OAuth session agent for the given request.

     

       21
       21
       +
        * @param req - The request object

     

       22
       22
       +
        * @returns The OAuth session agent

     

       23
       23
       +
        */

     

       15
       24
        
       export async function getOauthSessionAgent(

     

       16
       25
        
         req: Request

     

       17
       26
        
       ) {

     
···

       47
       56
        
         }

     

       48
       57
        
       }

     

       49
       58
        
       

     

       59
       59
       +
       /**

     

       60
       60
       +
        * Get the OAuth session for the given request.

     

       61
       61
       +
        * @param req - The request object

     

       62
       62
       +
        * @param res - The response object

     

       63
       63
       +
        * @returns The OAuth session

     

       64
       64
       +
        */

     

       50
       65
        
       export async function getOauthSession(

     

       51
       66
        
         req: Request,

     

       52
       67
        
         res: Response = new Response(),

+49 -10

lib/sessions.ts

···

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

     

       2
       2
       -
       import { OauthSession, CredentialSession } from "./types.ts";

     

       3
       3
       -
       import { getCredentialSession, getCredentialSessionAgent } from "./cred/sessions.ts";

     

       2
       2
       +
       import { CredentialSession, OauthSession } from "./types.ts";

     

       3
       3
       +
       import {

     

       4
       4
       +
         getCredentialSession,

     

       5
       5
       +
         getCredentialSessionAgent,

     

       6
       6
       +
       } from "./cred/sessions.ts";

     

       4
       7
        
       import { getOauthSession, getOauthSessionAgent } from "./oauth/sessions.ts";

     

       5
       8
        
       import { IronSession } from "npm:iron-session";

     

       6
       9
        
       

     

       10
       10
       +
       /**

     

       11
       11
       +
        * Get the session for the given request.

     

       12
       12
       +
        * @param req - The request object

     

       13
       13
       +
        * @param res - The response object

     

       14
       14
       +
        * @param isMigration - Whether to get the migration session

     

       15
       15
       +
        * @returns The session

     

       16
       16
       +
        */

     

       7
       17
        
       export async function getSession(

     

       8
       18
        
         req: Request,

     

       9
       19
        
         res: Response = new Response(),

     

       10
       10
       -
         isMigration: boolean = false

     

       20
       20
       +
         isMigration: boolean = false,

     

       11
       21
        
       ): Promise<IronSession<OauthSession | CredentialSession>> {

     

       12
       22
        
         if (isMigration) {

     

       13
       23
        
           return await getCredentialSession(req, res, true);

     
···

       16
       26
        
         const credentialSession = await getCredentialSession(req, res);

     

       17
       27
        
       

     

       18
       28
        
         if (oauthSession.did) {

     

       19
       19
       -
           console.log("Oauth session found")

     

       29
       29
       +
           console.log("Oauth session found");

     

       20
       30
        
           return oauthSession;

     

       21
       31
        
         }

     

       22
       32
        
         if (credentialSession.did) {

     
···

       26
       36
        
         throw new Error("No session found");

     

       27
       37
        
       }

     

       28
       38
        
       

     

       39
       39
       +
       /**

     

       40
       40
       +
        * Get the session agent for the given request.

     

       41
       41
       +
        * @param req - The request object

     

       42
       42
       +
        * @param res - The response object

     

       43
       43
       +
        * @param isMigration - Whether to get the migration session

     

       44
       44
       +
        * @returns The session agent

     

       45
       45
       +
        */

     

       29
       46
        
       export async function getSessionAgent(

     

       30
       47
        
         req: Request,

     

       31
       48
        
         res: Response = new Response(),

     

       32
       32
       -
         isMigration: boolean = false

     

       49
       49
       +
         isMigration: boolean = false,

     

       33
       50
        
       ): Promise<Agent | null> {

     

       34
       51
        
         if (isMigration) {

     

       35
       52
        
           return await getCredentialSessionAgent(req, res, isMigration);

     

       36
       53
        
         }

     

       37
       54
        
       

     

       38
       55
        
         const oauthAgent = await getOauthSessionAgent(req);

     

       39
       39
       -
         const credentialAgent = await getCredentialSessionAgent(req, res, isMigration);

     

       56
       56
       +
         const credentialAgent = await getCredentialSessionAgent(

     

       57
       57
       +
           req,

     

       58
       58
       +
           res,

     

       59
       59
       +
           isMigration,

     

       60
       60
       +
         );

     

       40
       61
        
       

     

       41
       62
        
         if (oauthAgent) {

     

       42
       63
        
           return oauthAgent;

     
···

       49
       70
        
         return null;

     

       50
       71
        
       }

     

       51
       72
        
       

     

       52
       52
       -
       export async function destroyAllSessions(req: Request) {

     

       53
       53
       -
         const oauthSession = await getOauthSession(req);

     

       54
       54
       -
         const credentialSession = await getCredentialSession(req);

     

       55
       55
       -
         const migrationSession = await getCredentialSession(req, new Response(), true);

     

       73
       73
       +
       /**

     

       74
       74
       +
        * Destroy all sessions for the given request.

     

       75
       75
       +
        * @param req - The request object

     

       76
       76
       +
        * @param res - The response object

     

       77
       77
       +
        */

     

       78
       78
       +
       export async function destroyAllSessions(

     

       79
       79
       +
         req: Request,

     

       80
       80
       +
         res?: Response,

     

       81
       81
       +
       ): Promise<Response> {

     

       82
       82
       +
         const response = res || new Response();

     

       83
       83
       +
         const oauthSession = await getOauthSession(req, response);

     

       84
       84
       +
         const credentialSession = await getCredentialSession(req, res);

     

       85
       85
       +
         const migrationSession = await getCredentialSession(

     

       86
       86
       +
           req,

     

       87
       87
       +
           res,

     

       88
       88
       +
           true,

     

       89
       89
       +
         );

     

       56
       90
        
       

     

       57
       91
        
         if (oauthSession.did) {

     

       58
       92
        
           oauthSession.destroy();

     
···

       61
       95
        
           credentialSession.destroy();

     

       62
       96
        
         }

     

       63
       97
        
         if (migrationSession.did) {

     

       98
       98
       +
           console.log("DESTROYING MIGRATION SESSION", migrationSession);

     

       64
       99
        
           migrationSession.destroy();

     

       100
       100
       +
         } else {

     

       101
       101
       +
           console.log("MIGRATION SESSION NOT FOUND", migrationSession);

     

       65
       102
        
         }

     

       103
       103
       +
       

     

       104
       104
       +
         return response;

     

       66
       105
        
       }

+9 -1

lib/storage.ts

···

       3
       3
        
         NodeSavedSessionStore,

     

       4
       4
        
         NodeSavedState,

     

       5
       5
        
         NodeSavedStateStore,

     

       6
       6
       -
       } from "jsr:@bigmoves/atproto-oauth-client";

     

       6
       6
       +
       } from "@bigmoves/atproto-oauth-client";

     

       7
       7
        
       

     

       8
       8
       +
       /**

     

       9
       9
       +
        * The state store for sessions.

     

       10
       10
       +
        * @implements {NodeSavedStateStore}

     

       11
       11
       +
        */

     

       8
       12
        
       export class StateStore implements NodeSavedStateStore {

     

       9
       13
        
         constructor(private db: Deno.Kv) {}

     

       10
       14
        
         async get(key: string): Promise<NodeSavedState | undefined> {

     
···

       19
       23
        
         }

     

       20
       24
        
       }

     

       21
       25
        
       

     

       26
       26
       +
       /**

     

       27
       27
       +
        * The session store for sessions.

     

       28
       28
       +
        * @implements {NodeSavedSessionStore}

     

       29
       29
       +
        */

     

       22
       30
        
       export class SessionStore implements NodeSavedSessionStore {

     

       23
       31
        
         constructor(private db: Deno.Kv) {}

     

       24
       32
        
         async get(key: string): Promise<NodeSavedSession | undefined> {

+24 -1

lib/types.ts

···

       1
       1
        
       import { SessionOptions as BaseSessionOptions } from "npm:iron-session";

     

       2
       2
        
       

     

       3
       3
       +
       /**

     

       4
       4
       +
        * The session options.

     

       5
       5
       +
        * @type {SessionOptions}

     

       6
       6
       +
        * @implements {BaseSessionOptions}

     

       7
       7
       +
        */

     

       3
       8
        
       interface SessionOptions extends BaseSessionOptions {

     

       4
       9
        
         lockFn?: (key: string) => Promise<() => Promise<void>>;

     

       5
       10
        
       }

     

       6
       11
        
       

     

       7
       7
       -
       // Helper function to create a lock using Deno KV

     

       12
       12
       +
       /**

     

       13
       13
       +
        * Create a lock using Deno KV.

     

       14
       14
       +
        * @param key - The key to lock

     

       15
       15
       +
        * @param db - The Deno KV instance for the database

     

       16
       16
       +
        * @returns The unlock function

     

       17
       17
       +
        */

     

       8
       18
        
       async function createLock(key: string, db: Deno.Kv): Promise<() => Promise<void>> {

     

       9
       19
        
         const lockKey = ["session_lock", key];

     

       10
       20
        
         const lockValue = Date.now();

     
···

       25
       35
        
         };

     

       26
       36
        
       }

     

       27
       37
        
       

     

       38
       38
       +
       /**

     

       39
       39
       +
        * The OAuth session.

     

       40
       40
       +
        * @type {OauthSession}

     

       41
       41
       +
        */

     

       28
       42
        
       export interface OauthSession {

     

       29
       43
        
         did: string

     

       30
       44
        
       }

     

       31
       45
        
       

     

       46
       46
       +
       /**

     

       47
       47
       +
        * The credential session.

     

       48
       48
       +
        * @type {CredentialSession}

     

       49
       49
       +
        */

     

       32
       50
        
       export interface CredentialSession {

     

       33
       51
        
         did: string;

     

       34
       52
        
         handle: string;

     
···

       45
       63
        
       

     

       46
       64
        
       let db: Deno.Kv;

     

       47
       65
        
       

     

       66
       66
       +
       /**

     

       67
       67
       +
        * Create the session options.

     

       68
       68
       +
        * @param cookieName - The name of the iron session cookie

     

       69
       69
       +
        * @returns The session options for iron session

     

       70
       70
       +
        */

     

       48
       71
        
       export const createSessionOptions = async (cookieName: string): Promise<SessionOptions> =>  {

     

       49
       72
        
           const cookieSecret = Deno.env.get("COOKIE_SECRET");

     

       50
       73
        
           if (!cookieSecret) {

+4 -2

main.ts

···

       14
       14
        
         const needsAuth = url.pathname.startsWith("/migrate");

     

       15
       15
        
       

     

       16
       16
        
         // Skip auth check if not a protected route

     

       17
       17
       -
         if (!needsAuth || url.pathname === "/login" || url.pathname.startsWith("/api/")) {

     

       17
       17
       +
         if (

     

       18
       18
       +
           !needsAuth || url.pathname === "/login" || url.pathname.startsWith("/api/")

     

       19
       19
       +
         ) {

     

       18
       20
        
           return ctx.next();

     

       19
       21
        
         }

     

       20
       22
        
       

     

       21
       23
        
         try {

     

       22
       22
       -
           const session = await getSession(ctx.req)

     

       24
       24
       +
           const session = await getSession(ctx.req);

     

       23
       25
        
       

     

       24
       26
        
           console.log("[auth] Session:", session);

     

       25
       27

+11 -8

routes/_app.tsx

···

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

     

       2
       2
        
       import Header from "../islands/Header.tsx";

     

       3
       3
       -
       import PostHogInitializer from "../islands/PostHogInitializer.tsx";

     

       4
       3
        
       

     

       5
       4
        
       export default function App({ Component }: PageProps) {

     

       6
       6
       -
         const apiKey = Deno.env.get("PUBLIC_POSTHOG_KEY")!;

     

       7
       7
       -
         const apiHost = Deno.env.get("PUBLIC_POSTHOG_HOST")!;

     

       8
       8
       -
       

     

       9
       5
        
         return (

     

       10
       6
        
           <html>

     

       11
       7
        
             <head>

     
···

       13
       9
        
               <meta name="viewport" content="width=device-width, initial-scale=1.0" />

     

       14
       10
        
               <meta name="og:image" content="/og-image.jpg" />

     

       15
       11
        
               <meta name="og:title" content="Airport" />

     

       16
       16
       -
               <meta name="og:description" content="

     

       12
       12
       +
               <meta

     

       13
       13
       +
                 name="og:description"

     

       14
       14
       +
                 content="

     

       17
       15
        
               Airport is an AT Protocol PDS Migration Tool that allows you to seamlessly

     

       18
       16
        
               migrate your account from one PDS to another.

     

       19
       19
       -
               " />

     

       17
       17
       +
               "

     

       18
       18
       +
               />

     

       20
       19
        
               <meta name="og:locale" content="en_US" />

     

       21
       20
        
               <title>Airport</title>

     

       22
       21
        
               <link rel="stylesheet" href="/styles.css" />

     

       23
       22
        
             </head>

     

       24
       24
       -
             <script defer src="https://cloud.umami.is/script.js" data-website-id={Deno.env.get("UMAMI_ID")}></script>

     

       23
       23
       +
             <script

     

       24
       24
       +
               defer

     

       25
       25
       +
               src="https://cloud.umami.is/script.js"

     

       26
       26
       +
               data-website-id={Deno.env.get("UMAMI_ID")}

     

       27
       27
       +
             >

     

       28
       28
       +
             </script>

     

       25
       29
        
             <body>

     

       26
       26
       -
               <PostHogInitializer apiKey={apiKey} apiHost={apiHost} />

     

       27
       30
        
               <Header />

     

       28
       31
        
               <main className="pt-8">

     

       29
       32
        
                 <Component />

+104

routes/about.tsx

···

       1
       1
       +
       import { Button } from "../components/Button.tsx";

     

       2
       2
       +
       

     

       3
       3
       +
       export default function About() {

     

       4
       4
       +
         return (

     

       5
       5
       +
           <>

     

       6
       6
       +
             <div class="px-2 sm:px-4 py-4 sm:py-8 mx-auto">

     

       7
       7
       +
               <div class="max-w-screen-lg mx-auto flex flex-col items-center justify-center">

     

       8
       8
       +
                 <div class="prose dark:prose-invert max-w-none w-full mb-0">

     

       9
       9
       +
                   <h1 class="text-3xl font-bold text-center mb-8">About AT Protocol</h1>

     

       10
       10
       +
       

     

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

     

       12
       12
       +
                     <section>

     

       13
       13
       +
                       <h2 class="text-2xl font-semibold mb-4">What is AT Protocol?</h2>

     

       14
       14
       +
                       <p class="text-gray-600 dark:text-gray-300">

     

       15
       15
       +
                         AT Protocol (Authenticated Transfer Protocol) is the

     

       16
       16
       +
                         foundation of Bluesky and other social apps like

     

       17
       17
       +
                         <a href="https://tangled.sh">Tangled</a>,

     

       18
       18
       +
                         <a href="https://spark.com">Spark</a>, and more.

     

       19
       19
       +
                         Unlike traditional social platforms that lock your

     

       20
       20
       +
                         data and identity to a single service, AT Protocol

     

       21
       21
       +
                         gives you complete control over your digital presence.

     

       22
       22
       +
                         Think of it as an open standard for social networking,

     

       23
       23
       +
                         similar to how email works across different providers.

     

       24
       24
       +
                       </p>

     

       25
       25
       +
                     </section>

     

       26
       26
       +
       

     

       27
       27
       +
                     <section>

     

       28
       28
       +
                       <h2 class="text-2xl font-semibold mb-4">Key Features</h2>

     

       29
       29
       +
                       <ul class="list-disc pl-6 space-y-4 text-gray-600 dark:text-gray-300">

     

       30
       30
       +
                         <li>

     

       31
       31
       +
                           <strong>PDS Servers:</strong> PDS servers are where your data is stored.

     

       32
       32
       +
                           They can be run by anyone, and they are very lightweight, allowing you to

     

       33
       33
       +
                           choose which one to use or run your own. PDS servers just store your data,

     

       34
       34
       +
                           meaning you don't have to switch PDS servers to use a different app or service.

     

       35
       35
       +
                           You can have one PDS while using many different apps and services with the

     

       36
       36
       +
                           same account.

     

       37
       37
       +
                         </li>

     

       38
       38
       +
                         <li>

     

       39
       39
       +
                           <strong>Decentralized Identity:</strong> Your account is tied to a DID

     

       40
       40
       +
                           (Decentralized Identifier) rather than your handle/username.

     

       41
       41
       +
                           This means you can move your entire account, including your followers

     

       42
       42
       +
                           and content, to any PDS by changing where your DID points.

     

       43
       43
       +
                           It's also the reason you can use any domain as your handle, because

     

       44
       44
       +
                           your identity is not tied to your handle. Your handle can change,

     

       45
       45
       +
                           but your DID will always remain the same.

     

       46
       46
       +
                         </li>

     

       47
       47
       +
                         <li>

     

       48
       48
       +
                           <strong>Portable Content:</strong> All your posts, likes, and other social

     

       49
       49
       +
                           data are stored in your Personal Data Server (PDS).

     

       50
       50
       +
                           You can switch PDS providers without losing any content or connections.

     

       51
       51
       +
                         </li>

     

       52
       52
       +
                         <li>

     

       53
       53
       +
                           <strong>Architecture:</strong> The protocol uses a three-tier architecture:

     

       54
       54
       +
                           Personal Data Servers (PDS) store your content,

     

       55
       55
       +
                           relays broadcast a stream of all events on all PDSes,

     

       56
       56
       +
                           and AppViews process and serve that stream into content for users.

     

       57
       57
       +
                           This means when you make a post, the content is stored on your PDS,

     

       58
       58
       +
                           picked up by relays, and AppViews listen to those relays to deliver

     

       59
       59
       +
                           that post to all users.

     

       60
       60
       +
                         </li>

     

       61
       61
       +
                         <li>

     

       62
       62
       +
                           <strong>Algorithmic Choice:</strong> You're not locked into a single algorithm

     

       63
       63
       +
                           for your feed. Different services can offer different ways of curating content,

     

       64
       64
       +
                           and you can choose which one you prefer. Bluesky offers a way to make custom

     

       65
       65
       +
                           feeds, but even if it didn't, different apps could still offer their own

     

       66
       66
       +
                           algorithms for curating content.

     

       67
       67
       +
                         </li>

     

       68
       68
       +
                       </ul>

     

       69
       69
       +
                     </section>

     

       70
       70
       +
       

     

       71
       71
       +
                     <section>

     

       72
       72
       +
                       <h2 class="text-2xl font-semibold mb-4">Learn More</h2>

     

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

     

       74
       74
       +
                         <p class="text-gray-600 dark:text-gray-300">

     

       75
       75
       +
                           Want to dive deeper into AT Protocol? Check out these resources:

     

       76
       76
       +
                         </p>

     

       77
       77
       +
                         <ul class="list-none space-y-2">

     

       78
       78
       +
                           <li>

     

       79
       79
       +
                             <a href="https://atproto.com" class="text-blue-500 hover:underline">Official AT Protocol Docs</a> - The main source for protocol specs and information

     

       80
       80
       +
                           </li>

     

       81
       81
       +
                           <li>

     

       82
       82
       +
                             <a href="https://github.com/bluesky-social/atproto" class="text-blue-500 hover:underline">GitHub Repository</a> - View the protocol implementation

     

       83
       83
       +
                           </li>

     

       84
       84
       +
                           <li>

     

       85
       85
       +
                             <a href="https://atproto.wiki" class="text-blue-500 hover:underline">AT Protocol Wiki</a> - Community-driven documentation and resources

     

       86
       86
       +
                           </li>

     

       87
       87
       +
                         </ul>

     

       88
       88
       +
                       </div>

     

       89
       89
       +
                     </section>

     

       90
       90
       +
                   </div>

     

       91
       91
       +
       

     

       92
       92
       +
                   <div class="mt-8 text-center">

     

       93
       93
       +
                     <Button

     

       94
       94
       +
                       href="/"

     

       95
       95
       +
                       color="blue"

     

       96
       96
       +
                       label="Back to Home"

     

       97
       97
       +
                     />

     

       98
       98
       +
                   </div>

     

       99
       99
       +
                 </div>

     

       100
       100
       +
               </div>

     

       101
       101
       +
             </div>

     

       102
       102
       +
           </>

     

       103
       103
       +
         );

     

       104
       104
       +
       }

routes/api/cred/login.ts

···

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

     

       4
       4
        
       import { Agent } from "npm:@atproto/api";

     

       5
       5
        
       

     

       6
       6
       +
       /**

     

       7
       7
       +
        * Handle credential login

     

       8
       8
       +
        * Save iron session to cookies

     

       9
       9
       +
        * Save credential session state to database

     

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

     

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

     

       12
       12
       +
        */

     

       6
       13
        
       export const handler = define.handlers({

     

       7
       14
        
         async POST(ctx) {

     

       8
       15
        
           try {

+6 -3

routes/api/logout.ts

···

       1
       1
       -
       import { getSession } from "../../lib/sessions.ts";

     

       1
       1
       +
       import { destroyAllSessions, getSession } from "../../lib/sessions.ts";

     

       2
       2
        
       import { oauthClient } from "../../lib/oauth/client.ts";

     

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

     

       4
       4
        
       

     
···

       13
       13
        
             if (session.did) {

     

       14
       14
        
               // Try to revoke both types of sessions - the one that doesn't exist will just no-op

     

       15
       15
        
               await Promise.all([

     

       16
       16
       -
                 oauthClient.revoke(session.did).catch(console.error)

     

       16
       16
       +
                 oauthClient.revoke(session.did).catch(console.error),

     

       17
       17
        
               ]);

     

       18
       18
        
               // Then destroy the iron session

     

       19
       19
        
               session.destroy();

     

       20
       20
        
             }

     

       21
       21
        
       

     

       22
       22
       -
             return response;

     

       22
       22
       +
             // Destroy all sessions including migration session

     

       23
       23
       +
             const result = await destroyAllSessions(req, response);

     

       24
       24
       +
       

     

       25
       25
       +
             return result;

     

       23
       26
        
           } catch (error: unknown) {

     

       24
       27
        
             const err = error instanceof Error ? error : new Error(String(error));

     

       25
       28
        
             console.error("Logout failed:", err.message);

+18 -2

routes/api/migrate/create.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
       +
       import { assertMigrationAllowed } from "../../../lib/migration-state.ts";

     

       5
       6
        
       

     

       7
       7
       +
       /**

     

       8
       8
       +
        * Handle account creation

     

       9
       9
       +
        * First step of the migration process

     

       10
       10
       +
        * Body must contain:

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       18
       18
       +
        */

     

       6
       19
        
       export const handler = define.handlers({

     

       7
       20
        
         async POST(ctx) {

     

       8
       21
        
           const res = new Response();

     

       9
       22
        
           try {

     

       23
       23
       +
             // Check if migrations are currently allowed

     

       24
       24
       +
             assertMigrationAllowed();

     

       25
       25
       +
       

     

       10
       26
        
             const body = await ctx.req.json();

     

       11
       27
        
             const serviceUrl = body.service;

     

       12
       28
        
             const newHandle = body.handle;

     
···

       29
       45
        
               return new Response("Could not create new agent", { status: 400 });

     

       30
       46
        
             }

     

       31
       47
        
       

     

       32
       32
       -
             console.log("getting did")

     

       48
       48
       +
             console.log("getting did");

     

       33
       49
        
             const session = await oldAgent.com.atproto.server.getSession();

     

       34
       50
        
             const accountDid = session.data.did;

     

       35
       35
       -
             console.log("got did")

     

       51
       51
       +
             console.log("got did");

     

       36
       52
        
             const describeRes = await newAgent.com.atproto.server.describeServer();

     

       37
       53
        
             const newServerDid = describeRes.data.did;

     

       38
       54
        
             const inviteRequired = describeRes.data.inviteCodeRequired ?? false;

+359

routes/api/migrate/data/blobs.ts

···

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../../lib/check-dids.ts";

     

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

     

       4
       4
       +
       import { assertMigrationAllowed } from "../../../../lib/migration-state.ts";

     

       5
       5
       +
       

     

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

     

       7
       7
       +
         async POST(ctx) {

     

       8
       8
       +
           const res = new Response();

     

       9
       9
       +
           try {

     

       10
       10
       +
             // Check if migrations are currently allowed

     

       11
       11
       +
             assertMigrationAllowed();

     

       12
       12
       +
       

     

       13
       13
       +
             console.log("Blob migration: Starting session retrieval");

     

       14
       14
       +
             const oldAgent = await getSessionAgent(ctx.req);

     

       15
       15
       +
             console.log("Blob migration: Got old agent:", !!oldAgent);

     

       16
       16
       +
       

     

       17
       17
       +
             const newAgent = await getSessionAgent(ctx.req, res, true);

     

       18
       18
       +
             console.log("Blob migration: Got new agent:", !!newAgent);

     

       19
       19
       +
       

     

       20
       20
       +
             if (!oldAgent) {

     

       21
       21
       +
               return new Response(

     

       22
       22
       +
                 JSON.stringify({

     

       23
       23
       +
                   success: false,

     

       24
       24
       +
                   message: "Unauthorized",

     

       25
       25
       +
                 }),

     

       26
       26
       +
                 {

     

       27
       27
       +
                   status: 401,

     

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

     

       29
       29
       +
                 },

     

       30
       30
       +
               );

     

       31
       31
       +
             }

     

       32
       32
       +
             if (!newAgent) {

     

       33
       33
       +
               return new Response(

     

       34
       34
       +
                 JSON.stringify({

     

       35
       35
       +
                   success: false,

     

       36
       36
       +
                   message: "Migration session not found or invalid",

     

       37
       37
       +
                 }),

     

       38
       38
       +
                 {

     

       39
       39
       +
                   status: 400,

     

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

     

       41
       41
       +
                 },

     

       42
       42
       +
               );

     

       43
       43
       +
             }

     

       44
       44
       +
       

     

       45
       45
       +
             // Verify DIDs match between sessions

     

       46
       46
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       47
       47
       +
             if (!didsMatch) {

     

       48
       48
       +
               return new Response(

     

       49
       49
       +
                 JSON.stringify({

     

       50
       50
       +
                   success: false,

     

       51
       51
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       52
       52
       +
                 }),

     

       53
       53
       +
                 {

     

       54
       54
       +
                   status: 400,

     

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

     

       56
       56
       +
                 },

     

       57
       57
       +
               );

     

       58
       58
       +
             }

     

       59
       59
       +
       

     

       60
       60
       +
             // Migrate blobs

     

       61
       61
       +
             const migrationLogs: string[] = [];

     

       62
       62
       +
             const migratedBlobs: string[] = [];

     

       63
       63
       +
             const failedBlobs: string[] = [];

     

       64
       64
       +
             let pageCount = 0;

     

       65
       65
       +
             let blobCursor: string | undefined = undefined;

     

       66
       66
       +
             let totalBlobs = 0;

     

       67
       67
       +
             let processedBlobs = 0;

     

       68
       68
       +
       

     

       69
       69
       +
             const startTime = Date.now();

     

       70
       70
       +
             console.log(`[${new Date().toISOString()}] Starting blob migration...`);

     

       71
       71
       +
             migrationLogs.push(

     

       72
       72
       +
               `[${new Date().toISOString()}] Starting blob migration...`,

     

       73
       73
       +
             );

     

       74
       74
       +
       

     

       75
       75
       +
             // First count total blobs

     

       76
       76
       +
             console.log(`[${new Date().toISOString()}] Starting blob count...`);

     

       77
       77
       +
             migrationLogs.push(

     

       78
       78
       +
               `[${new Date().toISOString()}] Starting blob count...`,

     

       79
       79
       +
             );

     

       80
       80
       +
       

     

       81
       81
       +
             const session = await oldAgent.com.atproto.server.getSession();

     

       82
       82
       +
             const accountDid = session.data.did;

     

       83
       83
       +
       

     

       84
       84
       +
             do {

     

       85
       85
       +
               const pageStartTime = Date.now();

     

       86
       86
       +
               console.log(

     

       87
       87
       +
                 `[${new Date().toISOString()}] Counting blobs on page ${

     

       88
       88
       +
                   pageCount + 1

     

       89
       89
       +
                 }...`,

     

       90
       90
       +
               );

     

       91
       91
       +
               migrationLogs.push(

     

       92
       92
       +
                 `[${new Date().toISOString()}] Counting blobs on page ${

     

       93
       93
       +
                   pageCount + 1

     

       94
       94
       +
                 }...`,

     

       95
       95
       +
               );

     

       96
       96
       +
               const listedBlobs = await oldAgent.com.atproto.sync.listBlobs({

     

       97
       97
       +
                 did: accountDid,

     

       98
       98
       +
                 cursor: blobCursor,

     

       99
       99
       +
               });

     

       100
       100
       +
       

     

       101
       101
       +
               const newBlobs = listedBlobs.data.cids.length;

     

       102
       102
       +
               totalBlobs += newBlobs;

     

       103
       103
       +
               const pageTime = Date.now() - pageStartTime;

     

       104
       104
       +
       

     

       105
       105
       +
               console.log(

     

       106
       106
       +
                 `[${new Date().toISOString()}] Found ${newBlobs} blobs on page ${

     

       107
       107
       +
                   pageCount + 1

     

       108
       108
       +
                 } in ${pageTime / 1000} seconds, total so far: ${totalBlobs}`,

     

       109
       109
       +
               );

     

       110
       110
       +
               migrationLogs.push(

     

       111
       111
       +
                 `[${new Date().toISOString()}] Found ${newBlobs} blobs on page ${

     

       112
       112
       +
                   pageCount + 1

     

       113
       113
       +
                 } in ${pageTime / 1000} seconds, total so far: ${totalBlobs}`,

     

       114
       114
       +
               );

     

       115
       115
       +
       

     

       116
       116
       +
               pageCount++;

     

       117
       117
       +
               blobCursor = listedBlobs.data.cursor;

     

       118
       118
       +
             } while (blobCursor);

     

       119
       119
       +
       

     

       120
       120
       +
             console.log(

     

       121
       121
       +
               `[${new Date().toISOString()}] Total blobs to migrate: ${totalBlobs}`,

     

       122
       122
       +
             );

     

       123
       123
       +
             migrationLogs.push(

     

       124
       124
       +
               `[${new Date().toISOString()}] Total blobs to migrate: ${totalBlobs}`,

     

       125
       125
       +
             );

     

       126
       126
       +
       

     

       127
       127
       +
             // Reset cursor for actual migration

     

       128
       128
       +
             blobCursor = undefined;

     

       129
       129
       +
             pageCount = 0;

     

       130
       130
       +
             processedBlobs = 0;

     

       131
       131
       +
       

     

       132
       132
       +
             do {

     

       133
       133
       +
               const pageStartTime = Date.now();

     

       134
       134
       +
               console.log(

     

       135
       135
       +
                 `[${new Date().toISOString()}] Fetching blob list page ${

     

       136
       136
       +
                   pageCount + 1

     

       137
       137
       +
                 }...`,

     

       138
       138
       +
               );

     

       139
       139
       +
               migrationLogs.push(

     

       140
       140
       +
                 `[${new Date().toISOString()}] Fetching blob list page ${

     

       141
       141
       +
                   pageCount + 1

     

       142
       142
       +
                 }...`,

     

       143
       143
       +
               );

     

       144
       144
       +
       

     

       145
       145
       +
               const listedBlobs = await oldAgent.com.atproto.sync.listBlobs({

     

       146
       146
       +
                 did: accountDid,

     

       147
       147
       +
                 cursor: blobCursor,

     

       148
       148
       +
               });

     

       149
       149
       +
       

     

       150
       150
       +
               const pageTime = Date.now() - pageStartTime;

     

       151
       151
       +
               console.log(

     

       152
       152
       +
                 `[${

     

       153
       153
       +
                   new Date().toISOString()

     

       154
       154
       +
                 }] Found ${listedBlobs.data.cids.length} blobs on page ${

     

       155
       155
       +
                   pageCount + 1

     

       156
       156
       +
                 } in ${pageTime / 1000} seconds`,

     

       157
       157
       +
               );

     

       158
       158
       +
               migrationLogs.push(

     

       159
       159
       +
                 `[${

     

       160
       160
       +
                   new Date().toISOString()

     

       161
       161
       +
                 }] Found ${listedBlobs.data.cids.length} blobs on page ${

     

       162
       162
       +
                   pageCount + 1

     

       163
       163
       +
                 } in ${pageTime / 1000} seconds`,

     

       164
       164
       +
               );

     

       165
       165
       +
       

     

       166
       166
       +
               blobCursor = listedBlobs.data.cursor;

     

       167
       167
       +
       

     

       168
       168
       +
               for (const cid of listedBlobs.data.cids) {

     

       169
       169
       +
                 try {

     

       170
       170
       +
                   const blobStartTime = Date.now();

     

       171
       171
       +
                   console.log(

     

       172
       172
       +
                     `[${

     

       173
       173
       +
                       new Date().toISOString()

     

       174
       174
       +
                     }] Starting migration for blob ${cid} (${

     

       175
       175
       +
                       processedBlobs + 1

     

       176
       176
       +
                     } of ${totalBlobs})...`,

     

       177
       177
       +
                   );

     

       178
       178
       +
                   migrationLogs.push(

     

       179
       179
       +
                     `[${

     

       180
       180
       +
                       new Date().toISOString()

     

       181
       181
       +
                     }] Starting migration for blob ${cid} (${

     

       182
       182
       +
                       processedBlobs + 1

     

       183
       183
       +
                     } of ${totalBlobs})...`,

     

       184
       184
       +
                   );

     

       185
       185
       +
       

     

       186
       186
       +
                   const blobRes = await oldAgent.com.atproto.sync.getBlob({

     

       187
       187
       +
                     did: accountDid,

     

       188
       188
       +
                     cid,

     

       189
       189
       +
                   });

     

       190
       190
       +
       

     

       191
       191
       +
                   const contentLength = blobRes.headers["content-length"];

     

       192
       192
       +
                   if (!contentLength) {

     

       193
       193
       +
                     throw new Error(`Blob ${cid} has no content length`);

     

       194
       194
       +
                   }

     

       195
       195
       +
       

     

       196
       196
       +
                   const size = parseInt(contentLength, 10);

     

       197
       197
       +
                   if (isNaN(size)) {

     

       198
       198
       +
                     throw new Error(

     

       199
       199
       +
                       `Blob ${cid} has invalid content length: ${contentLength}`,

     

       200
       200
       +
                     );

     

       201
       201
       +
                   }

     

       202
       202
       +
       

     

       203
       203
       +
                   const MAX_SIZE = 200 * 1024 * 1024; // 200MB

     

       204
       204
       +
                   if (size > MAX_SIZE) {

     

       205
       205
       +
                     throw new Error(

     

       206
       206
       +
                       `Blob ${cid} exceeds maximum size limit (${size} bytes)`,

     

       207
       207
       +
                     );

     

       208
       208
       +
                   }

     

       209
       209
       +
       

     

       210
       210
       +
                   console.log(

     

       211
       211
       +
                     `[${

     

       212
       212
       +
                       new Date().toISOString()

     

       213
       213
       +
                     }] Downloading blob ${cid} (${size} bytes)...`,

     

       214
       214
       +
                   );

     

       215
       215
       +
                   migrationLogs.push(

     

       216
       216
       +
                     `[${

     

       217
       217
       +
                       new Date().toISOString()

     

       218
       218
       +
                     }] Downloading blob ${cid} (${size} bytes)...`,

     

       219
       219
       +
                   );

     

       220
       220
       +
       

     

       221
       221
       +
                   if (!blobRes.data) {

     

       222
       222
       +
                     throw new Error(

     

       223
       223
       +
                       `Failed to download blob ${cid}: No data received`,

     

       224
       224
       +
                     );

     

       225
       225
       +
                   }

     

       226
       226
       +
       

     

       227
       227
       +
                   console.log(

     

       228
       228
       +
                     `[${

     

       229
       229
       +
                       new Date().toISOString()

     

       230
       230
       +
                     }] Uploading blob ${cid} to new account...`,

     

       231
       231
       +
                   );

     

       232
       232
       +
                   migrationLogs.push(

     

       233
       233
       +
                     `[${

     

       234
       234
       +
                       new Date().toISOString()

     

       235
       235
       +
                     }] Uploading blob ${cid} to new account...`,

     

       236
       236
       +
                   );

     

       237
       237
       +
       

     

       238
       238
       +
                   try {

     

       239
       239
       +
                     await newAgent.com.atproto.repo.uploadBlob(blobRes.data);

     

       240
       240
       +
                     const blobTime = Date.now() - blobStartTime;

     

       241
       241
       +
                     console.log(

     

       242
       242
       +
                       `[${

     

       243
       243
       +
                         new Date().toISOString()

     

       244
       244
       +
                       }] Successfully migrated blob ${cid} in ${

     

       245
       245
       +
                         blobTime / 1000

     

       246
       246
       +
                       } seconds`,

     

       247
       247
       +
                     );

     

       248
       248
       +
                     migrationLogs.push(

     

       249
       249
       +
                       `[${

     

       250
       250
       +
                         new Date().toISOString()

     

       251
       251
       +
                       }] Successfully migrated blob ${cid} in ${

     

       252
       252
       +
                         blobTime / 1000

     

       253
       253
       +
                       } seconds`,

     

       254
       254
       +
                     );

     

       255
       255
       +
                     migratedBlobs.push(cid);

     

       256
       256
       +
                   } catch (uploadError) {

     

       257
       257
       +
                     console.error(

     

       258
       258
       +
                       `[${new Date().toISOString()}] Failed to upload blob ${cid}:`,

     

       259
       259
       +
                       uploadError,

     

       260
       260
       +
                     );

     

       261
       261
       +
                     throw new Error(

     

       262
       262
       +
                       `Upload failed: ${

     

       263
       263
       +
                         uploadError instanceof Error

     

       264
       264
       +
                           ? uploadError.message

     

       265
       265
       +
                           : String(uploadError)

     

       266
       266
       +
                       }`,

     

       267
       267
       +
                     );

     

       268
       268
       +
                   }

     

       269
       269
       +
                 } catch (error) {

     

       270
       270
       +
                   const errorMessage = error instanceof Error

     

       271
       271
       +
                     ? error.message

     

       272
       272
       +
                     : String(error);

     

       273
       273
       +
                   const detailedError = `[${

     

       274
       274
       +
                     new Date().toISOString()

     

       275
       275
       +
                   }] Failed to migrate blob ${cid}: ${errorMessage}`;

     

       276
       276
       +
                   console.error(detailedError);

     

       277
       277
       +
                   console.error("Full error details:", error);

     

       278
       278
       +
                   migrationLogs.push(detailedError);

     

       279
       279
       +
                   failedBlobs.push(cid);

     

       280
       280
       +
                 }

     

       281
       281
       +
       

     

       282
       282
       +
                 processedBlobs++;

     

       283
       283
       +
                 const progressLog = `[${

     

       284
       284
       +
                   new Date().toISOString()

     

       285
       285
       +
                 }] Progress: ${processedBlobs}/${totalBlobs} blobs processed (${

     

       286
       286
       +
                   Math.round((processedBlobs / totalBlobs) * 100)

     

       287
       287
       +
                 }%)`;

     

       288
       288
       +
                 console.log(progressLog);

     

       289
       289
       +
                 migrationLogs.push(progressLog);

     

       290
       290
       +
               }

     

       291
       291
       +
               pageCount++;

     

       292
       292
       +
             } while (blobCursor);

     

       293
       293
       +
       

     

       294
       294
       +
             const totalTime = Date.now() - startTime;

     

       295
       295
       +
             const completionMessage = `[${

     

       296
       296
       +
               new Date().toISOString()

     

       297
       297
       +
             }] Blob migration completed in ${

     

       298
       298
       +
               totalTime / 1000

     

       299
       299
       +
             } seconds: ${migratedBlobs.length} blobs migrated${

     

       300
       300
       +
               failedBlobs.length > 0 ? `, ${failedBlobs.length} failed` : ""

     

       301
       301
       +
             } (${pageCount} pages processed)`;

     

       302
       302
       +
             console.log(completionMessage);

     

       303
       303
       +
             migrationLogs.push(completionMessage);

     

       304
       304
       +
       

     

       305
       305
       +
             return new Response(

     

       306
       306
       +
               JSON.stringify({

     

       307
       307
       +
                 success: true,

     

       308
       308
       +
                 message: failedBlobs.length > 0

     

       309
       309
       +
                   ? `Blob migration completed with ${failedBlobs.length} failed blobs`

     

       310
       310
       +
                   : "Blob migration completed successfully",

     

       311
       311
       +
                 migratedBlobs,

     

       312
       312
       +
                 failedBlobs,

     

       313
       313
       +
                 totalMigrated: migratedBlobs.length,

     

       314
       314
       +
                 totalFailed: failedBlobs.length,

     

       315
       315
       +
                 totalProcessed: processedBlobs,

     

       316
       316
       +
                 totalBlobs,

     

       317
       317
       +
                 logs: migrationLogs,

     

       318
       318
       +
                 timing: {

     

       319
       319
       +
                   totalTime: totalTime / 1000,

     

       320
       320
       +
                 },

     

       321
       321
       +
               }),

     

       322
       322
       +
               {

     

       323
       323
       +
                 status: 200,

     

       324
       324
       +
                 headers: {

     

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

     

       326
       326
       +
                   ...Object.fromEntries(res.headers),

     

       327
       327
       +
                 },

     

       328
       328
       +
               },

     

       329
       329
       +
             );

     

       330
       330
       +
           } catch (error) {

     

       331
       331
       +
             const message = error instanceof Error ? error.message : String(error);

     

       332
       332
       +
             console.error(

     

       333
       333
       +
               `[${new Date().toISOString()}] Blob migration error:`,

     

       334
       334
       +
               message,

     

       335
       335
       +
             );

     

       336
       336
       +
             console.error("Full error details:", error);

     

       337
       337
       +
             return new Response(

     

       338
       338
       +
               JSON.stringify({

     

       339
       339
       +
                 success: false,

     

       340
       340
       +
                 message: `Blob migration failed: ${message}`,

     

       341
       341
       +
                 error: error instanceof Error

     

       342
       342
       +
                   ? {

     

       343
       343
       +
                     name: error.name,

     

       344
       344
       +
                     message: error.message,

     

       345
       345
       +
                     stack: error.stack,

     

       346
       346
       +
                   }

     

       347
       347
       +
                   : String(error),

     

       348
       348
       +
               }),

     

       349
       349
       +
               {

     

       350
       350
       +
                 status: 500,

     

       351
       351
       +
                 headers: {

     

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

     

       353
       353
       +
                   ...Object.fromEntries(res.headers),

     

       354
       354
       +
                 },

     

       355
       355
       +
               },

     

       356
       356
       +
             );

     

       357
       357
       +
           }

     

       358
       358
       +
         },

     

       359
       359
       +
       });

+163

routes/api/migrate/data/prefs.ts

···

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../../lib/check-dids.ts";

     

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

     

       4
       4
       +
       import { assertMigrationAllowed } from "../../../../lib/migration-state.ts";

     

       5
       5
       +
       

     

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

     

       7
       7
       +
         async POST(ctx) {

     

       8
       8
       +
           const res = new Response();

     

       9
       9
       +
           try {

     

       10
       10
       +
             // Check if migrations are currently allowed

     

       11
       11
       +
             assertMigrationAllowed();

     

       12
       12
       +
       

     

       13
       13
       +
             console.log("Preferences migration: Starting session retrieval");

     

       14
       14
       +
             const oldAgent = await getSessionAgent(ctx.req);

     

       15
       15
       +
             console.log("Preferences migration: Got old agent:", !!oldAgent);

     

       16
       16
       +
       

     

       17
       17
       +
             const newAgent = await getSessionAgent(ctx.req, res, true);

     

       18
       18
       +
             console.log("Preferences migration: Got new agent:", !!newAgent);

     

       19
       19
       +
       

     

       20
       20
       +
             if (!oldAgent || !newAgent) {

     

       21
       21
       +
               return new Response(

     

       22
       22
       +
                 JSON.stringify({

     

       23
       23
       +
                   success: false,

     

       24
       24
       +
                   message: "Not authenticated",

     

       25
       25
       +
                 }),

     

       26
       26
       +
                 {

     

       27
       27
       +
                   status: 401,

     

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

     

       29
       29
       +
                 },

     

       30
       30
       +
               );

     

       31
       31
       +
             }

     

       32
       32
       +
       

     

       33
       33
       +
             // Verify DIDs match between sessions

     

       34
       34
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       35
       35
       +
             if (!didsMatch) {

     

       36
       36
       +
               return new Response(

     

       37
       37
       +
                 JSON.stringify({

     

       38
       38
       +
                   success: false,

     

       39
       39
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       40
       40
       +
                 }),

     

       41
       41
       +
                 {

     

       42
       42
       +
                   status: 400,

     

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

     

       44
       44
       +
                 },

     

       45
       45
       +
               );

     

       46
       46
       +
             }

     

       47
       47
       +
       

     

       48
       48
       +
             // Migrate preferences

     

       49
       49
       +
             const migrationLogs: string[] = [];

     

       50
       50
       +
             const startTime = Date.now();

     

       51
       51
       +
             console.log(

     

       52
       52
       +
               `[${new Date().toISOString()}] Starting preferences migration...`,

     

       53
       53
       +
             );

     

       54
       54
       +
             migrationLogs.push(

     

       55
       55
       +
               `[${new Date().toISOString()}] Starting preferences migration...`,

     

       56
       56
       +
             );

     

       57
       57
       +
       

     

       58
       58
       +
             // Fetch preferences

     

       59
       59
       +
             console.log(

     

       60
       60
       +
               `[${

     

       61
       61
       +
                 new Date().toISOString()

     

       62
       62
       +
               }] Fetching preferences from old account...`,

     

       63
       63
       +
             );

     

       64
       64
       +
             migrationLogs.push(

     

       65
       65
       +
               `[${

     

       66
       66
       +
                 new Date().toISOString()

     

       67
       67
       +
               }] Fetching preferences from old account...`,

     

       68
       68
       +
             );

     

       69
       69
       +
       

     

       70
       70
       +
             const fetchStartTime = Date.now();

     

       71
       71
       +
             const prefs = await oldAgent.app.bsky.actor.getPreferences();

     

       72
       72
       +
             const fetchTime = Date.now() - fetchStartTime;

     

       73
       73
       +
       

     

       74
       74
       +
             console.log(

     

       75
       75
       +
               `[${new Date().toISOString()}] Preferences fetched in ${

     

       76
       76
       +
                 fetchTime / 1000

     

       77
       77
       +
               } seconds`,

     

       78
       78
       +
             );

     

       79
       79
       +
             migrationLogs.push(

     

       80
       80
       +
               `[${new Date().toISOString()}] Preferences fetched in ${

     

       81
       81
       +
                 fetchTime / 1000

     

       82
       82
       +
               } seconds`,

     

       83
       83
       +
             );

     

       84
       84
       +
       

     

       85
       85
       +
             // Update preferences

     

       86
       86
       +
             console.log(

     

       87
       87
       +
               `[${new Date().toISOString()}] Updating preferences on new account...`,

     

       88
       88
       +
             );

     

       89
       89
       +
             migrationLogs.push(

     

       90
       90
       +
               `[${new Date().toISOString()}] Updating preferences on new account...`,

     

       91
       91
       +
             );

     

       92
       92
       +
       

     

       93
       93
       +
             const updateStartTime = Date.now();

     

       94
       94
       +
             await newAgent.app.bsky.actor.putPreferences(prefs.data);

     

       95
       95
       +
             const updateTime = Date.now() - updateStartTime;

     

       96
       96
       +
       

     

       97
       97
       +
             console.log(

     

       98
       98
       +
               `[${new Date().toISOString()}] Preferences updated in ${

     

       99
       99
       +
                 updateTime / 1000

     

       100
       100
       +
               } seconds`,

     

       101
       101
       +
             );

     

       102
       102
       +
             migrationLogs.push(

     

       103
       103
       +
               `[${new Date().toISOString()}] Preferences updated in ${

     

       104
       104
       +
                 updateTime / 1000

     

       105
       105
       +
               } seconds`,

     

       106
       106
       +
             );

     

       107
       107
       +
       

     

       108
       108
       +
             const totalTime = Date.now() - startTime;

     

       109
       109
       +
             const completionMessage = `[${

     

       110
       110
       +
               new Date().toISOString()

     

       111
       111
       +
             }] Preferences migration completed in ${totalTime / 1000} seconds total`;

     

       112
       112
       +
             console.log(completionMessage);

     

       113
       113
       +
             migrationLogs.push(completionMessage);

     

       114
       114
       +
       

     

       115
       115
       +
             return new Response(

     

       116
       116
       +
               JSON.stringify({

     

       117
       117
       +
                 success: true,

     

       118
       118
       +
                 message: "Preferences migration completed successfully",

     

       119
       119
       +
                 logs: migrationLogs,

     

       120
       120
       +
                 timing: {

     

       121
       121
       +
                   fetchTime: fetchTime / 1000,

     

       122
       122
       +
                   updateTime: updateTime / 1000,

     

       123
       123
       +
                   totalTime: totalTime / 1000,

     

       124
       124
       +
                 },

     

       125
       125
       +
               }),

     

       126
       126
       +
               {

     

       127
       127
       +
                 status: 200,

     

       128
       128
       +
                 headers: {

     

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

     

       130
       130
       +
                   ...Object.fromEntries(res.headers),

     

       131
       131
       +
                 },

     

       132
       132
       +
               },

     

       133
       133
       +
             );

     

       134
       134
       +
           } catch (error) {

     

       135
       135
       +
             const message = error instanceof Error ? error.message : String(error);

     

       136
       136
       +
             console.error(

     

       137
       137
       +
               `[${new Date().toISOString()}] Preferences migration error:`,

     

       138
       138
       +
               message,

     

       139
       139
       +
             );

     

       140
       140
       +
             console.error("Full error details:", error);

     

       141
       141
       +
             return new Response(

     

       142
       142
       +
               JSON.stringify({

     

       143
       143
       +
                 success: false,

     

       144
       144
       +
                 message: `Preferences migration failed: ${message}`,

     

       145
       145
       +
                 error: error instanceof Error

     

       146
       146
       +
                   ? {

     

       147
       147
       +
                     name: error.name,

     

       148
       148
       +
                     message: error.message,

     

       149
       149
       +
                     stack: error.stack,

     

       150
       150
       +
                   }

     

       151
       151
       +
                   : String(error),

     

       152
       152
       +
               }),

     

       153
       153
       +
               {

     

       154
       154
       +
                 status: 500,

     

       155
       155
       +
                 headers: {

     

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

     

       157
       157
       +
                   ...Object.fromEntries(res.headers),

     

       158
       158
       +
                 },

     

       159
       159
       +
               },

     

       160
       160
       +
             );

     

       161
       161
       +
           }

     

       162
       162
       +
         },

     

       163
       163
       +
       });

+163

routes/api/migrate/data/repo.ts

···

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../../lib/check-dids.ts";

     

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

     

       4
       4
       +
       import { assertMigrationAllowed } from "../../../../lib/migration-state.ts";

     

       5
       5
       +
       

     

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

     

       7
       7
       +
         async POST(ctx) {

     

       8
       8
       +
           const res = new Response();

     

       9
       9
       +
           try {

     

       10
       10
       +
             // Check if migrations are currently allowed

     

       11
       11
       +
             assertMigrationAllowed();

     

       12
       12
       +
       

     

       13
       13
       +
             console.log("Repo migration: Starting session retrieval");

     

       14
       14
       +
             const oldAgent = await getSessionAgent(ctx.req);

     

       15
       15
       +
             console.log("Repo migration: Got old agent:", !!oldAgent);

     

       16
       16
       +
       

     

       17
       17
       +
             const newAgent = await getSessionAgent(ctx.req, res, true);

     

       18
       18
       +
             console.log("Repo migration: Got new agent:", !!newAgent);

     

       19
       19
       +
       

     

       20
       20
       +
             if (!oldAgent || !newAgent) {

     

       21
       21
       +
               return new Response(

     

       22
       22
       +
                 JSON.stringify({

     

       23
       23
       +
                   success: false,

     

       24
       24
       +
                   message: "Not authenticated",

     

       25
       25
       +
                 }),

     

       26
       26
       +
                 {

     

       27
       27
       +
                   status: 401,

     

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

     

       29
       29
       +
                 },

     

       30
       30
       +
               );

     

       31
       31
       +
             }

     

       32
       32
       +
       

     

       33
       33
       +
             // Verify DIDs match between sessions

     

       34
       34
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       35
       35
       +
             if (!didsMatch) {

     

       36
       36
       +
               return new Response(

     

       37
       37
       +
                 JSON.stringify({

     

       38
       38
       +
                   success: false,

     

       39
       39
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       40
       40
       +
                 }),

     

       41
       41
       +
                 {

     

       42
       42
       +
                   status: 400,

     

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

     

       44
       44
       +
                 },

     

       45
       45
       +
               );

     

       46
       46
       +
             }

     

       47
       47
       +
       

     

       48
       48
       +
             const session = await oldAgent.com.atproto.server.getSession();

     

       49
       49
       +
             const accountDid = session.data.did;

     

       50
       50
       +
             // Migrate repo data

     

       51
       51
       +
             const migrationLogs: string[] = [];

     

       52
       52
       +
             const startTime = Date.now();

     

       53
       53
       +
             console.log(`[${new Date().toISOString()}] Starting repo migration...`);

     

       54
       54
       +
             migrationLogs.push(

     

       55
       55
       +
               `[${new Date().toISOString()}] Starting repo migration...`,

     

       56
       56
       +
             );

     

       57
       57
       +
       

     

       58
       58
       +
             // Get repo data from old account

     

       59
       59
       +
             console.log(

     

       60
       60
       +
               `[${new Date().toISOString()}] Fetching repo data from old account...`,

     

       61
       61
       +
             );

     

       62
       62
       +
             migrationLogs.push(

     

       63
       63
       +
               `[${new Date().toISOString()}] Fetching repo data from old account...`,

     

       64
       64
       +
             );

     

       65
       65
       +
       

     

       66
       66
       +
             const fetchStartTime = Date.now();

     

       67
       67
       +
             const repoData = await oldAgent.com.atproto.sync.getRepo({

     

       68
       68
       +
               did: accountDid,

     

       69
       69
       +
             });

     

       70
       70
       +
             const fetchTime = Date.now() - fetchStartTime;

     

       71
       71
       +
       

     

       72
       72
       +
             console.log(

     

       73
       73
       +
               `[${new Date().toISOString()}] Repo data fetched in ${

     

       74
       74
       +
                 fetchTime / 1000

     

       75
       75
       +
               } seconds`,

     

       76
       76
       +
             );

     

       77
       77
       +
             migrationLogs.push(

     

       78
       78
       +
               `[${new Date().toISOString()}] Repo data fetched in ${

     

       79
       79
       +
                 fetchTime / 1000

     

       80
       80
       +
               } seconds`,

     

       81
       81
       +
             );

     

       82
       82
       +
       

     

       83
       83
       +
             console.log(

     

       84
       84
       +
               `[${new Date().toISOString()}] Importing repo data to new account...`,

     

       85
       85
       +
             );

     

       86
       86
       +
             migrationLogs.push(

     

       87
       87
       +
               `[${new Date().toISOString()}] Importing repo data to new account...`,

     

       88
       88
       +
             );

     

       89
       89
       +
       

     

       90
       90
       +
             // Import repo data to new account

     

       91
       91
       +
             const importStartTime = Date.now();

     

       92
       92
       +
             await newAgent.com.atproto.repo.importRepo(repoData.data, {

     

       93
       93
       +
               encoding: "application/vnd.ipld.car",

     

       94
       94
       +
             });

     

       95
       95
       +
             const importTime = Date.now() - importStartTime;

     

       96
       96
       +
       

     

       97
       97
       +
             console.log(

     

       98
       98
       +
               `[${new Date().toISOString()}] Repo data imported in ${

     

       99
       99
       +
                 importTime / 1000

     

       100
       100
       +
               } seconds`,

     

       101
       101
       +
             );

     

       102
       102
       +
             migrationLogs.push(

     

       103
       103
       +
               `[${new Date().toISOString()}] Repo data imported in ${

     

       104
       104
       +
                 importTime / 1000

     

       105
       105
       +
               } seconds`,

     

       106
       106
       +
             );

     

       107
       107
       +
       

     

       108
       108
       +
             const totalTime = Date.now() - startTime;

     

       109
       109
       +
             const completionMessage = `[${

     

       110
       110
       +
               new Date().toISOString()

     

       111
       111
       +
             }] Repo migration completed in ${totalTime / 1000} seconds total`;

     

       112
       112
       +
             console.log(completionMessage);

     

       113
       113
       +
             migrationLogs.push(completionMessage);

     

       114
       114
       +
       

     

       115
       115
       +
             return new Response(

     

       116
       116
       +
               JSON.stringify({

     

       117
       117
       +
                 success: true,

     

       118
       118
       +
                 message: "Repo migration completed successfully",

     

       119
       119
       +
                 logs: migrationLogs,

     

       120
       120
       +
                 timing: {

     

       121
       121
       +
                   fetchTime: fetchTime / 1000,

     

       122
       122
       +
                   importTime: importTime / 1000,

     

       123
       123
       +
                   totalTime: totalTime / 1000,

     

       124
       124
       +
                 },

     

       125
       125
       +
               }),

     

       126
       126
       +
               {

     

       127
       127
       +
                 status: 200,

     

       128
       128
       +
                 headers: {

     

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

     

       130
       130
       +
                   ...Object.fromEntries(res.headers),

     

       131
       131
       +
                 },

     

       132
       132
       +
               },

     

       133
       133
       +
             );

     

       134
       134
       +
           } catch (error) {

     

       135
       135
       +
             const message = error instanceof Error ? error.message : String(error);

     

       136
       136
       +
             console.error(

     

       137
       137
       +
               `[${new Date().toISOString()}] Repo migration error:`,

     

       138
       138
       +
               message,

     

       139
       139
       +
             );

     

       140
       140
       +
             console.error("Full error details:", error);

     

       141
       141
       +
             return new Response(

     

       142
       142
       +
               JSON.stringify({

     

       143
       143
       +
                 success: false,

     

       144
       144
       +
                 message: `Repo migration failed: ${message}`,

     

       145
       145
       +
                 error: error instanceof Error

     

       146
       146
       +
                   ? {

     

       147
       147
       +
                     name: error.name,

     

       148
       148
       +
                     message: error.message,

     

       149
       149
       +
                     stack: error.stack,

     

       150
       150
       +
                   }

     

       151
       151
       +
                   : String(error),

     

       152
       152
       +
               }),

     

       153
       153
       +
               {

     

       154
       154
       +
                 status: 500,

     

       155
       155
       +
                 headers: {

     

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

     

       157
       157
       +
                   ...Object.fromEntries(res.headers),

     

       158
       158
       +
                 },

     

       159
       159
       +
               },

     

       160
       160
       +
             );

     

       161
       161
       +
           }

     

       162
       162
       +
         },

     

       163
       163
       +
       });

-273

routes/api/migrate/data.ts

···

       1
       1
       -
       import { define } from "../../../utils.ts";

     

       2
       2
       -
       import {

     

       3
       3
       -
         getSessionAgent,

     

       4
       4
       -
       } from "../../../lib/sessions.ts";

     

       5
       5
       -
       import { Agent, ComAtprotoSyncGetBlob } from "npm:@atproto/api";

     

       6
       6
       -
       

     

       7
       7
       -
       // Retry configuration

     

       8
       8
       -
       const MAX_RETRIES = 3;

     

       9
       9
       -
       const INITIAL_RETRY_DELAY = 1000; // 1 second

     

       10
       10
       -
       

     

       11
       11
       -
       interface RetryOptions {

     

       12
       12
       -
         maxRetries?: number;

     

       13
       13
       -
         initialDelay?: number;

     

       14
       14
       -
         onRetry?: (attempt: number, error: Error) => void;

     

       15
       15
       -
       }

     

       16
       16
       -
       

     

       17
       17
       -
       async function withRetry<T>(

     

       18
       18
       -
         operation: () => Promise<T>,

     

       19
       19
       -
         options: RetryOptions = {},

     

       20
       20
       -
       ): Promise<T> {

     

       21
       21
       -
         const maxRetries = options.maxRetries ?? MAX_RETRIES;

     

       22
       22
       -
         const initialDelay = options.initialDelay ?? INITIAL_RETRY_DELAY;

     

       23
       23
       -
       

     

       24
       24
       -
         let lastError: Error | null = null;

     

       25
       25
       -
         for (let attempt = 0; attempt < maxRetries; attempt++) {

     

       26
       26
       -
           try {

     

       27
       27
       -
             return await operation();

     

       28
       28
       -
           } catch (error) {

     

       29
       29
       -
             lastError = error instanceof Error ? error : new Error(String(error));

     

       30
       30
       -
             

     

       31
       31
       -
             // Don't retry on certain errors

     

       32
       32
       -
             if (error instanceof Error) {

     

       33
       33
       -
               // Don't retry on permanent errors like authentication

     

       34
       34
       -
               if (error.message.includes("Unauthorized") || error.message.includes("Invalid token")) {

     

       35
       35
       -
                 throw error;

     

       36
       36
       -
               }

     

       37
       37
       -
             }

     

       38
       38
       -
       

     

       39
       39
       -
             if (attempt < maxRetries - 1) {

     

       40
       40
       -
               const delay = initialDelay * Math.pow(2, attempt);

     

       41
       41
       -
               console.log(`Retry attempt ${attempt + 1}/${maxRetries} after ${delay}ms:`, lastError.message);

     

       42
       42
       -
               if (options.onRetry) {

     

       43
       43
       -
                 options.onRetry(attempt + 1, lastError);

     

       44
       44
       -
               }

     

       45
       45
       -
               await new Promise(resolve => setTimeout(resolve, delay));

     

       46
       46
       -
             }

     

       47
       47
       -
           }

     

       48
       48
       -
         }

     

       49
       49
       -
         throw lastError ?? new Error("Operation failed after retries");

     

       50
       50
       -
       }

     

       51
       51
       -
       

     

       52
       52
       -
       async function handleBlobUpload(

     

       53
       53
       -
         newAgent: Agent,

     

       54
       54
       -
         blobRes: ComAtprotoSyncGetBlob.Response,

     

       55
       55
       -
         cid: string

     

       56
       56
       -
       ) {

     

       57
       57
       -
         try {

     

       58
       58
       -
           const contentLength = parseInt(blobRes.headers["content-length"] || "0", 10);

     

       59
       59
       -
           const contentType = blobRes.headers["content-type"];

     

       60
       60
       -
           

     

       61
       61
       -
           // Check file size before attempting upload

     

       62
       62
       -
           const MAX_SIZE = 95 * 1024 * 1024; // 95MB to be safe

     

       63
       63
       -
           if (contentLength > MAX_SIZE) {

     

       64
       64
       -
             throw new Error(`Blob ${cid} exceeds maximum size limit (${contentLength} bytes)`);

     

       65
       65
       -
           }

     

       66
       66
       -
       

     

       67
       67
       -
           await withRetry(

     

       68
       68
       -
             () => newAgent.com.atproto.repo.uploadBlob(blobRes.data, {

     

       69
       69
       -
               encoding: contentType,

     

       70
       70
       -
             }),

     

       71
       71
       -
             {

     

       72
       72
       -
               maxRetries: 5,

     

       73
       73
       -
               onRetry: (attempt, error) => {

     

       74
       74
       -
                 console.log(`Retrying blob upload for ${cid} (attempt ${attempt}):`, error.message);

     

       75
       75
       -
               },

     

       76
       76
       -
             }

     

       77
       77
       -
           );

     

       78
       78
       -
         } catch (error) {

     

       79
       79
       -
           console.error(`Failed to upload blob ${cid}:`, error);

     

       80
       80
       -
           throw error;

     

       81
       81
       -
         }

     

       82
       82
       -
       }

     

       83
       83
       -
       

     

       84
       84
       -
       export const handler = define.handlers({

     

       85
       85
       -
         async POST(ctx) {

     

       86
       86
       -
           const res = new Response();

     

       87
       87
       -
           try {

     

       88
       88
       -
             console.log("Data migration: Starting session retrieval");

     

       89
       89
       -
             const oldAgent = await getSessionAgent(ctx.req);

     

       90
       90
       -
             console.log("Data migration: Got old agent:", !!oldAgent);

     

       91
       91
       -
       

     

       92
       92
       -
             // Log cookie information

     

       93
       93
       -
             const cookies = ctx.req.headers.get("cookie");

     

       94
       94
       -
             console.log("Data migration: Cookies present:", !!cookies);

     

       95
       95
       -
             console.log("Data migration: Cookie header:", cookies);

     

       96
       96
       -
       

     

       97
       97
       -
             const newAgent = await getSessionAgent(ctx.req, res, true);

     

       98
       98
       -
             console.log("Data migration: Got new agent:", !!newAgent);

     

       99
       99
       -
       

     

       100
       100
       -
             if (!oldAgent) {

     

       101
       101
       -
               return new Response(

     

       102
       102
       -
                 JSON.stringify({

     

       103
       103
       -
                   success: false,

     

       104
       104
       -
                   message: "Unauthorized",

     

       105
       105
       -
                 }),

     

       106
       106
       -
                 {

     

       107
       107
       -
                   status: 401,

     

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

     

       109
       109
       -
                 },

     

       110
       110
       -
               );

     

       111
       111
       -
             }

     

       112
       112
       -
             if (!newAgent) {

     

       113
       113
       -
               return new Response(

     

       114
       114
       -
                 JSON.stringify({

     

       115
       115
       -
                   success: false,

     

       116
       116
       -
                   message: "Migration session not found or invalid",

     

       117
       117
       -
                 }),

     

       118
       118
       -
                 {

     

       119
       119
       -
                   status: 400,

     

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

     

       121
       121
       -
                 },

     

       122
       122
       -
               );

     

       123
       123
       -
             }

     

       124
       124
       -
       

     

       125
       125
       -
             const session = await oldAgent.com.atproto.server.getSession();

     

       126
       126
       -
             const accountDid = session.data.did;

     

       127
       127
       -
       

     

       128
       128
       -
             // Migrate repo data with retries

     

       129
       129
       -
             const repoRes = await withRetry(

     

       130
       130
       -
               () => oldAgent.com.atproto.sync.getRepo({

     

       131
       131
       -
                 did: accountDid,

     

       132
       132
       -
               }),

     

       133
       133
       -
               {

     

       134
       134
       -
                 maxRetries: 5,

     

       135
       135
       -
                 onRetry: (attempt, error) => {

     

       136
       136
       -
                   console.log(`Retrying repo fetch (attempt ${attempt}):`, error.message);

     

       137
       137
       -
                 },

     

       138
       138
       -
               }

     

       139
       139
       -
             );

     

       140
       140
       -
       

     

       141
       141
       -
             await withRetry(

     

       142
       142
       -
               () => newAgent.com.atproto.repo.importRepo(repoRes.data, {

     

       143
       143
       -
                 encoding: "application/vnd.ipld.car",

     

       144
       144
       -
               }),

     

       145
       145
       -
               {

     

       146
       146
       -
                 maxRetries: 5,

     

       147
       147
       -
                 onRetry: (attempt, error) => {

     

       148
       148
       -
                   console.log(`Retrying repo import (attempt ${attempt}):`, error.message);

     

       149
       149
       -
                 },

     

       150
       150
       -
               }

     

       151
       151
       -
             );

     

       152
       152
       -
       

     

       153
       153
       -
             // Migrate blobs with enhanced error handling

     

       154
       154
       -
             let blobCursor: string | undefined = undefined;

     

       155
       155
       -
             const migratedBlobs: string[] = [];

     

       156
       156
       -
             const failedBlobs: Array<{ cid: string; error: string }> = [];

     

       157
       157
       -
       

     

       158
       158
       -
             do {

     

       159
       159
       -
               try {

     

       160
       160
       -
                 const listedBlobs = await withRetry(

     

       161
       161
       -
                   () => oldAgent.com.atproto.sync.listBlobs({

     

       162
       162
       -
                     did: accountDid,

     

       163
       163
       -
                     cursor: blobCursor,

     

       164
       164
       -
                   }),

     

       165
       165
       -
                   {

     

       166
       166
       -
                     maxRetries: 5,

     

       167
       167
       -
                     onRetry: (attempt, error) => {

     

       168
       168
       -
                       console.log(`Retrying blob list fetch (attempt ${attempt}):`, error.message);

     

       169
       169
       -
                     },

     

       170
       170
       -
                   }

     

       171
       171
       -
                 );

     

       172
       172
       -
       

     

       173
       173
       -
                 for (const cid of listedBlobs.data.cids) {

     

       174
       174
       -
                   try {

     

       175
       175
       -
                     const blobRes = await withRetry(

     

       176
       176
       -
                       () => oldAgent.com.atproto.sync.getBlob({

     

       177
       177
       -
                         did: accountDid,

     

       178
       178
       -
                         cid,

     

       179
       179
       -
                       }),

     

       180
       180
       -
                       {

     

       181
       181
       -
                         maxRetries: 5,

     

       182
       182
       -
                         onRetry: (attempt, error) => {

     

       183
       183
       -
                           console.log(`Retrying blob download for ${cid} (attempt ${attempt}):`, error.message);

     

       184
       184
       -
                         },

     

       185
       185
       -
                       }

     

       186
       186
       -
                     );

     

       187
       187
       -
       

     

       188
       188
       -
                     await handleBlobUpload(newAgent, blobRes, cid);

     

       189
       189
       -
                     migratedBlobs.push(cid);

     

       190
       190
       -
                     console.log(`Successfully migrated blob: ${cid}`);

     

       191
       191
       -
                   } catch (error) {

     

       192
       192
       -
                     console.error(`Failed to migrate blob ${cid}:`, error);

     

       193
       193
       -
                     failedBlobs.push({

     

       194
       194
       -
                       cid,

     

       195
       195
       -
                       error: error instanceof Error ? error.message : String(error),

     

       196
       196
       -
                     });

     

       197
       197
       -
                   }

     

       198
       198
       -
                 }

     

       199
       199
       -
                 blobCursor = listedBlobs.data.cursor;

     

       200
       200
       -
               } catch (error) {

     

       201
       201
       -
                 console.error("Error during blob migration batch:", error);

     

       202
       202
       -
                 // If we hit a critical error during blob listing, break the loop

     

       203
       203
       -
                 if (error instanceof Error && 

     

       204
       204
       -
                    (error.message.includes("Unauthorized") || 

     

       205
       205
       -
                     error.message.includes("Invalid token"))) {

     

       206
       206
       -
                   throw error;

     

       207
       207
       -
                 }

     

       208
       208
       -
                 break;

     

       209
       209
       -
               }

     

       210
       210
       -
             } while (blobCursor);

     

       211
       211
       -
       

     

       212
       212
       -
             // Migrate preferences with retry

     

       213
       213
       -
             const prefs = await withRetry(

     

       214
       214
       -
               () => oldAgent.app.bsky.actor.getPreferences(),

     

       215
       215
       -
               {

     

       216
       216
       -
                 maxRetries: 3,

     

       217
       217
       -
                 onRetry: (attempt, error) => {

     

       218
       218
       -
                   console.log(`Retrying preferences fetch (attempt ${attempt}):`, error.message);

     

       219
       219
       -
                 },

     

       220
       220
       -
               }

     

       221
       221
       -
             );

     

       222
       222
       -
       

     

       223
       223
       -
             await withRetry(

     

       224
       224
       -
               () => newAgent.app.bsky.actor.putPreferences(prefs.data),

     

       225
       225
       -
               {

     

       226
       226
       -
                 maxRetries: 3,

     

       227
       227
       -
                 onRetry: (attempt, error) => {

     

       228
       228
       -
                   console.log(`Retrying preferences update (attempt ${attempt}):`, error.message);

     

       229
       229
       -
                 },

     

       230
       230
       -
               }

     

       231
       231
       -
             );

     

       232
       232
       -
       

     

       233
       233
       -
             return new Response(

     

       234
       234
       -
               JSON.stringify({

     

       235
       235
       -
                 success: true,

     

       236
       236
       -
                 message: failedBlobs.length > 0 

     

       237
       237
       -
                   ? `Data migration completed with ${failedBlobs.length} failed blobs`

     

       238
       238
       -
                   : "Data migration completed successfully",

     

       239
       239
       -
                 migratedBlobs,

     

       240
       240
       -
                 failedBlobs,

     

       241
       241
       -
                 totalMigrated: migratedBlobs.length,

     

       242
       242
       -
                 totalFailed: failedBlobs.length,

     

       243
       243
       -
               }),

     

       244
       244
       -
               {

     

       245
       245
       -
                 status: failedBlobs.length > 0 ? 207 : 200, // Use 207 Multi-Status if some blobs failed

     

       246
       246
       -
                 headers: {

     

       247
       247
       -
                   "Content-Type": "application/json",

     

       248
       248
       -
                   ...Object.fromEntries(res.headers), // Include session cookie headers

     

       249
       249
       -
                 },

     

       250
       250
       -
               },

     

       251
       251
       -
             );

     

       252
       252
       -
           } catch (error) {

     

       253
       253
       -
             console.error("Data migration error:", error);

     

       254
       254
       -
             return new Response(

     

       255
       255
       -
               JSON.stringify({

     

       256
       256
       -
                 success: false,

     

       257
       257
       -
                 message: error instanceof Error

     

       258
       258
       -
                   ? error.message

     

       259
       259
       -
                   : "Failed to migrate data",

     

       260
       260
       -
                 error: error instanceof Error ? {

     

       261
       261
       -
                   name: error.name,

     

       262
       262
       -
                   message: error.message,

     

       263
       263
       -
                   stack: error.stack,

     

       264
       264
       -
                 } : String(error),

     

       265
       265
       -
               }),

     

       266
       266
       -
               {

     

       267
       267
       -
                 status: 400,

     

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

     

       269
       269
       -
               },

     

       270
       270
       -
             );

     

       271
       271
       -
           }

     

       272
       272
       -
         },

     

       273
       273
       -
       });

+17

routes/api/migrate/finalize.ts

···

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../lib/check-dids.ts";

     

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

     

       4
       4
       +
       import { assertMigrationAllowed } from "../../../lib/migration-state.ts";

     

       3
       5
        
       

     

       4
       6
        
       export const handler = define.handlers({

     

       5
       7
        
         async POST(ctx) {

     

       6
       8
        
           const res = new Response();

     

       7
       9
        
           try {

     

       10
       10
       +
             // Check if migrations are currently allowed

     

       11
       11
       +
             assertMigrationAllowed();

     

       12
       12
       +
       

     

       8
       13
        
             const oldAgent = await getSessionAgent(ctx.req);

     

       9
       14
        
             const newAgent = await getSessionAgent(ctx.req, res, true);

     

       10
       15
        
       

     
···

       13
       18
        
               return new Response("Migration session not found or invalid", {

     

       14
       19
        
                 status: 400,

     

       15
       20
        
               });

     

       21
       21
       +
             }

     

       22
       22
       +
       

     

       23
       23
       +
             // Verify DIDs match between sessions

     

       24
       24
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       25
       25
       +
             if (!didsMatch) {

     

       26
       26
       +
               return new Response(

     

       27
       27
       +
                 JSON.stringify({

     

       28
       28
       +
                   success: false,

     

       29
       29
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       30
       30
       +
                 }),

     

       31
       31
       +
                 { status: 400, headers: { "Content-Type": "application/json" } },

     

       32
       32
       +
               );

     

       16
       33
        
             }

     

       17
       34
        
       

     

       18
       35
        
             // Activate new account and deactivate old account

+29 -4

routes/api/migrate/identity/request.ts

···

       1
       1
       -
       import {

     

       2
       2
       -
         getSessionAgent,

     

       3
       3
       -
       } from "../../../../lib/sessions.ts";

     

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../../lib/check-dids.ts";

     

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

     

       4
       4
       +
       import { assertMigrationAllowed } from "../../../../lib/migration-state.ts";

     

       5
       5
        
       

     

       6
       6
       +
       /**

     

       7
       7
       +
        * Handle identity migration request

     

       8
       8
       +
        * Sends a PLC operation signature request to the old account's email

     

       9
       9
       +
        * Should be called after all data is migrated to the new account

     

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

     

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

     

       12
       12
       +
        */

     

       6
       13
        
       export const handler = define.handlers({

     

       7
       14
        
         async POST(ctx) {

     

       8
       15
        
           const res = new Response();

     

       9
       16
        
           try {

     

       17
       17
       +
             // Check if migrations are currently allowed

     

       18
       18
       +
             assertMigrationAllowed();

     

       19
       19
       +
       

     

       10
       20
        
             console.log("Starting identity migration request...");

     

       11
       21
        
             const oldAgent = await getSessionAgent(ctx.req);

     

       12
       22
        
             console.log("Got old agent:", {

     
···

       45
       55
        
               );

     

       46
       56
        
             }

     

       47
       57
        
       

     

       58
       58
       +
             // Verify DIDs match between sessions

     

       59
       59
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       60
       60
       +
             if (!didsMatch) {

     

       61
       61
       +
               return new Response(

     

       62
       62
       +
                 JSON.stringify({

     

       63
       63
       +
                   success: false,

     

       64
       64
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       65
       65
       +
                 }),

     

       66
       66
       +
                 {

     

       67
       67
       +
                   status: 400,

     

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

     

       69
       69
       +
                 },

     

       70
       70
       +
               );

     

       71
       71
       +
             }

     

       72
       72
       +
       

     

       48
       73
        
             // Request the signature

     

       49
       74
        
             console.log("Requesting PLC operation signature...");

     

       50
       75
        
             try {

     
···

       54
       79
        
               console.error("Error requesting PLC operation signature:", {

     

       55
       80
        
                 name: error instanceof Error ? error.name : "Unknown",

     

       56
       81
        
                 message: error instanceof Error ? error.message : String(error),

     

       57
       57
       -
                 status: 400

     

       82
       82
       +
                 status: 400,

     

       58
       83
        
               });

     

       59
       84
        
               throw error;

     

       60
       85
        
             }

+27 -3

routes/api/migrate/identity/sign.ts

···

       1
       1
       -
       import {

     

       2
       2
       -
         getSessionAgent,

     

       3
       3
       -
       } from "../../../../lib/sessions.ts";

     

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

     

       2
       2
       +
       import { checkDidsMatch } from "../../../../lib/check-dids.ts";

     

       4
       3
        
       import { Secp256k1Keypair } from "npm:@atproto/crypto";

     

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

     

       6
       5
        
       import { define } from "../../../../utils.ts";

     

       6
       6
       +
       import { assertMigrationAllowed } from "../../../../lib/migration-state.ts";

     

       7
       7
        
       

     

       8
       8
       +
       /**

     

       9
       9
       +
        * Handle identity migration sign

     

       10
       10
       +
        * Should be called after user receives the migration token via email

     

       11
       11
       +
        * URL params must contain the token

     

       12
       12
       +
        * @param ctx - The context object containing the request with the token in the URL params

     

       13
       13
       +
        * @returns A response object with the migration result

     

       14
       14
       +
        */

     

       8
       15
        
       export const handler = define.handlers({

     

       9
       16
        
         async POST(ctx) {

     

       10
       17
        
           const res = new Response();

     

       11
       18
        
           try {

     

       19
       19
       +
             // Check if migrations are currently allowed

     

       20
       20
       +
             assertMigrationAllowed();

     

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

     

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

     

       14
       23
        
       

     
···

       45
       54
        
                 JSON.stringify({

     

       46
       55
        
                   success: false,

     

       47
       56
        
                   message: "Migration session not found or invalid",

     

       57
       57
       +
                 }),

     

       58
       58
       +
                 {

     

       59
       59
       +
                   status: 400,

     

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

     

       61
       61
       +
                 },

     

       62
       62
       +
               );

     

       63
       63
       +
             }

     

       64
       64
       +
       

     

       65
       65
       +
             // Verify DIDs match between sessions

     

       66
       66
       +
             const didsMatch = await checkDidsMatch(ctx.req);

     

       67
       67
       +
             if (!didsMatch) {

     

       68
       68
       +
               return new Response(

     

       69
       69
       +
                 JSON.stringify({

     

       70
       70
       +
                   success: false,

     

       71
       71
       +
                   message: "Invalid state, original and target DIDs do not match",

     

       48
       72
        
                 }),

     

       49
       73
        
                 {

     

       50
       74
        
                   status: 400,

+2 -2

routes/api/migrate/next-step.ts

···

       17
       17
        
               // Check conditions in sequence to determine the next step

     

       18
       18
        
               if (!newStatus.data) {

     

       19
       19
        
                   nextStep = 1;

     

       20
       20
       -
               } else if (!(newStatus.data.repoCommit && 

     

       20
       20
       +
               } else if (!(newStatus.data.repoCommit &&

     

       21
       21
        
                          newStatus.data.indexedRecords === oldStatus.data.indexedRecords &&

     

       22
       22
        
                          newStatus.data.privateStateValues === oldStatus.data.privateStateValues &&

     

       23
       23
        
                          newStatus.data.expectedBlobs === newStatus.data.importedBlobs &&

     
···

       42
       42
        
                   }

     

       43
       43
        
               });

     

       44
       44
        
           }

     

       45
       45
       -
       }) 
     

       45
       45
       +
       })

+135 -71

routes/api/migrate/status.ts

···

       1
       1
       +
       import { checkDidsMatch } from "../../../lib/check-dids.ts";

     

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

     

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

     

       3
       4
        
       

     

       4
       5
        
       export const handler = define.handlers({

     

       5
       5
       -
           async GET(ctx) {

     

       6
       6
       -
               const url = new URL(ctx.req.url);

     

       7
       7
       -
               const params = new URLSearchParams(url.search);

     

       8
       8
       -
               const step = params.get("step");

     

       9
       9
       -
               const oldAgent = await getSessionAgent(ctx.req);

     

       10
       10
       -
               const newAgent = await getSessionAgent(ctx.req, new Response(), true);

     

       11
       11
       -
               

     

       12
       12
       -
               if (!oldAgent || !newAgent) return new Response("Unauthorized", { status: 401 });

     

       6
       6
       +
         async GET(ctx) {

     

       7
       7
       +
           console.log("Status check: Starting");

     

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

     

       9
       9
       +
           const params = new URLSearchParams(url.search);

     

       10
       10
       +
           const step = params.get("step");

     

       11
       11
       +
           console.log("Status check: Step", step);

     

       13
       12
        
       

     

       14
       14
       -
               const oldStatus = await oldAgent.com.atproto.server.checkAccountStatus();

     

       15
       15
       -
               const newStatus = await newAgent.com.atproto.server.checkAccountStatus();

     

       16
       16
       -
               if (!oldStatus.data || !newStatus.data) return new Response("Could not verify status", { status: 500 });

     

       13
       13
       +
           console.log("Status check: Getting agents");

     

       14
       14
       +
           const oldAgent = await getSessionAgent(ctx.req);

     

       15
       15
       +
           const newAgent = await getSessionAgent(ctx.req, new Response(), true);

     

       17
       16
        
       

     

       18
       18
       -
               const readyToContinue = () => {

     

       19
       19
       -
                   if (step) {

     

       20
       20
       -
                       switch (step) {

     

       21
       21
       -
                           case "1": {

     

       22
       22
       -
                               if (newStatus.data) {

     

       23
       23
       -
                                   return { ready: true };

     

       24
       24
       -
                               }

     

       25
       25
       -
                               return { ready: false, reason: "New account status not available" };

     

       26
       26
       -
                           }

     

       27
       27
       -
                           case "2": {

     

       28
       28
       -
                               if (newStatus.data.repoCommit && 

     

       29
       29
       -
                                   newStatus.data.indexedRecords === oldStatus.data.indexedRecords &&

     

       30
       30
       -
                                   newStatus.data.privateStateValues === oldStatus.data.privateStateValues &&

     

       31
       31
       -
                                   newStatus.data.expectedBlobs === newStatus.data.importedBlobs &&

     

       32
       32
       -
                                   newStatus.data.importedBlobs === oldStatus.data.importedBlobs) {

     

       33
       33
       -
                                   return { ready: true };

     

       34
       34
       -
                               }

     

       35
       35
       -
                               const reasons = [];

     

       36
       36
       -
                               if (!newStatus.data.repoCommit) reasons.push("Repository not imported.");

     

       37
       37
       -
                               if (newStatus.data.indexedRecords < oldStatus.data.indexedRecords) 

     

       38
       38
       -
                                   reasons.push("Not all records imported.");

     

       39
       39
       -
                               if (newStatus.data.privateStateValues < oldStatus.data.privateStateValues)

     

       40
       40
       -
                                   reasons.push("Not all private state values imported.");

     

       41
       41
       -
                               if (newStatus.data.expectedBlobs !== newStatus.data.importedBlobs)

     

       42
       42
       -
                                   reasons.push("Expected blobs not fully imported.");

     

       43
       43
       -
                               if (newStatus.data.importedBlobs < oldStatus.data.importedBlobs)

     

       44
       44
       -
                                   reasons.push("Not all blobs imported.");

     

       45
       45
       -
                               return { ready: false, reason: reasons.join(", ") };

     

       46
       46
       -
                           }

     

       47
       47
       -
                           case "3": {

     

       48
       48
       -
                               if (newStatus.data.validDid) {

     

       49
       49
       -
                                   return { ready: true };

     

       50
       50
       -
                               }

     

       51
       51
       -
                               return { ready: false, reason: "DID not valid" };

     

       52
       52
       -
                           }

     

       53
       53
       -
                           case "4": {

     

       54
       54
       -
                               if (newStatus.data.activated === true && oldStatus.data.activated === false) {

     

       55
       55
       -
                                   return { ready: true };

     

       56
       56
       -
                               }

     

       57
       57
       -
                               return { ready: false, reason: "Account not activated" };

     

       58
       58
       -
                           }

     

       59
       59
       -
                       }

     

       60
       60
       -
                   } else {

     

       61
       61
       -
                       return { ready: true };

     

       17
       17
       +
           if (!oldAgent || !newAgent) {

     

       18
       18
       +
             console.log("Status check: Unauthorized - missing agents", {

     

       19
       19
       +
               hasOldAgent: !!oldAgent,

     

       20
       20
       +
               hasNewAgent: !!newAgent,

     

       21
       21
       +
             });

     

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

     

       23
       23
       +
           }

     

       24
       24
       +
       

     

       25
       25
       +
           const didsMatch = await checkDidsMatch(ctx.req);

     

       26
       26
       +
       

     

       27
       27
       +
           console.log("Status check: Fetching account statuses");

     

       28
       28
       +
           const oldStatus = await oldAgent.com.atproto.server.checkAccountStatus();

     

       29
       29
       +
           const newStatus = await newAgent.com.atproto.server.checkAccountStatus();

     

       30
       30
       +
       

     

       31
       31
       +
           if (!oldStatus.data || !newStatus.data) {

     

       32
       32
       +
             console.error("Status check: Failed to verify status", {

     

       33
       33
       +
               hasOldStatus: !!oldStatus.data,

     

       34
       34
       +
               hasNewStatus: !!newStatus.data,

     

       35
       35
       +
             });

     

       36
       36
       +
             return new Response("Could not verify status", { status: 500 });

     

       37
       37
       +
           }

     

       38
       38
       +
       

     

       39
       39
       +
           console.log("Status check: Account statuses", {

     

       40
       40
       +
             old: oldStatus.data,

     

       41
       41
       +
             new: newStatus.data,

     

       42
       42
       +
           });

     

       43
       43
       +
       

     

       44
       44
       +
           const readyToContinue = () => {

     

       45
       45
       +
             if (!didsMatch) {

     

       46
       46
       +
               return {

     

       47
       47
       +
                 ready: false,

     

       48
       48
       +
                 reason: "Invalid state, original and target DIDs do not match",

     

       49
       49
       +
               };

     

       50
       50
       +
             }

     

       51
       51
       +
             if (step) {

     

       52
       52
       +
               console.log("Status check: Evaluating step", step);

     

       53
       53
       +
               switch (step) {

     

       54
       54
       +
                 case "1": {

     

       55
       55
       +
                   if (newStatus.data) {

     

       56
       56
       +
                     console.log("Status check: Step 1 ready");

     

       57
       57
       +
                     return { ready: true };

     

       62
       58
        
                   }

     

       59
       59
       +
                   console.log(

     

       60
       60
       +
                     "Status check: Step 1 not ready - new account status not available",

     

       61
       61
       +
                   );

     

       62
       62
       +
                   return { ready: false, reason: "New account status not available" };

     

       63
       63
       +
                 }

     

       64
       64
       +
                 case "2": {

     

       65
       65
       +
                   const isReady = newStatus.data.repoCommit &&

     

       66
       66
       +
                     newStatus.data.indexedRecords === oldStatus.data.indexedRecords &&

     

       67
       67
       +
                     newStatus.data.privateStateValues ===

     

       68
       68
       +
                       oldStatus.data.privateStateValues &&

     

       69
       69
       +
                     newStatus.data.expectedBlobs === newStatus.data.importedBlobs &&

     

       70
       70
       +
                     newStatus.data.importedBlobs === oldStatus.data.importedBlobs;

     

       71
       71
       +
       

     

       72
       72
       +
                   if (isReady) {

     

       73
       73
       +
                     console.log("Status check: Step 2 ready");

     

       74
       74
       +
                     return { ready: true };

     

       75
       75
       +
                   }

     

       76
       76
       +
       

     

       77
       77
       +
                   const reasons = [];

     

       78
       78
       +
                   if (!newStatus.data.repoCommit) {

     

       79
       79
       +
                     reasons.push("Repository not imported.");

     

       80
       80
       +
                   }

     

       81
       81
       +
                   if (newStatus.data.indexedRecords < oldStatus.data.indexedRecords) {

     

       82
       82
       +
                     reasons.push("Not all records imported.");

     

       83
       83
       +
                   }

     

       84
       84
       +
                   if (

     

       85
       85
       +
                     newStatus.data.privateStateValues <

     

       86
       86
       +
                       oldStatus.data.privateStateValues

     

       87
       87
       +
                   ) {

     

       88
       88
       +
                     reasons.push("Not all private state values imported.");

     

       89
       89
       +
                   }

     

       90
       90
       +
                   if (newStatus.data.expectedBlobs !== newStatus.data.importedBlobs) {

     

       91
       91
       +
                     reasons.push("Expected blobs not fully imported.");

     

       92
       92
       +
                   }

     

       93
       93
       +
                   if (newStatus.data.importedBlobs < oldStatus.data.importedBlobs) {

     

       94
       94
       +
                     reasons.push("Not all blobs imported.");

     

       95
       95
       +
                   }

     

       96
       96
       +
       

     

       97
       97
       +
                   console.log("Status check: Step 2 not ready", { reasons });

     

       98
       98
       +
                   return { ready: false, reason: reasons.join(", ") };

     

       99
       99
       +
                 }

     

       100
       100
       +
                 case "3": {

     

       101
       101
       +
                   if (newStatus.data.validDid) {

     

       102
       102
       +
                     console.log("Status check: Step 3 ready");

     

       103
       103
       +
                     return { ready: true };

     

       104
       104
       +
                   }

     

       105
       105
       +
                   console.log("Status check: Step 3 not ready - DID not valid");

     

       106
       106
       +
                   return { ready: false, reason: "DID not valid" };

     

       107
       107
       +
                 }

     

       108
       108
       +
                 case "4": {

     

       109
       109
       +
                   if (

     

       110
       110
       +
                     newStatus.data.activated === true &&

     

       111
       111
       +
                     oldStatus.data.activated === false

     

       112
       112
       +
                   ) {

     

       113
       113
       +
                     console.log("Status check: Step 4 ready");

     

       114
       114
       +
                     return { ready: true };

     

       115
       115
       +
                   }

     

       116
       116
       +
                   console.log(

     

       117
       117
       +
                     "Status check: Step 4 not ready - Account not activated",

     

       118
       118
       +
                   );

     

       119
       119
       +
                   return { ready: false, reason: "Account not activated" };

     

       120
       120
       +
                 }

     

       63
       121
        
               }

     

       122
       122
       +
             } else {

     

       123
       123
       +
               console.log("Status check: No step specified, returning ready");

     

       124
       124
       +
               return { ready: true };

     

       125
       125
       +
             }

     

       126
       126
       +
           };

     

       64
       127
        
       

     

       65
       65
       -
               const status = {

     

       66
       66
       -
                   activated: newStatus.data.activated,

     

       67
       67
       -
                   validDid: newStatus.data.validDid,

     

       68
       68
       -
                   repoCommit: newStatus.data.repoCommit,

     

       69
       69
       -
                   repoRev: newStatus.data.repoRev,

     

       70
       70
       -
                   repoBlocks: newStatus.data.repoBlocks,

     

       71
       71
       -
                   expectedRecords: oldStatus.data.indexedRecords,

     

       72
       72
       -
                   indexedRecords: newStatus.data.indexedRecords,

     

       73
       73
       -
                   privateStateValues: newStatus.data.privateStateValues,

     

       74
       74
       -
                   expectedBlobs: newStatus.data.expectedBlobs,

     

       75
       75
       -
                   importedBlobs: newStatus.data.importedBlobs,

     

       76
       76
       -
                   ...readyToContinue()

     

       77
       77
       -
               }

     

       128
       128
       +
           const status = {

     

       129
       129
       +
             activated: newStatus.data.activated,

     

       130
       130
       +
             validDid: newStatus.data.validDid,

     

       131
       131
       +
             repoCommit: newStatus.data.repoCommit,

     

       132
       132
       +
             repoRev: newStatus.data.repoRev,

     

       133
       133
       +
             repoBlocks: newStatus.data.repoBlocks,

     

       134
       134
       +
             expectedRecords: oldStatus.data.indexedRecords,

     

       135
       135
       +
             indexedRecords: newStatus.data.indexedRecords,

     

       136
       136
       +
             privateStateValues: newStatus.data.privateStateValues,

     

       137
       137
       +
             expectedBlobs: newStatus.data.expectedBlobs,

     

       138
       138
       +
             importedBlobs: newStatus.data.importedBlobs,

     

       139
       139
       +
             ...readyToContinue(),

     

       140
       140
       +
           };

     

       78
       141
        
       

     

       79
       79
       -
               return Response.json(status);

     

       80
       80
       -
           }

     

       81
       81
       -
       })
     

       142
       142
       +
           console.log("Status check: Complete", status);

     

       143
       143
       +
           return Response.json(status);

     

       144
       144
       +
         },

     

       145
       145
       +
       });

+44

routes/api/migration-state.ts

···

       1
       1
       +
       import { getMigrationState } from "../../lib/migration-state.ts";

     

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

     

       3
       3
       +
       

     

       4
       4
       +
       /**

     

       5
       5
       +
        * API endpoint to check the current migration state.

     

       6
       6
       +
        * Returns the migration state information including whether migrations are allowed.

     

       7
       7
       +
        */

     

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

     

       9
       9
       +
         GET(_ctx) {

     

       10
       10
       +
           try {

     

       11
       11
       +
             const stateInfo = getMigrationState();

     

       12
       12
       +
       

     

       13
       13
       +
             return new Response(

     

       14
       14
       +
               JSON.stringify({

     

       15
       15
       +
                 state: stateInfo.state,

     

       16
       16
       +
                 message: stateInfo.message,

     

       17
       17
       +
                 allowMigration: stateInfo.allowMigration,

     

       18
       18
       +
               }),

     

       19
       19
       +
               {

     

       20
       20
       +
                 status: 200,

     

       21
       21
       +
                 headers: {

     

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

     

       23
       23
       +
                 },

     

       24
       24
       +
               }

     

       25
       25
       +
             );

     

       26
       26
       +
           } catch (error) {

     

       27
       27
       +
             console.error("Error checking migration state:", error);

     

       28
       28
       +
       

     

       29
       29
       +
             return new Response(

     

       30
       30
       +
               JSON.stringify({

     

       31
       31
       +
                 state: "issue",

     

       32
       32
       +
                 message: "Unable to determine migration state. Please try again later.",

     

       33
       33
       +
                 allowMigration: false,

     

       34
       34
       +
               }),

     

       35
       35
       +
               {

     

       36
       36
       +
                 status: 500,

     

       37
       37
       +
                 headers: {

     

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

     

       39
       39
       +
                 },

     

       40
       40
       +
               }

     

       41
       41
       +
             );

     

       42
       42
       +
           }

     

       43
       43
       +
         },

     

       44
       44
       +
       });

+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
       +
       });

+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
       +
       });

+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
       +
       });

+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
       +
       });

+30

routes/api/resolve-pds.ts

···

       1
       1
       +
       import { resolver } from "../../lib/id-resolver.ts";

     

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

     

       3
       3
       +
       

     

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

     

       5
       5
       +
         async GET(ctx) {

     

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

     

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

     

       8
       8
       +
       

     

       9
       9
       +
           if (!did) {

     

       10
       10
       +
             return new Response(JSON.stringify({ error: "DID parameter is required" }), {

     

       11
       11
       +
               status: 400,

     

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

     

       13
       13
       +
             });

     

       14
       14
       +
           }

     

       15
       15
       +
       

     

       16
       16
       +
           try {

     

       17
       17
       +
             const pds = await resolver.resolveDidToPdsUrl(did);

     

       18
       18
       +
             return new Response(JSON.stringify({ pds }), {

     

       19
       19
       +
               status: 200,

     

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

     

       21
       21
       +
             });

     

       22
       22
       +
           } catch (error) {

     

       23
       23
       +
             console.error("Failed to resolve PDS:", error);

     

       24
       24
       +
             return new Response(JSON.stringify({ error: "Failed to resolve PDS" }), {

     

       25
       25
       +
               status: 500,

     

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

     

       27
       27
       +
             });

     

       28
       28
       +
           }

     

       29
       29
       +
         }

     

       30
       30
       +
       });

+10 -13

routes/index.tsx

···

       1
       1
        
       import Ticket from "../islands/Ticket.tsx";

     

       2
       2
       -
       import AirportSign from "../islands/AirportSign.tsx";

     

       2
       2
       +
       import AirportSign from "../components/AirportSign.tsx";

     

       3
       3
        
       import SocialLinks from "../islands/SocialLinks.tsx";

     

       4
       4
       -
       import { Button } from "../components/Button.tsx";

     

       4
       4
       +
       import LoginButton from "../islands/LoginButton.tsx";

     

       5
       5
        
       

     

       6
       6
        
       export default function Home() {

     

       7
       7
        
         return (

     
···

       14
       14
        
                   <p class="font-mono text-lg sm:text-xl font-bold mb-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">

     

       15
       15
        
                     Your terminal for seamless AT Protocol PDS migration and backup.

     

       16
       16
        
                   </p>

     

       17
       17
       -
                   <p class="font-mono mb-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">

     

       18
       18
       -
                     Airport is in <strong>alpha</strong> currently, and we don't recommend it for main accounts. <br/> Please use its migration tools at your own risk.

     

       19
       19
       -
                   </p>

     

       20
       17
        
       

     

       21
       18
        
                   <Ticket />

     

       22
       19
        
       

     

       23
       23
       -
                   <div class="mt-6 sm:mt-8 text-center w-fit mx-auto">

     

       24
       24
       -
                     <Button

     

       25
       25
       -
                       href="/login"

     

       26
       26
       -
                       color="blue"

     

       27
       27
       -
                       label="BEGIN YOUR JOURNEY"

     

       28
       28
       -
                     />

     

       29
       29
       -
                   </div>

     

       30
       30
       -
                   <p class="font-mono text-lg sm:text-xl mb-4 mt-4 sm:mb-6 mt-0 text-center text-gray-600 dark:text-gray-300">

     

       20
       20
       +
                   <LoginButton />

     

       21
       21
       +
                   <p class="font-mono text-lg sm:text-xl mb-4 mt-4 sm:mb-6 text-center text-gray-600 dark:text-gray-300">

     

       31
       22
        
                     Airport is made with love by <a class="text-blue-500 hover:underline" href="https://bsky.app/profile/knotbin.com">Roscoe</a> for <a class="text-blue-500 hover:underline" href="https://sprk.so">Spark</a>, a new short-video platform for AT Protocol.

     

       32
       23
        
                   </p>

     

       24
       24
       +
                   <div class="text-center mb-4">

     

       25
       25
       +
                     <a href="/about" class="inline-flex items-center text-blue-500 hover:text-blue-600 transition-colors">

     

       26
       26
       +
                       <img src="/icons/info_bold.svg" alt="Info" class="w-5 h-5 mr-2" />

     

       27
       27
       +
                       <span class="font-mono">Learn more about AT Protocol</span>

     

       28
       28
       +
                     </a>

     

       29
       29
       +
                   </div>

     

       33
       30
        
                   <SocialLinks />

     

       34
       31
        
                 </div>

     

       35
       32
        
               </div>

+2 -2

routes/migrate/progress.tsx

···

       10
       10
        
       

     

       11
       11
        
         if (!service || !handle || !email || !password) {

     

       12
       12
        
           return (

     

       13
       13
       -
             <div class="min-h-screen bg-gray-50 dark:bg-gray-900 p-4">

     

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

     

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

     

       15
       15
        
                 <div class="bg-red-50 dark:bg-red-900 p-4 rounded-lg">

     

       16
       16
        
                   <p class="text-red-800 dark:text-red-200">

     
···

       24
       24
        
         }

     

       25
       25
        
       

     

       26
       26
        
         return (

     

       27
       27
       -
           <div class="min-h-screen bg-gray-50 dark:bg-gray-900 p-4">

     

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

     

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

     

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

     

       30
       30
        
                 Migration Progress

+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>

static/icons/info_bold.svg

···

       1
       1
       +
       <?xml version="1.0" encoding="UTF-8"?>

     

       2
       2
       +
       <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

     

       3
       3
       +
         <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       4
       4
       +
         <path d="M12 16V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       5
       5
       +
         <path d="M12 8H12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       6
       6
       +
       </svg>

Compare changes