replies timeline only, appview-less bluesky client

Compare changes

Choose any two refs to compare.

+192 -164
deno.lock
···
{
"version": "5",
"specifiers": {
-
"npm:@atcute/atproto@^3.1.7": "3.1.8",
-
"npm:@atcute/bluesky@^3.2.7": "3.2.9",
+
"npm:@atcute/atproto@^3.1.8": "3.1.8",
+
"npm:@atcute/bluesky@^3.2.9": "3.2.9",
"npm:@atcute/client@^4.0.5": "4.0.5",
"npm:@atcute/identity-resolver@^1.1.4": "1.1.4_@atcute+identity@1.1.1",
"npm:@atcute/identity@^1.1.1": "1.1.1",
"npm:@atcute/lexicons@^1.2.2": "1.2.2",
"npm:@atcute/oauth-browser-client@^2.0.1": "2.0.1_@atcute+identity@1.1.1",
"npm:@atcute/tid@^1.0.3": "1.0.3",
-
"npm:@eslint/compat@^1.4.0": "1.4.1_eslint@9.38.0",
-
"npm:@eslint/js@^9.36.0": "9.38.0",
-
"npm:@iconify/svelte@^5.0.2": "5.0.2_svelte@5.43.1__acorn@8.15.0",
+
"npm:@eslint/compat@^1.4.1": "1.4.1_eslint@9.39.0",
+
"npm:@eslint/js@^9.39.0": "9.39.0",
+
"npm:@floating-ui/dom@^1.7.4": "1.7.4",
+
"npm:@iconify/svelte@^5.1.0": "5.1.0_svelte@5.43.2__acorn@8.15.0",
"npm:@soffinal/websocket@~0.2.1": "0.2.1_typescript@5.9.3",
-
"npm:@sveltejs/adapter-static@^3.0.10": "3.0.10_@sveltejs+kit@2.48.3__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.1____acorn@8.15.0___vite@7.1.12____@types+node@24.9.2____picomatch@4.0.3___@types+node@24.9.2__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__acorn@8.15.0__@types+node@24.9.2_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__@types+node@24.9.2_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2",
-
"npm:@sveltejs/kit@^2.43.2": "2.48.3_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__@types+node@24.9.2_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_acorn@8.15.0_@types+node@24.9.2",
-
"npm:@sveltejs/vite-plugin-svelte@^6.2.0": "6.2.1_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2",
+
"npm:@sveltejs/adapter-static@^3.0.10": "3.0.10_@sveltejs+kit@2.48.4__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.2____acorn@8.15.0___vite@7.1.12____@types+node@24.10.0____picomatch@4.0.3___@types+node@24.10.0__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.10.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",
+
"npm:@sveltejs/kit@^2.48.4": "2.48.4_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.10.0",
+
"npm:@sveltejs/vite-plugin-svelte@^6.2.1": "6.2.1_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",
"npm:@tailwindcss/forms@~0.5.10": "0.5.10_tailwindcss@4.1.16",
-
"npm:@tailwindcss/vite@^4.1.13": "4.1.16_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2",
-
"npm:@types/node@24": "24.9.2",
+
"npm:@tailwindcss/vite@^4.1.16": "4.1.16_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",
+
"npm:@types/node@^24.10.0": "24.10.0",
"npm:@wora/cache-persist@^2.2.1": "2.2.1",
-
"npm:eslint-config-prettier@^10.1.8": "10.1.8_eslint@9.38.0",
-
"npm:eslint-plugin-svelte@^3.12.4": "3.13.0_eslint@9.38.0_svelte@5.43.1__acorn@8.15.0_postcss@8.5.6",
-
"npm:eslint@^9.36.0": "9.38.0",
-
"npm:globals@^16.4.0": "16.4.0",
+
"npm:eslint-config-prettier@^10.1.8": "10.1.8_eslint@9.39.0",
+
"npm:eslint-plugin-svelte@^3.13.0": "3.13.0_eslint@9.39.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6",
+
"npm:eslint@^9.39.0": "9.39.0",
+
"npm:globals@^16.5.0": "16.5.0",
"npm:hash-wasm@^4.12.0": "4.12.0",
"npm:lru-cache@^11.2.2": "11.2.2",
-
"npm:prettier-plugin-svelte@^3.4.0": "3.4.0_prettier@3.6.2_svelte@5.43.1__acorn@8.15.0",
-
"npm:prettier-plugin-tailwindcss@~0.6.14": "0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.1___acorn@8.15.0_svelte@5.43.1__acorn@8.15.0",
+
"npm:prettier-plugin-svelte@^3.4.0": "3.4.0_prettier@3.6.2_svelte@5.43.2__acorn@8.15.0",
+
"npm:prettier-plugin-tailwindcss@~0.6.14": "0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.2___acorn@8.15.0_svelte@5.43.2__acorn@8.15.0",
"npm:prettier@^3.6.2": "3.6.2",
-
"npm:svelte-awesome-color-picker@^4.0.2": "4.1.0_svelte@5.43.1__acorn@8.15.0",
-
"npm:svelte-check@^4.3.2": "4.3.3_svelte@5.43.1__acorn@8.15.0_typescript@5.9.3",
-
"npm:svelte-infinite@0.5": "0.5.1_svelte@5.43.1__acorn@8.15.0",
-
"npm:svelte@^5.39.5": "5.43.1_acorn@8.15.0",
-
"npm:tailwindcss@^4.1.13": "4.1.16",
-
"npm:typescript-eslint@^8.44.1": "8.46.2_eslint@9.38.0_typescript@5.9.3_@typescript-eslint+parser@8.46.2__eslint@9.38.0__typescript@5.9.3",
-
"npm:typescript@^5.9.2": "5.9.3",
-
"npm:vite@^7.1.7": "7.1.12_@types+node@24.9.2_picomatch@4.0.3"
+
"npm:svelte-awesome-color-picker@^4.1.0": "4.1.0_svelte@5.43.2__acorn@8.15.0",
+
"npm:svelte-check@^4.3.3": "4.3.3_svelte@5.43.2__acorn@8.15.0_typescript@5.9.3",
+
"npm:svelte-device-info@^1.0.6": "1.0.6",
+
"npm:svelte-infinite@~0.5.1": "0.5.1_svelte@5.43.2__acorn@8.15.0",
+
"npm:svelte-portal@^2.2.1": "2.2.1",
+
"npm:svelte@^5.43.2": "5.43.2_acorn@8.15.0",
+
"npm:tailwindcss@^4.1.16": "4.1.16",
+
"npm:typescript-eslint@^8.46.3": "8.46.3_eslint@9.39.0_typescript@5.9.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3",
+
"npm:typescript@^5.9.3": "5.9.3",
+
"npm:vite@^7.1.12": "7.1.12_@types+node@24.10.0_picomatch@4.0.3"
},
"npm": {
"@atcute/atproto@3.1.8": {
···
"@badrap/valita@0.4.6": {
"integrity": "sha512-4kdqcjyxo/8RQ8ayjms47HCWZIF5981oE5nIenbfThKDxWXtEHKipAOWlflpPJzZx9y/JWYQkp18Awr7VuepFg=="
},
-
"@esbuild/aix-ppc64@0.25.11": {
-
"integrity": "sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==",
+
"@esbuild/aix-ppc64@0.25.12": {
+
"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
"os": ["aix"],
"cpu": ["ppc64"]
},
-
"@esbuild/android-arm64@0.25.11": {
-
"integrity": "sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==",
+
"@esbuild/android-arm64@0.25.12": {
+
"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
"os": ["android"],
"cpu": ["arm64"]
},
-
"@esbuild/android-arm@0.25.11": {
-
"integrity": "sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==",
+
"@esbuild/android-arm@0.25.12": {
+
"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
"os": ["android"],
"cpu": ["arm"]
},
-
"@esbuild/android-x64@0.25.11": {
-
"integrity": "sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==",
+
"@esbuild/android-x64@0.25.12": {
+
"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
"os": ["android"],
"cpu": ["x64"]
},
-
"@esbuild/darwin-arm64@0.25.11": {
-
"integrity": "sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==",
+
"@esbuild/darwin-arm64@0.25.12": {
+
"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
"os": ["darwin"],
"cpu": ["arm64"]
},
-
"@esbuild/darwin-x64@0.25.11": {
-
"integrity": "sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==",
+
"@esbuild/darwin-x64@0.25.12": {
+
"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
"os": ["darwin"],
"cpu": ["x64"]
},
-
"@esbuild/freebsd-arm64@0.25.11": {
-
"integrity": "sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==",
+
"@esbuild/freebsd-arm64@0.25.12": {
+
"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
"os": ["freebsd"],
"cpu": ["arm64"]
},
-
"@esbuild/freebsd-x64@0.25.11": {
-
"integrity": "sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==",
+
"@esbuild/freebsd-x64@0.25.12": {
+
"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
"os": ["freebsd"],
"cpu": ["x64"]
},
-
"@esbuild/linux-arm64@0.25.11": {
-
"integrity": "sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==",
+
"@esbuild/linux-arm64@0.25.12": {
+
"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
"os": ["linux"],
"cpu": ["arm64"]
},
-
"@esbuild/linux-arm@0.25.11": {
-
"integrity": "sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==",
+
"@esbuild/linux-arm@0.25.12": {
+
"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
"os": ["linux"],
"cpu": ["arm"]
},
-
"@esbuild/linux-ia32@0.25.11": {
-
"integrity": "sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==",
+
"@esbuild/linux-ia32@0.25.12": {
+
"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
"os": ["linux"],
"cpu": ["ia32"]
},
-
"@esbuild/linux-loong64@0.25.11": {
-
"integrity": "sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==",
+
"@esbuild/linux-loong64@0.25.12": {
+
"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
"os": ["linux"],
"cpu": ["loong64"]
},
-
"@esbuild/linux-mips64el@0.25.11": {
-
"integrity": "sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==",
+
"@esbuild/linux-mips64el@0.25.12": {
+
"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
"os": ["linux"],
"cpu": ["mips64el"]
},
-
"@esbuild/linux-ppc64@0.25.11": {
-
"integrity": "sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==",
+
"@esbuild/linux-ppc64@0.25.12": {
+
"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
"os": ["linux"],
"cpu": ["ppc64"]
},
-
"@esbuild/linux-riscv64@0.25.11": {
-
"integrity": "sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==",
+
"@esbuild/linux-riscv64@0.25.12": {
+
"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
"os": ["linux"],
"cpu": ["riscv64"]
},
-
"@esbuild/linux-s390x@0.25.11": {
-
"integrity": "sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==",
+
"@esbuild/linux-s390x@0.25.12": {
+
"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
"os": ["linux"],
"cpu": ["s390x"]
},
-
"@esbuild/linux-x64@0.25.11": {
-
"integrity": "sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==",
+
"@esbuild/linux-x64@0.25.12": {
+
"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
"os": ["linux"],
"cpu": ["x64"]
},
-
"@esbuild/netbsd-arm64@0.25.11": {
-
"integrity": "sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==",
+
"@esbuild/netbsd-arm64@0.25.12": {
+
"integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
"os": ["netbsd"],
"cpu": ["arm64"]
},
-
"@esbuild/netbsd-x64@0.25.11": {
-
"integrity": "sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==",
+
"@esbuild/netbsd-x64@0.25.12": {
+
"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
"os": ["netbsd"],
"cpu": ["x64"]
},
-
"@esbuild/openbsd-arm64@0.25.11": {
-
"integrity": "sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==",
+
"@esbuild/openbsd-arm64@0.25.12": {
+
"integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
"os": ["openbsd"],
"cpu": ["arm64"]
},
-
"@esbuild/openbsd-x64@0.25.11": {
-
"integrity": "sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==",
+
"@esbuild/openbsd-x64@0.25.12": {
+
"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
"os": ["openbsd"],
"cpu": ["x64"]
},
-
"@esbuild/openharmony-arm64@0.25.11": {
-
"integrity": "sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==",
+
"@esbuild/openharmony-arm64@0.25.12": {
+
"integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
"os": ["openharmony"],
"cpu": ["arm64"]
},
-
"@esbuild/sunos-x64@0.25.11": {
-
"integrity": "sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==",
+
"@esbuild/sunos-x64@0.25.12": {
+
"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
"os": ["sunos"],
"cpu": ["x64"]
},
-
"@esbuild/win32-arm64@0.25.11": {
-
"integrity": "sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==",
+
"@esbuild/win32-arm64@0.25.12": {
+
"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
"os": ["win32"],
"cpu": ["arm64"]
},
-
"@esbuild/win32-ia32@0.25.11": {
-
"integrity": "sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==",
+
"@esbuild/win32-ia32@0.25.12": {
+
"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
"os": ["win32"],
"cpu": ["ia32"]
},
-
"@esbuild/win32-x64@0.25.11": {
-
"integrity": "sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==",
+
"@esbuild/win32-x64@0.25.12": {
+
"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
"os": ["win32"],
"cpu": ["x64"]
},
-
"@eslint-community/eslint-utils@4.9.0_eslint@9.38.0": {
+
"@eslint-community/eslint-utils@4.9.0_eslint@9.39.0": {
"integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
"dependencies": [
"eslint",
···
"@eslint-community/regexpp@4.12.2": {
"integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="
},
-
"@eslint/compat@1.4.1_eslint@9.38.0": {
+
"@eslint/compat@1.4.1_eslint@9.39.0": {
"integrity": "sha512-cfO82V9zxxGBxcQDr1lfaYB7wykTa0b00mGa36FrJl7iTFd0Z2cHfEYuxcBRP/iNijCsWsEkA+jzT8hGYmv33w==",
"dependencies": [
-
"@eslint/core@0.17.0",
+
"@eslint/core",
"eslint"
],
"optionalPeers": [
···
"@eslint/config-helpers@0.4.2": {
"integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
"dependencies": [
-
"@eslint/core@0.17.0"
-
]
-
},
-
"@eslint/core@0.16.0": {
-
"integrity": "sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==",
-
"dependencies": [
-
"@types/json-schema"
+
"@eslint/core"
]
},
"@eslint/core@0.17.0": {
···
"strip-json-comments"
]
},
-
"@eslint/js@9.38.0": {
-
"integrity": "sha512-UZ1VpFvXf9J06YG9xQBdnzU+kthors6KjhMAl6f4gH4usHyh31rUf2DLGInT8RFYIReYXNSydgPY0V2LuWgl7A=="
+
"@eslint/js@9.39.0": {
+
"integrity": "sha512-BIhe0sW91JGPiaF1mOuPy5v8NflqfjIcDNpC+LbW9f609WVRX1rArrhi6Z2ymvrAry9jw+5POTj4t2t62o8Bmw=="
},
"@eslint/object-schema@2.1.7": {
"integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="
···
"@eslint/plugin-kit@0.4.1": {
"integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
"dependencies": [
-
"@eslint/core@0.17.0",
+
"@eslint/core",
"levn"
]
},
+
"@floating-ui/core@1.7.3": {
+
"integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+
"dependencies": [
+
"@floating-ui/utils"
+
]
+
},
+
"@floating-ui/dom@1.7.4": {
+
"integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+
"dependencies": [
+
"@floating-ui/core",
+
"@floating-ui/utils"
+
]
+
},
+
"@floating-ui/utils@0.2.10": {
+
"integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="
+
},
"@humanfs/core@0.19.1": {
"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="
},
···
"@humanwhocodes/retry@0.4.3": {
"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="
},
-
"@iconify/svelte@5.0.2_svelte@5.43.1__acorn@8.15.0": {
-
"integrity": "sha512-1iWUT+1veS/QOAzKDG0NPgBtJYGoJqEPwF97voTm8jw6PQ6yU0hL73lEwFoTGMrZmatLvh9cjRBmeSHHaltmrg==",
+
"@iconify/svelte@5.1.0_svelte@5.43.2__acorn@8.15.0": {
+
"integrity": "sha512-I14nSqo0pNXO5OKsT61ZO3XIPF4yRHA2ErgPsaZ1sPJdKXn80o7o8jOe1xpWphbb9FihdX6by9zlKKBss61mFw==",
"dependencies": [
"@iconify/types",
"svelte"
···
"acorn"
]
},
-
"@sveltejs/adapter-static@3.0.10_@sveltejs+kit@2.48.3__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.1____acorn@8.15.0___vite@7.1.12____@types+node@24.9.2____picomatch@4.0.3___@types+node@24.9.2__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__acorn@8.15.0__@types+node@24.9.2_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__@types+node@24.9.2_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2": {
+
"@sveltejs/adapter-static@3.0.10_@sveltejs+kit@2.48.4__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.2____acorn@8.15.0___vite@7.1.12____@types+node@24.10.0____picomatch@4.0.3___@types+node@24.10.0__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.10.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {
"integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",
"dependencies": [
"@sveltejs/kit"
]
},
-
"@sveltejs/kit@2.48.3_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__@types+node@24.9.2_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_acorn@8.15.0_@types+node@24.9.2": {
-
"integrity": "sha512-jf8mx3yctRXE9hvixgcqqK94YI2hDnbxI/12Upkz99XFMvxnJKCMzvz0j7lmbXSyBSNEycWO5xHvi7b73y9qkQ==",
+
"@sveltejs/kit@2.48.4_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.10.0": {
+
"integrity": "sha512-TGFX1pZUt9qqY20Cv5NyYvy0iLWHf2jXi8s+eCGsig7jQMdwZWKUFMR6TbvFNhfDSUpc1sH/Y5EHv20g3HHA3g==",
"dependencies": [
"@standard-schema/spec",
"@sveltejs/acorn-typescript",
···
],
"bin": true
},
-
"@sveltejs/vite-plugin-svelte-inspector@5.0.1_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.1___acorn@8.15.0__vite@7.1.12___@types+node@24.9.2___picomatch@4.0.3__@types+node@24.9.2_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2": {
+
"@sveltejs/vite-plugin-svelte-inspector@5.0.1_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {
"integrity": "sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==",
"dependencies": [
"@sveltejs/vite-plugin-svelte",
···
"vite"
]
},
-
"@sveltejs/vite-plugin-svelte@6.2.1_svelte@5.43.1__acorn@8.15.0_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2": {
+
"@sveltejs/vite-plugin-svelte@6.2.1_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {
"integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==",
"dependencies": [
"@sveltejs/vite-plugin-svelte-inspector",
···
"@tailwindcss/oxide-win32-x64-msvc"
]
},
-
"@tailwindcss/vite@4.1.16_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2": {
+
"@tailwindcss/vite@4.1.16_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {
"integrity": "sha512-bbguNBcDxsRmi9nnlWJxhfDWamY3lmcyACHcdO1crxfzuLpOhHLLtEIN/nCbbAtj5rchUgQD17QVAKi1f7IsKg==",
"dependencies": [
"@tailwindcss/node",
···
"@types/json-schema@7.0.15": {
"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
},
-
"@types/node@24.9.2": {
-
"integrity": "sha512-uWN8YqxXxqFMX2RqGOrumsKeti4LlmIMIyV0lgut4jx7KQBcBiW6vkDtIBvHnHIquwNfJhk8v2OtmO8zXWHfPA==",
+
"@types/node@24.10.0": {
+
"integrity": "sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==",
"dependencies": [
"undici-types"
]
},
-
"@typescript-eslint/eslint-plugin@8.46.2_@typescript-eslint+parser@8.46.2__eslint@9.38.0__typescript@5.9.3_eslint@9.38.0_typescript@5.9.3": {
-
"integrity": "sha512-ZGBMToy857/NIPaaCucIUQgqueOiq7HeAKkhlvqVV4lm089zUFW6ikRySx2v+cAhKeUCPuWVHeimyk6Dw1iY3w==",
+
"@typescript-eslint/eslint-plugin@8.46.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3_eslint@9.39.0_typescript@5.9.3": {
+
"integrity": "sha512-sbaQ27XBUopBkRiuY/P9sWGOWUW4rl8fDoHIUmLpZd8uldsTyB4/Zg6bWTegPoTLnKj9Hqgn3QD6cjPNB32Odw==",
"dependencies": [
"@eslint-community/regexpp",
"@typescript-eslint/parser",
···
"typescript"
]
},
-
"@typescript-eslint/parser@8.46.2_eslint@9.38.0_typescript@5.9.3": {
-
"integrity": "sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==",
+
"@typescript-eslint/parser@8.46.3_eslint@9.39.0_typescript@5.9.3": {
+
"integrity": "sha512-6m1I5RmHBGTnUGS113G04DMu3CpSdxCAU/UvtjNWL4Nuf3MW9tQhiJqRlHzChIkhy6kZSAQmc+I1bcGjE3yNKg==",
"dependencies": [
"@typescript-eslint/scope-manager",
"@typescript-eslint/types",
···
"typescript"
]
},
-
"@typescript-eslint/project-service@8.46.2_typescript@5.9.3": {
-
"integrity": "sha512-PULOLZ9iqwI7hXcmL4fVfIsBi6AN9YxRc0frbvmg8f+4hQAjQ5GYNKK0DIArNo+rOKmR/iBYwkpBmnIwin4wBg==",
+
"@typescript-eslint/project-service@8.46.3_typescript@5.9.3": {
+
"integrity": "sha512-Fz8yFXsp2wDFeUElO88S9n4w1I4CWDTXDqDr9gYvZgUpwXQqmZBr9+NTTql5R3J7+hrJZPdpiWaB9VNhAKYLuQ==",
"dependencies": [
"@typescript-eslint/tsconfig-utils",
"@typescript-eslint/types",
···
"typescript"
]
},
-
"@typescript-eslint/scope-manager@8.46.2": {
-
"integrity": "sha512-LF4b/NmGvdWEHD2H4MsHD8ny6JpiVNDzrSZr3CsckEgCbAGZbYM4Cqxvi9L+WqDMT+51Ozy7lt2M+d0JLEuBqA==",
+
"@typescript-eslint/scope-manager@8.46.3": {
+
"integrity": "sha512-FCi7Y1zgrmxp3DfWfr+3m9ansUUFoy8dkEdeQSgA9gbm8DaHYvZCdkFRQrtKiedFf3Ha6VmoqoAaP68+i+22kg==",
"dependencies": [
"@typescript-eslint/types",
"@typescript-eslint/visitor-keys"
]
},
-
"@typescript-eslint/tsconfig-utils@8.46.2_typescript@5.9.3": {
-
"integrity": "sha512-a7QH6fw4S57+F5y2FIxxSDyi5M4UfGF+Jl1bCGd7+L4KsaUY80GsiF/t0UoRFDHAguKlBaACWJRmdrc6Xfkkag==",
+
"@typescript-eslint/tsconfig-utils@8.46.3_typescript@5.9.3": {
+
"integrity": "sha512-GLupljMniHNIROP0zE7nCcybptolcH8QZfXOpCfhQDAdwJ/ZTlcaBOYebSOZotpti/3HrHSw7D3PZm75gYFsOA==",
"dependencies": [
"typescript"
]
},
-
"@typescript-eslint/type-utils@8.46.2_eslint@9.38.0_typescript@5.9.3": {
-
"integrity": "sha512-HbPM4LbaAAt/DjxXaG9yiS9brOOz6fabal4uvUmaUYe6l3K1phQDMQKBRUrr06BQkxkvIZVVHttqiybM9nJsLA==",
+
"@typescript-eslint/type-utils@8.46.3_eslint@9.39.0_typescript@5.9.3": {
+
"integrity": "sha512-ZPCADbr+qfz3aiTTYNNkCbUt+cjNwI/5McyANNrFBpVxPt7GqpEYz5ZfdwuFyGUnJ9FdDXbGODUu6iRCI6XRXw==",
"dependencies": [
"@typescript-eslint/types",
"@typescript-eslint/typescript-estree",
···
"typescript"
]
},
-
"@typescript-eslint/types@8.46.2": {
-
"integrity": "sha512-lNCWCbq7rpg7qDsQrd3D6NyWYu+gkTENkG5IKYhUIcxSb59SQC/hEQ+MrG4sTgBVghTonNWq42bA/d4yYumldQ=="
+
"@typescript-eslint/types@8.46.3": {
+
"integrity": "sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA=="
},
-
"@typescript-eslint/typescript-estree@8.46.2_typescript@5.9.3": {
-
"integrity": "sha512-f7rW7LJ2b7Uh2EiQ+7sza6RDZnajbNbemn54Ob6fRwQbgcIn+GWfyuHDHRYgRoZu1P4AayVScrRW+YfbTvPQoQ==",
+
"@typescript-eslint/typescript-estree@8.46.3_typescript@5.9.3": {
+
"integrity": "sha512-f/NvtRjOm80BtNM5OQtlaBdM5BRFUv7gf381j9wygDNL+qOYSNOgtQ/DCndiYi80iIOv76QqaTmp4fa9hwI0OA==",
"dependencies": [
"@typescript-eslint/project-service",
"@typescript-eslint/tsconfig-utils",
···
"typescript"
]
},
-
"@typescript-eslint/utils@8.46.2_eslint@9.38.0_typescript@5.9.3": {
-
"integrity": "sha512-sExxzucx0Tud5tE0XqR0lT0psBQvEpnpiul9XbGUB1QwpWJJAps1O/Z7hJxLGiZLBKMCutjTzDgmd1muEhBnVg==",
+
"@typescript-eslint/utils@8.46.3_eslint@9.39.0_typescript@5.9.3": {
+
"integrity": "sha512-VXw7qmdkucEx9WkmR3ld/u6VhRyKeiF1uxWwCy/iuNfokjJ7VhsgLSOTjsol8BunSw190zABzpwdNsze2Kpo4g==",
"dependencies": [
"@eslint-community/eslint-utils",
"@typescript-eslint/scope-manager",
···
"typescript"
]
},
-
"@typescript-eslint/visitor-keys@8.46.2": {
-
"integrity": "sha512-tUFMXI4gxzzMXt4xpGJEsBsTox0XbNQ1y94EwlD/CuZwFcQP79xfQqMhau9HsRc/J0cAPA/HZt1dZPtGn9V/7w==",
+
"@typescript-eslint/visitor-keys@8.46.3": {
+
"integrity": "sha512-uk574k8IU0rOF/AjniX8qbLSGURJVUCeM5e4MIMKBFFi8weeiLrG1fyQejyLXQpRZbU/1BuQasleV/RfHC3hHg==",
"dependencies": [
"@typescript-eslint/types",
"eslint-visitor-keys@4.2.1"
···
"tapable"
]
},
-
"esbuild@0.25.11": {
-
"integrity": "sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==",
+
"esbuild@0.25.12": {
+
"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
"optionalDependencies": [
"@esbuild/aix-ppc64",
"@esbuild/android-arm",
···
"escape-string-regexp@4.0.0": {
"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
},
-
"eslint-config-prettier@10.1.8_eslint@9.38.0": {
+
"eslint-config-prettier@10.1.8_eslint@9.39.0": {
"integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
"dependencies": [
"eslint"
],
"bin": true
},
-
"eslint-plugin-svelte@3.13.0_eslint@9.38.0_svelte@5.43.1__acorn@8.15.0_postcss@8.5.6": {
+
"eslint-plugin-svelte@3.13.0_eslint@9.39.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6": {
"integrity": "sha512-2ohCCQJJTNbIpQCSDSTWj+FN0OVfPmSO03lmSNT7ytqMaWF6kpT86LdzDqtm4sh7TVPl/OEWJ/d7R87bXP2Vjg==",
"dependencies": [
"@eslint-community/eslint-utils",
"@jridgewell/sourcemap-codec",
"eslint",
"esutils",
-
"globals@16.4.0",
+
"globals@16.5.0",
"known-css-properties",
"postcss",
"postcss-load-config",
···
"eslint-visitor-keys@4.2.1": {
"integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="
},
-
"eslint@9.38.0": {
-
"integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
+
"eslint@9.39.0": {
+
"integrity": "sha512-iy2GE3MHrYTL5lrCtMZ0X1KLEKKUjmK0kzwcnefhR66txcEmXZD2YWgR5GNdcEwkNx3a0siYkSvl0vIC+Svjmg==",
"dependencies": [
"@eslint-community/eslint-utils",
"@eslint-community/regexpp",
"@eslint/config-array",
"@eslint/config-helpers",
-
"@eslint/core@0.16.0",
+
"@eslint/core",
"@eslint/eslintrc",
"@eslint/js",
"@eslint/plugin-kit",
···
"estraverse"
},
-
"esrap@2.1.1": {
-
"integrity": "sha512-ebTT9B6lOtZGMgJ3o5r12wBacHctG7oEWazIda8UlPfA3HD/Wrv8FdXoVo73vzdpwCxNyXjPauyN2bbJzMkB9A==",
+
"esrap@2.1.2": {
+
"integrity": "sha512-DgvlIQeowRNyvLPWW4PT7Gu13WznY288Du086E751mwwbsgr29ytBiYeLzAGIo0qk3Ujob0SDk8TiSaM5WQzNg==",
"dependencies": [
"@jridgewell/sourcemap-codec"
···
"globals@14.0.0": {
"integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="
},
-
"globals@16.4.0": {
-
"integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw=="
+
"globals@16.5.0": {
+
"integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ=="
},
"graceful-fs@4.2.11": {
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
···
"prelude-ls@1.2.1": {
"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
},
-
"prettier-plugin-svelte@3.4.0_prettier@3.6.2_svelte@5.43.1__acorn@8.15.0": {
+
"prettier-plugin-svelte@3.4.0_prettier@3.6.2_svelte@5.43.2__acorn@8.15.0": {
"integrity": "sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==",
"dependencies": [
"prettier",
"svelte"
},
-
"prettier-plugin-tailwindcss@0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.1___acorn@8.15.0_svelte@5.43.1__acorn@8.15.0": {
+
"prettier-plugin-tailwindcss@0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.2___acorn@8.15.0_svelte@5.43.2__acorn@8.15.0": {
"integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",
"dependencies": [
"prettier",
···
"has-flag"
},
-
"svelte-awesome-color-picker@4.1.0_svelte@5.43.1__acorn@8.15.0": {
+
"svelte-awesome-color-picker@4.1.0_svelte@5.43.2__acorn@8.15.0": {
"integrity": "sha512-afiSB3eTBlqu96f4+rjBvqG3eCaLwuneNYHe587Wr4Ien6yQWeztGZunPT0FmiI7wFFBVNUlJQLYutII8LfQUg==",
"dependencies": [
"colord",
···
"svelte-awesome-slider"
},
-
"svelte-awesome-slider@2.0.0_svelte@5.43.1__acorn@8.15.0": {
+
"svelte-awesome-slider@2.0.0_svelte@5.43.2__acorn@8.15.0": {
"integrity": "sha512-YBkOdYm1Feaqsn2JkJBRs+Kc/X3Qy/3GuVmI7GmoYDjBaHkjx9uH4khTuED22z57Hg3gGWeDhp/clIjWDdLNaw==",
"dependencies": [
"svelte"
},
-
"svelte-check@4.3.3_svelte@5.43.1__acorn@8.15.0_typescript@5.9.3": {
+
"svelte-check@4.3.3_svelte@5.43.2__acorn@8.15.0_typescript@5.9.3": {
"integrity": "sha512-RYP0bEwenDXzfv0P1sKAwjZSlaRyqBn0Fz1TVni58lqyEiqgwztTpmodJrGzP6ZT2aHl4MbTvWP6gbmQ3FOnBg==",
"dependencies": [
"@jridgewell/trace-mapping",
···
],
"bin": true
},
-
"svelte-eslint-parser@1.4.0_svelte@5.43.1__acorn@8.15.0_postcss@8.5.6": {
+
"svelte-device-info@1.0.6": {
+
"integrity": "sha512-G13YYkxnlz5AryOps8KFHFt8+5Ne7JiZgTxtYEXLVBF4UAwu9I1F+Xcd9rfhTZqUUtF9fm4qJpSi3I6p1JUt6Q==",
+
"dependencies": [
+
"tslib"
+
]
+
},
+
"svelte-eslint-parser@1.4.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6": {
"integrity": "sha512-fjPzOfipR5S7gQ/JvI9r2H8y9gMGXO3JtmrylHLLyahEMquXI0lrebcjT+9/hNgDej0H7abTyox5HpHmW1PSWA==",
"dependencies": [
"eslint-scope",
···
"svelte"
},
-
"svelte-infinite@0.5.1_svelte@5.43.1__acorn@8.15.0": {
+
"svelte-infinite@0.5.1_svelte@5.43.2__acorn@8.15.0": {
"integrity": "sha512-NvpYWrHPcLHZQMnqUXgKGpOSMq9kMQ6sa8+WO80jLrgBFX+LWoKvAsrc1d1g+eiaagNAE9HalWWJ4KDtYi/+sw==",
"dependencies": [
"svelte"
},
-
"svelte@5.43.1_acorn@8.15.0": {
-
"integrity": "sha512-HwXMvQbSFZD5AqmjXzc1bJ1qPFM+iMyUwttmZjtCruIPLz7tG3RYFfzICotaf9HaR5qszzzTRe2rE/ps4mxGLg==",
+
"svelte-portal@2.2.1": {
+
"integrity": "sha512-uF7is5sM4aq5iN7QF/67XLnTUvQCf2iiG/B1BHTqLwYVY1dsVmTeXZ/LeEyU6dLjApOQdbEG9lkqHzxiQtOLEQ=="
+
},
+
"svelte@5.43.2_acorn@8.15.0": {
+
"integrity": "sha512-ro1umEzX8rT5JpCmlf0PPv7ncD8MdVob9e18bhwqTKNoLjS8kDvhVpaoYVPc+qMwDAOfcwJtyY7ZFSDbOaNPgA==",
"dependencies": [
"@jridgewell/remapping",
"@jridgewell/sourcemap-codec",
···
"typescript"
},
+
"tslib@2.8.1": {
+
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+
},
"type-check@0.4.0": {
"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
"dependencies": [
"prelude-ls"
},
-
"typescript-eslint@8.46.2_eslint@9.38.0_typescript@5.9.3_@typescript-eslint+parser@8.46.2__eslint@9.38.0__typescript@5.9.3": {
-
"integrity": "sha512-vbw8bOmiuYNdzzV3lsiWv6sRwjyuKJMQqWulBOU7M0RrxedXledX8G8kBbQeiOYDnTfiXz0Y4081E1QMNB6iQg==",
+
"typescript-eslint@8.46.3_eslint@9.39.0_typescript@5.9.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3": {
+
"integrity": "sha512-bAfgMavTuGo+8n6/QQDVQz4tZ4f7Soqg53RbrlZQEoAltYop/XR4RAts/I0BrO3TTClTSTFJ0wYbla+P8cEWJA==",
"dependencies": [
"@typescript-eslint/eslint-plugin",
"@typescript-eslint/parser",
···
"util-deprecate@1.0.2": {
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
},
-
"vite@7.1.12_@types+node@24.9.2_picomatch@4.0.3": {
+
"vite@7.1.12_@types+node@24.10.0_picomatch@4.0.3": {
"integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",
"dependencies": [
"@types/node",
···
],
"bin": true
},
-
"vitefu@1.1.1_vite@7.1.12__@types+node@24.9.2__picomatch@4.0.3_@types+node@24.9.2": {
+
"vitefu@1.1.1_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {
"integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",
"dependencies": [
"vite"
···
"workspace": {
"packageJson": {
"dependencies": [
-
"npm:@atcute/atproto@^3.1.7",
-
"npm:@atcute/bluesky@^3.2.7",
+
"npm:@atcute/atproto@^3.1.8",
+
"npm:@atcute/bluesky@^3.2.9",
"npm:@atcute/client@^4.0.5",
"npm:@atcute/identity-resolver@^1.1.4",
"npm:@atcute/identity@^1.1.1",
"npm:@atcute/lexicons@^1.2.2",
"npm:@atcute/oauth-browser-client@^2.0.1",
"npm:@atcute/tid@^1.0.3",
-
"npm:@eslint/compat@^1.4.0",
-
"npm:@eslint/js@^9.36.0",
-
"npm:@iconify/svelte@^5.0.2",
+
"npm:@eslint/compat@^1.4.1",
+
"npm:@eslint/js@^9.39.0",
+
"npm:@floating-ui/dom@^1.7.4",
+
"npm:@iconify/svelte@^5.1.0",
"npm:@soffinal/websocket@~0.2.1",
"npm:@sveltejs/adapter-static@^3.0.10",
-
"npm:@sveltejs/kit@^2.43.2",
-
"npm:@sveltejs/vite-plugin-svelte@^6.2.0",
+
"npm:@sveltejs/kit@^2.48.4",
+
"npm:@sveltejs/vite-plugin-svelte@^6.2.1",
"npm:@tailwindcss/forms@~0.5.10",
-
"npm:@tailwindcss/vite@^4.1.13",
-
"npm:@types/node@24",
+
"npm:@tailwindcss/vite@^4.1.16",
+
"npm:@types/node@^24.10.0",
"npm:@wora/cache-persist@^2.2.1",
"npm:eslint-config-prettier@^10.1.8",
-
"npm:eslint-plugin-svelte@^3.12.4",
-
"npm:eslint@^9.36.0",
-
"npm:globals@^16.4.0",
+
"npm:eslint-plugin-svelte@^3.13.0",
+
"npm:eslint@^9.39.0",
+
"npm:globals@^16.5.0",
"npm:hash-wasm@^4.12.0",
"npm:lru-cache@^11.2.2",
"npm:prettier-plugin-svelte@^3.4.0",
"npm:prettier-plugin-tailwindcss@~0.6.14",
"npm:prettier@^3.6.2",
-
"npm:svelte-awesome-color-picker@^4.0.2",
-
"npm:svelte-check@^4.3.2",
-
"npm:svelte-infinite@0.5",
-
"npm:svelte@^5.39.5",
-
"npm:tailwindcss@^4.1.13",
-
"npm:typescript-eslint@^8.44.1",
-
"npm:typescript@^5.9.2",
-
"npm:vite@^7.1.7"
+
"npm:svelte-awesome-color-picker@^4.1.0",
+
"npm:svelte-check@^4.3.3",
+
"npm:svelte-device-info@^1.0.6",
+
"npm:svelte-infinite@~0.5.1",
+
"npm:svelte-portal@^2.2.1",
+
"npm:svelte@^5.43.2",
+
"npm:tailwindcss@^4.1.16",
+
"npm:typescript-eslint@^8.46.3",
+
"npm:typescript@^5.9.3",
+
"npm:vite@^7.1.12"
+1 -1
nix/modules.nix
···
];
};
-
outputHash = "sha256-glfh3vNy9U0w7CjgFADAwb0qg/tzC0H97EY7zSjTgaQ=";
+
outputHash = "sha256-s5rq8htDjR0I8MxPtLq1NYIywXGEdYbZZvE7I5+TCIU=";
outputHashAlgo = "sha256";
outputHashMode = "recursive";
+24 -21
package.json
···
"version": "0.0.1",
"type": "module",
"scripts": {
-
"dev": "vite dev",
+
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"prepare": "svelte-kit sync || echo ''",
···
"lint": "prettier --check . && eslint ."
},
"dependencies": {
-
"@atcute/atproto": "^3.1.7",
-
"@atcute/bluesky": "^3.2.7",
+
"@atcute/atproto": "^3.1.8",
+
"@atcute/bluesky": "^3.2.9",
"@atcute/client": "^4.0.5",
"@atcute/identity": "^1.1.1",
"@atcute/identity-resolver": "^1.1.4",
"@atcute/lexicons": "^1.2.2",
"@atcute/oauth-browser-client": "^2.0.1",
"@atcute/tid": "^1.0.3",
+
"@floating-ui/dom": "^1.7.4",
"@soffinal/websocket": "^0.2.1",
"@wora/cache-persist": "^2.2.1",
"hash-wasm": "^4.12.0",
"lru-cache": "^11.2.2",
-
"svelte-infinite": "^0.5.0"
+
"svelte-device-info": "^1.0.6",
+
"svelte-infinite": "^0.5.1",
+
"svelte-portal": "^2.2.1"
},
"devDependencies": {
-
"@eslint/compat": "^1.4.0",
-
"@eslint/js": "^9.36.0",
-
"@iconify/svelte": "^5.0.2",
+
"@eslint/compat": "^1.4.1",
+
"@eslint/js": "^9.39.0",
+
"@iconify/svelte": "^5.1.0",
"@sveltejs/adapter-static": "^3.0.10",
-
"@sveltejs/kit": "^2.43.2",
-
"@sveltejs/vite-plugin-svelte": "^6.2.0",
+
"@sveltejs/kit": "^2.48.4",
+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
"@tailwindcss/forms": "^0.5.10",
-
"@tailwindcss/vite": "^4.1.13",
-
"@types/node": "^24",
-
"eslint": "^9.36.0",
+
"@tailwindcss/vite": "^4.1.16",
+
"@types/node": "^24.10.0",
+
"eslint": "^9.39.0",
"eslint-config-prettier": "^10.1.8",
-
"eslint-plugin-svelte": "^3.12.4",
-
"globals": "^16.4.0",
+
"eslint-plugin-svelte": "^3.13.0",
+
"globals": "^16.5.0",
"prettier": "^3.6.2",
"prettier-plugin-svelte": "^3.4.0",
"prettier-plugin-tailwindcss": "^0.6.14",
-
"svelte": "^5.39.5",
-
"svelte-awesome-color-picker": "^4.0.2",
-
"svelte-check": "^4.3.2",
-
"tailwindcss": "^4.1.13",
-
"typescript": "^5.9.2",
-
"typescript-eslint": "^8.44.1",
-
"vite": "^7.1.7"
+
"svelte": "^5.43.2",
+
"svelte-awesome-color-picker": "^4.1.0",
+
"svelte-check": "^4.3.3",
+
"tailwindcss": "^4.1.16",
+
"typescript": "^5.9.3",
+
"typescript-eslint": "^8.46.3",
+
"vite": "^7.1.12"
}
}
resources/screenshot.png

This is a binary file and will not be displayed.

+25 -1
src/app.css
···
@import 'tailwindcss';
+
@plugin '@tailwindcss/forms';
@theme {
···
}
@utility single-line-input {
-
@apply w-full rounded-sm border-2 px-3 py-2 font-medium transition-all focus:scale-[1.02] focus:shadow-lg focus:outline-none;
+
@apply w-full rounded-sm border-2 border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3 px-3 py-2 font-medium transition-all;
+
&:focus {
+
@apply scale-[1.02] border-(--nucleus-accent)/80 bg-(--nucleus-accent)/10 [box-shadow:none] outline-none;
+
}
}
@utility action-button {
···
@apply hover:cursor-pointer;
}
+
a {
+
&:hover {
+
@apply cursor-pointer underline;
+
}
+
}
+
.grain:before {
content: '';
background-color: transparent;
···
--picker-height: 8rem;
--picker-width: 8rem;
}
+
+
.animate-pulse-highlight {
+
animation: pulse-highlight 0.6s ease-in-out 3;
+
}
+
+
@keyframes pulse-highlight {
+
0%,
+
100% {
+
box-shadow: 0 0 0 0 var(--nucleus-selected-post);
+
}
+
50% {
+
box-shadow: 0 0 20px 5px var(--nucleus-selected-post);
+
}
+
}
+78 -98
src/components/AccountSelector.svelte
···
import ProfilePicture from './ProfilePicture.svelte';
import PfpPlaceholder from './PfpPlaceholder.svelte';
import Popup from './Popup.svelte';
+
import Dropdown from './Dropdown.svelte';
import { flow } from '$lib/at/oauth';
import { isHandle, type AtprotoDid } from '@atcute/lexicons/syntax';
import Icon from '@iconify/svelte';
···
let loginError = $state('');
let isLoggingIn = $state(false);
-
const toggleDropdown = (e: MouseEvent) => {
-
e.stopPropagation();
-
isDropdownOpen = !isDropdownOpen;
-
};
+
const toggleDropdown = () => (isDropdownOpen = !isDropdownOpen);
+
const closeDropdown = () => (isDropdownOpen = false);
const selectAccount = (did: AtprotoDid) => {
onAccountSelected(did);
-
isDropdownOpen = false;
+
closeDropdown();
};
const openLoginModal = () => {
isLoginModalOpen = true;
-
isDropdownOpen = false;
+
closeDropdown();
loginHandle = '';
loginError = '';
// HACK: i hate this but it works so it doesnt really matter
···
let did = await client.resolveHandle(handle);
if (!did.ok) throw did.error;
-
loggingIn.set({ did: did.value, handle });
-
const result = await flow.start(handle);
-
if (!result.ok) throw result.error;
+
await initiateLogin(did.value, handle);
} catch (error) {
loginError = `login failed: ${error}`;
loggingIn.set(null);
···
}
};
-
const handleKeydown = (event: KeyboardEvent) => {
-
if (event.key === 'Enter' && !isLoggingIn) handleLogin();
+
const initiateLogin = async (did: AtprotoDid, handle: Handle | null) => {
+
loggingIn.set({ did, handle });
+
const result = await flow.start(handle ?? did);
+
if (!result.ok) throw result.error;
};
-
const closeDropdown = () => {
-
isDropdownOpen = false;
+
const handleKeydown = (event: KeyboardEvent) => {
+
if (event.key === 'Enter' && !isLoggingIn) handleLogin();
};
</script>
-
<svelte:window onclick={closeDropdown} />
+
<Dropdown
+
class="min-w-52 rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl"
+
bind:isOpen={isDropdownOpen}
+
placement="top-start"
+
>
+
{#snippet trigger()}
+
<button
+
onclick={toggleDropdown}
+
class="flex h-13 w-13 items-center justify-center rounded-sm shadow-md transition-all hover:scale-110 hover:shadow-xl hover:saturate-150"
+
>
+
{#if selectedDid}
+
<ProfilePicture {client} did={selectedDid} size={13} />
+
{:else}
+
<PfpPlaceholder color="var(--nucleus-accent)" size={13} />
+
{/if}
+
</button>
+
{/snippet}
-
<div class="relative">
-
<button
-
onclick={toggleDropdown}
-
class="flex h-16 w-16 items-center justify-center rounded-sm shadow-lg transition-all hover:scale-105 hover:shadow-xl"
-
>
-
{#if selectedDid}
-
<ProfilePicture {client} did={selectedDid} size={15} />
-
{:else}
-
<PfpPlaceholder color="var(--nucleus-accent)" size={15} />
-
{/if}
-
</button>
+
{#if accounts.length > 0}
+
<div class="p-2">
+
{#each accounts as account (account.did)}
+
{@const color = generateColorForDid(account.did)}
+
{#snippet action(name: string, icon: string, onClick: () => void)}
+
<!-- svelte-ignore a11y_click_events_have_key_events -->
+
<!-- svelte-ignore a11y_no_static_element_interactions -->
+
<div
+
title={name}
+
onclick={onClick}
+
class="hidden text-(--nucleus-accent) transition-all group-hover:block hover:scale-[1.2] hover:shadow-md"
+
>
+
<Icon class="h-5 w-5" {icon} />
+
</div>
+
{/snippet}
+
<button
+
onclick={() => selectAccount(account.did)}
+
class="
+
group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all
+
{account.did === selectedDid ? 'shadow-lg' : ''}
+
"
+
style="color: {color}; background: {account.did === selectedDid
+
? `linear-gradient(135deg, color-mix(in srgb, var(--nucleus-accent) 20%, transparent), color-mix(in srgb, var(--nucleus-accent2) 20%, transparent))`
+
: 'transparent'};"
+
>
+
<span>@{account.handle}</span>
-
{#if isDropdownOpen}
-
<!-- svelte-ignore a11y_click_events_have_key_events -->
-
<!-- svelte-ignore a11y_no_static_element_interactions -->
-
<div
-
class="absolute left-0 z-10 mt-3 min-w-52 animate-fade-in-scale-fast overflow-hidden rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg)/94 shadow-2xl backdrop-blur-lg transition-all"
-
onclick={(e) => e.stopPropagation()}
-
>
-
{#if accounts.length > 0}
-
<div class="p-2">
-
{#each accounts as account (account.did)}
-
{@const color = generateColorForDid(account.did)}
-
<button
-
onclick={() => selectAccount(account.did)}
-
class="
-
group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all
-
{account.did === selectedDid ? 'shadow-lg' : ''}
-
"
-
style="color: {color}; background: {account.did === selectedDid
-
? `linear-gradient(135deg, color-mix(in srgb, var(--nucleus-accent) 20%, transparent), color-mix(in srgb, var(--nucleus-accent2) 20%, transparent))`
-
: 'transparent'};"
-
>
-
<span>@{account.handle}</span>
-
<svg
-
xmlns="http://www.w3.org/2000/svg"
-
onclick={() => onLogout(account.did)}
-
class="ml-auto hidden h-5 w-5 text-(--nucleus-accent) transition-all group-hover:block hover:scale-[1.2] hover:shadow-md"
-
width="24"
-
height="24"
-
viewBox="0 0 20 20"
-
><path
-
fill="currentColor"
-
fill-rule="evenodd"
-
d="M8.75 1A2.75 2.75 0 0 0 6 3.75v.443q-1.193.115-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022l.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52l.149.023a.75.75 0 0 0 .23-1.482A41 41 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1zM10 4q1.26 0 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325Q8.74 4 10 4M8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06z"
-
clip-rule="evenodd"
-
/></svg
-
>
+
<div class="grow"></div>
-
{#if account.did === selectedDid}
-
<svg
-
xmlns="http://www.w3.org/2000/svg"
-
class="ml-auto h-5 w-5 text-(--nucleus-accent) group-hover:hidden"
-
width="24"
-
height="24"
-
viewBox="0 0 24 24"
-
><path
-
fill="currentColor"
-
fill-rule="evenodd"
-
d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353l8.493-12.74a.75.75 0 0 1 1.04-.207"
-
clip-rule="evenodd"
-
stroke-width="1.5"
-
stroke="currentColor"
-
/></svg
-
>
-
{/if}
-
</button>
-
{/each}
-
</div>
-
<div class="mx-2 h-px bg-linear-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"></div>
-
{/if}
-
<button
-
onclick={openLoginModal}
-
class="group flex w-full origin-left items-center gap-3 p-3 text-left text-sm font-semibold text-(--nucleus-accent) transition-all hover:scale-[1.1]"
-
>
-
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-
<path
-
stroke-linecap="round"
-
stroke-linejoin="round"
-
stroke-width="2.5"
-
d="M12 4v16m8-8H4"
-
/>
-
</svg>
-
<span>add account</span>
-
</button>
+
{@render action('relogin', 'heroicons:arrow-path-rounded-square-solid', () =>
+
initiateLogin(account.did, account.handle)
+
)}
+
{@render action('logout', 'heroicons:trash-solid', () => onLogout(account.did))}
+
+
{#if account.did === selectedDid}
+
<Icon
+
icon="heroicons:check-16-solid"
+
class="h-5 w-5 scale-125 text-(--nucleus-accent) group-hover:hidden"
+
/>
+
{/if}
+
</button>
+
{/each}
</div>
+
<div class="mx-2 h-px bg-linear-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"></div>
{/if}
-
</div>
+
<button
+
onclick={openLoginModal}
+
class="group flex w-full origin-left items-center gap-3 p-3 text-left text-sm font-semibold text-(--nucleus-accent) transition-all hover:scale-[1.1]"
+
>
+
<Icon class="h-5 w-5 scale-[130%]" icon="heroicons:plus-16-solid" />
+
<span>add account</span>
+
</button>
+
</Dropdown>
<Popup bind:isOpen={isLoginModalOpen} onClose={closeLoginModal} title="add account">
<!-- svelte-ignore a11y_no_static_element_interactions -->
+440 -149
src/components/BskyPost.svelte
···
<script lang="ts">
import { type AtpClient } from '$lib/at/client';
-
import { AppBskyFeedPost } from '@atcute/bluesky';
+
import {
+
AppBskyActorProfile,
+
AppBskyEmbedExternal,
+
AppBskyEmbedImages,
+
AppBskyEmbedVideo,
+
AppBskyFeedPost
+
} from '@atcute/bluesky';
import {
parseCanonicalResourceUri,
type ActorIdentifier,
···
import BskyPost from './BskyPost.svelte';
import Icon from '@iconify/svelte';
import { type Backlink, type BacklinksSource } from '$lib/at/constellation';
-
import { postActions, type PostActions } from '$lib/state.svelte';
+
import { clients, postActions, posts, pulsingPostId, type PostActions } from '$lib/state.svelte';
import * as TID from '@atcute/tid';
import type { PostWithUri } from '$lib/at/fetch';
import { onMount } from 'svelte';
-
import type { AtprotoDid } from '@atcute/lexicons/syntax';
+
import { isActorIdentifier, type AtprotoDid } from '@atcute/lexicons/syntax';
+
import { derived } from 'svelte/store';
+
import Device from 'svelte-device-info';
+
import Dropdown from './Dropdown.svelte';
+
import { type AppBskyEmbeds } from '$lib/at/types';
+
import { settings } from '$lib/settings';
interface Props {
client: AtpClient;
···
did: Did;
rkey: RecordKey;
// replyBacklinks?: Backlinks;
-
depth?: number;
+
quoteDepth?: number;
data?: PostWithUri;
mini?: boolean;
isOnPostComposer?: boolean;
···
client,
did,
rkey,
-
depth = 0,
+
quoteDepth = 0,
data,
mini,
onQuote,
···
isOnPostComposer = false /* replyBacklinks */
}: Props = $props();
-
const selectedDid = $derived(client.didDoc?.did ?? null);
+
const selectedDid = $derived(client.user?.did ?? null);
+
const actionClient = $derived(clients.get(did as AtprotoDid));
const aturi: CanonicalResourceUri = `at://${did}/app.bsky.feed.post/${rkey}`;
const color = generateColorForDid(did);
···
const post = data
? Promise.resolve(ok(data))
: client.getRecord(AppBskyFeedPost.mainSchema, did, rkey);
+
let profile: AppBskyActorProfile.Main | null = $state(null);
+
onMount(async () => {
+
const p = await client.getProfile(did);
+
if (!p.ok) return;
+
profile = p.value;
+
console.log(profile.description);
+
});
// const replies = replyBacklinks
// ? Promise.resolve(ok(replyBacklinks))
// : client.getBacklinks(
···
// 'app.bsky.feed.post:reply.parent.uri'
// );
+
const postId = `timeline-post-${aturi}-${quoteDepth}`;
+
const isPulsing = derived(pulsingPostId, (pulsingPostId) => pulsingPostId === postId);
+
+
const scrollToAndPulse = (targetUri: ResourceUri) => {
+
const targetId = `timeline-post-${targetUri}-0`;
+
console.log(`Scrolling to ${targetId}`);
+
const element = document.getElementById(targetId);
+
if (!element) return;
+
+
element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+
+
setTimeout(() => {
+
document.documentElement.style.setProperty(
+
'--nucleus-selected-post',
+
generateColorForDid(expect(parseCanonicalResourceUri(targetUri)).repo)
+
);
+
pulsingPostId.set(targetId);
+
// Clear pulse after animation
+
setTimeout(() => pulsingPostId.set(null), 1200);
+
}, 400);
+
};
+
const getEmbedText = (embedType: string) => {
switch (embedType) {
case 'app.bsky.embed.external':
···
}
return link;
};
+
+
let actionsOpen = $state(false);
+
let actionsPos = $state({ x: 0, y: 0 });
+
+
const handleRightClick = (event: MouseEvent) => {
+
actionsOpen = true;
+
actionsPos = { x: event.clientX, y: event.clientY };
+
event.preventDefault();
+
event.stopPropagation();
+
};
+
+
let deleteState: 'waiting' | 'confirm' | 'deleted' = $state('waiting');
+
$effect(() => {
+
if (deleteState === 'confirm' && !actionsOpen) deleteState = 'waiting';
+
});
+
+
const deletePost = () => {
+
if (deleteState === 'deleted') return;
+
if (deleteState === 'waiting') {
+
deleteState = 'confirm';
+
return;
+
}
+
+
actionClient?.atcute
+
?.post('com.atproto.repo.deleteRecord', {
+
input: {
+
collection: 'app.bsky.feed.post',
+
repo: did,
+
rkey
+
}
+
})
+
.then((result) => {
+
if (!result.ok) return;
+
posts.get(did)?.delete(aturi);
+
deleteState = 'deleted';
+
});
+
actionsOpen = false;
+
};
+
+
let profileOpen = $state(false);
+
let profilePopoutShowDid = $state(false);
</script>
-
{#snippet embedBadge(record: AppBskyFeedPost.Main)}
-
{#if record.embed}
-
<span
-
class="rounded-full px-2.5 py-0.5 text-xs font-medium"
-
style="background: color-mix(in srgb, {mini
-
? 'var(--nucleus-fg)'
-
: color} 10%, transparent); color: {mini ? 'var(--nucleus-fg)' : color};"
-
>
-
{getEmbedText(record.embed.$type)}
-
</span>
-
{/if}
+
{#snippet embedBadge(embed: AppBskyEmbeds)}
+
<span
+
class="rounded-full px-2.5 py-0.5 text-xs font-medium"
+
style="
+
background: color-mix(in srgb, {mini ? 'var(--nucleus-fg)' : color} 10%, transparent);
+
color: {mini ? 'var(--nucleus-fg)' : color};
+
"
+
>
+
{getEmbedText(embed.$type!)}
+
</span>
+
{/snippet}
+
+
{#snippet profileInline()}
+
<button
+
class="
+
flex min-w-0 items-center gap-2 font-bold {isOnPostComposer ? 'contrast-200' : ''}
+
rounded-sm pr-1 transition-colors duration-100 ease-in-out hover:bg-white/10
+
"
+
style="color: {color};"
+
onclick={() => (profileOpen = !profileOpen)}
+
>
+
<ProfilePicture {client} {did} size={8} />
+
+
{#if profile}
+
<span class="w-min max-w-sm min-w-0 overflow-hidden text-nowrap overflow-ellipsis"
+
>{profile.displayName}</span
+
><span class="shrink-0 text-sm text-nowrap opacity-70">(@{handle})</span>
+
{:else}
+
{handle}
+
{/if}
+
</button>
+
{/snippet}
+
+
<!-- eslint-disable svelte/no-navigation-without-resolve -->
+
{#snippet profilePopout()}
+
{@const profileDesc = profile?.description?.trim() ?? ''}
+
<Dropdown
+
class="post-dropdown max-w-xl gap-2! p-2.5! backdrop-blur-3xl! backdrop-brightness-25!"
+
style="background: {color}36; border-color: {color}99;"
+
bind:isOpen={profileOpen}
+
trigger={profileInline}
+
>
+
<div class="flex items-center gap-2">
+
<ProfilePicture {client} {did} size={20} />
+
+
<div class="flex flex-col items-start overflow-hidden overflow-ellipsis">
+
<span class="mb-1.5 min-w-0 overflow-hidden text-2xl text-nowrap overflow-ellipsis">
+
{profile?.displayName ?? handle}
+
{#if profile?.pronouns}
+
<span class="shrink-0 text-sm text-nowrap opacity-60">({profile.pronouns})</span>
+
{/if}
+
</span>
+
<button
+
oncontextmenu={(e) => {
+
const node = e.target as Node;
+
const selection = window.getSelection() ?? new Selection();
+
const range = document.createRange();
+
range.selectNodeContents(node);
+
selection.removeAllRanges();
+
selection.addRange(range);
+
e.stopPropagation();
+
}}
+
onclick={() => (profilePopoutShowDid = !profilePopoutShowDid)}
+
class="mb-0.5 text-nowrap opacity-85 select-text hover:underline"
+
>
+
{profilePopoutShowDid ? did : `@${handle}`}
+
</button>
+
{#if profile?.website}
+
<a
+
target="_blank"
+
rel="noopener noreferrer"
+
href={profile.website}
+
class="text-sm text-nowrap opacity-60">{profile.website}</a
+
>
+
{/if}
+
</div>
+
</div>
+
+
{#if profileDesc.length > 0}
+
<p class="rounded-sm bg-black/25 p-1.5 text-wrap wrap-break-word">
+
{#each profileDesc.split(/(\s)/) as line, idx (idx)}
+
{#if line === '\n'}
+
<br />
+
{:else if isActorIdentifier(line.replace(/^@/, ''))}
+
<a
+
target="_blank"
+
rel="noopener noreferrer"
+
class="text-(--nucleus-accent2)"
+
href={`${$settings.socialAppUrl}/profile/${line.replace(/^@/, '')}`}>{line}</a
+
>
+
{:else if line.startsWith('https://')}
+
<a
+
target="_blank"
+
rel="noopener noreferrer"
+
class="text-(--nucleus-accent2)"
+
href={line}>{line.replace(/https?:\/\//, '')}</a
+
>
+
{:else}
+
{line}
+
{/if}
+
{/each}
+
</p>
+
{/if}
+
</Dropdown>
{/snippet}
{#if mini}
···
{:then post}
{#if post.ok}
{@const record = post.value.record}
-
<span style="color: {color};">@{handle}</span>: {@render embedBadge(record)}
-
<span title={record.text}>{record.text}</span>
+
<!-- svelte-ignore a11y_click_events_have_key_events -->
+
<!-- svelte-ignore a11y_no_static_element_interactions -->
+
<div
+
onclick={() => scrollToAndPulse(post.value.uri)}
+
class="select-none hover:cursor-pointer hover:underline"
+
>
+
<span style="color: {color};">@{handle}</span>:
+
{#if record.embed}
+
{@render embedBadge(record.embed)}
+
{/if}
+
<span title={record.text}>{record.text}</span>
+
</div>
{:else}
{post.error}
{/if}
···
style="background: {color}18; border-color: {color}66;"
>
<div
-
class="inline-block h-6 w-6 animate-spin rounded-full border-3 border-(--nucleus-accent) border-l-transparent"
+
class="
+
inline-block h-6 w-6 animate-spin rounded-full
+
border-3 border-(--nucleus-accent) border-l-transparent
+
"
></div>
<p class="mt-3 text-sm font-medium opacity-60">loading post...</p>
</div>
{:then post}
{#if post.ok}
{@const record = post.value.record}
+
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
-
class="rounded-sm border-2 p-2 shadow-lg backdrop-blur-sm transition-all"
-
style="background: {color}{isOnPostComposer
+
id="timeline-post-{post.value.uri}-{quoteDepth}"
+
oncontextmenu={handleRightClick}
+
class="
+
group rounded-sm border-2 p-2 shadow-lg backdrop-blur-sm transition-all
+
{$isPulsing ? 'animate-pulse-highlight' : ''}
+
{isOnPostComposer ? 'backdrop-brightness-20' : ''}
+
"
+
style="
+
background: {color}{isOnPostComposer
? '36'
-
: '18'}; border-color: {color}{isOnPostComposer ? '99' : '66'};"
+
: Math.floor(24.0 * (quoteDepth * 0.5 + 1.0)).toString(16)};
+
border-color: {color}{isOnPostComposer ? '99' : '66'};
+
"
>
<div
-
class="group mb-3 flex w-fit max-w-full items-center gap-1.5 rounded-sm pr-1"
+
class="
+
mb-3 flex w-fit max-w-full items-center gap-1 rounded-sm pr-1
+
"
style="background: {color}33;"
>
-
<ProfilePicture {client} {did} size={8} />
-
-
<span class="flex min-w-0 items-center gap-2 font-bold" style="color: {color};">
-
{#await client.getProfile(did)}
-
{handle}
-
{:then profile}
-
{#if profile.ok}
-
{@const profileValue = profile.value}
-
<span class="min-w-0 overflow-hidden text-nowrap overflow-ellipsis"
-
>{profileValue.displayName}</span
-
><span class="shrink-0 text-nowrap opacity-70">(@{handle})</span>
-
{:else}
-
{handle}
-
{/if}
-
{/await}
-
</span>
+
{@render profilePopout()}
<span>ยท</span>
-
<span class="text-nowrap text-(--nucleus-fg)/67"
-
>{getRelativeTime(new Date(record.createdAt))}</span
+
<span
+
title={new Date(record.createdAt).toLocaleString()}
+
class="pl-0.5 text-nowrap text-(--nucleus-fg)/67"
>
+
{getRelativeTime(new Date(record.createdAt))}
+
</span>
</div>
-
<p class="leading-relaxed text-wrap wrap-break-word">
+
<p class="leading-normal text-wrap wrap-break-word">
{record.text}
-
{#if isOnPostComposer}
-
{@render embedBadge(record)}
+
{#if isOnPostComposer && record.embed}
+
{@render embedBadge(record.embed)}
{/if}
</p>
{#if !isOnPostComposer && record.embed}
{@const embed = record.embed}
<div class="mt-2">
-
{#snippet embedPost(uri: ResourceUri)}
-
{#if depth < 2}
-
{@const parsedUri = expect(parseCanonicalResourceUri(uri))}
-
<!-- reject recursive quotes -->
-
{#if !(did === parsedUri.repo && rkey === parsedUri.rkey)}
-
<BskyPost
-
{client}
-
depth={depth + 1}
-
did={parsedUri.repo}
-
rkey={parsedUri.rkey}
-
{isOnPostComposer}
-
{onQuote}
-
{onReply}
-
/>
-
{:else}
-
<span>you think you're funny with that recursive quote but i'm onto you</span>
-
{/if}
-
{:else}
-
{@render embedBadge(record)}
-
{/if}
-
{/snippet}
-
{#if embed.$type === 'app.bsky.embed.images'}
-
<!-- todo: improve how images are displayed, and pop out on click -->
-
{#each embed.images as image (image.image)}
-
{#if isBlob(image.image)}
-
<img
-
class="rounded-sm"
-
src={img('feed_thumbnail', did, image.image.ref.$link)}
-
alt={image.alt}
-
/>
-
{/if}
-
{/each}
-
{:else if embed.$type === 'app.bsky.embed.video'}
-
{#if isBlob(embed.video)}
-
{#await didDoc then didDoc}
-
{#if didDoc.ok}
-
<!-- svelte-ignore a11y_media_has_caption -->
-
<video
-
class="rounded-sm"
-
src={blob(didDoc.value.pds, did, embed.video.ref.$link)}
-
controls
-
></video>
-
{/if}
-
{/await}
-
{/if}
-
{:else if embed.$type === 'app.bsky.embed.record'}
-
{@render embedPost(embed.record.uri)}
-
{:else if embed.$type === 'app.bsky.embed.recordWithMedia'}
-
{@render embedPost(embed.record.record.uri)}
-
{/if}
-
<!-- todo: implement external link embeds -->
+
{@render postEmbed(embed)}
</div>
{/if}
{#if !isOnPostComposer}
···
{/if}
</div>
{:else}
-
<div class="rounded-xl border-2 p-4" style="background: #ef444422; border-color: #ef4444;">
-
<p class="text-sm font-medium" style="color: #fca5a5;">error: {post.error}</p>
+
<div class="error-disclaimer">
+
<p class="text-sm font-medium">error: {post.error}</p>
</div>
{/if}
{/await}
{/if}
+
{#snippet postEmbed(embed: AppBskyEmbeds)}
+
{#snippet embedMedia(
+
embed: AppBskyEmbedImages.Main | AppBskyEmbedVideo.Main | AppBskyEmbedExternal.Main
+
)}
+
<!-- svelte-ignore a11y_no_static_element_interactions -->
+
<div oncontextmenu={(e) => e.stopPropagation()}>
+
{#if embed.$type === 'app.bsky.embed.images'}
+
<!-- todo: improve how images are displayed, and pop out on click -->
+
{#each embed.images as image (image.image)}
+
{#if isBlob(image.image)}
+
<img
+
class="w-full rounded-sm"
+
src={img('feed_thumbnail', did, image.image.ref.$link)}
+
alt={image.alt}
+
/>
+
{/if}
+
{/each}
+
{:else if embed.$type === 'app.bsky.embed.video'}
+
{#if isBlob(embed.video)}
+
{#await didDoc then didDoc}
+
{#if didDoc.ok}
+
<!-- svelte-ignore a11y_media_has_caption -->
+
<video
+
class="rounded-sm"
+
src={blob(didDoc.value.pds, did, embed.video.ref.$link)}
+
controls
+
></video>
+
{/if}
+
{/await}
+
{/if}
+
{/if}
+
</div>
+
{/snippet}
+
{#snippet embedPost(uri: ResourceUri)}
+
{#if quoteDepth < 2}
+
{@const parsedUri = expect(parseCanonicalResourceUri(uri))}
+
<!-- reject recursive quotes -->
+
{#if !(did === parsedUri.repo && rkey === parsedUri.rkey)}
+
<BskyPost
+
{client}
+
quoteDepth={quoteDepth + 1}
+
did={parsedUri.repo}
+
rkey={parsedUri.rkey}
+
{isOnPostComposer}
+
{onQuote}
+
{onReply}
+
/>
+
{:else}
+
<span>you think you're funny with that recursive quote but i'm onto you</span>
+
{/if}
+
{:else}
+
{@render embedBadge(embed)}
+
{/if}
+
{/snippet}
+
{#if embed.$type === 'app.bsky.embed.images' || embed.$type === 'app.bsky.embed.video'}
+
{@render embedMedia(embed)}
+
{:else if embed.$type === 'app.bsky.embed.record'}
+
{@render embedPost(embed.record.uri)}
+
{:else if embed.$type === 'app.bsky.embed.recordWithMedia'}
+
<div class="space-y-1.5">
+
{@render embedPost(embed.record.record.uri)}
+
{@render embedMedia(embed.media)}
+
</div>
+
{/if}
+
<!-- todo: implement external link embeds -->
+
{/snippet}
+
{#snippet postControls(post: PostWithUri, backlinks?: PostActions)}
-
<div
-
class="group mt-3 flex w-fit max-w-full items-center rounded-sm"
-
style="background: {color}1f;"
-
>
-
{#snippet label(
-
name: string,
-
icon: string,
-
onClick: (link: Backlink | null | undefined) => void,
-
backlink?: Backlink | null,
-
hasSolid?: boolean
-
)}
-
<button
-
class="px-2 py-1.5 text-(--nucleus-fg)/90 hover:[backdrop-filter:brightness(120%)]"
-
onclick={() => onClick(backlink)}
-
style="color: {backlink ? color : 'color-mix(in srgb, var(--nucleus-fg) 90%, transparent)'}"
-
title={name}
-
>
-
<Icon icon={hasSolid && backlink ? `${icon}-solid` : icon} width={20} />
-
</button>
-
{/snippet}
-
{@render label('reply', 'heroicons:chat-bubble-left', () => {
-
onReply?.(post);
-
})}
-
{@render label(
-
'repost',
-
'heroicons:arrow-path-rounded-square-20-solid',
-
async (link) => {
-
if (link === undefined) return;
-
postActions.set(`${selectedDid!}:${aturi}`, {
-
...backlinks!,
-
repost: await toggleLink(link, 'app.bsky.feed.repost')
-
});
-
},
-
backlinks?.repost
-
)}
-
{@render label('quote', 'heroicons:paper-clip-20-solid', () => {
-
onQuote?.(post);
-
})}
-
{@render label(
-
'like',
-
'heroicons:star',
-
async (link) => {
-
if (link === undefined) return;
-
postActions.set(`${selectedDid!}:${aturi}`, {
-
...backlinks!,
-
like: await toggleLink(link, 'app.bsky.feed.like')
-
});
-
},
-
backlinks?.like,
-
true
-
)}
+
{#snippet control(
+
name: string,
+
icon: string,
+
onClick: (e: MouseEvent) => void,
+
isFull?: boolean,
+
hasSolid?: boolean
+
)}
+
<button
+
class="
+
px-2 py-1.5 text-(--nucleus-fg)/90 transition-all
+
duration-100 hover:[backdrop-filter:brightness(120%)]
+
"
+
onclick={(e) => onClick(e)}
+
style="color: {isFull ? color : 'color-mix(in srgb, var(--nucleus-fg) 90%, transparent)'}"
+
title={name}
+
>
+
<Icon icon={hasSolid && isFull ? `${icon}-solid` : icon} width={20} />
+
</button>
+
{/snippet}
+
<div class="mt-3 flex w-full items-center justify-between">
+
<div class="flex w-fit items-center rounded-sm" style="background: {color}1f;">
+
{#snippet label(
+
name: string,
+
icon: string,
+
onClick: (link: Backlink | null | undefined) => void,
+
backlink?: Backlink | null,
+
hasSolid?: boolean
+
)}
+
{@render control(name, icon, () => onClick(backlink), backlink ? true : false, hasSolid)}
+
{/snippet}
+
{@render label('reply', 'heroicons:chat-bubble-left', () => {
+
onReply?.(post);
+
})}
+
{@render label(
+
'repost',
+
'heroicons:arrow-path-rounded-square-20-solid',
+
async (link) => {
+
if (link === undefined) return;
+
postActions.set(`${selectedDid!}:${aturi}`, {
+
...backlinks!,
+
repost: await toggleLink(link, 'app.bsky.feed.repost')
+
});
+
},
+
backlinks?.repost
+
)}
+
{@render label('quote', 'heroicons:paper-clip-20-solid', () => {
+
onQuote?.(post);
+
})}
+
{@render label(
+
'like',
+
'heroicons:star',
+
async (link) => {
+
if (link === undefined) return;
+
postActions.set(`${selectedDid!}:${aturi}`, {
+
...backlinks!,
+
like: await toggleLink(link, 'app.bsky.feed.like')
+
});
+
},
+
backlinks?.like,
+
true
+
)}
+
</div>
+
<Dropdown
+
class="post-dropdown"
+
style="background: {color}36; border-color: {color}99;"
+
bind:isOpen={actionsOpen}
+
bind:position={actionsPos}
+
placement="bottom-end"
+
>
+
{@render dropdownItem('heroicons:link-20-solid', 'copy link to post', () =>
+
navigator.clipboard.writeText(`${$settings.socialAppUrl}/profile/${did}/post/${rkey}`)
+
)}
+
{@render dropdownItem('heroicons:link-20-solid', 'copy at uri', () =>
+
navigator.clipboard.writeText(post.uri)
+
)}
+
{@render dropdownItem('heroicons:clipboard-20-solid', 'copy post text', () =>
+
navigator.clipboard.writeText(post.record.text)
+
)}
+
{#if actionClient}
+
<div class="my-0.75 h-px w-full opacity-60" style="background: {color};"></div>
+
{@render dropdownItem(
+
deleteState === 'confirm' ? 'heroicons:check-20-solid' : 'heroicons:trash-20-solid',
+
deleteState === 'confirm' ? 'are you sure?' : 'delete post',
+
deletePost,
+
false,
+
deleteState === 'confirm' ? 'text-red-500' : ''
+
)}
+
{/if}
+
+
{#snippet trigger()}
+
<div
+
class="
+
w-fit items-center rounded-sm transition-opacity
+
duration-100 ease-in-out group-hover:opacity-100
+
{!actionsOpen && !Device.isMobile ? 'opacity-0' : ''}
+
"
+
style="background: {color}1f;"
+
>
+
{@render control('actions', 'heroicons:ellipsis-horizontal-16-solid', (e) => {
+
e.stopPropagation();
+
actionsOpen = !actionsOpen;
+
actionsPos = { x: 0, y: 0 };
+
})}
+
</div>
+
{/snippet}
+
</Dropdown>
</div>
{/snippet}
+
+
{#snippet dropdownItem(
+
icon: string,
+
label: string,
+
onClick: () => void,
+
autoClose: boolean = true,
+
extraClass: string = ''
+
)}
+
<button
+
class="
+
flex items-center justify-between rounded-sm px-2 py-1.5
+
transition-all duration-100 hover:[backdrop-filter:brightness(120%)]
+
{extraClass}
+
"
+
onclick={() => {
+
onClick();
+
if (autoClose) actionsOpen = false;
+
}}
+
>
+
<span class="font-bold">{label}</span>
+
<Icon class="h-6 w-6" {icon} />
+
</button>
+
{/snippet}
+
+
<style>
+
@reference "../app.css";
+
+
:global(.post-dropdown) {
+
@apply flex min-w-54 flex-col gap-1 rounded-sm border-2 p-1 shadow-2xl backdrop-blur-xl backdrop-brightness-60;
+
}
+
</style>
+106
src/components/Dropdown.svelte
···
+
<script lang="ts">
+
import {
+
computePosition,
+
autoUpdate,
+
offset,
+
flip,
+
shift,
+
type Placement
+
} from '@floating-ui/dom';
+
import { onMount } from 'svelte';
+
import { portal } from 'svelte-portal';
+
import type { ClassValue } from 'svelte/elements';
+
+
interface Props {
+
class?: ClassValue;
+
style?: string;
+
isOpen?: boolean;
+
trigger?: import('svelte').Snippet;
+
children?: import('svelte').Snippet;
+
placement?: Placement;
+
offsetDistance?: number;
+
position?: { x: number; y: number };
+
}
+
+
let {
+
isOpen = $bindable(false),
+
trigger,
+
children,
+
placement = 'bottom-start',
+
offsetDistance = 2,
+
position = $bindable(),
+
...restProps
+
}: Props = $props();
+
+
let triggerRef: HTMLElement | undefined = $state();
+
let contentRef: HTMLElement | undefined = $state();
+
let cleanup: (() => void) | null = null;
+
+
const updatePosition = async () => {
+
const { x, y } = await computePosition(triggerRef!, contentRef!, {
+
placement,
+
middleware: [offset(offsetDistance), flip(), shift({ padding: 8 })],
+
strategy: 'fixed'
+
});
+
+
Object.assign(contentRef!.style, {
+
left: `${x}px`,
+
top: `${y}px`
+
});
+
};
+
+
const handleClose = () => (isOpen = false);
+
+
const isEventInElement = (event: MouseEvent, element: HTMLElement) => {
+
let rect = element.getBoundingClientRect();
+
let x = event.clientX;
+
let y = event.clientY;
+
return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+
};
+
+
const handleClickOutside = (event: MouseEvent) => {
+
if (!isOpen) return;
+
if (!isEventInElement(event, triggerRef!) && !isEventInElement(event, contentRef!))
+
handleClose();
+
};
+
+
const handleEscape = (event: KeyboardEvent) => {
+
if (event.key === 'Escape') handleClose();
+
};
+
+
const handleScroll = handleClose;
+
+
$effect(() => {
+
if (isOpen) {
+
cleanup = autoUpdate(triggerRef!, contentRef!, updatePosition);
+
} else if (cleanup) {
+
cleanup();
+
cleanup = null;
+
}
+
});
+
+
onMount(() => {
+
return () => {
+
if (cleanup) cleanup();
+
};
+
});
+
</script>
+
+
<svelte:window onkeydown={handleEscape} onmousedown={handleClickOutside} onscroll={handleScroll} />
+
+
<div role="button" tabindex="0" bind:this={triggerRef}>
+
{@render trigger?.()}
+
</div>
+
+
{#if isOpen}
+
<div
+
use:portal={'#app-root'}
+
bind:this={contentRef}
+
class="fixed z-9999 animate-fade-in-scale-fast overflow-hidden {restProps.class ?? ''}"
+
style={restProps.style}
+
role="menu"
+
tabindex="-1"
+
>
+
{@render children?.()}
+
</div>
+
{/if}
+30
src/components/NotificationsPopup.svelte
···
+
<script lang="ts">
+
import Popup from './Popup.svelte';
+
+
interface Props {
+
isOpen: boolean;
+
onClose: () => void;
+
}
+
+
let { isOpen = $bindable(false), onClose }: Props = $props();
+
+
const handleClose = () => {
+
onClose();
+
};
+
</script>
+
+
<Popup
+
bind:isOpen
+
onClose={handleClose}
+
title="notifications"
+
width="w-[42vmax] max-w-2xl"
+
height="60vh"
+
showHeaderDivider={true}
+
>
+
<div class="flex h-full items-center justify-center">
+
<div class="text-center">
+
<div class="mb-4 text-6xl opacity-50">๐Ÿšง</div>
+
<h3 class="text-xl font-bold opacity-80">todo</h3>
+
</div>
+
</div>
+
</Popup>
+10 -5
src/components/Popup.svelte
···
<script lang="ts">
import type { Snippet } from 'svelte';
+
import { portal } from 'svelte-portal';
interface Props {
isOpen: boolean;
···
const handleKeydown = (event: KeyboardEvent) => {
if (event.key === 'Escape') onClose();
};
+
+
$effect(() => {
+
document.body.style.overflow = isOpen ? 'hidden' : 'auto';
+
});
</script>
{#if isOpen}
<div
+
use:portal={'#app-root'}
class="fixed inset-0 z-50 flex items-center justify-center bg-(--nucleus-bg)/80 backdrop-blur-sm"
onclick={onClose}
onkeydown={handleKeydown}
···
<!-- svelte-ignore a11y_interactive_supports_focus -->
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div
-
class="flex {height === 'auto'
-
? ''
-
: 'h-[' +
-
height +
-
']'} {width} shrink animate-fade-in-scale flex-col rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl transition-all"
+
class="
+
flex {height === 'auto' ? '' : `h-[${height}]`} {width} shrink animate-fade-in-scale flex-col
+
rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl transition-all
+
"
style={height !== 'auto' ? `height: ${height}` : ''}
onclick={(e) => e.stopPropagation()}
role="dialog"
+106 -70
src/components/PostComposer.svelte
···
}: Props = $props();
let color = $derived(
-
client.didDoc?.did ? generateColorForDid(client.didDoc?.did) : 'var(--nucleus-accent)'
+
client.user?.did ? generateColorForDid(client.user?.did) : 'var(--nucleus-accent2)'
);
const post = async (text: string): Promise<Result<PostWithUri, string>> => {
···
const res = await client.atcute?.post('com.atproto.repo.createRecord', {
input: {
collection: 'app.bsky.feed.post',
-
repo: client.didDoc!.did,
+
repo: client.user!.did,
record
}
});
···
};
$effect(() => {
+
document.documentElement.style.setProperty('--acc-color', color);
if (isFocused && textareaEl) textareaEl.focus();
if (quoting || replying) isFocused = true;
});
</script>
-
<div class="relative min-h-16">
+
{#snippet renderPost(post: PostWithUri)}
+
{@const parsedUri = expect(parseCanonicalResourceUri(post.uri))}
+
<BskyPost
+
{client}
+
did={parsedUri.repo}
+
rkey={parsedUri.rkey}
+
data={post}
+
isOnPostComposer={true}
+
/>
+
{/snippet}
+
+
{#snippet composer()}
+
<div class="flex items-center gap-2">
+
<div class="grow"></div>
+
<span
+
class="text-sm font-medium"
+
style="color: color-mix(in srgb, {postText.length > 300
+
? '#ef4444'
+
: 'var(--nucleus-fg)'} 53%, transparent);"
+
>
+
{postText.length} / 300
+
</span>
+
<button
+
onmousedown={(e) => {
+
e.preventDefault();
+
doPost();
+
}}
+
disabled={postText.length === 0 || postText.length > 300}
+
class="action-button border-none px-5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"
+
style="background: color-mix(in srgb, {color} 87%, transparent);"
+
>
+
post
+
</button>
+
</div>
+
{#if replying}
+
{@render renderPost(replying)}
+
{/if}
+
<div class="composer space-y-2">
+
<textarea
+
bind:this={textareaEl}
+
bind:value={postText}
+
onfocus={() => (isFocused = true)}
+
onblur={unfocus}
+
onkeydown={(event) => {
+
if (event.key === 'Escape') unfocus();
+
if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();
+
}}
+
placeholder="what's on your mind?"
+
rows="4"
+
class="field-sizing-content resize-none"
+
></textarea>
+
{#if quoting}
+
{@render renderPost(quoting)}
+
{/if}
+
</div>
+
{/snippet}
+
+
<div class="relative min-h-13">
<!-- Spacer to maintain layout when focused -->
{#if isFocused}
-
<div class="min-h-16"></div>
+
<div class="min-h-13"></div>
{/if}
<!-- svelte-ignore a11y_no_static_element_interactions -->
···
e.preventDefault();
}
}}
-
class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300"
-
class:min-h-16={!isFocused}
-
class:items-center={!isFocused}
-
class:shadow-2xl={isFocused}
-
class:absolute={isFocused}
-
class:top-0={isFocused}
-
class:left-0={isFocused}
-
class:right-0={isFocused}
-
class:z-50={isFocused}
+
class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300
+
{!isFocused ? 'min-h-13 items-center' : ''}
+
{isFocused ? 'absolute right-0 bottom-0 left-0 z-50 shadow-2xl' : ''}"
style="background: {isFocused
-
? `color-mix(in srgb, var(--nucleus-bg) 80%, ${color} 20%)`
-
: `color-mix(in srgb, ${color} 9%, transparent)`};
+
? `color-mix(in srgb, var(--nucleus-bg) 75%, ${color})`
+
: `color-mix(in srgb, color-mix(in srgb, var(--nucleus-bg) 85%, ${color}) 70%, transparent)`};
border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);"
>
-
<div class="w-full p-2" class:py-3={isFocused}>
+
<div class="w-full p-1.5 px-2">
{#if info.length > 0}
<div
class="rounded-sm px-3 py-1.5 text-center font-medium text-nowrap overflow-ellipsis"
···
</div>
{:else}
<div class="flex flex-col gap-2">
-
{#snippet renderPost(post: PostWithUri)}
-
{@const parsedUri = expect(parseCanonicalResourceUri(post.uri))}
-
<BskyPost
-
{client}
-
did={parsedUri.repo}
-
rkey={parsedUri.rkey}
-
data={post}
-
isOnPostComposer={true}
-
/>
-
{/snippet}
{#if isFocused}
-
{#if replying}
-
{@render renderPost(replying)}
-
{/if}
-
<textarea
-
bind:this={textareaEl}
-
bind:value={postText}
-
onfocus={() => (isFocused = true)}
-
onblur={unfocus}
-
onkeydown={(event) => {
-
if (event.key === 'Escape') unfocus();
-
if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();
-
}}
-
placeholder="what's on your mind?"
-
rows="4"
-
class="field-sizing-content single-line-input resize-none bg-(--nucleus-bg)/40 focus:scale-100"
-
style="border-color: color-mix(in srgb, {color} 27%, transparent);"
-
></textarea>
-
{#if quoting}
-
{@render renderPost(quoting)}
-
{/if}
-
<div class="flex items-center gap-2">
-
<div class="grow"></div>
-
<span
-
class="text-sm font-medium"
-
style="color: color-mix(in srgb, {postText.length > 300
-
? '#ef4444'
-
: 'var(--nucleus-fg)'} 53%, transparent);"
-
>
-
{postText.length} / 300
-
</span>
-
<button
-
onmousedown={(e) => {
-
e.preventDefault();
-
doPost();
-
}}
-
disabled={postText.length === 0 || postText.length > 300}
-
class="action-button border-none px-5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"
-
style="background: color-mix(in srgb, {color} 87%, transparent);"
-
>
-
post
-
</button>
-
</div>
+
{@render composer()}
{:else}
<input
bind:value={postText}
onfocus={() => (isFocused = true)}
type="text"
placeholder="what's on your mind?"
-
class="single-line-input flex-1 bg-(--nucleus-bg)/40"
-
style="border-color: color-mix(in srgb, {color} 27%, transparent);"
+
class="flex-1"
/>
{/if}
</div>
···
</div>
</div>
</div>
+
+
<!-- TODO: this fucking blows -->
+
<style>
+
@reference "../app.css";
+
+
input,
+
.composer {
+
@apply single-line-input bg-(--nucleus-bg)/35;
+
border-color: color-mix(in srgb, var(--acc-color) 30%, transparent);
+
}
+
+
.composer {
+
@apply p-2;
+
}
+
+
textarea {
+
@apply w-full bg-transparent p-0;
+
}
+
+
input {
+
@apply p-1 px-2;
+
}
+
+
.composer {
+
@apply focus:scale-100;
+
}
+
+
input::placeholder,
+
textarea::placeholder {
+
color: color-mix(in srgb, var(--acc-color) 45%, var(--nucleus-bg));
+
}
+
+
textarea:focus {
+
@apply border-none! [box-shadow:none]! outline-none!;
+
}
+
</style>
+16 -1
src/components/SettingsPopup.svelte
···
type="url"
bind:value={localSettings.endpoints[name]}
placeholder={defaultSettings.endpoints[name]}
-
class="single-line-input border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3"
+
class="single-line-input"
/>
</div>
{/snippet}
···
{@render _input('spacedust', 'spacedust url (for notifications)')}
{@render _input('constellation', 'constellation url (for backlinks)')}
</div>
+
</div>
+
+
{@render divider()}
+
+
<div>
+
<label for="social-app-url" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">
+
social-app url (for when copying links to posts / profiles)
+
</label>
+
<input
+
id="social-app-url"
+
type="url"
+
bind:value={localSettings.socialAppUrl}
+
placeholder={defaultSettings.socialAppUrl}
+
class="single-line-input"
+
/>
</div>
{@render divider()}
+1 -1
src/lib/accounts.ts
···
})();
export const addAccount = (account: Account): void => {
-
accounts.update((accounts) => [...accounts, account]);
+
accounts.update((accounts) => [...accounts.filter((a) => a.did !== account.did), account]);
};
export const loggingIn = {
+20 -23
src/lib/at/client.ts
···
parseResourceUri,
type ActorIdentifier,
type AtprotoDid,
-
type CanonicalResourceUri,
type Cid,
type Did,
type Nsid,
···
export class AtpClient {
public atcute: AtcuteClient | null = null;
-
public didDoc: MiniDoc | null = null;
-
-
async login(identifier: ActorIdentifier, agent: OAuthUserAgent): Promise<Result<null, string>> {
-
if ((agent.session.token.expires_at ?? 0) < Date.now()) {
-
return err('token expired, relogin');
-
}
-
-
const didDoc = await this.resolveDidDoc(identifier);
-
if (!didDoc.ok) return err(didDoc.error);
-
this.didDoc = didDoc.value;
+
public user: { did: Did; handle: Handle } | null = null;
+
async login(agent: OAuthUserAgent): Promise<Result<null, string>> {
try {
const rpc = new AtcuteClient({ handler: agent });
+
const res = await rpc.get('com.atproto.server.getSession');
+
if (!res.ok) throw res.data.error;
+
this.user = {
+
did: res.data.did,
+
handle: res.data.handle
+
};
this.atcute = rpc;
} catch (error) {
return err(`failed to login: ${error}`);
···
}
async getProfile(repo?: ActorIdentifier): Promise<Result<AppBskyActorProfile.Main, string>> {
-
repo = repo ?? this.didDoc?.did;
+
repo = repo ?? this.user?.did;
if (!repo) return err('not authenticated');
return map(await this.getRecord(AppBskyActorProfile.mainSchema, repo, 'self'), (d) => d.record);
}
···
const mapped = map(res, (data) => data.did as AtprotoDid);
-
if (mapped.ok) {
-
handleCache.set(identifier, mapped.value);
-
}
+
if (mapped.ok) handleCache.set(identifier, mapped.value);
return mapped;
}
···
cachedSignal.then((d): Result<MiniDoc, string> => ok(d))
]);
-
if (result.ok) {
-
didDocCache.set(handleOrDid, result.value);
-
}
+
if (result.ok) didDocCache.set(handleOrDid, result.value);
return result;
}
async getBacklinksUri(
-
uri: CanonicalResourceUri,
+
uri: ResourceUri,
source: BacklinksSource
): Promise<Result<Backlinks, string>> {
const parsedResourceUri = expect(parseCanonicalResourceUri(uri));
···
source: BacklinksSource
): Promise<Result<Backlinks, string>> {
const did = await this.resolveHandle(repo);
-
if (!did.ok) {
-
return err(`failed to resolve handle: ${did.error}`);
-
}
+
if (!did.ok) return err(`cant resolve handle: ${did.error}`);
-
return await fetchMicrocosm(constellationUrl, BacklinksQuery, {
+
const timeout = new Promise<null>((resolve) => setTimeout(() => resolve(null), 2000));
+
const query = fetchMicrocosm(constellationUrl, BacklinksQuery, {
subject: `at://${did.value}/${collection}/${rkey}`,
source,
limit: 100
});
+
+
const results = await Promise.race([query, timeout]);
+
if (!results) return err('cant fetch backlinks: timeout');
+
+
return results;
}
streamNotifications(subjects: Did[], ...sources: BacklinksSource[]): NotificationsStream {
+90 -60
src/lib/at/fetch.ts
···
-
import type { ActorIdentifier, CanonicalResourceUri, Cid, ResourceUri } from '@atcute/lexicons';
+
import {
+
parseCanonicalResourceUri,
+
type CanonicalResourceUri,
+
type Cid,
+
type ResourceUri
+
} from '@atcute/lexicons';
import { recordCache, type AtpClient } from './client';
-
import { err, ok, type Result } from '$lib/result';
+
import { err, expect, ok, type Result } from '$lib/result';
import type { Backlinks } from './constellation';
import { AppBskyFeedPost } from '@atcute/bluesky';
+
import type { AtprotoDid } from '@atcute/lexicons/syntax';
export type PostWithUri = { uri: ResourceUri; cid: Cid | undefined; record: AppBskyFeedPost.Main };
export type PostWithBacklinks = PostWithUri & {
-
replies: Result<Backlinks, string>;
+
replies: Backlinks;
};
export type PostsWithReplyBacklinks = PostWithBacklinks[];
+
const replySource = 'app.bsky.feed.post:reply.parent.uri';
+
export const fetchPostsWithBacklinks = async (
client: AtpClient,
-
repo: ActorIdentifier,
+
repo: AtprotoDid,
cursor?: string,
limit?: number
): Promise<Result<{ posts: PostsWithReplyBacklinks; cursor?: string }, string>> => {
···
cursor = recordsList.value.cursor;
const records = recordsList.value.records;
-
const allBacklinks = await Promise.all(
-
records.map(async (r) => {
-
recordCache.set(r.uri, r);
-
const res = await client.getBacklinksUri(
-
r.uri as CanonicalResourceUri,
-
'app.bsky.feed.post:reply.parent.uri'
-
);
-
return {
-
uri: r.uri,
-
cid: r.cid,
-
record: r.value as AppBskyFeedPost.Main,
-
replies: res
-
};
-
})
-
);
-
-
return ok({ posts: allBacklinks, cursor });
+
try {
+
const allBacklinks = await Promise.all(
+
records.map(async (r): Promise<PostWithBacklinks> => {
+
recordCache.set(r.uri, r);
+
const replies = await client.getBacklinksUri(r.uri, replySource);
+
if (!replies.ok) throw `cant fetch replies: ${replies.error}`;
+
return {
+
uri: r.uri,
+
cid: r.cid,
+
record: r.value as AppBskyFeedPost.Main,
+
replies: replies.value
+
};
+
})
+
);
+
return ok({ posts: allBacklinks, cursor });
+
} catch (error) {
+
return err(`cant fetch posts backlinks: ${error}`);
+
}
};
export const hydratePosts = async (
client: AtpClient,
+
repo: AtprotoDid,
data: PostsWithReplyBacklinks
-
): Promise<Map<ResourceUri, PostWithUri>> => {
-
const allPosts = await Promise.all(
-
data.map(async (post) => {
-
const result: Result<PostWithUri, string>[] = [ok(post)];
-
if (post.replies.ok) {
+
): Promise<Result<Map<ResourceUri, PostWithUri>, string>> => {
+
let posts: Map<ResourceUri, PostWithUri> = new Map();
+
try {
+
const allPosts = await Promise.all(
+
data.map(async (post) => {
+
const result: PostWithUri[] = [post];
const replies = await Promise.all(
-
post.replies.value.records.map((r) =>
-
client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey)
-
)
+
post.replies.records.map(async (r) => {
+
const reply = await client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey);
+
if (!reply.ok) throw `cant fetch reply: ${reply.error}`;
+
return reply.value;
+
})
);
result.push(...replies);
+
return result;
+
})
+
);
+
posts = new Map(allPosts.flat().map((post) => [post.uri, post]));
+
} catch (error) {
+
return err(`cant hydrate immediate replies: ${error}`);
+
}
+
+
const fetchUpwardsChain = async (post: PostWithUri) => {
+
let parent = post.record.reply?.parent;
+
while (parent) {
+
// if we already have this parent, then we already fetched this chain / are fetching it
+
if (posts.has(parent.uri as CanonicalResourceUri)) return;
+
const p = await client.getRecordUri(AppBskyFeedPost.mainSchema, parent.uri);
+
if (p.ok) {
+
posts.set(p.value.uri, p.value);
+
parent = p.value.record.reply?.parent;
+
continue;
}
-
return result;
-
})
-
);
-
const posts = new Map(
-
allPosts
-
.flat()
-
.flatMap((res) => (res.ok ? [res.value] : []))
-
.map((post) => [post.uri, post])
-
);
+
// TODO: handle deleted parent posts
+
parent = undefined;
+
}
+
};
+
await Promise.all(posts.values().map(fetchUpwardsChain));
+
+
try {
+
const fetchDownwardsChain = async (post: PostWithUri) => {
+
const { repo: postRepo } = expect(parseCanonicalResourceUri(post.uri));
+
if (repo === postRepo) return;
+
+
// get chains that are the same author until we exhaust them
+
const backlinks = await client.getBacklinksUri(post.uri, replySource);
+
if (!backlinks.ok) return;
-
// hydrate posts
-
const missingPosts = await Promise.all(
-
Array.from(posts).map(async ([, post]) => {
-
let result: PostWithUri[] = [post];
-
let parent = post.record.reply?.parent;
-
while (parent) {
-
if (posts.has(parent.uri as CanonicalResourceUri)) {
-
return result;
-
}
-
const p = await client.getRecordUri(AppBskyFeedPost.mainSchema, parent.uri);
-
if (p.ok) {
-
result = [p.value, ...result];
-
parent = p.value.record.reply?.parent;
-
continue;
-
}
-
parent = undefined;
+
const promises = [];
+
for (const reply of backlinks.value.records) {
+
if (reply.did !== postRepo) continue;
+
// if we already have this reply, then we already fetched this chain / are fetching it
+
if (posts.has(`at://${reply.did}/${reply.collection}/${reply.rkey}`)) continue;
+
const record = await client.getRecord(AppBskyFeedPost.mainSchema, reply.did, reply.rkey);
+
if (!record.ok) break; // TODO: this doesnt handle deleted posts in between
+
posts.set(record.value.uri, record.value);
+
promises.push(fetchDownwardsChain(record.value));
}
-
return result;
-
})
-
);
-
for (const post of missingPosts.flat()) {
-
posts.set(post.uri, post);
+
+
await Promise.all(promises);
+
};
+
await Promise.all(posts.values().map(fetchDownwardsChain));
+
} catch (error) {
+
return err(`cant fetch post reply chain: ${error}`);
}
-
return posts;
+
return ok(posts);
};
+14
src/lib/at/types.ts
···
+
import type {
+
AppBskyEmbedExternal,
+
AppBskyEmbedImages,
+
AppBskyEmbedRecord,
+
AppBskyEmbedRecordWithMedia,
+
AppBskyEmbedVideo
+
} from '@atcute/bluesky';
+
+
export type AppBskyEmbeds =
+
| AppBskyEmbedExternal.Main
+
| AppBskyEmbedImages.Main
+
| AppBskyEmbedRecord.Main
+
| AppBskyEmbedRecordWithMedia.Main
+
| AppBskyEmbedVideo.Main;
+4 -1
src/lib/settings.ts
···
export type Settings = {
endpoints: ApiEndpoints;
theme: Theme;
+
socialAppUrl: string;
};
export const defaultSettings: Settings = {
···
spacedust: 'https://spacedust.microcosm.blue',
constellation: 'https://constellation.microcosm.blue'
},
-
theme: defaultTheme
+
theme: defaultTheme,
+
socialAppUrl: 'https://bsky.app'
};
const createSettingsStore = () => {
···
const initial: Partial<Settings> = stored ? JSON.parse(stored) : defaultSettings;
initial.endpoints = initial.endpoints ?? defaultSettings.endpoints;
initial.theme = initial.theme ?? defaultSettings.theme;
+
initial.socialAppUrl = initial.socialAppUrl ?? defaultSettings.socialAppUrl;
const { subscribe, set, update } = writable<Settings>(initial as Settings);
+11 -1
src/lib/state.svelte.ts
···
import { writable } from 'svelte/store';
-
import { type NotificationsStream } from './at/client';
+
import { AtpClient, type NotificationsStream } from './at/client';
import { SvelteMap } from 'svelte/reactivity';
import type { Did, ResourceUri } from '@atcute/lexicons';
import type { Backlink } from './at/constellation';
+
import type { PostWithUri } from './at/fetch';
+
import type { AtprotoDid } from '@atcute/lexicons/syntax';
// import type { JetstreamSubscription } from '@atcute/jetstream';
export const notificationStream = writable<NotificationsStream | null>(null);
···
// quote: Backlink | null;
};
export const postActions = new SvelteMap<`${Did}:${ResourceUri}`, PostActions>();
+
+
export const pulsingPostId = writable<string | null>(null);
+
+
export const viewClient = new AtpClient();
+
export const clients = new SvelteMap<AtprotoDid, AtpClient>();
+
+
export const posts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();
+
export const cursors = new SvelteMap<Did, { value?: string; end: boolean }>();
+3 -1
src/lib/thread.ts
···
export type ThreadPost = {
data: PostWithUri;
+
account: Did;
did: Did;
rkey: string;
parentUri: ResourceUri | null;
···
const threadMap = new Map<ResourceUri, ThreadPost[]>();
// group posts by root uri into "thread" chains
-
for (const [, timeline] of timelines) {
+
for (const [account, timeline] of timelines) {
for (const [uri, data] of timeline) {
const parsedUri = expect(parseCanonicalResourceUri(uri));
const rootUri = (data.record.reply?.root.uri as ResourceUri) || uri;
···
const post: ThreadPost = {
data,
+
account,
did: parsedUri.repo,
rkey: parsedUri.rkey,
parentUri,
+4 -1
src/routes/+layout.svelte
···
<link rel="icon" href={favicon} />
</svelte:head>
-
<div class="min-h-screen bg-(--nucleus-bg) text-(--nucleus-fg) transition-colors duration-300">
+
<div
+
id="app-root"
+
class="min-h-screen bg-(--nucleus-bg) text-(--nucleus-fg) transition-colors duration-300"
+
>
{@render children?.()}
</div>
+167 -95
src/routes/+page.svelte
···
import { type Did, parseCanonicalResourceUri, type ResourceUri } from '@atcute/lexicons';
import { onMount } from 'svelte';
import { fetchPostsWithBacklinks, hydratePosts, type PostWithUri } from '$lib/at/fetch';
-
import { expect, ok } from '$lib/result';
+
import { expect } from '$lib/result';
import { AppBskyFeedPost } from '@atcute/bluesky';
import { SvelteMap, SvelteSet } from 'svelte/reactivity';
import { InfiniteLoader, LoaderState } from 'svelte-infinite';
-
import { notificationStream } from '$lib/state.svelte';
+
import { clients, cursors, notificationStream, posts, viewClient } from '$lib/state.svelte';
import { get } from 'svelte/store';
import Icon from '@iconify/svelte';
import { sessions } from '$lib/at/oauth';
import type { AtprotoDid } from '@atcute/lexicons/syntax';
import type { PageProps } from './+page';
import { buildThreads, filterThreads, type ThreadPost } from '$lib/thread';
+
import NotificationsPopup from '$components/NotificationsPopup.svelte';
const { data: loadData }: PageProps = $props();
···
}
});
-
const clients = new SvelteMap<AtprotoDid, AtpClient>();
const selectedClient = $derived(selectedDid ? clients.get(selectedDid) : null);
const loginAccount = async (account: Account) => {
if (clients.has(account.did)) return;
const client = new AtpClient();
-
const result = await client.login(account.did, await sessions.get(account.did));
+
const result = await client.login(await sessions.get(account.did));
if (!result.ok) {
errors.push(`failed to login into @${account.handle ?? account.did}: ${result.error}`);
return;
···
handleAccountSelected(newAccounts[0]?.did);
};
-
const viewClient = new AtpClient();
-
-
const posts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();
-
const cursors = new SvelteMap<Did, { value?: string; end: boolean }>();
-
let isSettingsOpen = $state(false);
+
let isNotificationsOpen = $state(false);
let reverseChronological = $state(true);
let viewOwnPosts = $state(true);
···
if (cursor && cursor.end) return;
const accPosts = await fetchPostsWithBacklinks(client, account.did, cursor?.value, 6);
-
if (!accPosts.ok)
-
throw `failed to fetch posts for account ${account.handle}: ${accPosts.error}`;
+
if (!accPosts.ok) throw `cant fetch posts @${account.handle}: ${accPosts.error}`;
// if the cursor is undefined, we've reached the end of the timeline
if (!accPosts.value.cursor) {
···
}
cursors.set(account.did, { value: accPosts.value.cursor, end: false });
-
addPosts(account.did, await hydratePosts(client, accPosts.value.posts));
+
const hydrated = await hydratePosts(client, account.did, accPosts.value.posts);
+
if (!hydrated.ok) throw `cant hydrate posts @${account.handle}: ${hydrated.error}`;
+
+
addPosts(account.did, hydrated.value);
};
const fetchTimelines = (newAccounts: Account[]) => Promise.all(newAccounts.map(fetchTimeline));
···
if (!subjectPost.ok) return;
const parsedSourceUri = expect(parseCanonicalResourceUri(event.data.link.source_record));
-
const hydrated = await hydratePosts(viewClient, [
+
const hydrated = await hydratePosts(viewClient, parsedSubjectUri.repo as AtprotoDid, [
{
record: subjectPost.value.record,
uri: event.data.link.subject,
cid: subjectPost.value.cid,
-
replies: ok({
+
replies: {
cursor: null,
total: 1,
records: [
···
rkey: parsedSourceUri.rkey
}
]
-
})
+
}
}
]);
+
+
if (!hydrated.ok) {
+
errors.push(`cant hydrate posts @${parsedSubjectUri.repo}: ${hydrated.error}`);
+
return;
+
}
// console.log(hydrated);
-
addPosts(parsedSubjectUri.repo, hydrated);
+
addPosts(parsedSubjectUri.repo, hydrated.value);
}
};
···
let loading = $state(false);
let loadError = $state('');
+
let showScrollToTop = $state(false);
+
+
const handleScroll = () => {
+
showScrollToTop = window.scrollY > 300;
+
};
+
+
const scrollToTop = () => {
+
window.scrollTo({ top: 0, behavior: 'smooth' });
+
};
+
const loadMore = async () => {
if (loading || $accounts.length === 0) return;
loading = true;
+
loaderState.status = 'LOADING';
+
try {
await fetchTimelines($accounts);
loaderState.loaded();
} catch (error) {
loadError = `${error}`;
loaderState.error();
-
} finally {
loading = false;
-
if (cursors.values().every((cursor) => cursor.end)) loaderState.complete();
+
return;
}
+
+
loading = false;
+
if (cursors.values().every((cursor) => cursor.end)) loaderState.complete();
};
-
onMount(async () => {
+
onMount(() => {
+
window.addEventListener('scroll', handleScroll);
+
accounts.subscribe((newAccounts) => {
get(notificationStream)?.stop();
// jetstream.set(null);
···
if ($accounts.length > 0) {
loaderState.status = 'LOADING';
if (loadData.client.ok && loadData.client.value) {
-
const loggedInDid = loadData.client.value.didDoc!.did as AtprotoDid;
+
const loggedInDid = loadData.client.value.user!.did as AtprotoDid;
selectedDid = loggedInDid;
clients.set(loggedInDid, loadData.client.value);
}
···
} else {
selectedDid = null;
}
+
+
return () => {
+
window.removeEventListener('scroll', handleScroll);
+
};
});
</script>
+
{#snippet appButton(onClick: () => void, icon: string, ariaLabel: string, iconHover?: string)}
+
<button
+
onclick={onClick}
+
class="group rounded-sm bg-(--nucleus-accent)/15 p-2 text-(--nucleus-accent) transition-all hover:scale-110 hover:shadow-lg"
+
aria-label={ariaLabel}
+
>
+
<Icon class="group-hover:hidden" {icon} width={28} />
+
<Icon class="hidden group-hover:block" icon={iconHover ?? icon} width={28} />
+
</button>
+
{/snippet}
+
<div class="mx-auto max-w-2xl">
-
<!-- Sticky header -->
-
<div class="sticky top-0 z-10 bg-(--nucleus-bg) p-4">
-
<div class="mb-6 flex items-center justify-between">
-
<div>
-
<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>
-
<div class="mt-1 flex gap-2">
-
<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>
-
<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>
-
</div>
+
<!-- thread list (page scrolls as a whole) -->
+
<div
+
id="app-thread-list"
+
class="mb-4 min-h-screen p-2 [scrollbar-color:var(--nucleus-accent)_transparent]"
+
bind:this={scrollContainer}
+
>
+
{#if $accounts.length > 0}
+
{@render renderThreads()}
+
{:else}
+
<div class="flex justify-center py-4">
+
<p class="text-xl opacity-80">
+
<span class="text-4xl">x_x</span> <br /> no accounts are logged in!
+
</p>
</div>
-
<button
-
onclick={() => (isSettingsOpen = true)}
-
class="group rounded-sm bg-(--nucleus-accent)/7 p-2 text-(--nucleus-accent) transition-all hover:scale-110 hover:shadow-lg"
-
aria-label="settings"
-
>
-
<Icon class="group-hover:hidden" icon="heroicons:cog-6-tooth" width={28} />
-
<Icon class="hidden group-hover:block" icon="heroicons:cog-6-tooth-solid" width={28} />
-
</button>
-
</div>
+
{/if}
+
</div>
-
<!-- Composer and error disclaimer (above thread list, not scrollable) -->
-
<div class="space-y-4">
-
<div class="flex min-h-16 items-stretch gap-2">
-
<AccountSelector
-
client={viewClient}
-
accounts={$accounts}
-
bind:selectedDid
-
onAccountSelected={handleAccountSelected}
-
onLogout={handleLogout}
-
/>
-
-
{#if selectedClient}
-
<div class="flex-1">
-
<PostComposer
-
client={selectedClient}
-
onPostSent={(post) => posts.get(selectedDid!)?.set(post.uri, post)}
-
bind:quoting
-
bind:replying
-
/>
-
</div>
-
{:else}
+
<!-- header -->
+
<div class="sticky bottom-0 z-10">
+
{#if errors.length > 0}
+
<div class="relative m-3 mb-1 error-disclaimer">
+
<div class="flex items-center gap-2 text-red-500">
+
<Icon class="inline h-10 w-10" icon="heroicons:exclamation-triangle-16-solid" />
+
there are ({errors.length}) errors
+
<div class="grow"></div>
+
<button onclick={() => (errorsOpen = !errorsOpen)} class="action-button p-1 px-1.5"
+
>{errorsOpen ? 'hide details' : 'see details'}</button
+
>
+
</div>
+
{#if errorsOpen}
<div
-
class="flex flex-1 items-center justify-center rounded-sm border-2 border-(--nucleus-accent)/20 bg-(--nucleus-accent)/4 px-4 py-2.5 backdrop-blur-sm"
+
class="absolute right-0 bottom-full left-0 z-10 mb-2 flex animate-fade-in-scale-fast flex-col gap-1 error-disclaimer shadow-lg transition-all"
>
-
<p class="text-sm opacity-80">select or add an account to post</p>
+
{#each errors as error, idx (idx)}
+
<p>โ€ข {error}</p>
+
{/each}
</div>
{/if}
</div>
+
{/if}
-
{#if errors.length > 0}
-
<div class="relative error-disclaimer">
-
<div class="flex items-center gap-2 text-red-500">
-
<Icon class="inline h-10 w-10" icon="heroicons:exclamation-triangle-16-solid" />
-
there are ({errors.length}) errors
-
<div class="grow"></div>
-
<button onclick={() => (errorsOpen = !errorsOpen)} class="action-button p-1 px-1.5"
-
>{errorsOpen ? 'hide details' : 'see details'}</button
-
>
-
</div>
-
{#if errorsOpen}
+
<div
+
class="rounded-t-sm px-0.5 pt-0.5"
+
style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"
+
>
+
<div
+
class="rounded-t-sm"
+
style="
+
background: linear-gradient(to right, color-mix(in srgb, var(--nucleus-accent) 18%, var(--nucleus-bg)), color-mix(in srgb, var(--nucleus-accent2) 13%, var(--nucleus-bg)));
+
"
+
>
+
<!-- composer and error disclaimer (above thread list, not scrollable) -->
+
<div class="flex gap-2 px-2 pt-2 pb-1">
+
<AccountSelector
+
client={viewClient}
+
accounts={$accounts}
+
bind:selectedDid
+
onAccountSelected={handleAccountSelected}
+
onLogout={handleLogout}
+
/>
+
+
{#if selectedClient}
+
<div class="flex-1">
+
<PostComposer
+
client={selectedClient}
+
onPostSent={(post) => posts.get(selectedDid!)?.set(post.uri, post)}
+
bind:quoting
+
bind:replying
+
/>
+
</div>
+
{:else}
<div
-
class="absolute top-full right-0 left-0 z-50 mt-2 flex animate-fade-in-scale-fast flex-col gap-1 error-disclaimer shadow-lg transition-all"
+
class="flex flex-1 items-center justify-center rounded-sm border-2 border-(--nucleus-accent)/20 bg-(--nucleus-accent)/4 px-4 py-2.5 backdrop-blur-sm"
>
-
{#each errors as error, idx (idx)}
-
<p>โ€ข {error}</p>
-
{/each}
+
<p class="text-sm opacity-80">select or add an account to post</p>
</div>
{/if}
+
+
{#if showScrollToTop}
+
{@render appButton(scrollToTop, 'heroicons:arrow-up-16-solid', 'scroll to top')}
+
{/if}
</div>
-
{/if}
-
<!-- <hr
-
class="h-[4px] w-full rounded-full border-0"
-
style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"
-
/> -->
-
</div>
-
</div>
+
<div
+
class="mt-1 h-px w-full opacity-50"
+
style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"
+
></div>
+
+
<div class="flex items-center gap-1.5 px-2 py-1">
+
<div class="mb-2">
+
<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>
+
<div class="mt-1 flex gap-2">
+
<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>
+
<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>
+
</div>
+
</div>
+
<div class="grow"></div>
+
{@render appButton(
+
() => (isNotificationsOpen = true),
+
'heroicons:bell',
+
'notifications',
+
'heroicons:bell-solid'
+
)}
+
{@render appButton(
+
() => (isSettingsOpen = true),
+
'heroicons:cog-6-tooth',
+
'settings',
+
'heroicons:cog-6-tooth-solid'
+
)}
+
</div>
-
<!-- Thread list (page scrolls as a whole) -->
-
<div class="mt-4 [scrollbar-color:var(--nucleus-accent)_transparent]" bind:this={scrollContainer}>
-
{#if $accounts.length > 0}
-
{@render renderThreads()}
-
{:else}
-
<div class="flex justify-center py-4">
-
<p class="text-xl opacity-80">
-
<span class="text-4xl">x_x</span> <br /> no accounts are logged in!
-
</p>
+
<!-- <hr
+
class="h-[4px] w-full rounded-full border-0"
+
style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"
+
/> -->
</div>
-
{/if}
+
</div>
</div>
</div>
<SettingsPopup bind:isOpen={isSettingsOpen} onClose={() => (isSettingsOpen = false)} />
+
<NotificationsPopup
+
bind:isOpen={isNotificationsOpen}
+
onClose={() => (isNotificationsOpen = false)}
+
/>
{#snippet replyPost(post: ThreadPost, reverse: boolean = reverseChronological)}
<span
···
</div>
{/snippet}
{#snippet error()}
-
<div class="flex justify-center py-4">
+
<div class="flex flex-col gap-4 py-4">
<p class="text-xl opacity-80">
-
<span class="text-4xl">:(</span> <br /> an error occurred while loading posts: {loadError}
+
<span class="text-4xl">x_x</span> <br />
+
{loadError}
</p>
+
<div>
+
<button class="flex action-button items-center gap-2" onclick={loadMore}>
+
<Icon class="h-6 w-6" icon="heroicons:arrow-path-16-solid" /> try again
+
</button>
+
</div>
</div>
{/snippet}
</InfiniteLoader>
+5 -8
src/routes/+page.ts
···
import { replaceState } from '$app/navigation';
import { addAccount, loggingIn } from '$lib/accounts';
import { AtpClient } from '$lib/at/client';
-
import { flow } from '$lib/at/oauth';
+
import { flow, sessions } from '$lib/at/oauth';
import { err, ok, type Result } from '$lib/result';
import type { PageLoad } from './$types';
···
}
loggingIn.set(null);
+
await sessions.remove(account.did);
const agent = await flow.finalize(currentUrl);
if (!agent.ok || !agent.value) {
-
if (!agent.ok) {
-
return err(agent.error);
-
}
+
if (!agent.ok) return err(agent.error);
return err('no session was logged into?!');
}
const client = new AtpClient();
-
const result = await client.login(account.did, agent.value);
-
if (!result.ok) {
-
return err(result.error);
-
}
+
const result = await client.login(agent.value);
+
if (!result.ok) return err(result.error);
addAccount(account);
return ok(client);