Graphical PDS migrator for AT Protocol

handle info

Changed files
+11
islands
+2
.env.example
···
+
# generate with `openssl ecparam --name secp256k1 --genkey --noout --outform DER | tail --bytes=+8 | head --bytes=32 | xxd --plain --cols 32`
+
COOKIE_SECRET=my_secret
+9
islands/MigrationSetup.tsx
···
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300">
New Account Handle
<span class="text-xs text-gray-500 ml-1">(Passport ID)</span>
+
<div class="inline-block relative group ml-2">
+
<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">
+
<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" />
+
</svg>
+
<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">
+
You can change your handle to a custom domain later
+
<div class="absolute top-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-t-gray-900"></div>
+
</div>
+
</div>
</label>
<div class="mt-1 relative w-full">
<div class="flex rounded-md shadow-sm w-full">