comparing 1da4159654f001244a2112826369903e7b94641b and main on ptr.pet/nucleus

.envrc

···

       1
       1
       +
       use flake

.gitignore

···

       21
       21
        
       # Vite

     

       22
       22
        
       vite.config.js.timestamp-*

     

       23
       23
        
       vite.config.ts.timestamp-*

     

       24
       24
       +
       

     

       25
       25
       +
       /result

     

       26
       26
       +
       /.direnv

+18

LICENSE

···

       1
       1
       +
       Copyright 2025 dusk <y.bera003.06@protonmail.com>

     

       2
       2
       +
       

     

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

     

       4
       4
       +
       this software and associated documentation files (the “Software”), to deal in the

     

       5
       5
       +
       Software without restriction, including without limitation the rights to use, copy,

     

       6
       6
       +
       modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,

     

       7
       7
       +
       and to permit persons to whom the Software is furnished to do so, subject to the

     

       8
       8
       +
       following conditions:

     

       9
       9
       +
       

     

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

     

       11
       11
       +
       copies or substantial portions of the Software.

     

       12
       12
       +
       

     

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

     

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

     

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

     

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

     

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

     

       18
       18
       +
       CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

+16 -33

README.md

···

       1
       1
       -
       # sv

     

       1
       1
       +
       ## nucleus

     

       2
       2
        
       

     

       3
       3
       -
       Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).

     

       3
       3
       +
       a WIP replies timeline only (eg. it only shows replies to your posts and your own posts) appview-less (it does not use the bluesky appview, but rather uses [microcosm](https://www.microcosm.blue/) services) bluesky client. it is implemented in SvelteKit and uses [atcute](https://tangled.org/@mary.my.id/atcute).

     

       4
       4
        
       

     

       5
       5
       -
       ## Creating a project

     

       5
       5
       +
       see it at [nucleus.ptr.pet](https://nucleus.ptr.pet).

     

       6
       6
        
       

     

       7
       7
       -
       If you're seeing this, you've probably already done this step. Congrats!

     

       7
       7
       +
       ![screenshot](./resources/screenshot.png)

     

       8
       8
        
       

     

       9
       9
       -
       ```sh

     

       10
       10
       -
       # create a new project in the current directory

     

       11
       11
       -
       npx sv create

     

       9
       9
       +
       ### todos

     

       12
       10
        
       

     

       13
       13
       -
       # create a new project in my-app

     

       14
       14
       -
       npx sv create my-app

     

       15
       15
       -
       ```

     

       16
       16
       -
       

     

       17
       17
       -
       ## Developing

     

       18
       18
       -
       

     

       19
       19
       -
       Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

     

       20
       20
       -
       

     

       21
       21
       -
       ```sh

     

       22
       22
       -
       npm run dev

     

       23
       23
       -
       

     

       24
       24
       -
       # or start the server and open the app in a new browser tab

     

       25
       25
       -
       npm run dev -- --open

     

       26
       26
       -
       ```

     

       27
       27
       -
       

     

       28
       28
       -
       ## Building

     

       29
       29
       -
       

     

       30
       30
       -
       To create a production version of your app:

     

       31
       31
       -
       

     

       32
       32
       -
       ```sh

     

       33
       33
       -
       npm run build

     

       34
       34
       -
       ```

     

       35
       35
       -
       

     

       36
       36
       -
       You can preview the production build with `npm run preview`.

     

       37
       37
       -
       

     

       38
       38
       -
       > To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

     

       11
       11
       +
       - [x] properly implement auth (oauth)

     

       12
       12
       +
       - [ ] implement popouts for showing full chains instead of expanding in the timeline

     

       13
       13
       +
       - [ ] implement moderation (mutes, muted words etc., use blocks from `app.bsky.graph.block`)

     

       14
       14
       +
       - [ ] profile view popout

     

       15
       15
       +
       - [ ] consider showing posts that mention / quote the user..

     

       16
       16
       +
       - [ ] notifications when replied to (and mentioned and quoted?)

     

       17
       17
       +
       - [ ] basic filtering settings for the timeline (dont show self posts and if we implement mentioned / quoted add toggles for those as well)

     

       18
       18
       +
       - [ ] use bsky video CDN instead of linking to blob

     

       19
       19
       +
       - [ ] dont use listRecords to fetch own posts. we should have an index for this (red dwarf will have this so just piggyback off of that?)

     

       20
       20
       +
       - [ ] consider implementing feeds

     

       21
       21
       +
       - [ ] use jetstream to listen for own posts / likes / etc. made from other clients ? (pretty lowprio though, not sure if worth it, can just refresh)

+597 -455

deno.lock

···

       1
       1
        
       {

     

       2
       2
        
         "version": "5",

     

       3
       3
        
         "specifiers": {

     

       4
       4
       -
           "npm:@atcute/atproto@^3.1.7": "3.1.7",

     

       5
       5
       -
           "npm:@atcute/bluesky@^3.2.7": "3.2.7",

     

       6
       6
       -
           "npm:@atcute/client@^4.0.5": "4.0.5",

     

       7
       7
       -
           "npm:@atcute/identity@^1.1.1": "1.1.1",

     

       8
       8
       -
           "npm:@atcute/lexicons@^1.2.2": "1.2.2",

     

       9
       9
       -
           "npm:@eslint/compat@^1.4.0": "1.4.0_eslint@9.37.0",

     

       10
       10
       -
           "npm:@eslint/js@^9.36.0": "9.37.0",

     

       11
       11
       -
           "npm:@sveltejs/adapter-auto@^6.1.0": "6.1.1_@sveltejs+kit@2.47.0__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.40.1____acorn@8.15.0___vite@7.1.10____@types+node@24.8.0____picomatch@4.0.3___@types+node@24.8.0__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.8.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__@types+node@24.8.0_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0",

     

       12
       12
       -
           "npm:@sveltejs/kit@^2.43.2": "2.47.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__@types+node@24.8.0_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.8.0",

     

       13
       13
       -
           "npm:@sveltejs/vite-plugin-svelte@^6.2.0": "6.2.1_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0",

     

       14
       14
       -
           "npm:@tailwindcss/forms@~0.5.10": "0.5.10_tailwindcss@4.1.14",

     

       15
       15
       -
           "npm:@tailwindcss/vite@^4.1.13": "4.1.14_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0",

     

       16
       16
       -
           "npm:@types/node@24": "24.8.0",

     

       4
       4
       +
           "npm:@atcute/atproto@^3.1.10": "3.1.10",

     

       5
       5
       +
           "npm:@atcute/bluesky-richtext-builder@^2.0.4": "2.0.4",

     

       6
       6
       +
           "npm:@atcute/bluesky-richtext-segmenter@^2.0.4": "2.0.4",

     

       7
       7
       +
           "npm:@atcute/bluesky@^3.2.14": "3.2.14",

     

       8
       8
       +
           "npm:@atcute/client@^4.2.0": "4.2.0",

     

       9
       9
       +
           "npm:@atcute/identity-resolver@^1.2.1": "1.2.1_@atcute+identity@1.1.3",

     

       10
       10
       +
           "npm:@atcute/identity@^1.1.3": "1.1.3",

     

       11
       11
       +
           "npm:@atcute/jetstream@^1.1.2": "1.1.2",

     

       12
       12
       +
           "npm:@atcute/lexicons@^1.2.6": "1.2.6",

     

       13
       13
       +
           "npm:@atcute/oauth-browser-client@^2.0.3": "2.0.3_@atcute+identity@1.1.3",

     

       14
       14
       +
           "npm:@atcute/tid@^1.1.1": "1.1.1",

     

       15
       15
       +
           "npm:@eslint/compat@2": "2.0.0_eslint@9.39.2",

     

       16
       16
       +
           "npm:@eslint/js@^9.39.2": "9.39.2",

     

       17
       17
       +
           "npm:@floating-ui/dom@^1.7.4": "1.7.4",

     

       18
       18
       +
           "npm:@iconify/svelte@^5.1.0": "5.1.0_svelte@5.46.1__acorn@8.15.0",

     

       19
       19
       +
           "npm:@soffinal/websocket@~0.2.1": "0.2.1_typescript@5.9.3",

     

       20
       20
       +
           "npm:@sveltejs/adapter-static@^3.0.10": "3.0.10_@sveltejs+kit@2.49.2__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.46.1____acorn@8.15.0___vite@7.3.0____@types+node@25.0.3____picomatch@4.0.3___@types+node@25.0.3__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__acorn@8.15.0__@types+node@25.0.3_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__@types+node@25.0.3_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3",

     

       21
       21
       +
           "npm:@sveltejs/kit@^2.49.2": "2.49.2_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__@types+node@25.0.3_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_acorn@8.15.0_@types+node@25.0.3",

     

       22
       22
       +
           "npm:@sveltejs/vite-plugin-svelte@^6.2.1": "6.2.1_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3",

     

       23
       23
       +
           "npm:@tailwindcss/forms@~0.5.11": "0.5.11_tailwindcss@4.1.18",

     

       24
       24
       +
           "npm:@tailwindcss/vite@^4.1.18": "4.1.18_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3",

     

       25
       25
       +
           "npm:@tutorlatin/svelte-tiny-virtual-list@^3.0.18": "3.0.18_svelte@5.46.1__acorn@8.15.0",

     

       26
       26
       +
           "npm:@types/node@^25.0.3": "25.0.3",

     

       17
       27
        
           "npm:@wora/cache-persist@^2.2.1": "2.2.1",

     

       18
       18
       -
           "npm:eslint-config-prettier@^10.1.8": "10.1.8_eslint@9.37.0",

     

       19
       19
       -
           "npm:eslint-plugin-svelte@^3.12.4": "3.12.4_eslint@9.37.0_svelte@5.40.1__acorn@8.15.0_postcss@8.5.6",

     

       20
       20
       -
           "npm:eslint@^9.36.0": "9.37.0",

     

       21
       21
       -
           "npm:globals@^16.4.0": "16.4.0",

     

       28
       28
       +
           "npm:async-cache-dedupe@^3.4.0": "3.4.0",

     

       29
       29
       +
           "npm:eslint-config-prettier@^10.1.8": "10.1.8_eslint@9.39.2",

     

       30
       30
       +
           "npm:eslint-plugin-svelte@^3.13.1": "3.13.1_eslint@9.39.2_svelte@5.46.1__acorn@8.15.0_postcss@8.5.6",

     

       31
       31
       +
           "npm:eslint@^9.39.2": "9.39.2",

     

       32
       32
       +
           "npm:globals@17": "17.0.0",

     

       22
       33
        
           "npm:hash-wasm@^4.12.0": "4.12.0",

     

       23
       23
       -
           "npm:lru-cache@^11.2.2": "11.2.2",

     

       24
       24
       -
           "npm:prettier-plugin-svelte@^3.4.0": "3.4.0_prettier@3.6.2_svelte@5.40.1__acorn@8.15.0",

     

       25
       25
       -
           "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.40.1___acorn@8.15.0_svelte@5.40.1__acorn@8.15.0",

     

       26
       26
       -
           "npm:prettier@^3.6.2": "3.6.2",

     

       27
       27
       -
           "npm:svelte-check@^4.3.2": "4.3.3_svelte@5.40.1__acorn@8.15.0_typescript@5.9.3",

     

       28
       28
       -
           "npm:svelte-infinite@0.5": "0.5.0_svelte@5.40.1__acorn@8.15.0",

     

       29
       29
       -
           "npm:svelte@^5.39.5": "5.40.1_acorn@8.15.0",

     

       30
       30
       -
           "npm:tailwindcss@^4.1.13": "4.1.14",

     

       31
       31
       -
           "npm:typescript-eslint@^8.44.1": "8.46.1_eslint@9.37.0_typescript@5.9.3_@typescript-eslint+parser@8.46.1__eslint@9.37.0__typescript@5.9.3",

     

       32
       32
       -
           "npm:typescript@^5.9.2": "5.9.3",

     

       33
       33
       -
           "npm:vite@^7.1.7": "7.1.10_@types+node@24.8.0_picomatch@4.0.3"

     

       34
       34
       +
           "npm:lru-cache@^11.2.4": "11.2.4",

     

       35
       35
       +
           "npm:photoswipe@^5.4.4": "5.4.4",

     

       36
       36
       +
           "npm:prettier-plugin-svelte@^3.4.1": "3.4.1_prettier@3.7.4_svelte@5.46.1__acorn@8.15.0",

     

       37
       37
       +
           "npm:prettier-plugin-tailwindcss@~0.7.2": "0.7.2_prettier@3.7.4_prettier-plugin-svelte@3.4.1__prettier@3.7.4__svelte@5.46.1___acorn@8.15.0_svelte@5.46.1__acorn@8.15.0",

     

       38
       38
       +
           "npm:prettier@^3.7.4": "3.7.4",

     

       39
       39
       +
           "npm:svelte-awesome-color-picker@^4.1.0": "4.1.0_svelte@5.46.1__acorn@8.15.0",

     

       40
       40
       +
           "npm:svelte-check@^4.3.5": "4.3.5_svelte@5.46.1__acorn@8.15.0_typescript@5.9.3",

     

       41
       41
       +
           "npm:svelte-device-info@^1.0.6": "1.0.6",

     

       42
       42
       +
           "npm:svelte-infinite@~0.5.1": "0.5.1_svelte@5.46.1__acorn@8.15.0",

     

       43
       43
       +
           "npm:svelte-portal@^2.2.1": "2.2.1",

     

       44
       44
       +
           "npm:svelte@^5.46.1": "5.46.1_acorn@8.15.0",

     

       45
       45
       +
           "npm:tailwindcss@^4.1.18": "4.1.18",

     

       46
       46
       +
           "npm:typescript-eslint@^8.51.0": "8.51.0_eslint@9.39.2_typescript@5.9.3_@typescript-eslint+parser@8.51.0__eslint@9.39.2__typescript@5.9.3",

     

       47
       47
       +
           "npm:typescript@^5.9.3": "5.9.3",

     

       48
       48
       +
           "npm:vite@^7.3.0": "7.3.0_@types+node@25.0.3_picomatch@4.0.3"

     

       34
       49
        
         },

     

       35
       50
        
         "npm": {

     

       36
       36
       -
           "@atcute/atproto@3.1.7": {

     

       37
       37
       -
             "integrity": "sha512-3Ym8qaVZg2vf8qw0KO1aue39z/5oik5J+UDoSes1vr8ddw40UVLA5sV4bXSKmLnhzQHiLLgoVZXe4zaKfozPoQ==",

     

       51
       51
       +
           "@atcute/atproto@3.1.10": {

     

       52
       52
       +
             "integrity": "sha512-+GKZpOc0PJcdWMQEkTfg/rSNDAAHxmAUGBl60g2az15etqJn5WaUPNGFE2sB7hKpwi5Ue2h/L0OacINcE/JDDQ==",

     

       53
       53
       +
             "dependencies": [

     

       54
       54
       +
               "@atcute/lexicons"

     

       55
       55
       +
             ]

     

       56
       56
       +
           },

     

       57
       57
       +
           "@atcute/bluesky-richtext-builder@2.0.4": {

     

       58
       58
       +
             "integrity": "sha512-ydA9VWBPsBE/gbu1vYbmh7AZ8FLfxp+LE4eH5GgOTCOxwhs7Mgy1oHrHY+Er6gu6PfdoUoGso0uI3Wl3ZF/Mxg==",

     

       59
       59
       +
             "dependencies": [

     

       60
       60
       +
               "@atcute/bluesky",

     

       61
       61
       +
               "@atcute/lexicons"

     

       62
       62
       +
             ]

     

       63
       63
       +
           },

     

       64
       64
       +
           "@atcute/bluesky-richtext-segmenter@2.0.4": {

     

       65
       65
       +
             "integrity": "sha512-6m5QEAv4lU3qTy5MeJXJRRG33acipYJnMW1T7W/KrMyThGhQ7jSTTh8Z48quElgivgX7MDj6o/ow1oLUsjsCKw==",

     

       38
       66
        
             "dependencies": [

     

       67
       67
       +
               "@atcute/bluesky",

     

       39
       68
        
               "@atcute/lexicons"

     

       40
       69
        
             ]

     

       41
       70
        
           },

     

       42
       42
       -
           "@atcute/bluesky@3.2.7": {

     

       43
       43
       -
             "integrity": "sha512-mofkZySIIp+Z+TbBD+cDWaPY6FVKNRZG8yhMFkh6uMCuiazDUAUjxr4yaFjYMVcgMN9FkwGllwQJevUH9aTSnQ==",

     

       71
       71
       +
           "@atcute/bluesky@3.2.14": {

     

       72
       72
       +
             "integrity": "sha512-XlVuF55AYIyplmKvlGLlj+cUvk9ggxNRPczkTPIY991xJ4qDxDHpBJ39ekAV4dWcuBoRo2o9JynzpafPu2ljDA==",

     

       44
       73
        
             "dependencies": [

     

       45
       74
        
               "@atcute/atproto",

     

       46
       75
        
               "@atcute/lexicons"

     

       47
       76
        
             ]

     

       48
       77
        
           },

     

       49
       49
       -
           "@atcute/client@4.0.5": {

     

       50
       50
       -
             "integrity": "sha512-R8Qen8goGmEkynYGg2m6XFlVmz0GTDvQ+9w+4QqOob+XMk8/WDpF4aImev7WKEde/rV2gjcqW7zM8E6W9NShDA==",

     

       78
       78
       +
           "@atcute/client@4.2.0": {

     

       79
       79
       +
             "integrity": "sha512-vYixpXevM+dkzN4HGTfmxCJBOXNSRAMki1bfi1atFdmZGo9n1zStyClHqn0SRs8I5nOQoVG1XBkYAGSFJWqy2Q==",

     

       51
       80
        
             "dependencies": [

     

       52
       81
        
               "@atcute/identity",

     

       53
       82
        
               "@atcute/lexicons"

     

       54
       83
        
             ]

     

       55
       84
        
           },

     

       56
       56
       -
           "@atcute/identity@1.1.1": {

     

       57
       57
       -
             "integrity": "sha512-zax42n693VEhnC+5tndvO2KLDTMkHOz8UExwmklvJv7R9VujfEwiSWhcv6Jgwb3ellaG8wjiQ1lMOIjLLvwh0Q==",

     

       85
       85
       +
           "@atcute/identity-resolver@1.2.1_@atcute+identity@1.1.3": {

     

       86
       86
       +
             "integrity": "sha512-LqWFFf8D8bqW8l0zUV9oZxcXYZ8+uQTZfjURoxH1TLmtmZFSXredtQHsY70k/iSMNDPxWHJXebdlKxJm5ioNIg==",

     

       87
       87
       +
             "dependencies": [

     

       88
       88
       +
               "@atcute/identity",

     

       89
       89
       +
               "@atcute/lexicons",

     

       90
       90
       +
               "@atcute/util-fetch",

     

       91
       91
       +
               "@badrap/valita"

     

       92
       92
       +
             ]

     

       93
       93
       +
           },

     

       94
       94
       +
           "@atcute/identity@1.1.3": {

     

       95
       95
       +
             "integrity": "sha512-oIqPoI8TwWeQxvcLmFEZLdN2XdWcaLVtlm8pNk0E72As9HNzzD9pwKPrLr3rmTLRIoULPPFmq9iFNsTeCIU9ng==",

     

       58
       96
        
             "dependencies": [

     

       59
       97
        
               "@atcute/lexicons",

     

       60
       98
        
               "@badrap/valita"

     

       61
       99
        
             ]

     

       62
       100
        
           },

     

       63
       63
       -
           "@atcute/lexicons@1.2.2": {

     

       64
       64
       -
             "integrity": "sha512-bgEhJq5Z70/0TbK5sx+tAkrR8FsCODNiL2gUEvS5PuJfPxmFmRYNWaMGehxSPaXWpU2+Oa9ckceHiYbrItDTkA==",

     

       101
       101
       +
           "@atcute/jetstream@1.1.2": {

     

       102
       102
       +
             "integrity": "sha512-u6p/h2xppp7LE6W/9xErAJ6frfN60s8adZuCKtfAaaBBiiYbb1CfpzN8Uc+2qtJZNorqGvuuDb5572Jmh7yHBQ==",

     

       103
       103
       +
             "dependencies": [

     

       104
       104
       +
               "@atcute/lexicons",

     

       105
       105
       +
               "@badrap/valita",

     

       106
       106
       +
               "@mary-ext/event-iterator",

     

       107
       107
       +
               "@mary-ext/simple-event-emitter",

     

       108
       108
       +
               "partysocket",

     

       109
       109
       +
               "type-fest",

     

       110
       110
       +
               "yocto-queue@1.2.2"

     

       111
       111
       +
             ]

     

       112
       112
       +
           },

     

       113
       113
       +
           "@atcute/lexicons@1.2.6": {

     

       114
       114
       +
             "integrity": "sha512-s76UQd8D+XmHIzrjD9CJ9SOOeeLPHc+sMmcj7UFakAW/dDFXc579fcRdRfuUKvXBL5v1Gs2VgDdlh/IvvQZAwA==",

     

       65
       115
        
             "dependencies": [

     

       116
       116
       +
               "@atcute/uint8array",

     

       117
       117
       +
               "@atcute/util-text",

     

       66
       118
        
               "@standard-schema/spec",

     

       67
       119
        
               "esm-env"

     

       68
       120
        
             ]

     

       69
       121
        
           },

     

       122
       122
       +
           "@atcute/multibase@1.1.6": {

     

       123
       123
       +
             "integrity": "sha512-HBxuCgYLKPPxETV0Rot4VP9e24vKl8JdzGCZOVsDaOXJgbRZoRIF67Lp0H/OgnJeH/Xpva8Z5ReoTNJE5dn3kg==",

     

       124
       124
       +
             "dependencies": [

     

       125
       125
       +
               "@atcute/uint8array"

     

       126
       126
       +
             ]

     

       127
       127
       +
           },

     

       128
       128
       +
           "@atcute/oauth-browser-client@2.0.3_@atcute+identity@1.1.3": {

     

       129
       129
       +
             "integrity": "sha512-rzUjwhjE4LRRKdQnCFQag/zXRZMEAB1hhBoLfnoQuHwWbmDUCL7fzwC3jRhDPp3om8XaYNDj8a/iqRip0wRqoQ==",

     

       130
       130
       +
             "dependencies": [

     

       131
       131
       +
               "@atcute/client",

     

       132
       132
       +
               "@atcute/identity-resolver",

     

       133
       133
       +
               "@atcute/lexicons",

     

       134
       134
       +
               "@atcute/multibase",

     

       135
       135
       +
               "@atcute/uint8array",

     

       136
       136
       +
               "nanoid@5.1.6"

     

       137
       137
       +
             ]

     

       138
       138
       +
           },

     

       139
       139
       +
           "@atcute/tid@1.1.1": {

     

       140
       140
       +
             "integrity": "sha512-djJ8UGhLkTU5V51yCnBEruMg35qETjWzWy5sJG/2gEOl2Gd7rQWHSaf+yrO6vMS5EFA38U2xOWE3EDUPzvc2ZQ==",

     

       141
       141
       +
             "dependencies": [

     

       142
       142
       +
               "@atcute/time-ms"

     

       143
       143
       +
             ]

     

       144
       144
       +
           },

     

       145
       145
       +
           "@atcute/time-ms@1.0.0": {

     

       146
       146
       +
             "integrity": "sha512-iWEOlMBcO3ktB+zQPC2kXka9H/798we+IWq2sjhb+hQJNNfcJrwejzvNi/68Q3jKo/hdfwZjRU9iF8U6D32/2Q==",

     

       147
       147
       +
             "dependencies": [

     

       148
       148
       +
               "@types/node@22.19.3",

     

       149
       149
       +
               "node-gyp-build"

     

       150
       150
       +
             ],

     

       151
       151
       +
             "scripts": true

     

       152
       152
       +
           },

     

       153
       153
       +
           "@atcute/uint8array@1.0.6": {

     

       154
       154
       +
             "integrity": "sha512-ucfRBQc7BFT8n9eCyGOzDHEMKF/nZwhS2pPao4Xtab1ML3HdFYcX2DM1tadCzas85QTGxHe5urnUAAcNKGRi9A=="

     

       155
       155
       +
           },

     

       156
       156
       +
           "@atcute/util-fetch@1.0.4": {

     

       157
       157
       +
             "integrity": "sha512-sIU9Qk0dE8PLEXSfhy+gIJV+HpiiknMytCI2SqLlqd0vgZUtEKI/EQfP+23LHWvP+CLCzVDOa6cpH045OlmNBg==",

     

       158
       158
       +
             "dependencies": [

     

       159
       159
       +
               "@badrap/valita"

     

       160
       160
       +
             ]

     

       161
       161
       +
           },

     

       162
       162
       +
           "@atcute/util-text@0.0.1": {

     

       163
       163
       +
             "integrity": "sha512-t1KZqvn0AYy+h2KcJyHnKF9aEqfRfMUmyY8j1ELtAEIgqN9CxINAjxnoRCJIFUlvWzb+oY3uElQL/Vyk3yss0g==",

     

       164
       164
       +
             "dependencies": [

     

       165
       165
       +
               "unicode-segmenter"

     

       166
       166
       +
             ]

     

       167
       167
       +
           },

     

       70
       168
        
           "@badrap/valita@0.4.6": {

     

       71
       169
        
             "integrity": "sha512-4kdqcjyxo/8RQ8ayjms47HCWZIF5981oE5nIenbfThKDxWXtEHKipAOWlflpPJzZx9y/JWYQkp18Awr7VuepFg=="

     

       72
       170
        
           },

     

       73
       73
       -
           "@esbuild/aix-ppc64@0.25.11": {

     

       74
       74
       -
             "integrity": "sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==",

     

       171
       171
       +
           "@esbuild/aix-ppc64@0.27.2": {

     

       172
       172
       +
             "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",

     

       75
       173
        
             "os": ["aix"],

     

       76
       174
        
             "cpu": ["ppc64"]

     

       77
       175
        
           },

     

       78
       78
       -
           "@esbuild/android-arm64@0.25.11": {

     

       79
       79
       -
             "integrity": "sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==",

     

       176
       176
       +
           "@esbuild/android-arm64@0.27.2": {

     

       177
       177
       +
             "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",

     

       80
       178
        
             "os": ["android"],

     

       81
       179
        
             "cpu": ["arm64"]

     

       82
       180
        
           },

     

       83
       83
       -
           "@esbuild/android-arm@0.25.11": {

     

       84
       84
       -
             "integrity": "sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==",

     

       181
       181
       +
           "@esbuild/android-arm@0.27.2": {

     

       182
       182
       +
             "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",

     

       85
       183
        
             "os": ["android"],

     

       86
       184
        
             "cpu": ["arm"]

     

       87
       185
        
           },

     

       88
       88
       -
           "@esbuild/android-x64@0.25.11": {

     

       89
       89
       -
             "integrity": "sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==",

     

       186
       186
       +
           "@esbuild/android-x64@0.27.2": {

     

       187
       187
       +
             "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",

     

       90
       188
        
             "os": ["android"],

     

       91
       189
        
             "cpu": ["x64"]

     

       92
       190
        
           },

     

       93
       93
       -
           "@esbuild/darwin-arm64@0.25.11": {

     

       94
       94
       -
             "integrity": "sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==",

     

       191
       191
       +
           "@esbuild/darwin-arm64@0.27.2": {

     

       192
       192
       +
             "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",

     

       95
       193
        
             "os": ["darwin"],

     

       96
       194
        
             "cpu": ["arm64"]

     

       97
       195
        
           },

     

       98
       98
       -
           "@esbuild/darwin-x64@0.25.11": {

     

       99
       99
       -
             "integrity": "sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==",

     

       196
       196
       +
           "@esbuild/darwin-x64@0.27.2": {

     

       197
       197
       +
             "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",

     

       100
       198
        
             "os": ["darwin"],

     

       101
       199
        
             "cpu": ["x64"]

     

       102
       200
        
           },

     

       103
       103
       -
           "@esbuild/freebsd-arm64@0.25.11": {

     

       104
       104
       -
             "integrity": "sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==",

     

       201
       201
       +
           "@esbuild/freebsd-arm64@0.27.2": {

     

       202
       202
       +
             "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",

     

       105
       203
        
             "os": ["freebsd"],

     

       106
       204
        
             "cpu": ["arm64"]

     

       107
       205
        
           },

     

       108
       108
       -
           "@esbuild/freebsd-x64@0.25.11": {

     

       109
       109
       -
             "integrity": "sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==",

     

       206
       206
       +
           "@esbuild/freebsd-x64@0.27.2": {

     

       207
       207
       +
             "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",

     

       110
       208
        
             "os": ["freebsd"],

     

       111
       209
        
             "cpu": ["x64"]

     

       112
       210
        
           },

     

       113
       113
       -
           "@esbuild/linux-arm64@0.25.11": {

     

       114
       114
       -
             "integrity": "sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==",

     

       211
       211
       +
           "@esbuild/linux-arm64@0.27.2": {

     

       212
       212
       +
             "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",

     

       115
       213
        
             "os": ["linux"],

     

       116
       214
        
             "cpu": ["arm64"]

     

       117
       215
        
           },

     

       118
       118
       -
           "@esbuild/linux-arm@0.25.11": {

     

       119
       119
       -
             "integrity": "sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==",

     

       216
       216
       +
           "@esbuild/linux-arm@0.27.2": {

     

       217
       217
       +
             "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",

     

       120
       218
        
             "os": ["linux"],

     

       121
       219
        
             "cpu": ["arm"]

     

       122
       220
        
           },

     

       123
       123
       -
           "@esbuild/linux-ia32@0.25.11": {

     

       124
       124
       -
             "integrity": "sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==",

     

       221
       221
       +
           "@esbuild/linux-ia32@0.27.2": {

     

       222
       222
       +
             "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",

     

       125
       223
        
             "os": ["linux"],

     

       126
       224
        
             "cpu": ["ia32"]

     

       127
       225
        
           },

     

       128
       128
       -
           "@esbuild/linux-loong64@0.25.11": {

     

       129
       129
       -
             "integrity": "sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==",

     

       226
       226
       +
           "@esbuild/linux-loong64@0.27.2": {

     

       227
       227
       +
             "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",

     

       130
       228
        
             "os": ["linux"],

     

       131
       229
        
             "cpu": ["loong64"]

     

       132
       230
        
           },

     

       133
       133
       -
           "@esbuild/linux-mips64el@0.25.11": {

     

       134
       134
       -
             "integrity": "sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==",

     

       231
       231
       +
           "@esbuild/linux-mips64el@0.27.2": {

     

       232
       232
       +
             "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",

     

       135
       233
        
             "os": ["linux"],

     

       136
       234
        
             "cpu": ["mips64el"]

     

       137
       235
        
           },

     

       138
       138
       -
           "@esbuild/linux-ppc64@0.25.11": {

     

       139
       139
       -
             "integrity": "sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==",

     

       236
       236
       +
           "@esbuild/linux-ppc64@0.27.2": {

     

       237
       237
       +
             "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",

     

       140
       238
        
             "os": ["linux"],

     

       141
       239
        
             "cpu": ["ppc64"]

     

       142
       240
        
           },

     

       143
       143
       -
           "@esbuild/linux-riscv64@0.25.11": {

     

       144
       144
       -
             "integrity": "sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==",

     

       241
       241
       +
           "@esbuild/linux-riscv64@0.27.2": {

     

       242
       242
       +
             "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",

     

       145
       243
        
             "os": ["linux"],

     

       146
       244
        
             "cpu": ["riscv64"]

     

       147
       245
        
           },

     

       148
       148
       -
           "@esbuild/linux-s390x@0.25.11": {

     

       149
       149
       -
             "integrity": "sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==",

     

       246
       246
       +
           "@esbuild/linux-s390x@0.27.2": {

     

       247
       247
       +
             "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",

     

       150
       248
        
             "os": ["linux"],

     

       151
       249
        
             "cpu": ["s390x"]

     

       152
       250
        
           },

     

       153
       153
       -
           "@esbuild/linux-x64@0.25.11": {

     

       154
       154
       -
             "integrity": "sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==",

     

       251
       251
       +
           "@esbuild/linux-x64@0.27.2": {

     

       252
       252
       +
             "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",

     

       155
       253
        
             "os": ["linux"],

     

       156
       254
        
             "cpu": ["x64"]

     

       157
       255
        
           },

     

       158
       158
       -
           "@esbuild/netbsd-arm64@0.25.11": {

     

       159
       159
       -
             "integrity": "sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==",

     

       256
       256
       +
           "@esbuild/netbsd-arm64@0.27.2": {

     

       257
       257
       +
             "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",

     

       160
       258
        
             "os": ["netbsd"],

     

       161
       259
        
             "cpu": ["arm64"]

     

       162
       260
        
           },

     

       163
       163
       -
           "@esbuild/netbsd-x64@0.25.11": {

     

       164
       164
       -
             "integrity": "sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==",

     

       261
       261
       +
           "@esbuild/netbsd-x64@0.27.2": {

     

       262
       262
       +
             "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",

     

       165
       263
        
             "os": ["netbsd"],

     

       166
       264
        
             "cpu": ["x64"]

     

       167
       265
        
           },

     

       168
       168
       -
           "@esbuild/openbsd-arm64@0.25.11": {

     

       169
       169
       -
             "integrity": "sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==",

     

       266
       266
       +
           "@esbuild/openbsd-arm64@0.27.2": {

     

       267
       267
       +
             "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",

     

       170
       268
        
             "os": ["openbsd"],

     

       171
       269
        
             "cpu": ["arm64"]

     

       172
       270
        
           },

     

       173
       173
       -
           "@esbuild/openbsd-x64@0.25.11": {

     

       174
       174
       -
             "integrity": "sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==",

     

       271
       271
       +
           "@esbuild/openbsd-x64@0.27.2": {

     

       272
       272
       +
             "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",

     

       175
       273
        
             "os": ["openbsd"],

     

       176
       274
        
             "cpu": ["x64"]

     

       177
       275
        
           },

     

       178
       178
       -
           "@esbuild/openharmony-arm64@0.25.11": {

     

       179
       179
       -
             "integrity": "sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==",

     

       276
       276
       +
           "@esbuild/openharmony-arm64@0.27.2": {

     

       277
       277
       +
             "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",

     

       180
       278
        
             "os": ["openharmony"],

     

       181
       279
        
             "cpu": ["arm64"]

     

       182
       280
        
           },

     

       183
       183
       -
           "@esbuild/sunos-x64@0.25.11": {

     

       184
       184
       -
             "integrity": "sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==",

     

       281
       281
       +
           "@esbuild/sunos-x64@0.27.2": {

     

       282
       282
       +
             "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",

     

       185
       283
        
             "os": ["sunos"],

     

       186
       284
        
             "cpu": ["x64"]

     

       187
       285
        
           },

     

       188
       188
       -
           "@esbuild/win32-arm64@0.25.11": {

     

       189
       189
       -
             "integrity": "sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==",

     

       286
       286
       +
           "@esbuild/win32-arm64@0.27.2": {

     

       287
       287
       +
             "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",

     

       190
       288
        
             "os": ["win32"],

     

       191
       289
        
             "cpu": ["arm64"]

     

       192
       290
        
           },

     

       193
       193
       -
           "@esbuild/win32-ia32@0.25.11": {

     

       194
       194
       -
             "integrity": "sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==",

     

       291
       291
       +
           "@esbuild/win32-ia32@0.27.2": {

     

       292
       292
       +
             "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",

     

       195
       293
        
             "os": ["win32"],

     

       196
       294
        
             "cpu": ["ia32"]

     

       197
       295
        
           },

     

       198
       198
       -
           "@esbuild/win32-x64@0.25.11": {

     

       199
       199
       -
             "integrity": "sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==",

     

       296
       296
       +
           "@esbuild/win32-x64@0.27.2": {

     

       297
       297
       +
             "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",

     

       200
       298
        
             "os": ["win32"],

     

       201
       299
        
             "cpu": ["x64"]

     

       202
       300
        
           },

     

       203
       203
       -
           "@eslint-community/eslint-utils@4.9.0_eslint@9.37.0": {

     

       204
       204
       -
             "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",

     

       301
       301
       +
           "@eslint-community/eslint-utils@4.9.1_eslint@9.39.2": {

     

       302
       302
       +
             "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",

     

       205
       303
        
             "dependencies": [

     

       206
       304
        
               "eslint",

     

       207
       305
        
               "eslint-visitor-keys@3.4.3"

     

       208
       306
        
             ]

     

       209
       307
        
           },

     

       210
       210
       -
           "@eslint-community/regexpp@4.12.1": {

     

       211
       211
       -
             "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ=="

     

       308
       308
       +
           "@eslint-community/regexpp@4.12.2": {

     

       309
       309
       +
             "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="

     

       212
       310
        
           },

     

       213
       213
       -
           "@eslint/compat@1.4.0_eslint@9.37.0": {

     

       214
       214
       -
             "integrity": "sha512-DEzm5dKeDBPm3r08Ixli/0cmxr8LkRdwxMRUIJBlSCpAwSrvFEJpVBzV+66JhDxiaqKxnRzCXhtiMiczF7Hglg==",

     

       311
       311
       +
           "@eslint/compat@2.0.0_eslint@9.39.2": {

     

       312
       312
       +
             "integrity": "sha512-T9AfE1G1uv4wwq94ozgTGio5EUQBqAVe1X9qsQtSNVEYW6j3hvtZVm8Smr4qL1qDPFg+lOB2cL5RxTRMzq4CTA==",

     

       215
       313
        
             "dependencies": [

     

       216
       216
       -
               "@eslint/core",

     

       314
       314
       +
               "@eslint/core@1.0.0",

     

       217
       315
        
               "eslint"

     

       218
       316
        
             ],

     

       219
       317
        
             "optionalPeers": [

     

       220
       318
        
               "eslint"

     

       221
       319
        
             ]

     

       222
       320
        
           },

     

       223
       223
       -
           "@eslint/config-array@0.21.0": {

     

       224
       224
       -
             "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",

     

       321
       321
       +
           "@eslint/config-array@0.21.1": {

     

       322
       322
       +
             "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",

     

       225
       323
        
             "dependencies": [

     

       226
       324
        
               "@eslint/object-schema",

     

       227
       325
        
               "debug",

     

       228
       326
        
               "minimatch@3.1.2"

     

       229
       327
        
             ]

     

       230
       328
        
           },

     

       231
       231
       -
           "@eslint/config-helpers@0.4.0": {

     

       232
       232
       -
             "integrity": "sha512-WUFvV4WoIwW8Bv0KeKCIIEgdSiFOsulyN0xrMu+7z43q/hkOLXjvb5u7UC9jDxvRzcrbEmuZBX5yJZz1741jog==",

     

       329
       329
       +
           "@eslint/config-helpers@0.4.2": {

     

       330
       330
       +
             "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",

     

       331
       331
       +
             "dependencies": [

     

       332
       332
       +
               "@eslint/core@0.17.0"

     

       333
       333
       +
             ]

     

       334
       334
       +
           },

     

       335
       335
       +
           "@eslint/core@0.17.0": {

     

       336
       336
       +
             "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",

     

       233
       337
        
             "dependencies": [

     

       234
       234
       -
               "@eslint/core"

     

       338
       338
       +
               "@types/json-schema"

     

       235
       339
        
             ]

     

       236
       340
        
           },

     

       237
       237
       -
           "@eslint/core@0.16.0": {

     

       238
       238
       -
             "integrity": "sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==",

     

       341
       341
       +
           "@eslint/core@1.0.0": {

     

       342
       342
       +
             "integrity": "sha512-PRfWP+8FOldvbApr6xL7mNCw4cJcSTq4GA7tYbgq15mRb0kWKO/wEB2jr+uwjFH3sZvEZneZyCUGTxsv4Sahyw==",

     

       239
       343
        
             "dependencies": [

     

       240
       344
        
               "@types/json-schema"

     

       241
       345
        
             ]

     

       242
       346
        
           },

     

       243
       243
       -
           "@eslint/eslintrc@3.3.1": {

     

       244
       244
       -
             "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",

     

       347
       347
       +
           "@eslint/eslintrc@3.3.3": {

     

       348
       348
       +
             "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",

     

       245
       349
        
             "dependencies": [

     

       246
       350
        
               "ajv",

     

       247
       351
        
               "debug",

     
···

       254
       358
        
               "strip-json-comments"

     

       255
       359
        
             ]

     

       256
       360
        
           },

     

       257
       257
       -
           "@eslint/js@9.37.0": {

     

       258
       258
       -
             "integrity": "sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg=="

     

       361
       361
       +
           "@eslint/js@9.39.2": {

     

       362
       362
       +
             "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA=="

     

       259
       363
        
           },

     

       260
       260
       -
           "@eslint/object-schema@2.1.6": {

     

       261
       261
       -
             "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA=="

     

       364
       364
       +
           "@eslint/object-schema@2.1.7": {

     

       365
       365
       +
             "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="

     

       262
       366
        
           },

     

       263
       263
       -
           "@eslint/plugin-kit@0.4.0": {

     

       264
       264
       -
             "integrity": "sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==",

     

       367
       367
       +
           "@eslint/plugin-kit@0.4.1": {

     

       368
       368
       +
             "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",

     

       265
       369
        
             "dependencies": [

     

       266
       266
       -
               "@eslint/core",

     

       370
       370
       +
               "@eslint/core@0.17.0",

     

       267
       371
        
               "levn"

     

       268
       372
        
             ]

     

       373
       373
       +
           },

     

       374
       374
       +
           "@floating-ui/core@1.7.3": {

     

       375
       375
       +
             "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",

     

       376
       376
       +
             "dependencies": [

     

       377
       377
       +
               "@floating-ui/utils"

     

       378
       378
       +
             ]

     

       379
       379
       +
           },

     

       380
       380
       +
           "@floating-ui/dom@1.7.4": {

     

       381
       381
       +
             "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",

     

       382
       382
       +
             "dependencies": [

     

       383
       383
       +
               "@floating-ui/core",

     

       384
       384
       +
               "@floating-ui/utils"

     

       385
       385
       +
             ]

     

       386
       386
       +
           },

     

       387
       387
       +
           "@floating-ui/utils@0.2.10": {

     

       388
       388
       +
             "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="

     

       269
       389
        
           },

     

       270
       390
        
           "@humanfs/core@0.19.1": {

     

       271
       391
        
             "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="

     
···

       283
       403
        
           "@humanwhocodes/retry@0.4.3": {

     

       284
       404
        
             "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="

     

       285
       405
        
           },

     

       286
       286
       -
           "@isaacs/fs-minipass@4.0.1": {

     

       287
       287
       -
             "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",

     

       406
       406
       +
           "@iconify/svelte@5.1.0_svelte@5.46.1__acorn@8.15.0": {

     

       407
       407
       +
             "integrity": "sha512-I14nSqo0pNXO5OKsT61ZO3XIPF4yRHA2ErgPsaZ1sPJdKXn80o7o8jOe1xpWphbb9FihdX6by9zlKKBss61mFw==",

     

       288
       408
        
             "dependencies": [

     

       289
       289
       -
               "minipass"

     

       409
       409
       +
               "@iconify/types",

     

       410
       410
       +
               "svelte"

     

       290
       411
        
             ]

     

       412
       412
       +
           },

     

       413
       413
       +
           "@iconify/types@2.0.0": {

     

       414
       414
       +
             "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="

     

       291
       415
        
           },

     

       292
       416
        
           "@jridgewell/gen-mapping@0.3.13": {

     

       293
       417
        
             "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",

     
···

       316
       440
        
               "@jridgewell/sourcemap-codec"

     

       317
       441
        
             ]

     

       318
       442
        
           },

     

       319
       319
       -
           "@nodelib/fs.scandir@2.1.5": {

     

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

     

       443
       443
       +
           "@mary-ext/event-iterator@1.0.0": {

     

       444
       444
       +
             "integrity": "sha512-l6gCPsWJ8aRCe/s7/oCmero70kDHgIK5m4uJvYgwEYTqVxoBOIXbKr5tnkLqUHEg6mNduB4IWvms3h70Hp9ADQ==",

     

       321
       445
        
             "dependencies": [

     

       322
       322
       -
               "@nodelib/fs.stat",

     

       323
       323
       -
               "run-parallel"

     

       446
       446
       +
               "yocto-queue@1.2.2"

     

       324
       447
        
             ]

     

       325
       448
        
           },

     

       326
       326
       -
           "@nodelib/fs.stat@2.0.5": {

     

       327
       327
       -
             "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="

     

       328
       328
       -
           },

     

       329
       329
       -
           "@nodelib/fs.walk@1.2.8": {

     

       330
       330
       -
             "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",

     

       331
       331
       -
             "dependencies": [

     

       332
       332
       -
               "@nodelib/fs.scandir",

     

       333
       333
       -
               "fastq"

     

       334
       334
       -
             ]

     

       449
       449
       +
           "@mary-ext/simple-event-emitter@1.0.0": {

     

       450
       450
       +
             "integrity": "sha512-meA/zJZKIN1RVBNEYIbjufkUrW7/tRjHH60FjolpG1ixJKo76TB208qefQLNdOVDA7uIG0CGEDuhmMirtHKLAg=="

     

       335
       451
        
           },

     

       336
       452
        
           "@polka/url@1.0.0-next.29": {

     

       337
       453
        
             "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="

     

       338
       454
        
           },

     

       339
       339
       -
           "@rollup/rollup-android-arm-eabi@4.52.4": {

     

       340
       340
       -
             "integrity": "sha512-BTm2qKNnWIQ5auf4deoetINJm2JzvihvGb9R6K/ETwKLql/Bb3Eg2H1FBp1gUb4YGbydMA3jcmQTR73q7J+GAA==",

     

       455
       455
       +
           "@rollup/rollup-android-arm-eabi@4.54.0": {

     

       456
       456
       +
             "integrity": "sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==",

     

       341
       457
        
             "os": ["android"],

     

       342
       458
        
             "cpu": ["arm"]

     

       343
       459
        
           },

     

       344
       344
       -
           "@rollup/rollup-android-arm64@4.52.4": {

     

       345
       345
       -
             "integrity": "sha512-P9LDQiC5vpgGFgz7GSM6dKPCiqR3XYN1WwJKA4/BUVDjHpYsf3iBEmVz62uyq20NGYbiGPR5cNHI7T1HqxNs2w==",

     

       460
       460
       +
           "@rollup/rollup-android-arm64@4.54.0": {

     

       461
       461
       +
             "integrity": "sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==",

     

       346
       462
        
             "os": ["android"],

     

       347
       463
        
             "cpu": ["arm64"]

     

       348
       464
        
           },

     

       349
       349
       -
           "@rollup/rollup-darwin-arm64@4.52.4": {

     

       350
       350
       -
             "integrity": "sha512-QRWSW+bVccAvZF6cbNZBJwAehmvG9NwfWHwMy4GbWi/BQIA/laTIktebT2ipVjNncqE6GLPxOok5hsECgAxGZg==",

     

       465
       465
       +
           "@rollup/rollup-darwin-arm64@4.54.0": {

     

       466
       466
       +
             "integrity": "sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==",

     

       351
       467
        
             "os": ["darwin"],

     

       352
       468
        
             "cpu": ["arm64"]

     

       353
       469
        
           },

     

       354
       354
       -
           "@rollup/rollup-darwin-x64@4.52.4": {

     

       355
       355
       -
             "integrity": "sha512-hZgP05pResAkRJxL1b+7yxCnXPGsXU0fG9Yfd6dUaoGk+FhdPKCJ5L1Sumyxn8kvw8Qi5PvQ8ulenUbRjzeCTw==",

     

       470
       470
       +
           "@rollup/rollup-darwin-x64@4.54.0": {

     

       471
       471
       +
             "integrity": "sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==",

     

       356
       472
        
             "os": ["darwin"],

     

       357
       473
        
             "cpu": ["x64"]

     

       358
       474
        
           },

     

       359
       359
       -
           "@rollup/rollup-freebsd-arm64@4.52.4": {

     

       360
       360
       -
             "integrity": "sha512-xmc30VshuBNUd58Xk4TKAEcRZHaXlV+tCxIXELiE9sQuK3kG8ZFgSPi57UBJt8/ogfhAF5Oz4ZSUBN77weM+mQ==",

     

       475
       475
       +
           "@rollup/rollup-freebsd-arm64@4.54.0": {

     

       476
       476
       +
             "integrity": "sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==",

     

       361
       477
        
             "os": ["freebsd"],

     

       362
       478
        
             "cpu": ["arm64"]

     

       363
       479
        
           },

     

       364
       364
       -
           "@rollup/rollup-freebsd-x64@4.52.4": {

     

       365
       365
       -
             "integrity": "sha512-WdSLpZFjOEqNZGmHflxyifolwAiZmDQzuOzIq9L27ButpCVpD7KzTRtEG1I0wMPFyiyUdOO+4t8GvrnBLQSwpw==",

     

       480
       480
       +
           "@rollup/rollup-freebsd-x64@4.54.0": {

     

       481
       481
       +
             "integrity": "sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==",

     

       366
       482
        
             "os": ["freebsd"],

     

       367
       483
        
             "cpu": ["x64"]

     

       368
       484
        
           },

     

       369
       369
       -
           "@rollup/rollup-linux-arm-gnueabihf@4.52.4": {

     

       370
       370
       -
             "integrity": "sha512-xRiOu9Of1FZ4SxVbB0iEDXc4ddIcjCv2aj03dmW8UrZIW7aIQ9jVJdLBIhxBI+MaTnGAKyvMwPwQnoOEvP7FgQ==",

     

       485
       485
       +
           "@rollup/rollup-linux-arm-gnueabihf@4.54.0": {

     

       486
       486
       +
             "integrity": "sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==",

     

       371
       487
        
             "os": ["linux"],

     

       372
       488
        
             "cpu": ["arm"]

     

       373
       489
        
           },

     

       374
       374
       -
           "@rollup/rollup-linux-arm-musleabihf@4.52.4": {

     

       375
       375
       -
             "integrity": "sha512-FbhM2p9TJAmEIEhIgzR4soUcsW49e9veAQCziwbR+XWB2zqJ12b4i/+hel9yLiD8pLncDH4fKIPIbt5238341Q==",

     

       490
       490
       +
           "@rollup/rollup-linux-arm-musleabihf@4.54.0": {

     

       491
       491
       +
             "integrity": "sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==",

     

       376
       492
        
             "os": ["linux"],

     

       377
       493
        
             "cpu": ["arm"]

     

       378
       494
        
           },

     

       379
       379
       -
           "@rollup/rollup-linux-arm64-gnu@4.52.4": {

     

       380
       380
       -
             "integrity": "sha512-4n4gVwhPHR9q/g8lKCyz0yuaD0MvDf7dV4f9tHt0C73Mp8h38UCtSCSE6R9iBlTbXlmA8CjpsZoujhszefqueg==",

     

       495
       495
       +
           "@rollup/rollup-linux-arm64-gnu@4.54.0": {

     

       496
       496
       +
             "integrity": "sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==",

     

       381
       497
        
             "os": ["linux"],

     

       382
       498
        
             "cpu": ["arm64"]

     

       383
       499
        
           },

     

       384
       384
       -
           "@rollup/rollup-linux-arm64-musl@4.52.4": {

     

       385
       385
       -
             "integrity": "sha512-u0n17nGA0nvi/11gcZKsjkLj1QIpAuPFQbR48Subo7SmZJnGxDpspyw2kbpuoQnyK+9pwf3pAoEXerJs/8Mi9g==",

     

       500
       500
       +
           "@rollup/rollup-linux-arm64-musl@4.54.0": {

     

       501
       501
       +
             "integrity": "sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==",

     

       386
       502
        
             "os": ["linux"],

     

       387
       503
        
             "cpu": ["arm64"]

     

       388
       504
        
           },

     

       389
       389
       -
           "@rollup/rollup-linux-loong64-gnu@4.52.4": {

     

       390
       390
       -
             "integrity": "sha512-0G2c2lpYtbTuXo8KEJkDkClE/+/2AFPdPAbmaHoE870foRFs4pBrDehilMcrSScrN/fB/1HTaWO4bqw+ewBzMQ==",

     

       505
       505
       +
           "@rollup/rollup-linux-loong64-gnu@4.54.0": {

     

       506
       506
       +
             "integrity": "sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==",

     

       391
       507
        
             "os": ["linux"],

     

       392
       508
        
             "cpu": ["loong64"]

     

       393
       509
        
           },

     

       394
       394
       -
           "@rollup/rollup-linux-ppc64-gnu@4.52.4": {

     

       395
       395
       -
             "integrity": "sha512-teSACug1GyZHmPDv14VNbvZFX779UqWTsd7KtTM9JIZRDI5NUwYSIS30kzI8m06gOPB//jtpqlhmraQ68b5X2g==",

     

       510
       510
       +
           "@rollup/rollup-linux-ppc64-gnu@4.54.0": {

     

       511
       511
       +
             "integrity": "sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==",

     

       396
       512
        
             "os": ["linux"],

     

       397
       513
        
             "cpu": ["ppc64"]

     

       398
       514
        
           },

     

       399
       399
       -
           "@rollup/rollup-linux-riscv64-gnu@4.52.4": {

     

       400
       400
       -
             "integrity": "sha512-/MOEW3aHjjs1p4Pw1Xk4+3egRevx8Ji9N6HUIA1Ifh8Q+cg9dremvFCUbOX2Zebz80BwJIgCBUemjqhU5XI5Eg==",

     

       515
       515
       +
           "@rollup/rollup-linux-riscv64-gnu@4.54.0": {

     

       516
       516
       +
             "integrity": "sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==",

     

       401
       517
        
             "os": ["linux"],

     

       402
       518
        
             "cpu": ["riscv64"]

     

       403
       519
        
           },

     

       404
       404
       -
           "@rollup/rollup-linux-riscv64-musl@4.52.4": {

     

       405
       405
       -
             "integrity": "sha512-1HHmsRyh845QDpEWzOFtMCph5Ts+9+yllCrREuBR/vg2RogAQGGBRC8lDPrPOMnrdOJ+mt1WLMOC2Kao/UwcvA==",

     

       520
       520
       +
           "@rollup/rollup-linux-riscv64-musl@4.54.0": {

     

       521
       521
       +
             "integrity": "sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==",

     

       406
       522
        
             "os": ["linux"],

     

       407
       523
        
             "cpu": ["riscv64"]

     

       408
       524
        
           },

     

       409
       409
       -
           "@rollup/rollup-linux-s390x-gnu@4.52.4": {

     

       410
       410
       -
             "integrity": "sha512-seoeZp4L/6D1MUyjWkOMRU6/iLmCU2EjbMTyAG4oIOs1/I82Y5lTeaxW0KBfkUdHAWN7j25bpkt0rjnOgAcQcA==",

     

       525
       525
       +
           "@rollup/rollup-linux-s390x-gnu@4.54.0": {

     

       526
       526
       +
             "integrity": "sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==",

     

       411
       527
        
             "os": ["linux"],

     

       412
       528
        
             "cpu": ["s390x"]

     

       413
       529
        
           },

     

       414
       414
       -
           "@rollup/rollup-linux-x64-gnu@4.52.4": {

     

       415
       415
       -
             "integrity": "sha512-Wi6AXf0k0L7E2gteNsNHUs7UMwCIhsCTs6+tqQ5GPwVRWMaflqGec4Sd8n6+FNFDw9vGcReqk2KzBDhCa1DLYg==",

     

       530
       530
       +
           "@rollup/rollup-linux-x64-gnu@4.54.0": {

     

       531
       531
       +
             "integrity": "sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==",

     

       416
       532
        
             "os": ["linux"],

     

       417
       533
        
             "cpu": ["x64"]

     

       418
       534
        
           },

     

       419
       419
       -
           "@rollup/rollup-linux-x64-musl@4.52.4": {

     

       420
       420
       -
             "integrity": "sha512-dtBZYjDmCQ9hW+WgEkaffvRRCKm767wWhxsFW3Lw86VXz/uJRuD438/XvbZT//B96Vs8oTA8Q4A0AfHbrxP9zw==",

     

       535
       535
       +
           "@rollup/rollup-linux-x64-musl@4.54.0": {

     

       536
       536
       +
             "integrity": "sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==",

     

       421
       537
        
             "os": ["linux"],

     

       422
       538
        
             "cpu": ["x64"]

     

       423
       539
        
           },

     

       424
       424
       -
           "@rollup/rollup-openharmony-arm64@4.52.4": {

     

       425
       425
       -
             "integrity": "sha512-1ox+GqgRWqaB1RnyZXL8PD6E5f7YyRUJYnCqKpNzxzP0TkaUh112NDrR9Tt+C8rJ4x5G9Mk8PQR3o7Ku2RKqKA==",

     

       540
       540
       +
           "@rollup/rollup-openharmony-arm64@4.54.0": {

     

       541
       541
       +
             "integrity": "sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==",

     

       426
       542
        
             "os": ["openharmony"],

     

       427
       543
        
             "cpu": ["arm64"]

     

       428
       544
        
           },

     

       429
       429
       -
           "@rollup/rollup-win32-arm64-msvc@4.52.4": {

     

       430
       430
       -
             "integrity": "sha512-8GKr640PdFNXwzIE0IrkMWUNUomILLkfeHjXBi/nUvFlpZP+FA8BKGKpacjW6OUUHaNI6sUURxR2U2g78FOHWQ==",

     

       545
       545
       +
           "@rollup/rollup-win32-arm64-msvc@4.54.0": {

     

       546
       546
       +
             "integrity": "sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==",

     

       431
       547
        
             "os": ["win32"],

     

       432
       548
        
             "cpu": ["arm64"]

     

       433
       549
        
           },

     

       434
       434
       -
           "@rollup/rollup-win32-ia32-msvc@4.52.4": {

     

       435
       435
       -
             "integrity": "sha512-AIy/jdJ7WtJ/F6EcfOb2GjR9UweO0n43jNObQMb6oGxkYTfLcnN7vYYpG+CN3lLxrQkzWnMOoNSHTW54pgbVxw==",

     

       550
       550
       +
           "@rollup/rollup-win32-ia32-msvc@4.54.0": {

     

       551
       551
       +
             "integrity": "sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==",

     

       436
       552
        
             "os": ["win32"],

     

       437
       553
        
             "cpu": ["ia32"]

     

       438
       554
        
           },

     

       439
       439
       -
           "@rollup/rollup-win32-x64-gnu@4.52.4": {

     

       440
       440
       -
             "integrity": "sha512-UF9KfsH9yEam0UjTwAgdK0anlQ7c8/pWPU2yVjyWcF1I1thABt6WXE47cI71pGiZ8wGvxohBoLnxM04L/wj8mQ==",

     

       555
       555
       +
           "@rollup/rollup-win32-x64-gnu@4.54.0": {

     

       556
       556
       +
             "integrity": "sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==",

     

       441
       557
        
             "os": ["win32"],

     

       442
       558
        
             "cpu": ["x64"]

     

       443
       559
        
           },

     

       444
       444
       -
           "@rollup/rollup-win32-x64-msvc@4.52.4": {

     

       445
       445
       -
             "integrity": "sha512-bf9PtUa0u8IXDVxzRToFQKsNCRz9qLYfR/MpECxl4mRoWYjAeFjgxj1XdZr2M/GNVpT05p+LgQOHopYDlUu6/w==",

     

       560
       560
       +
           "@rollup/rollup-win32-x64-msvc@4.54.0": {

     

       561
       561
       +
             "integrity": "sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==",

     

       446
       562
        
             "os": ["win32"],

     

       447
       563
        
             "cpu": ["x64"]

     

       448
       564
        
           },

     

       449
       449
       -
           "@standard-schema/spec@1.0.0": {

     

       450
       450
       -
             "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA=="

     

       565
       565
       +
           "@soffinal/stream@0.2.4_typescript@5.9.3": {

     

       566
       566
       +
             "integrity": "sha512-2ViwKVcOcbths5wCrizGbcoE5aaURHZkQlIzWv6K6cA6OY2Khjx2a7EOHoWA1iLho6+bSDo81W0ev85zZZxYHg==",

     

       567
       567
       +
             "dependencies": [

     

       568
       568
       +
               "typescript"

     

       569
       569
       +
             ]

     

       570
       570
       +
           },

     

       571
       571
       +
           "@soffinal/websocket@0.2.1_typescript@5.9.3": {

     

       572
       572
       +
             "integrity": "sha512-OvBZCtWLRT3gZpseHdd7qBsKNTVYnZsMUwk1aF5m/hZ632MOhaumi4WS/D/hasTHYQFh1XZXy7To+rMVWwubCw==",

     

       573
       573
       +
             "dependencies": [

     

       574
       574
       +
               "@soffinal/stream",

     

       575
       575
       +
               "typescript"

     

       576
       576
       +
             ]

     

       577
       577
       +
           },

     

       578
       578
       +
           "@standard-schema/spec@1.1.0": {

     

       579
       579
       +
             "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="

     

       451
       580
        
           },

     

       452
       452
       -
           "@sveltejs/acorn-typescript@1.0.6_acorn@8.15.0": {

     

       453
       453
       -
             "integrity": "sha512-4awhxtMh4cx9blePWl10HRHj8Iivtqj+2QdDCSMDzxG+XKa9+VCNupQuCuvzEhYPzZSrX+0gC+0lHA/0fFKKQQ==",

     

       581
       581
       +
           "@sveltejs/acorn-typescript@1.0.8_acorn@8.15.0": {

     

       582
       582
       +
             "integrity": "sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==",

     

       454
       583
        
             "dependencies": [

     

       455
       584
        
               "acorn"

     

       456
       585
        
             ]

     

       457
       586
        
           },

     

       458
       458
       -
           "@sveltejs/adapter-auto@6.1.1_@sveltejs+kit@2.47.0__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.40.1____acorn@8.15.0___vite@7.1.10____@types+node@24.8.0____picomatch@4.0.3___@types+node@24.8.0__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.8.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__@types+node@24.8.0_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       459
       459
       -
             "integrity": "sha512-cBNt4jgH4KuaNO5gRSB2CZKkGtz+OCZ8lPjRQGjhvVUD4akotnj2weUia6imLl2v07K3IgsQRyM36909miSwoQ==",

     

       587
       587
       +
           "@sveltejs/adapter-static@3.0.10_@sveltejs+kit@2.49.2__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.46.1____acorn@8.15.0___vite@7.3.0____@types+node@25.0.3____picomatch@4.0.3___@types+node@25.0.3__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__acorn@8.15.0__@types+node@25.0.3_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__@types+node@25.0.3_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3": {

     

       588
       588
       +
             "integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",

     

       460
       589
        
             "dependencies": [

     

       461
       590
        
               "@sveltejs/kit"

     

       462
       591
        
             ]

     

       463
       592
        
           },

     

       464
       464
       -
           "@sveltejs/kit@2.47.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__@types+node@24.8.0_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.8.0": {

     

       465
       465
       -
             "integrity": "sha512-mznN01MBXtr4T7X/E3ENkhF6GzqxTxL6/whG3OzCzUu8G8KYRNiCdoxLMVWAHJx/mDMPP3XAeKCMZHF/Xd/CDw==",

     

       593
       593
       +
           "@sveltejs/kit@2.49.2_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__@types+node@25.0.3_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_acorn@8.15.0_@types+node@25.0.3": {

     

       594
       594
       +
             "integrity": "sha512-Vp3zX/qlwerQmHMP6x0Ry1oY7eKKRcOWGc2P59srOp4zcqyn+etJyQpELgOi4+ZSUgteX8Y387NuwruLgGXLUQ==",

     

       466
       595
        
             "dependencies": [

     

       467
       596
        
               "@standard-schema/spec",

     

       468
       597
        
               "@sveltejs/acorn-typescript",

     
···

       483
       612
        
             ],

     

       484
       613
        
             "bin": true

     

       485
       614
        
           },

     

       486
       486
       -
           "@sveltejs/vite-plugin-svelte-inspector@5.0.1_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.40.1___acorn@8.15.0__vite@7.1.10___@types+node@24.8.0___picomatch@4.0.3__@types+node@24.8.0_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       615
       615
       +
           "@sveltejs/vite-plugin-svelte-inspector@5.0.1_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.46.1___acorn@8.15.0__vite@7.3.0___@types+node@25.0.3___picomatch@4.0.3__@types+node@25.0.3_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3": {

     

       487
       616
        
             "integrity": "sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==",

     

       488
       617
        
             "dependencies": [

     

       489
       618
        
               "@sveltejs/vite-plugin-svelte",

     
···

       492
       621
        
               "vite"

     

       493
       622
        
             ]

     

       494
       623
        
           },

     

       495
       495
       -
           "@sveltejs/vite-plugin-svelte@6.2.1_svelte@5.40.1__acorn@8.15.0_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       624
       624
       +
           "@sveltejs/vite-plugin-svelte@6.2.1_svelte@5.46.1__acorn@8.15.0_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3": {

     

       496
       625
        
             "integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==",

     

       497
       626
        
             "dependencies": [

     

       498
       627
        
               "@sveltejs/vite-plugin-svelte-inspector",

     
···

       504
       633
        
               "vitefu"

     

       505
       634
        
             ]

     

       506
       635
        
           },

     

       507
       507
       -
           "@tailwindcss/forms@0.5.10_tailwindcss@4.1.14": {

     

       508
       508
       -
             "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==",

     

       636
       636
       +
           "@tailwindcss/forms@0.5.11_tailwindcss@4.1.18": {

     

       637
       637
       +
             "integrity": "sha512-h9wegbZDPurxG22xZSoWtdzc41/OlNEUQERNqI/0fOwa2aVlWGu7C35E/x6LDyD3lgtztFSSjKZyuVM0hxhbgA==",

     

       509
       638
        
             "dependencies": [

     

       510
       639
        
               "mini-svg-data-uri",

     

       511
       640
        
               "tailwindcss"

     

       512
       641
        
             ]

     

       513
       642
        
           },

     

       514
       514
       -
           "@tailwindcss/node@4.1.14": {

     

       515
       515
       -
             "integrity": "sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==",

     

       643
       643
       +
           "@tailwindcss/node@4.1.18": {

     

       644
       644
       +
             "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",

     

       516
       645
        
             "dependencies": [

     

       517
       646
        
               "@jridgewell/remapping",

     

       518
       647
        
               "enhanced-resolve",

     
···

       523
       652
        
               "tailwindcss"

     

       524
       653
        
             ]

     

       525
       654
        
           },

     

       526
       526
       -
           "@tailwindcss/oxide-android-arm64@4.1.14": {

     

       527
       527
       -
             "integrity": "sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==",

     

       655
       655
       +
           "@tailwindcss/oxide-android-arm64@4.1.18": {

     

       656
       656
       +
             "integrity": "sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==",

     

       528
       657
        
             "os": ["android"],

     

       529
       658
        
             "cpu": ["arm64"]

     

       530
       659
        
           },

     

       531
       531
       -
           "@tailwindcss/oxide-darwin-arm64@4.1.14": {

     

       532
       532
       -
             "integrity": "sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==",

     

       660
       660
       +
           "@tailwindcss/oxide-darwin-arm64@4.1.18": {

     

       661
       661
       +
             "integrity": "sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==",

     

       533
       662
        
             "os": ["darwin"],

     

       534
       663
        
             "cpu": ["arm64"]

     

       535
       664
        
           },

     

       536
       536
       -
           "@tailwindcss/oxide-darwin-x64@4.1.14": {

     

       537
       537
       -
             "integrity": "sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==",

     

       665
       665
       +
           "@tailwindcss/oxide-darwin-x64@4.1.18": {

     

       666
       666
       +
             "integrity": "sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==",

     

       538
       667
        
             "os": ["darwin"],

     

       539
       668
        
             "cpu": ["x64"]

     

       540
       669
        
           },

     

       541
       541
       -
           "@tailwindcss/oxide-freebsd-x64@4.1.14": {

     

       542
       542
       -
             "integrity": "sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==",

     

       670
       670
       +
           "@tailwindcss/oxide-freebsd-x64@4.1.18": {

     

       671
       671
       +
             "integrity": "sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==",

     

       543
       672
        
             "os": ["freebsd"],

     

       544
       673
        
             "cpu": ["x64"]

     

       545
       674
        
           },

     

       546
       546
       -
           "@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14": {

     

       547
       547
       -
             "integrity": "sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==",

     

       675
       675
       +
           "@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18": {

     

       676
       676
       +
             "integrity": "sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==",

     

       548
       677
        
             "os": ["linux"],

     

       549
       678
        
             "cpu": ["arm"]

     

       550
       679
        
           },

     

       551
       551
       -
           "@tailwindcss/oxide-linux-arm64-gnu@4.1.14": {

     

       552
       552
       -
             "integrity": "sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==",

     

       680
       680
       +
           "@tailwindcss/oxide-linux-arm64-gnu@4.1.18": {

     

       681
       681
       +
             "integrity": "sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==",

     

       553
       682
        
             "os": ["linux"],

     

       554
       683
        
             "cpu": ["arm64"]

     

       555
       684
        
           },

     

       556
       556
       -
           "@tailwindcss/oxide-linux-arm64-musl@4.1.14": {

     

       557
       557
       -
             "integrity": "sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==",

     

       685
       685
       +
           "@tailwindcss/oxide-linux-arm64-musl@4.1.18": {

     

       686
       686
       +
             "integrity": "sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==",

     

       558
       687
        
             "os": ["linux"],

     

       559
       688
        
             "cpu": ["arm64"]

     

       560
       689
        
           },

     

       561
       561
       -
           "@tailwindcss/oxide-linux-x64-gnu@4.1.14": {

     

       562
       562
       -
             "integrity": "sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==",

     

       690
       690
       +
           "@tailwindcss/oxide-linux-x64-gnu@4.1.18": {

     

       691
       691
       +
             "integrity": "sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==",

     

       563
       692
        
             "os": ["linux"],

     

       564
       693
        
             "cpu": ["x64"]

     

       565
       694
        
           },

     

       566
       566
       -
           "@tailwindcss/oxide-linux-x64-musl@4.1.14": {

     

       567
       567
       -
             "integrity": "sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==",

     

       695
       695
       +
           "@tailwindcss/oxide-linux-x64-musl@4.1.18": {

     

       696
       696
       +
             "integrity": "sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==",

     

       568
       697
        
             "os": ["linux"],

     

       569
       698
        
             "cpu": ["x64"]

     

       570
       699
        
           },

     

       571
       571
       -
           "@tailwindcss/oxide-wasm32-wasi@4.1.14": {

     

       572
       572
       -
             "integrity": "sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==",

     

       700
       700
       +
           "@tailwindcss/oxide-wasm32-wasi@4.1.18": {

     

       701
       701
       +
             "integrity": "sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==",

     

       573
       702
        
             "cpu": ["wasm32"]

     

       574
       703
        
           },

     

       575
       575
       -
           "@tailwindcss/oxide-win32-arm64-msvc@4.1.14": {

     

       576
       576
       -
             "integrity": "sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==",

     

       704
       704
       +
           "@tailwindcss/oxide-win32-arm64-msvc@4.1.18": {

     

       705
       705
       +
             "integrity": "sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==",

     

       577
       706
        
             "os": ["win32"],

     

       578
       707
        
             "cpu": ["arm64"]

     

       579
       708
        
           },

     

       580
       580
       -
           "@tailwindcss/oxide-win32-x64-msvc@4.1.14": {

     

       581
       581
       -
             "integrity": "sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==",

     

       709
       709
       +
           "@tailwindcss/oxide-win32-x64-msvc@4.1.18": {

     

       710
       710
       +
             "integrity": "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==",

     

       582
       711
        
             "os": ["win32"],

     

       583
       712
        
             "cpu": ["x64"]

     

       584
       713
        
           },

     

       585
       585
       -
           "@tailwindcss/oxide@4.1.14": {

     

       586
       586
       -
             "integrity": "sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==",

     

       587
       587
       -
             "dependencies": [

     

       588
       588
       -
               "detect-libc",

     

       589
       589
       -
               "tar"

     

       590
       590
       -
             ],

     

       714
       714
       +
           "@tailwindcss/oxide@4.1.18": {

     

       715
       715
       +
             "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",

     

       591
       716
        
             "optionalDependencies": [

     

       592
       717
        
               "@tailwindcss/oxide-android-arm64",

     

       593
       718
        
               "@tailwindcss/oxide-darwin-arm64",

     
···

       601
       726
        
               "@tailwindcss/oxide-wasm32-wasi",

     

       602
       727
        
               "@tailwindcss/oxide-win32-arm64-msvc",

     

       603
       728
        
               "@tailwindcss/oxide-win32-x64-msvc"

     

       604
       604
       -
             ],

     

       605
       605
       -
             "scripts": true

     

       729
       729
       +
             ]

     

       606
       730
        
           },

     

       607
       607
       -
           "@tailwindcss/vite@4.1.14_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       608
       608
       -
             "integrity": "sha512-BoFUoU0XqgCUS1UXWhmDJroKKhNXeDzD7/XwabjkDIAbMnc4ULn5e2FuEuBbhZ6ENZoSYzKlzvZ44Yr6EUDUSA==",

     

       731
       731
       +
           "@tailwindcss/vite@4.1.18_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3": {

     

       732
       732
       +
             "integrity": "sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==",

     

       609
       733
        
             "dependencies": [

     

       610
       734
        
               "@tailwindcss/node",

     

       611
       735
        
               "@tailwindcss/oxide",

     
···

       613
       737
        
               "vite"

     

       614
       738
        
             ]

     

       615
       739
        
           },

     

       740
       740
       +
           "@tutorlatin/svelte-tiny-virtual-list@3.0.18_svelte@5.46.1__acorn@8.15.0": {

     

       741
       741
       +
             "integrity": "sha512-In7ASkVkLhg0ClWEVA50J/hWrGovwkw7dfHYlUyQJz4rPvh1TGpfo0lN1mXWERj2bkWY8AYITSbBZnVz34tcfA==",

     

       742
       742
       +
             "dependencies": [

     

       743
       743
       +
               "svelte"

     

       744
       744
       +
             ]

     

       745
       745
       +
           },

     

       616
       746
        
           "@types/cookie@0.6.0": {

     

       617
       747
        
             "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="

     

       618
       748
        
           },

     
···

       622
       752
        
           "@types/json-schema@7.0.15": {

     

       623
       753
        
             "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="

     

       624
       754
        
           },

     

       625
       625
       -
           "@types/node@24.8.0": {

     

       626
       626
       -
             "integrity": "sha512-5x08bUtU8hfboMTrJ7mEO4CpepS9yBwAqcL52y86SWNmbPX8LVbNs3EP4cNrIZgdjk2NAlP2ahNihozpoZIxSg==",

     

       755
       755
       +
           "@types/node@22.19.3": {

     

       756
       756
       +
             "integrity": "sha512-1N9SBnWYOJTrNZCdh/yJE+t910Y128BoyY+zBLWhL3r0TYzlTmFdXrPwHL9DyFZmlEXNQQolTZh3KHV31QDhyA==",

     

       757
       757
       +
             "dependencies": [

     

       758
       758
       +
               "undici-types@6.21.0"

     

       759
       759
       +
             ]

     

       760
       760
       +
           },

     

       761
       761
       +
           "@types/node@25.0.3": {

     

       762
       762
       +
             "integrity": "sha512-W609buLVRVmeW693xKfzHeIV6nJGGz98uCPfeXI1ELMLXVeKYZ9m15fAMSaUPBHYLGFsVRcMmSCksQOrZV9BYA==",

     

       627
       763
        
             "dependencies": [

     

       628
       628
       -
               "undici-types"

     

       764
       764
       +
               "undici-types@7.16.0"

     

       629
       765
        
             ]

     

       630
       766
        
           },

     

       631
       631
       -
           "@typescript-eslint/eslint-plugin@8.46.1_@typescript-eslint+parser@8.46.1__eslint@9.37.0__typescript@5.9.3_eslint@9.37.0_typescript@5.9.3": {

     

       632
       632
       -
             "integrity": "sha512-rUsLh8PXmBjdiPY+Emjz9NX2yHvhS11v0SR6xNJkm5GM1MO9ea/1GoDKlHHZGrOJclL/cZ2i/vRUYVtjRhrHVQ==",

     

       767
       767
       +
           "@typescript-eslint/eslint-plugin@8.51.0_@typescript-eslint+parser@8.51.0__eslint@9.39.2__typescript@5.9.3_eslint@9.39.2_typescript@5.9.3": {

     

       768
       768
       +
             "integrity": "sha512-XtssGWJvypyM2ytBnSnKtHYOGT+4ZwTnBVl36TA4nRO2f4PRNGz5/1OszHzcZCvcBMh+qb7I06uoCmLTRdR9og==",

     

       633
       769
        
             "dependencies": [

     

       634
       770
        
               "@eslint-community/regexpp",

     

       635
       771
        
               "@typescript-eslint/parser",

     
···

       638
       774
        
               "@typescript-eslint/utils",

     

       639
       775
        
               "@typescript-eslint/visitor-keys",

     

       640
       776
        
               "eslint",

     

       641
       641
       -
               "graphemer",

     

       642
       777
        
               "ignore@7.0.5",

     

       643
       778
        
               "natural-compare",

     

       644
       779
        
               "ts-api-utils",

     

       645
       780
        
               "typescript"

     

       646
       781
        
             ]

     

       647
       782
        
           },

     

       648
       648
       -
           "@typescript-eslint/parser@8.46.1_eslint@9.37.0_typescript@5.9.3": {

     

       649
       649
       -
             "integrity": "sha512-6JSSaBZmsKvEkbRUkf7Zj7dru/8ZCrJxAqArcLaVMee5907JdtEbKGsZ7zNiIm/UAkpGUkaSMZEXShnN2D1HZA==",

     

       783
       783
       +
           "@typescript-eslint/parser@8.51.0_eslint@9.39.2_typescript@5.9.3": {

     

       784
       784
       +
             "integrity": "sha512-3xP4XzzDNQOIqBMWogftkwxhg5oMKApqY0BAflmLZiFYHqyhSOxv/cd/zPQLTcCXr4AkaKb25joocY0BD1WC6A==",

     

       650
       785
        
             "dependencies": [

     

       651
       786
        
               "@typescript-eslint/scope-manager",

     

       652
       787
        
               "@typescript-eslint/types",

     
···

       657
       792
        
               "typescript"

     

       658
       793
        
             ]

     

       659
       794
        
           },

     

       660
       660
       -
           "@typescript-eslint/project-service@8.46.1_typescript@5.9.3": {

     

       661
       661
       -
             "integrity": "sha512-FOIaFVMHzRskXr5J4Jp8lFVV0gz5ngv3RHmn+E4HYxSJ3DgDzU7fVI1/M7Ijh1zf6S7HIoaIOtln1H5y8V+9Zg==",

     

       795
       795
       +
           "@typescript-eslint/project-service@8.51.0_typescript@5.9.3": {

     

       796
       796
       +
             "integrity": "sha512-Luv/GafO07Z7HpiI7qeEW5NW8HUtZI/fo/kE0YbtQEFpJRUuR0ajcWfCE5bnMvL7QQFrmT/odMe8QZww8X2nfQ==",

     

       662
       797
        
             "dependencies": [

     

       663
       798
        
               "@typescript-eslint/tsconfig-utils",

     

       664
       799
        
               "@typescript-eslint/types",

     
···

       666
       801
        
               "typescript"

     

       667
       802
        
             ]

     

       668
       803
        
           },

     

       669
       669
       -
           "@typescript-eslint/scope-manager@8.46.1": {

     

       670
       670
       -
             "integrity": "sha512-weL9Gg3/5F0pVQKiF8eOXFZp8emqWzZsOJuWRUNtHT+UNV2xSJegmpCNQHy37aEQIbToTq7RHKhWvOsmbM680A==",

     

       804
       804
       +
           "@typescript-eslint/scope-manager@8.51.0": {

     

       805
       805
       +
             "integrity": "sha512-JhhJDVwsSx4hiOEQPeajGhCWgBMBwVkxC/Pet53EpBVs7zHHtayKefw1jtPaNRXpI9RA2uocdmpdfE7T+NrizA==",

     

       671
       806
        
             "dependencies": [

     

       672
       807
        
               "@typescript-eslint/types",

     

       673
       808
        
               "@typescript-eslint/visitor-keys"

     

       674
       809
        
             ]

     

       675
       810
        
           },

     

       676
       676
       -
           "@typescript-eslint/tsconfig-utils@8.46.1_typescript@5.9.3": {

     

       677
       677
       -
             "integrity": "sha512-X88+J/CwFvlJB+mK09VFqx5FE4H5cXD+H/Bdza2aEWkSb8hnWIQorNcscRl4IEo1Cz9VI/+/r/jnGWkbWPx54g==",

     

       811
       811
       +
           "@typescript-eslint/tsconfig-utils@8.51.0_typescript@5.9.3": {

     

       812
       812
       +
             "integrity": "sha512-Qi5bSy/vuHeWyir2C8u/uqGMIlIDu8fuiYWv48ZGlZ/k+PRPHtaAu7erpc7p5bzw2WNNSniuxoMSO4Ar6V9OXw==",

     

       678
       813
        
             "dependencies": [

     

       679
       814
        
               "typescript"

     

       680
       815
        
             ]

     

       681
       816
        
           },

     

       682
       682
       -
           "@typescript-eslint/type-utils@8.46.1_eslint@9.37.0_typescript@5.9.3": {

     

       683
       683
       -
             "integrity": "sha512-+BlmiHIiqufBxkVnOtFwjah/vrkF4MtKKvpXrKSPLCkCtAp8H01/VV43sfqA98Od7nJpDcFnkwgyfQbOG0AMvw==",

     

       817
       817
       +
           "@typescript-eslint/type-utils@8.51.0_eslint@9.39.2_typescript@5.9.3": {

     

       818
       818
       +
             "integrity": "sha512-0XVtYzxnobc9K0VU7wRWg1yiUrw4oQzexCG2V2IDxxCxhqBMSMbjB+6o91A+Uc0GWtgjCa3Y8bi7hwI0Tu4n5Q==",

     

       684
       819
        
             "dependencies": [

     

       685
       820
        
               "@typescript-eslint/types",

     

       686
       821
        
               "@typescript-eslint/typescript-estree",

     
···

       691
       826
        
               "typescript"

     

       692
       827
        
             ]

     

       693
       828
        
           },

     

       694
       694
       -
           "@typescript-eslint/types@8.46.1": {

     

       695
       695
       -
             "integrity": "sha512-C+soprGBHwWBdkDpbaRC4paGBrkIXxVlNohadL5o0kfhsXqOC6GYH2S/Obmig+I0HTDl8wMaRySwrfrXVP8/pQ=="

     

       829
       829
       +
           "@typescript-eslint/types@8.51.0": {

     

       830
       830
       +
             "integrity": "sha512-TizAvWYFM6sSscmEakjY3sPqGwxZRSywSsPEiuZF6d5GmGD9Gvlsv0f6N8FvAAA0CD06l3rIcWNbsN1e5F/9Ag=="

     

       696
       831
        
           },

     

       697
       697
       -
           "@typescript-eslint/typescript-estree@8.46.1_typescript@5.9.3": {

     

       698
       698
       -
             "integrity": "sha512-uIifjT4s8cQKFQ8ZBXXyoUODtRoAd7F7+G8MKmtzj17+1UbdzFl52AzRyZRyKqPHhgzvXunnSckVu36flGy8cg==",

     

       832
       832
       +
           "@typescript-eslint/typescript-estree@8.51.0_typescript@5.9.3": {

     

       833
       833
       +
             "integrity": "sha512-1qNjGqFRmlq0VW5iVlcyHBbCjPB7y6SxpBkrbhNWMy/65ZoncXCEPJxkRZL8McrseNH6lFhaxCIaX+vBuFnRng==",

     

       699
       834
        
             "dependencies": [

     

       700
       835
        
               "@typescript-eslint/project-service",

     

       701
       836
        
               "@typescript-eslint/tsconfig-utils",

     

       702
       837
        
               "@typescript-eslint/types",

     

       703
       838
        
               "@typescript-eslint/visitor-keys",

     

       704
       839
        
               "debug",

     

       705
       705
       -
               "fast-glob",

     

       706
       706
       -
               "is-glob",

     

       707
       840
        
               "minimatch@9.0.5",

     

       708
       841
        
               "semver",

     

       842
       842
       +
               "tinyglobby",

     

       709
       843
        
               "ts-api-utils",

     

       710
       844
        
               "typescript"

     

       711
       845
        
             ]

     

       712
       846
        
           },

     

       713
       713
       -
           "@typescript-eslint/utils@8.46.1_eslint@9.37.0_typescript@5.9.3": {

     

       714
       714
       -
             "integrity": "sha512-vkYUy6LdZS7q1v/Gxb2Zs7zziuXN0wxqsetJdeZdRe/f5dwJFglmuvZBfTUivCtjH725C1jWCDfpadadD95EDQ==",

     

       847
       847
       +
           "@typescript-eslint/utils@8.51.0_eslint@9.39.2_typescript@5.9.3": {

     

       848
       848
       +
             "integrity": "sha512-11rZYxSe0zabiKaCP2QAwRf/dnmgFgvTmeDTtZvUvXG3UuAdg/GU02NExmmIXzz3vLGgMdtrIosI84jITQOxUA==",

     

       715
       849
        
             "dependencies": [

     

       716
       850
        
               "@eslint-community/eslint-utils",

     

       717
       851
        
               "@typescript-eslint/scope-manager",

     
···

       721
       855
        
               "typescript"

     

       722
       856
        
             ]

     

       723
       857
        
           },

     

       724
       724
       -
           "@typescript-eslint/visitor-keys@8.46.1": {

     

       725
       725
       -
             "integrity": "sha512-ptkmIf2iDkNUjdeu2bQqhFPV1m6qTnFFjg7PPDjxKWaMaP0Z6I9l30Jr3g5QqbZGdw8YdYvLp+XnqnWWZOg/NA==",

     

       858
       858
       +
           "@typescript-eslint/visitor-keys@8.51.0": {

     

       859
       859
       +
             "integrity": "sha512-mM/JRQOzhVN1ykejrvwnBRV3+7yTKK8tVANVN3o1O0t0v7o+jqdVu9crPy5Y9dov15TJk/FTIgoUGHrTOVL3Zg==",

     

       726
       860
        
             "dependencies": [

     

       727
       861
        
               "@typescript-eslint/types",

     

       728
       862
        
               "eslint-visitor-keys@4.2.1"

     
···

       765
       899
        
           "aria-query@5.3.2": {

     

       766
       900
        
             "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="

     

       767
       901
        
           },

     

       902
       902
       +
           "async-cache-dedupe@3.4.0": {

     

       903
       903
       +
             "integrity": "sha512-RkQr21CpltqMpbYpRaEAmF1BdUO5jnnS/scZkectmLiuWQ81w8u4lYraipbQf8zQ0yYvb3U0N1ozNAYmI4jQ3g==",

     

       904
       904
       +
             "dependencies": [

     

       905
       905
       +
               "mnemonist",

     

       906
       906
       +
               "safe-stable-stringify"

     

       907
       907
       +
             ]

     

       908
       908
       +
           },

     

       768
       909
        
           "axobject-query@4.1.0": {

     

       769
       910
        
             "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="

     

       770
       911
        
           },

     
···

       784
       925
        
               "balanced-match"

     

       785
       926
        
             ]

     

       786
       927
        
           },

     

       787
       787
       -
           "braces@3.0.3": {

     

       788
       788
       -
             "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",

     

       789
       789
       -
             "dependencies": [

     

       790
       790
       -
               "fill-range"

     

       791
       791
       -
             ]

     

       792
       792
       -
           },

     

       793
       928
        
           "callsites@3.1.0": {

     

       794
       929
        
             "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="

     

       795
       930
        
           },

     
···

       806
       941
        
               "readdirp"

     

       807
       942
        
             ]

     

       808
       943
        
           },

     

       809
       809
       -
           "chownr@3.0.0": {

     

       810
       810
       -
             "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g=="

     

       811
       811
       -
           },

     

       812
       944
        
           "clsx@2.1.1": {

     

       813
       945
        
             "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="

     

       814
       946
        
           },

     
···

       820
       952
        
           },

     

       821
       953
        
           "color-name@1.1.4": {

     

       822
       954
        
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="

     

       955
       955
       +
           },

     

       956
       956
       +
           "colord@2.9.3": {

     

       957
       957
       +
             "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="

     

       823
       958
        
           },

     

       824
       959
        
           "concat-map@0.0.1": {

     

       825
       960
        
             "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="

     
···

       854
       989
        
           "detect-libc@2.1.2": {

     

       855
       990
        
             "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="

     

       856
       991
        
           },

     

       857
       857
       -
           "devalue@5.4.1": {

     

       858
       858
       -
             "integrity": "sha512-YtoaOfsqjbZQKGIMRYDWKjUmSB4VJ/RElB+bXZawQAQYAo4xu08GKTMVlsZDTF6R2MbAgjcAQRPI5eIyRAT2OQ=="

     

       992
       992
       +
           "devalue@5.6.1": {

     

       993
       993
       +
             "integrity": "sha512-jDwizj+IlEZBunHcOuuFVBnIMPAEHvTsJj0BcIp94xYguLRVBcXO853px/MyIJvbVzWdsGvrRweIUWJw8hBP7A=="

     

       859
       994
        
           },

     

       860
       860
       -
           "enhanced-resolve@5.18.3": {

     

       861
       861
       -
             "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",

     

       995
       995
       +
           "enhanced-resolve@5.18.4": {

     

       996
       996
       +
             "integrity": "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==",

     

       862
       997
        
             "dependencies": [

     

       863
       998
        
               "graceful-fs",

     

       864
       999
        
               "tapable"

     

       865
       1000
        
             ]

     

       866
       1001
        
           },

     

       867
       867
       -
           "esbuild@0.25.11": {

     

       868
       868
       -
             "integrity": "sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==",

     

       1002
       1002
       +
           "esbuild@0.27.2": {

     

       1003
       1003
       +
             "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",

     

       869
       1004
        
             "optionalDependencies": [

     

       870
       1005
        
               "@esbuild/aix-ppc64",

     

       871
       1006
        
               "@esbuild/android-arm",

     
···

       900
       1035
        
           "escape-string-regexp@4.0.0": {

     

       901
       1036
        
             "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="

     

       902
       1037
        
           },

     

       903
       903
       -
           "eslint-config-prettier@10.1.8_eslint@9.37.0": {

     

       1038
       1038
       +
           "eslint-config-prettier@10.1.8_eslint@9.39.2": {

     

       904
       1039
        
             "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",

     

       905
       1040
        
             "dependencies": [

     

       906
       1041
        
               "eslint"

     

       907
       1042
        
             ],

     

       908
       1043
        
             "bin": true

     

       909
       1044
        
           },

     

       910
       910
       -
           "eslint-plugin-svelte@3.12.4_eslint@9.37.0_svelte@5.40.1__acorn@8.15.0_postcss@8.5.6": {

     

       911
       911
       -
             "integrity": "sha512-hD7wPe+vrPgx3U2X2b/wyTMtWobm660PygMGKrWWYTc9lvtY8DpNFDaU2CJQn1szLjGbn/aJ3g8WiXuKakrEkw==",

     

       1045
       1045
       +
           "eslint-plugin-svelte@3.13.1_eslint@9.39.2_svelte@5.46.1__acorn@8.15.0_postcss@8.5.6": {

     

       1046
       1046
       +
             "integrity": "sha512-Ng+kV/qGS8P/isbNYVE3sJORtubB+yLEcYICMkUWNaDTb0SwZni/JhAYXh/Dz/q2eThUwWY0VMPZ//KYD1n3eQ==",

     

       912
       1047
        
             "dependencies": [

     

       913
       1048
        
               "@eslint-community/eslint-utils",

     

       914
       1049
        
               "@jridgewell/sourcemap-codec",

     

       915
       1050
        
               "eslint",

     

       916
       1051
        
               "esutils",

     

       917
       917
       -
               "globals@16.4.0",

     

       1052
       1052
       +
               "globals@16.5.0",

     

       918
       1053
        
               "known-css-properties",

     

       919
       1054
        
               "postcss",

     

       920
       1055
        
               "postcss-load-config",

     
···

       940
       1075
        
           "eslint-visitor-keys@4.2.1": {

     

       941
       1076
        
             "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="

     

       942
       1077
        
           },

     

       943
       943
       -
           "eslint@9.37.0": {

     

       944
       944
       -
             "integrity": "sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==",

     

       1078
       1078
       +
           "eslint@9.39.2": {

     

       1079
       1079
       +
             "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",

     

       945
       1080
        
             "dependencies": [

     

       946
       1081
        
               "@eslint-community/eslint-utils",

     

       947
       1082
        
               "@eslint-community/regexpp",

     

       948
       1083
        
               "@eslint/config-array",

     

       949
       1084
        
               "@eslint/config-helpers",

     

       950
       950
       -
               "@eslint/core",

     

       1085
       1085
       +
               "@eslint/core@0.17.0",

     

       951
       1086
        
               "@eslint/eslintrc",

     

       952
       1087
        
               "@eslint/js",

     

       953
       1088
        
               "@eslint/plugin-kit",

     
···

       955
       1090
        
               "@humanwhocodes/module-importer",

     

       956
       1091
        
               "@humanwhocodes/retry",

     

       957
       1092
        
               "@types/estree",

     

       958
       958
       -
               "@types/json-schema",

     

       959
       1093
        
               "ajv",

     

       960
       1094
        
               "chalk",

     

       961
       1095
        
               "cross-spawn",

     
···

       969
       1103
        
               "fast-deep-equal",

     

       970
       1104
        
               "file-entry-cache",

     

       971
       1105
        
               "find-up",

     

       972
       972
       -
               "glob-parent@6.0.2",

     

       1106
       1106
       +
               "glob-parent",

     

       973
       1107
        
               "ignore@5.3.2",

     

       974
       1108
        
               "imurmurhash",

     

       975
       1109
        
               "is-glob",

     
···

       992
       1126
        
               "eslint-visitor-keys@4.2.1"

     

       993
       1127
        
             ]

     

       994
       1128
        
           },

     

       995
       995
       -
           "esquery@1.6.0": {

     

       996
       996
       -
             "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",

     

       1129
       1129
       +
           "esquery@1.7.0": {

     

       1130
       1130
       +
             "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",

     

       997
       1131
        
             "dependencies": [

     

       998
       1132
        
               "estraverse"

     

       999
       1133
        
             ]

     

       1000
       1134
        
           },

     

       1001
       1001
       -
           "esrap@2.1.0": {

     

       1002
       1002
       -
             "integrity": "sha512-yzmPNpl7TBbMRC5Lj2JlJZNPml0tzqoqP5B1JXycNUwtqma9AKCO0M2wHrdgsHcy1WRW7S9rJknAMtByg3usgA==",

     

       1135
       1135
       +
           "esrap@2.2.1": {

     

       1136
       1136
       +
             "integrity": "sha512-GiYWG34AN/4CUyaWAgunGt0Rxvr1PTMlGC0vvEov/uOQYWne2bpN03Um+k8jT+q3op33mKouP2zeJ6OlM+qeUg==",

     

       1003
       1137
        
             "dependencies": [

     

       1004
       1138
        
               "@jridgewell/sourcemap-codec"

     

       1005
       1139
        
             ]

     
···

       1016
       1150
        
           "esutils@2.0.3": {

     

       1017
       1151
        
             "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="

     

       1018
       1152
        
           },

     

       1153
       1153
       +
           "event-target-polyfill@0.0.4": {

     

       1154
       1154
       +
             "integrity": "sha512-Gs6RLjzlLRdT8X9ZipJdIZI/Y6/HhRLyq9RdDlCsnpxr/+Nn6bU2EFGuC94GjxqhM+Nmij2Vcq98yoHrU8uNFQ=="

     

       1155
       1155
       +
           },

     

       1019
       1156
        
           "fast-deep-equal@3.1.3": {

     

       1020
       1157
        
             "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="

     

       1021
       1158
        
           },

     

       1022
       1022
       -
           "fast-glob@3.3.3": {

     

       1023
       1023
       -
             "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",

     

       1024
       1024
       -
             "dependencies": [

     

       1025
       1025
       -
               "@nodelib/fs.stat",

     

       1026
       1026
       -
               "@nodelib/fs.walk",

     

       1027
       1027
       -
               "glob-parent@5.1.2",

     

       1028
       1028
       -
               "merge2",

     

       1029
       1029
       -
               "micromatch"

     

       1030
       1030
       -
             ]

     

       1031
       1031
       -
           },

     

       1032
       1159
        
           "fast-json-stable-stringify@2.1.0": {

     

       1033
       1160
        
             "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="

     

       1034
       1161
        
           },

     

       1035
       1162
        
           "fast-levenshtein@2.0.6": {

     

       1036
       1163
        
             "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="

     

       1037
       1164
        
           },

     

       1038
       1038
       -
           "fastq@1.19.1": {

     

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

     

       1040
       1040
       -
             "dependencies": [

     

       1041
       1041
       -
               "reusify"

     

       1042
       1042
       -
             ]

     

       1043
       1043
       -
           },

     

       1044
       1165
        
           "fdir@6.5.0_picomatch@4.0.3": {

     

       1045
       1166
        
             "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",

     

       1046
       1167
        
             "dependencies": [

     

       1047
       1047
       -
               "picomatch@4.0.3"

     

       1168
       1168
       +
               "picomatch"

     

       1048
       1169
        
             ],

     

       1049
       1170
        
             "optionalPeers": [

     

       1050
       1050
       -
               "picomatch@4.0.3"

     

       1171
       1171
       +
               "picomatch"

     

       1051
       1172
        
             ]

     

       1052
       1173
        
           },

     

       1053
       1174
        
           "file-entry-cache@8.0.0": {

     
···

       1056
       1177
        
               "flat-cache"

     

       1057
       1178
        
             ]

     

       1058
       1179
        
           },

     

       1059
       1059
       -
           "fill-range@7.1.1": {

     

       1060
       1060
       -
             "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",

     

       1061
       1061
       -
             "dependencies": [

     

       1062
       1062
       -
               "to-regex-range"

     

       1063
       1063
       -
             ]

     

       1064
       1064
       -
           },

     

       1065
       1180
        
           "find-up@5.0.0": {

     

       1066
       1181
        
             "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",

     

       1067
       1182
        
             "dependencies": [

     
···

       1084
       1199
        
             "os": ["darwin"],

     

       1085
       1200
        
             "scripts": true

     

       1086
       1201
        
           },

     

       1087
       1087
       -
           "glob-parent@5.1.2": {

     

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

     

       1089
       1089
       -
             "dependencies": [

     

       1090
       1090
       -
               "is-glob"

     

       1091
       1091
       -
             ]

     

       1092
       1092
       -
           },

     

       1093
       1202
        
           "glob-parent@6.0.2": {

     

       1094
       1203
        
             "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",

     

       1095
       1204
        
             "dependencies": [

     
···

       1099
       1208
        
           "globals@14.0.0": {

     

       1100
       1209
        
             "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="

     

       1101
       1210
        
           },

     

       1102
       1102
       -
           "globals@16.4.0": {

     

       1103
       1103
       -
             "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw=="

     

       1211
       1211
       +
           "globals@16.5.0": {

     

       1212
       1212
       +
             "integrity": "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ=="

     

       1213
       1213
       +
           },

     

       1214
       1214
       +
           "globals@17.0.0": {

     

       1215
       1215
       +
             "integrity": "sha512-gv5BeD2EssA793rlFWVPMMCqefTlpusw6/2TbAVMy0FzcG8wKJn4O+NqJ4+XWmmwrayJgw5TzrmWjFgmz1XPqw=="

     

       1104
       1216
        
           },

     

       1105
       1217
        
           "graceful-fs@4.2.11": {

     

       1106
       1218
        
             "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="

     

       1107
       1107
       -
           },

     

       1108
       1108
       -
           "graphemer@1.4.0": {

     

       1109
       1109
       -
             "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="

     

       1110
       1219
        
           },

     

       1111
       1220
        
           "has-flag@4.0.0": {

     

       1112
       1221
        
             "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="

     
···

       1142
       1251
        
               "is-extglob"

     

       1143
       1252
        
             ]

     

       1144
       1253
        
           },

     

       1145
       1145
       -
           "is-number@7.0.0": {

     

       1146
       1146
       -
             "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="

     

       1147
       1147
       -
           },

     

       1148
       1254
        
           "is-reference@3.0.3": {

     

       1149
       1255
        
             "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",

     

       1150
       1256
        
             "dependencies": [

     
···

       1158
       1264
        
             "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",

     

       1159
       1265
        
             "bin": true

     

       1160
       1266
        
           },

     

       1161
       1161
       -
           "js-yaml@4.1.0": {

     

       1162
       1162
       -
             "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",

     

       1267
       1267
       +
           "js-yaml@4.1.1": {

     

       1268
       1268
       +
             "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",

     

       1163
       1269
        
             "dependencies": [

     

       1164
       1270
        
               "argparse"

     

       1165
       1271
        
             ],

     
···

       1193
       1299
        
               "type-check"

     

       1194
       1300
        
             ]

     

       1195
       1301
        
           },

     

       1196
       1196
       -
           "lightningcss-darwin-arm64@1.30.1": {

     

       1197
       1197
       -
             "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",

     

       1302
       1302
       +
           "lightningcss-android-arm64@1.30.2": {

     

       1303
       1303
       +
             "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",

     

       1304
       1304
       +
             "os": ["android"],

     

       1305
       1305
       +
             "cpu": ["arm64"]

     

       1306
       1306
       +
           },

     

       1307
       1307
       +
           "lightningcss-darwin-arm64@1.30.2": {

     

       1308
       1308
       +
             "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",

     

       1198
       1309
        
             "os": ["darwin"],

     

       1199
       1310
        
             "cpu": ["arm64"]

     

       1200
       1311
        
           },

     

       1201
       1201
       -
           "lightningcss-darwin-x64@1.30.1": {

     

       1202
       1202
       -
             "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",

     

       1312
       1312
       +
           "lightningcss-darwin-x64@1.30.2": {

     

       1313
       1313
       +
             "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",

     

       1203
       1314
        
             "os": ["darwin"],

     

       1204
       1315
        
             "cpu": ["x64"]

     

       1205
       1316
        
           },

     

       1206
       1206
       -
           "lightningcss-freebsd-x64@1.30.1": {

     

       1207
       1207
       -
             "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",

     

       1317
       1317
       +
           "lightningcss-freebsd-x64@1.30.2": {

     

       1318
       1318
       +
             "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",

     

       1208
       1319
        
             "os": ["freebsd"],

     

       1209
       1320
        
             "cpu": ["x64"]

     

       1210
       1321
        
           },

     

       1211
       1211
       -
           "lightningcss-linux-arm-gnueabihf@1.30.1": {

     

       1212
       1212
       -
             "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",

     

       1322
       1322
       +
           "lightningcss-linux-arm-gnueabihf@1.30.2": {

     

       1323
       1323
       +
             "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",

     

       1213
       1324
        
             "os": ["linux"],

     

       1214
       1325
        
             "cpu": ["arm"]

     

       1215
       1326
        
           },

     

       1216
       1216
       -
           "lightningcss-linux-arm64-gnu@1.30.1": {

     

       1217
       1217
       -
             "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",

     

       1327
       1327
       +
           "lightningcss-linux-arm64-gnu@1.30.2": {

     

       1328
       1328
       +
             "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",

     

       1218
       1329
        
             "os": ["linux"],

     

       1219
       1330
        
             "cpu": ["arm64"]

     

       1220
       1331
        
           },

     

       1221
       1221
       -
           "lightningcss-linux-arm64-musl@1.30.1": {

     

       1222
       1222
       -
             "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",

     

       1332
       1332
       +
           "lightningcss-linux-arm64-musl@1.30.2": {

     

       1333
       1333
       +
             "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",

     

       1223
       1334
        
             "os": ["linux"],

     

       1224
       1335
        
             "cpu": ["arm64"]

     

       1225
       1336
        
           },

     

       1226
       1226
       -
           "lightningcss-linux-x64-gnu@1.30.1": {

     

       1227
       1227
       -
             "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",

     

       1337
       1337
       +
           "lightningcss-linux-x64-gnu@1.30.2": {

     

       1338
       1338
       +
             "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",

     

       1228
       1339
        
             "os": ["linux"],

     

       1229
       1340
        
             "cpu": ["x64"]

     

       1230
       1341
        
           },

     

       1231
       1231
       -
           "lightningcss-linux-x64-musl@1.30.1": {

     

       1232
       1232
       -
             "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",

     

       1342
       1342
       +
           "lightningcss-linux-x64-musl@1.30.2": {

     

       1343
       1343
       +
             "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",

     

       1233
       1344
        
             "os": ["linux"],

     

       1234
       1345
        
             "cpu": ["x64"]

     

       1235
       1346
        
           },

     

       1236
       1236
       -
           "lightningcss-win32-arm64-msvc@1.30.1": {

     

       1237
       1237
       -
             "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",

     

       1347
       1347
       +
           "lightningcss-win32-arm64-msvc@1.30.2": {

     

       1348
       1348
       +
             "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",

     

       1238
       1349
        
             "os": ["win32"],

     

       1239
       1350
        
             "cpu": ["arm64"]

     

       1240
       1351
        
           },

     

       1241
       1241
       -
           "lightningcss-win32-x64-msvc@1.30.1": {

     

       1242
       1242
       -
             "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",

     

       1352
       1352
       +
           "lightningcss-win32-x64-msvc@1.30.2": {

     

       1353
       1353
       +
             "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",

     

       1243
       1354
        
             "os": ["win32"],

     

       1244
       1355
        
             "cpu": ["x64"]

     

       1245
       1356
        
           },

     

       1246
       1246
       -
           "lightningcss@1.30.1": {

     

       1247
       1247
       -
             "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",

     

       1357
       1357
       +
           "lightningcss@1.30.2": {

     

       1358
       1358
       +
             "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",

     

       1248
       1359
        
             "dependencies": [

     

       1249
       1360
        
               "detect-libc"

     

       1250
       1361
        
             ],

     

       1251
       1362
        
             "optionalDependencies": [

     

       1363
       1363
       +
               "lightningcss-android-arm64",

     

       1252
       1364
        
               "lightningcss-darwin-arm64",

     

       1253
       1365
        
               "lightningcss-darwin-x64",

     

       1254
       1366
        
               "lightningcss-freebsd-x64",

     
···

       1276
       1388
        
           "lodash.merge@4.6.2": {

     

       1277
       1389
        
             "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="

     

       1278
       1390
        
           },

     

       1279
       1279
       -
           "lru-cache@11.2.2": {

     

       1280
       1280
       -
             "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg=="

     

       1391
       1391
       +
           "lru-cache@11.2.4": {

     

       1392
       1392
       +
             "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg=="

     

       1281
       1393
        
           },

     

       1282
       1282
       -
           "magic-string@0.30.19": {

     

       1283
       1283
       -
             "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",

     

       1394
       1394
       +
           "magic-string@0.30.21": {

     

       1395
       1395
       +
             "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",

     

       1284
       1396
        
             "dependencies": [

     

       1285
       1397
        
               "@jridgewell/sourcemap-codec"

     

       1286
       1286
       -
             ]

     

       1287
       1287
       -
           },

     

       1288
       1288
       -
           "merge2@1.4.1": {

     

       1289
       1289
       -
             "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="

     

       1290
       1290
       -
           },

     

       1291
       1291
       -
           "micromatch@4.0.8": {

     

       1292
       1292
       -
             "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",

     

       1293
       1293
       -
             "dependencies": [

     

       1294
       1294
       -
               "braces",

     

       1295
       1295
       -
               "picomatch@2.3.1"

     

       1296
       1398
        
             ]

     

       1297
       1399
        
           },

     

       1298
       1400
        
           "mini-svg-data-uri@1.4.4": {

     
···

       1311
       1413
        
               "brace-expansion@2.0.2"

     

       1312
       1414
        
             ]

     

       1313
       1415
        
           },

     

       1314
       1314
       -
           "minipass@7.1.2": {

     

       1315
       1315
       -
             "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="

     

       1316
       1316
       -
           },

     

       1317
       1317
       -
           "minizlib@3.1.0": {

     

       1318
       1318
       -
             "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",

     

       1416
       1416
       +
           "mnemonist@0.40.3": {

     

       1417
       1417
       +
             "integrity": "sha512-Vjyr90sJ23CKKH/qPAgUKicw/v6pRoamxIEDFOF8uSgFME7DqPRpHgRTejWVjkdGg5dXj0/NyxZHZ9bcjH+2uQ==",

     

       1319
       1418
        
             "dependencies": [

     

       1320
       1320
       -
               "minipass"

     

       1419
       1419
       +
               "obliterator"

     

       1321
       1420
        
             ]

     

       1322
       1421
        
           },

     

       1323
       1422
        
           "mri@1.2.0": {

     
···

       1333
       1432
        
             "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",

     

       1334
       1433
        
             "bin": true

     

       1335
       1434
        
           },

     

       1435
       1435
       +
           "nanoid@5.1.6": {

     

       1436
       1436
       +
             "integrity": "sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg==",

     

       1437
       1437
       +
             "bin": true

     

       1438
       1438
       +
           },

     

       1336
       1439
        
           "natural-compare@1.4.0": {

     

       1337
       1440
        
             "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="

     

       1338
       1441
        
           },

     

       1442
       1442
       +
           "node-gyp-build@4.8.4": {

     

       1443
       1443
       +
             "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",

     

       1444
       1444
       +
             "bin": true

     

       1445
       1445
       +
           },

     

       1446
       1446
       +
           "obliterator@2.0.5": {

     

       1447
       1447
       +
             "integrity": "sha512-42CPE9AhahZRsMNslczq0ctAEtqk8Eka26QofnqC346BZdHDySk3LWka23LI7ULIw11NmltpiLagIq8gBozxTw=="

     

       1448
       1448
       +
           },

     

       1339
       1449
        
           "optionator@0.9.4": {

     

       1340
       1450
        
             "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",

     

       1341
       1451
        
             "dependencies": [

     
···

       1350
       1460
        
           "p-limit@3.1.0": {

     

       1351
       1461
        
             "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",

     

       1352
       1462
        
             "dependencies": [

     

       1353
       1353
       -
               "yocto-queue"

     

       1463
       1463
       +
               "yocto-queue@0.1.0"

     

       1354
       1464
        
             ]

     

       1355
       1465
        
           },

     

       1356
       1466
        
           "p-locate@5.0.0": {

     
···

       1365
       1475
        
               "callsites"

     

       1366
       1476
        
             ]

     

       1367
       1477
        
           },

     

       1478
       1478
       +
           "partysocket@1.1.10": {

     

       1479
       1479
       +
             "integrity": "sha512-ACfn0P6lQuj8/AqB4L5ZDFcIEbpnIteNNObrlxqV1Ge80GTGhjuJ2sNKwNQlFzhGi4kI7fP/C1Eqh8TR78HjDQ==",

     

       1480
       1480
       +
             "dependencies": [

     

       1481
       1481
       +
               "event-target-polyfill"

     

       1482
       1482
       +
             ]

     

       1483
       1483
       +
           },

     

       1368
       1484
        
           "path-exists@4.0.0": {

     

       1369
       1485
        
             "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="

     

       1370
       1486
        
           },

     

       1371
       1487
        
           "path-key@3.1.1": {

     

       1372
       1488
        
             "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="

     

       1373
       1489
        
           },

     

       1490
       1490
       +
           "photoswipe@5.4.4": {

     

       1491
       1491
       +
             "integrity": "sha512-WNFHoKrkZNnvFFhbHL93WDkW3ifwVOXSW3w1UuZZelSmgXpIGiZSNlZJq37rR8YejqME2rHs9EhH9ZvlvFH2NA=="

     

       1492
       1492
       +
           },

     

       1374
       1493
        
           "picocolors@1.1.1": {

     

       1375
       1494
        
             "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="

     

       1376
       1376
       -
           },

     

       1377
       1377
       -
           "picomatch@2.3.1": {

     

       1378
       1378
       -
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="

     

       1379
       1495
        
           },

     

       1380
       1496
        
           "picomatch@4.0.3": {

     

       1381
       1497
        
             "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="

     
···

       1403
       1519
        
               "postcss"

     

       1404
       1520
        
             ]

     

       1405
       1521
        
           },

     

       1406
       1406
       -
           "postcss-selector-parser@7.1.0": {

     

       1407
       1407
       -
             "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",

     

       1522
       1522
       +
           "postcss-selector-parser@7.1.1": {

     

       1523
       1523
       +
             "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",

     

       1408
       1524
        
             "dependencies": [

     

       1409
       1525
        
               "cssesc",

     

       1410
       1526
        
               "util-deprecate"

     
···

       1413
       1529
        
           "postcss@8.5.6": {

     

       1414
       1530
        
             "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",

     

       1415
       1531
        
             "dependencies": [

     

       1416
       1416
       -
               "nanoid",

     

       1532
       1532
       +
               "nanoid@3.3.11",

     

       1417
       1533
        
               "picocolors",

     

       1418
       1534
        
               "source-map-js"

     

       1419
       1535
        
             ]

     
···

       1421
       1537
        
           "prelude-ls@1.2.1": {

     

       1422
       1538
        
             "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="

     

       1423
       1539
        
           },

     

       1424
       1424
       -
           "prettier-plugin-svelte@3.4.0_prettier@3.6.2_svelte@5.40.1__acorn@8.15.0": {

     

       1425
       1425
       -
             "integrity": "sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==",

     

       1540
       1540
       +
           "prettier-plugin-svelte@3.4.1_prettier@3.7.4_svelte@5.46.1__acorn@8.15.0": {

     

       1541
       1541
       +
             "integrity": "sha512-xL49LCloMoZRvSwa6IEdN2GV6cq2IqpYGstYtMT+5wmml1/dClEoI0MZR78MiVPpu6BdQFfN0/y73yO6+br5Pg==",

     

       1426
       1542
        
             "dependencies": [

     

       1427
       1543
        
               "prettier",

     

       1428
       1544
        
               "svelte"

     

       1429
       1545
        
             ]

     

       1430
       1546
        
           },

     

       1431
       1431
       -
           "prettier-plugin-tailwindcss@0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.40.1___acorn@8.15.0_svelte@5.40.1__acorn@8.15.0": {

     

       1432
       1432
       -
             "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",

     

       1547
       1547
       +
           "prettier-plugin-tailwindcss@0.7.2_prettier@3.7.4_prettier-plugin-svelte@3.4.1__prettier@3.7.4__svelte@5.46.1___acorn@8.15.0_svelte@5.46.1__acorn@8.15.0": {

     

       1548
       1548
       +
             "integrity": "sha512-LkphyK3Fw+q2HdMOoiEHWf93fNtYJwfamoKPl7UwtjFQdei/iIBoX11G6j706FzN3ymX9mPVi97qIY8328vdnA==",

     

       1433
       1549
        
             "dependencies": [

     

       1434
       1550
        
               "prettier",

     

       1435
       1551
        
               "prettier-plugin-svelte"

     
···

       1438
       1554
        
               "prettier-plugin-svelte"

     

       1439
       1555
        
             ]

     

       1440
       1556
        
           },

     

       1441
       1441
       -
           "prettier@3.6.2": {

     

       1442
       1442
       -
             "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",

     

       1557
       1557
       +
           "prettier@3.7.4": {

     

       1558
       1558
       +
             "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",

     

       1443
       1559
        
             "bin": true

     

       1444
       1560
        
           },

     

       1445
       1561
        
           "punycode@2.3.1": {

     

       1446
       1562
        
             "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="

     

       1447
       1447
       -
           },

     

       1448
       1448
       -
           "queue-microtask@1.2.3": {

     

       1449
       1449
       -
             "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="

     

       1450
       1563
        
           },

     

       1451
       1564
        
           "readdirp@4.1.2": {

     

       1452
       1565
        
             "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="

     
···

       1454
       1567
        
           "resolve-from@4.0.0": {

     

       1455
       1568
        
             "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="

     

       1456
       1569
        
           },

     

       1457
       1457
       -
           "reusify@1.1.0": {

     

       1458
       1458
       -
             "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="

     

       1459
       1459
       -
           },

     

       1460
       1460
       -
           "rollup@4.52.4": {

     

       1461
       1461
       -
             "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==",

     

       1570
       1570
       +
           "rollup@4.54.0": {

     

       1571
       1571
       +
             "integrity": "sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==",

     

       1462
       1572
        
             "dependencies": [

     

       1463
       1573
        
               "@types/estree"

     

       1464
       1574
        
             ],

     
···

       1488
       1598
        
               "fsevents"

     

       1489
       1599
        
             ],

     

       1490
       1600
        
             "bin": true

     

       1491
       1491
       -
           },

     

       1492
       1492
       -
           "run-parallel@1.2.0": {

     

       1493
       1493
       -
             "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",

     

       1494
       1494
       -
             "dependencies": [

     

       1495
       1495
       -
               "queue-microtask"

     

       1496
       1496
       -
             ]

     

       1497
       1601
        
           },

     

       1498
       1602
        
           "sade@1.8.1": {

     

       1499
       1603
        
             "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",

     
···

       1501
       1605
        
               "mri"

     

       1502
       1606
        
             ]

     

       1503
       1607
        
           },

     

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

     

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

     

       1610
       1610
       +
           },

     

       1504
       1611
        
           "semver@7.7.3": {

     

       1505
       1612
        
             "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",

     

       1506
       1613
        
             "bin": true

     

       1507
       1614
        
           },

     

       1508
       1508
       -
           "set-cookie-parser@2.7.1": {

     

       1509
       1509
       -
             "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ=="

     

       1615
       1615
       +
           "set-cookie-parser@2.7.2": {

     

       1616
       1616
       +
             "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw=="

     

       1510
       1617
        
           },

     

       1511
       1618
        
           "shebang-command@2.0.0": {

     

       1512
       1619
        
             "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",

     
···

       1537
       1644
        
               "has-flag"

     

       1538
       1645
        
             ]

     

       1539
       1646
        
           },

     

       1540
       1540
       -
           "svelte-check@4.3.3_svelte@5.40.1__acorn@8.15.0_typescript@5.9.3": {

     

       1541
       1541
       -
             "integrity": "sha512-RYP0bEwenDXzfv0P1sKAwjZSlaRyqBn0Fz1TVni58lqyEiqgwztTpmodJrGzP6ZT2aHl4MbTvWP6gbmQ3FOnBg==",

     

       1647
       1647
       +
           "svelte-awesome-color-picker@4.1.0_svelte@5.46.1__acorn@8.15.0": {

     

       1648
       1648
       +
             "integrity": "sha512-afiSB3eTBlqu96f4+rjBvqG3eCaLwuneNYHe587Wr4Ien6yQWeztGZunPT0FmiI7wFFBVNUlJQLYutII8LfQUg==",

     

       1649
       1649
       +
             "dependencies": [

     

       1650
       1650
       +
               "colord",

     

       1651
       1651
       +
               "svelte",

     

       1652
       1652
       +
               "svelte-awesome-slider"

     

       1653
       1653
       +
             ]

     

       1654
       1654
       +
           },

     

       1655
       1655
       +
           "svelte-awesome-slider@2.0.0_svelte@5.46.1__acorn@8.15.0": {

     

       1656
       1656
       +
             "integrity": "sha512-YBkOdYm1Feaqsn2JkJBRs+Kc/X3Qy/3GuVmI7GmoYDjBaHkjx9uH4khTuED22z57Hg3gGWeDhp/clIjWDdLNaw==",

     

       1657
       1657
       +
             "dependencies": [

     

       1658
       1658
       +
               "svelte"

     

       1659
       1659
       +
             ]

     

       1660
       1660
       +
           },

     

       1661
       1661
       +
           "svelte-check@4.3.5_svelte@5.46.1__acorn@8.15.0_typescript@5.9.3": {

     

       1662
       1662
       +
             "integrity": "sha512-e4VWZETyXaKGhpkxOXP+B/d0Fp/zKViZoJmneZWe/05Y2aqSKj3YN2nLfYPJBQ87WEiY4BQCQ9hWGu9mPT1a1Q==",

     

       1542
       1663
        
             "dependencies": [

     

       1543
       1664
        
               "@jridgewell/trace-mapping",

     

       1544
       1665
        
               "chokidar",

     
···

       1550
       1671
        
             ],

     

       1551
       1672
        
             "bin": true

     

       1552
       1673
        
           },

     

       1553
       1553
       -
           "svelte-eslint-parser@1.3.3_svelte@5.40.1__acorn@8.15.0_postcss@8.5.6": {

     

       1554
       1554
       -
             "integrity": "sha512-oTrDR8Z7Wnguut7QH3YKh7JR19xv1seB/bz4dxU5J/86eJtZOU4eh0/jZq4dy6tAlz/KROxnkRQspv5ZEt7t+Q==",

     

       1674
       1674
       +
           "svelte-device-info@1.0.6": {

     

       1675
       1675
       +
             "integrity": "sha512-G13YYkxnlz5AryOps8KFHFt8+5Ne7JiZgTxtYEXLVBF4UAwu9I1F+Xcd9rfhTZqUUtF9fm4qJpSi3I6p1JUt6Q==",

     

       1676
       1676
       +
             "dependencies": [

     

       1677
       1677
       +
               "tslib"

     

       1678
       1678
       +
             ]

     

       1679
       1679
       +
           },

     

       1680
       1680
       +
           "svelte-eslint-parser@1.4.1_svelte@5.46.1__acorn@8.15.0_postcss@8.5.6": {

     

       1681
       1681
       +
             "integrity": "sha512-1eqkfQ93goAhjAXxZiu1SaKI9+0/sxp4JIWQwUpsz7ybehRE5L8dNuz7Iry7K22R47p5/+s9EM+38nHV2OlgXA==",

     

       1555
       1682
        
             "dependencies": [

     

       1556
       1683
        
               "eslint-scope",

     

       1557
       1684
        
               "eslint-visitor-keys@4.2.1",

     
···

       1565
       1692
        
               "svelte"

     

       1566
       1693
        
             ]

     

       1567
       1694
        
           },

     

       1568
       1568
       -
           "svelte-infinite@0.5.0_svelte@5.40.1__acorn@8.15.0": {

     

       1569
       1569
       -
             "integrity": "sha512-3ZomRQcQzg8VWtnqO4MvPC0Jt3hvh1wmC47t64BcI+8UXTl0FJYVfB7ky4d1NJ3mf/KZZa+hcIZJPnV9cOt8gQ==",

     

       1695
       1695
       +
           "svelte-infinite@0.5.1_svelte@5.46.1__acorn@8.15.0": {

     

       1696
       1696
       +
             "integrity": "sha512-NvpYWrHPcLHZQMnqUXgKGpOSMq9kMQ6sa8+WO80jLrgBFX+LWoKvAsrc1d1g+eiaagNAE9HalWWJ4KDtYi/+sw==",

     

       1570
       1697
        
             "dependencies": [

     

       1571
       1698
        
               "svelte"

     

       1572
       1699
        
             ]

     

       1573
       1700
        
           },

     

       1574
       1574
       -
           "svelte@5.40.1_acorn@8.15.0": {

     

       1575
       1575
       -
             "integrity": "sha512-0R3t2oiLxJNJb2buz61MNfPdkjeyj2qTCM7TtIv/4ZfF12zD7Ig8iIo+C8febroy+9S4QJ7qfijtearSdO/1ww==",

     

       1701
       1701
       +
           "svelte-portal@2.2.1": {

     

       1702
       1702
       +
             "integrity": "sha512-uF7is5sM4aq5iN7QF/67XLnTUvQCf2iiG/B1BHTqLwYVY1dsVmTeXZ/LeEyU6dLjApOQdbEG9lkqHzxiQtOLEQ=="

     

       1703
       1703
       +
           },

     

       1704
       1704
       +
           "svelte@5.46.1_acorn@8.15.0": {

     

       1705
       1705
       +
             "integrity": "sha512-ynjfCHD3nP2el70kN5Pmg37sSi0EjOm9FgHYQdC4giWG/hzO3AatzXXJJgP305uIhGQxSufJLuYWtkY8uK/8RA==",

     

       1576
       1706
        
             "dependencies": [

     

       1577
       1707
        
               "@jridgewell/remapping",

     

       1578
       1708
        
               "@jridgewell/sourcemap-codec",

     
···

       1582
       1712
        
               "aria-query",

     

       1583
       1713
        
               "axobject-query",

     

       1584
       1714
        
               "clsx",

     

       1715
       1715
       +
               "devalue",

     

       1585
       1716
        
               "esm-env",

     

       1586
       1717
        
               "esrap",

     

       1587
       1718
        
               "is-reference",

     
···

       1590
       1721
        
               "zimmerframe"

     

       1591
       1722
        
             ]

     

       1592
       1723
        
           },

     

       1593
       1593
       -
           "tailwindcss@4.1.14": {

     

       1594
       1594
       -
             "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA=="

     

       1724
       1724
       +
           "tailwindcss@4.1.18": {

     

       1725
       1725
       +
             "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw=="

     

       1595
       1726
        
           },

     

       1596
       1727
        
           "tapable@2.3.0": {

     

       1597
       1728
        
             "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="

     

       1598
       1729
        
           },

     

       1599
       1599
       -
           "tar@7.5.1": {

     

       1600
       1600
       -
             "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",

     

       1601
       1601
       -
             "dependencies": [

     

       1602
       1602
       -
               "@isaacs/fs-minipass",

     

       1603
       1603
       -
               "chownr",

     

       1604
       1604
       -
               "minipass",

     

       1605
       1605
       -
               "minizlib",

     

       1606
       1606
       -
               "yallist"

     

       1607
       1607
       -
             ]

     

       1608
       1608
       -
           },

     

       1609
       1730
        
           "tinyglobby@0.2.15_picomatch@4.0.3": {

     

       1610
       1731
        
             "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",

     

       1611
       1732
        
             "dependencies": [

     

       1612
       1733
        
               "fdir",

     

       1613
       1613
       -
               "picomatch@4.0.3"

     

       1614
       1614
       -
             ]

     

       1615
       1615
       -
           },

     

       1616
       1616
       -
           "to-regex-range@5.0.1": {

     

       1617
       1617
       -
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",

     

       1618
       1618
       -
             "dependencies": [

     

       1619
       1619
       -
               "is-number"

     

       1734
       1734
       +
               "picomatch"

     

       1620
       1735
        
             ]

     

       1621
       1736
        
           },

     

       1622
       1737
        
           "totalist@3.0.1": {

     

       1623
       1738
        
             "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="

     

       1624
       1739
        
           },

     

       1625
       1625
       -
           "ts-api-utils@2.1.0_typescript@5.9.3": {

     

       1626
       1626
       -
             "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",

     

       1740
       1740
       +
           "ts-api-utils@2.4.0_typescript@5.9.3": {

     

       1741
       1741
       +
             "integrity": "sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==",

     

       1627
       1742
        
             "dependencies": [

     

       1628
       1743
        
               "typescript"

     

       1629
       1744
        
             ]

     

       1630
       1745
        
           },

     

       1746
       1746
       +
           "tslib@2.8.1": {

     

       1747
       1747
       +
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="

     

       1748
       1748
       +
           },

     

       1631
       1749
        
           "type-check@0.4.0": {

     

       1632
       1750
        
             "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",

     

       1633
       1751
        
             "dependencies": [

     

       1634
       1752
        
               "prelude-ls"

     

       1635
       1753
        
             ]

     

       1636
       1754
        
           },

     

       1637
       1637
       -
           "typescript-eslint@8.46.1_eslint@9.37.0_typescript@5.9.3_@typescript-eslint+parser@8.46.1__eslint@9.37.0__typescript@5.9.3": {

     

       1638
       1638
       -
             "integrity": "sha512-VHgijW803JafdSsDO8I761r3SHrgk4T00IdyQ+/UsthtgPRsBWQLqoSxOolxTpxRKi1kGXK0bSz4CoAc9ObqJA==",

     

       1755
       1755
       +
           "type-fest@4.41.0": {

     

       1756
       1756
       +
             "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA=="

     

       1757
       1757
       +
           },

     

       1758
       1758
       +
           "typescript-eslint@8.51.0_eslint@9.39.2_typescript@5.9.3_@typescript-eslint+parser@8.51.0__eslint@9.39.2__typescript@5.9.3": {

     

       1759
       1759
       +
             "integrity": "sha512-jh8ZuM5oEh2PSdyQG9YAEM1TCGuWenLSuSUhf/irbVUNW9O5FhbFVONviN2TgMTBnUmyHv7E56rYnfLZK6TkiA==",

     

       1639
       1760
        
             "dependencies": [

     

       1640
       1761
        
               "@typescript-eslint/eslint-plugin",

     

       1641
       1762
        
               "@typescript-eslint/parser",

     
···

       1649
       1770
        
             "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",

     

       1650
       1771
        
             "bin": true

     

       1651
       1772
        
           },

     

       1652
       1652
       -
           "undici-types@7.14.0": {

     

       1653
       1653
       -
             "integrity": "sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA=="

     

       1773
       1773
       +
           "undici-types@6.21.0": {

     

       1774
       1774
       +
             "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="

     

       1775
       1775
       +
           },

     

       1776
       1776
       +
           "undici-types@7.16.0": {

     

       1777
       1777
       +
             "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="

     

       1778
       1778
       +
           },

     

       1779
       1779
       +
           "unicode-segmenter@0.14.5": {

     

       1780
       1780
       +
             "integrity": "sha512-jHGmj2LUuqDcX3hqY12Ql+uhUTn8huuxNZGq7GvtF6bSybzH3aFgedYu/KTzQStEgt1Ra2F3HxadNXsNjb3m3g=="

     

       1654
       1781
        
           },

     

       1655
       1782
        
           "uri-js@4.4.1": {

     

       1656
       1783
        
             "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",

     
···

       1661
       1788
        
           "util-deprecate@1.0.2": {

     

       1662
       1789
        
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="

     

       1663
       1790
        
           },

     

       1664
       1664
       -
           "vite@7.1.10_@types+node@24.8.0_picomatch@4.0.3": {

     

       1665
       1665
       -
             "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==",

     

       1791
       1791
       +
           "vite@7.3.0_@types+node@25.0.3_picomatch@4.0.3": {

     

       1792
       1792
       +
             "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",

     

       1666
       1793
        
             "dependencies": [

     

       1667
       1667
       -
               "@types/node",

     

       1794
       1794
       +
               "@types/node@25.0.3",

     

       1668
       1795
        
               "esbuild",

     

       1669
       1796
        
               "fdir",

     

       1670
       1670
       -
               "picomatch@4.0.3",

     

       1797
       1797
       +
               "picomatch",

     

       1671
       1798
        
               "postcss",

     

       1672
       1799
        
               "rollup",

     

       1673
       1800
        
               "tinyglobby"

     
···

       1676
       1803
        
               "fsevents"

     

       1677
       1804
        
             ],

     

       1678
       1805
        
             "optionalPeers": [

     

       1679
       1679
       -
               "@types/node"

     

       1806
       1806
       +
               "@types/node@25.0.3"

     

       1680
       1807
        
             ],

     

       1681
       1808
        
             "bin": true

     

       1682
       1809
        
           },

     

       1683
       1683
       -
           "vitefu@1.1.1_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       1810
       1810
       +
           "vitefu@1.1.1_vite@7.3.0__@types+node@25.0.3__picomatch@4.0.3_@types+node@25.0.3": {

     

       1684
       1811
        
             "integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",

     

       1685
       1812
        
             "dependencies": [

     

       1686
       1813
        
               "vite"

     
···

       1699
       1826
        
           "word-wrap@1.2.5": {

     

       1700
       1827
        
             "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="

     

       1701
       1828
        
           },

     

       1702
       1702
       -
           "yallist@5.0.0": {

     

       1703
       1703
       -
             "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw=="

     

       1704
       1704
       -
           },

     

       1705
       1829
        
           "yaml@1.10.2": {

     

       1706
       1830
        
             "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="

     

       1707
       1831
        
           },

     

       1708
       1832
        
           "yocto-queue@0.1.0": {

     

       1709
       1833
        
             "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="

     

       1834
       1834
       +
           },

     

       1835
       1835
       +
           "yocto-queue@1.2.2": {

     

       1836
       1836
       +
             "integrity": "sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ=="

     

       1710
       1837
        
           },

     

       1711
       1838
        
           "zimmerframe@1.1.4": {

     

       1712
       1839
        
             "integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ=="

     
···

       1715
       1842
        
         "workspace": {

     

       1716
       1843
        
           "packageJson": {

     

       1717
       1844
        
             "dependencies": [

     

       1718
       1718
       -
               "npm:@atcute/atproto@^3.1.7",

     

       1719
       1719
       -
               "npm:@atcute/bluesky@^3.2.7",

     

       1720
       1720
       -
               "npm:@atcute/client@^4.0.5",

     

       1721
       1721
       -
               "npm:@atcute/identity@^1.1.1",

     

       1722
       1722
       -
               "npm:@atcute/lexicons@^1.2.2",

     

       1723
       1723
       -
               "npm:@eslint/compat@^1.4.0",

     

       1724
       1724
       -
               "npm:@eslint/js@^9.36.0",

     

       1725
       1725
       -
               "npm:@sveltejs/adapter-auto@^6.1.0",

     

       1726
       1726
       -
               "npm:@sveltejs/kit@^2.43.2",

     

       1727
       1727
       -
               "npm:@sveltejs/vite-plugin-svelte@^6.2.0",

     

       1728
       1728
       -
               "npm:@tailwindcss/forms@~0.5.10",

     

       1729
       1729
       -
               "npm:@tailwindcss/vite@^4.1.13",

     

       1730
       1730
       -
               "npm:@types/node@24",

     

       1845
       1845
       +
               "npm:@atcute/atproto@^3.1.10",

     

       1846
       1846
       +
               "npm:@atcute/bluesky-richtext-builder@^2.0.4",

     

       1847
       1847
       +
               "npm:@atcute/bluesky-richtext-segmenter@^2.0.4",

     

       1848
       1848
       +
               "npm:@atcute/bluesky@^3.2.14",

     

       1849
       1849
       +
               "npm:@atcute/client@^4.2.0",

     

       1850
       1850
       +
               "npm:@atcute/identity-resolver@^1.2.1",

     

       1851
       1851
       +
               "npm:@atcute/identity@^1.1.3",

     

       1852
       1852
       +
               "npm:@atcute/jetstream@^1.1.2",

     

       1853
       1853
       +
               "npm:@atcute/lexicons@^1.2.6",

     

       1854
       1854
       +
               "npm:@atcute/oauth-browser-client@^2.0.3",

     

       1855
       1855
       +
               "npm:@atcute/tid@^1.1.1",

     

       1856
       1856
       +
               "npm:@eslint/compat@2",

     

       1857
       1857
       +
               "npm:@eslint/js@^9.39.2",

     

       1858
       1858
       +
               "npm:@floating-ui/dom@^1.7.4",

     

       1859
       1859
       +
               "npm:@iconify/svelte@^5.1.0",

     

       1860
       1860
       +
               "npm:@soffinal/websocket@~0.2.1",

     

       1861
       1861
       +
               "npm:@sveltejs/adapter-static@^3.0.10",

     

       1862
       1862
       +
               "npm:@sveltejs/kit@^2.49.2",

     

       1863
       1863
       +
               "npm:@sveltejs/vite-plugin-svelte@^6.2.1",

     

       1864
       1864
       +
               "npm:@tailwindcss/forms@~0.5.11",

     

       1865
       1865
       +
               "npm:@tailwindcss/vite@^4.1.18",

     

       1866
       1866
       +
               "npm:@tutorlatin/svelte-tiny-virtual-list@^3.0.18",

     

       1867
       1867
       +
               "npm:@types/node@^25.0.3",

     

       1731
       1868
        
               "npm:@wora/cache-persist@^2.2.1",

     

       1869
       1869
       +
               "npm:async-cache-dedupe@^3.4.0",

     

       1732
       1870
        
               "npm:eslint-config-prettier@^10.1.8",

     

       1733
       1733
       -
               "npm:eslint-plugin-svelte@^3.12.4",

     

       1734
       1734
       -
               "npm:eslint@^9.36.0",

     

       1735
       1735
       -
               "npm:globals@^16.4.0",

     

       1871
       1871
       +
               "npm:eslint-plugin-svelte@^3.13.1",

     

       1872
       1872
       +
               "npm:eslint@^9.39.2",

     

       1873
       1873
       +
               "npm:globals@17",

     

       1736
       1874
        
               "npm:hash-wasm@^4.12.0",

     

       1737
       1737
       -
               "npm:lru-cache@^11.2.2",

     

       1738
       1738
       -
               "npm:prettier-plugin-svelte@^3.4.0",

     

       1739
       1739
       -
               "npm:prettier-plugin-tailwindcss@~0.6.14",

     

       1740
       1740
       -
               "npm:prettier@^3.6.2",

     

       1741
       1741
       -
               "npm:svelte-check@^4.3.2",

     

       1742
       1742
       -
               "npm:svelte-infinite@0.5",

     

       1743
       1743
       -
               "npm:svelte@^5.39.5",

     

       1744
       1744
       -
               "npm:tailwindcss@^4.1.13",

     

       1745
       1745
       -
               "npm:typescript-eslint@^8.44.1",

     

       1746
       1746
       -
               "npm:typescript@^5.9.2",

     

       1747
       1747
       -
               "npm:vite@^7.1.7"

     

       1875
       1875
       +
               "npm:lru-cache@^11.2.4",

     

       1876
       1876
       +
               "npm:photoswipe@^5.4.4",

     

       1877
       1877
       +
               "npm:prettier-plugin-svelte@^3.4.1",

     

       1878
       1878
       +
               "npm:prettier-plugin-tailwindcss@~0.7.2",

     

       1879
       1879
       +
               "npm:prettier@^3.7.4",

     

       1880
       1880
       +
               "npm:svelte-awesome-color-picker@^4.1.0",

     

       1881
       1881
       +
               "npm:svelte-check@^4.3.5",

     

       1882
       1882
       +
               "npm:svelte-device-info@^1.0.6",

     

       1883
       1883
       +
               "npm:svelte-infinite@~0.5.1",

     

       1884
       1884
       +
               "npm:svelte-portal@^2.2.1",

     

       1885
       1885
       +
               "npm:svelte@^5.46.1",

     

       1886
       1886
       +
               "npm:tailwindcss@^4.1.18",

     

       1887
       1887
       +
               "npm:typescript-eslint@^8.51.0",

     

       1888
       1888
       +
               "npm:typescript@^5.9.3",

     

       1889
       1889
       +
               "npm:vite@^7.3.0"

     

       1748
       1890
        
             ]

     

       1749
       1891
        
           }

     

       1750
       1892
        
         }

+76

flake.lock

···

       1
       1
       +
       {

     

       2
       2
       +
         "nodes": {

     

       3
       3
       +
           "naked-shell": {

     

       4
       4
       +
             "locked": {

     

       5
       5
       +
               "lastModified": 1681286841,

     

       6
       6
       +
               "narHash": "sha256-3XlJrwlR0nBiREnuogoa5i1b4+w/XPe0z8bbrJASw0g=",

     

       7
       7
       +
               "owner": "90-008",

     

       8
       8
       +
               "repo": "mk-naked-shell",

     

       9
       9
       +
               "rev": "7612f828dd6f22b7fb332cc69440e839d7ffe6bd",

     

       10
       10
       +
               "type": "github"

     

       11
       11
       +
             },

     

       12
       12
       +
             "original": {

     

       13
       13
       +
               "owner": "90-008",

     

       14
       14
       +
               "repo": "mk-naked-shell",

     

       15
       15
       +
               "type": "github"

     

       16
       16
       +
             }

     

       17
       17
       +
           },

     

       18
       18
       +
           "nixpkgs": {

     

       19
       19
       +
             "locked": {

     

       20
       20
       +
               "lastModified": 1761850514,

     

       21
       21
       +
               "narHash": "sha256-qmg1yC6ybzH0/w4Bupx1hpgTS5MTl2qBMoD+DFx3hWM=",

     

       22
       22
       +
               "owner": "nixos",

     

       23
       23
       +
               "repo": "nixpkgs",

     

       24
       24
       +
               "rev": "1c3d5f4e01f0b18b508be644d9d6a196fb7ed1f5",

     

       25
       25
       +
               "type": "github"

     

       26
       26
       +
             },

     

       27
       27
       +
             "original": {

     

       28
       28
       +
               "owner": "nixos",

     

       29
       29
       +
               "repo": "nixpkgs",

     

       30
       30
       +
               "type": "github"

     

       31
       31
       +
             }

     

       32
       32
       +
           },

     

       33
       33
       +
           "nixpkgs-lib": {

     

       34
       34
       +
             "locked": {

     

       35
       35
       +
               "lastModified": 1754788789,

     

       36
       36
       +
               "narHash": "sha256-x2rJ+Ovzq0sCMpgfgGaaqgBSwY+LST+WbZ6TytnT9Rk=",

     

       37
       37
       +
               "owner": "nix-community",

     

       38
       38
       +
               "repo": "nixpkgs.lib",

     

       39
       39
       +
               "rev": "a73b9c743612e4244d865a2fdee11865283c04e6",

     

       40
       40
       +
               "type": "github"

     

       41
       41
       +
             },

     

       42
       42
       +
             "original": {

     

       43
       43
       +
               "owner": "nix-community",

     

       44
       44
       +
               "repo": "nixpkgs.lib",

     

       45
       45
       +
               "type": "github"

     

       46
       46
       +
             }

     

       47
       47
       +
           },

     

       48
       48
       +
           "parts": {

     

       49
       49
       +
             "inputs": {

     

       50
       50
       +
               "nixpkgs-lib": "nixpkgs-lib"

     

       51
       51
       +
             },

     

       52
       52
       +
             "locked": {

     

       53
       53
       +
               "lastModified": 1760948891,

     

       54
       54
       +
               "narHash": "sha256-TmWcdiUUaWk8J4lpjzu4gCGxWY6/Ok7mOK4fIFfBuU4=",

     

       55
       55
       +
               "owner": "hercules-ci",

     

       56
       56
       +
               "repo": "flake-parts",

     

       57
       57
       +
               "rev": "864599284fc7c0ba6357ed89ed5e2cd5040f0c04",

     

       58
       58
       +
               "type": "github"

     

       59
       59
       +
             },

     

       60
       60
       +
             "original": {

     

       61
       61
       +
               "owner": "hercules-ci",

     

       62
       62
       +
               "repo": "flake-parts",

     

       63
       63
       +
               "type": "github"

     

       64
       64
       +
             }

     

       65
       65
       +
           },

     

       66
       66
       +
           "root": {

     

       67
       67
       +
             "inputs": {

     

       68
       68
       +
               "naked-shell": "naked-shell",

     

       69
       69
       +
               "nixpkgs": "nixpkgs",

     

       70
       70
       +
               "parts": "parts"

     

       71
       71
       +
             }

     

       72
       72
       +
           }

     

       73
       73
       +
         },

     

       74
       74
       +
         "root": "root",

     

       75
       75
       +
         "version": 7

     

       76
       76
       +
       }

+33

flake.nix

···

       1
       1
       +
       {

     

       2
       2
       +
         inputs.parts.url = "github:hercules-ci/flake-parts";

     

       3
       3
       +
         inputs.nixpkgs.url = "github:nixos/nixpkgs";

     

       4
       4
       +
         inputs.naked-shell.url = "github:90-008/mk-naked-shell";

     

       5
       5
       +
       

     

       6
       6
       +
         outputs = inp:

     

       7
       7
       +
           inp.parts.lib.mkFlake {inputs = inp;} {

     

       8
       8
       +
             systems = ["x86_64-linux"];

     

       9
       9
       +
             imports = [inp.naked-shell.flakeModule];

     

       10
       10
       +
             perSystem = {

     

       11
       11
       +
               config,

     

       12
       12
       +
               system,

     

       13
       13
       +
               ...

     

       14
       14
       +
             }: let

     

       15
       15
       +
               pkgs = inp.nixpkgs.legacyPackages.${system};

     

       16
       16
       +
             in {

     

       17
       17
       +
               devShells.default = config.mk-naked-shell.lib.mkNakedShell {

     

       18
       18
       +
                 name = "nucleus-devshell";

     

       19
       19
       +
                 packages = with pkgs; [

     

       20
       20
       +
                   nodejs-slim_latest deno

     

       21
       21
       +
                 ];

     

       22
       22
       +
                 shellHook = ''

     

       23
       23
       +
                   export PATH="$PATH:$PWD/node_modules/.bin"

     

       24
       24
       +
                 '';

     

       25
       25
       +
               };

     

       26
       26
       +
               packages.nucleus-modules = pkgs.callPackage ./nix/modules.nix {};

     

       27
       27
       +
               packages.nucleus = pkgs.callPackage ./nix {

     

       28
       28
       +
                 inherit (config.packages) nucleus-modules;

     

       29
       29
       +
               };

     

       30
       30
       +
               packages.default = config.packages.nucleus;

     

       31
       31
       +
           };

     

       32
       32
       +
         };

     

       33
       33
       +
       }

+55

nix/default.nix

···

       1
       1
       +
       {

     

       2
       2
       +
         lib,

     

       3
       3
       +
         stdenv,

     

       4
       4
       +
         deno,

     

       5
       5
       +
         nodejs,

     

       6
       6
       +
         makeBinaryWrapper,

     

       7
       7
       +
         nucleus-modules,

     

       8
       8
       +
         PUBLIC_DOMAIN ? "http://localhost:5173",

     

       9
       9
       +
       }:

     

       10
       10
       +
       stdenv.mkDerivation {

     

       11
       11
       +
         name = "nucleus";

     

       12
       12
       +
       

     

       13
       13
       +
         src = lib.fileset.toSource {

     

       14
       14
       +
           root = ../.;

     

       15
       15
       +
           fileset = lib.fileset.unions [

     

       16
       16
       +
             ../src

     

       17
       17
       +
             ../static

     

       18
       18
       +
             ../deno.lock

     

       19
       19
       +
             ../package.json

     

       20
       20
       +
             ../svelte.config.js

     

       21
       21
       +
             ../tsconfig.json

     

       22
       22
       +
             ../vite.config.ts

     

       23
       23
       +
           ];

     

       24
       24
       +
         };

     

       25
       25
       +
       

     

       26
       26
       +
         nativeBuildInputs = [makeBinaryWrapper];

     

       27
       27
       +
         buildInputs = [deno];

     

       28
       28
       +
       

     

       29
       29
       +
         inherit PUBLIC_DOMAIN;

     

       30
       30
       +
       

     

       31
       31
       +
         dontCheck = true;

     

       32
       32
       +
       

     

       33
       33
       +
         configurePhase = ''

     

       34
       34
       +
           runHook preConfigure

     

       35
       35
       +
           cp -R --no-preserve=ownership ${nucleus-modules} node_modules

     

       36
       36
       +
           find node_modules -type d -exec chmod 755 {} \;

     

       37
       37
       +
           substituteInPlace node_modules/.bin/vite \

     

       38
       38
       +
             --replace-fail "/usr/bin/env node" "${nodejs}/bin/node"

     

       39
       39
       +
           runHook postConfigure

     

       40
       40
       +
         '';

     

       41
       41
       +
         buildPhase = ''

     

       42
       42
       +
           runHook preBuild

     

       43
       43
       +
           HOME=$TMPDIR deno run --cached-only build

     

       44
       44
       +
           runHook postBuild

     

       45
       45
       +
         '';

     

       46
       46
       +
         installPhase = ''

     

       47
       47
       +
           runHook preInstall

     

       48
       48
       +
       

     

       49
       49
       +
           mkdir -p $out/bin

     

       50
       50
       +
           cp -R ./build/* $out

     

       51
       51
       +
           # cp -R ./node_modules $out

     

       52
       52
       +
       

     

       53
       53
       +
           runHook postInstall

     

       54
       54
       +
         '';

     

       55
       55
       +
       }

+35

nix/modules.nix

···

       1
       1
       +
       {

     

       2
       2
       +
         lib,

     

       3
       3
       +
         stdenv,

     

       4
       4
       +
         deno,

     

       5
       5
       +
       }:

     

       6
       6
       +
       stdenv.mkDerivation {

     

       7
       7
       +
         name = "nucleus-modules";

     

       8
       8
       +
       

     

       9
       9
       +
         src = lib.fileset.toSource {

     

       10
       10
       +
           root = ../.;

     

       11
       11
       +
           fileset = lib.fileset.unions [

     

       12
       12
       +
             ../deno.lock

     

       13
       13
       +
             ../package.json

     

       14
       14
       +
           ];

     

       15
       15
       +
         };

     

       16
       16
       +
       

     

       17
       17
       +
         outputHash = "sha256-1AkU6eV0uIUZohotHhd8E5eAwc4E4wwg2SjHVUdX8LE=";

     

       18
       18
       +
         outputHashAlgo = "sha256";

     

       19
       19
       +
         outputHashMode = "recursive";

     

       20
       20
       +
       

     

       21
       21
       +
         nativeBuildInputs = [ deno ];

     

       22
       22
       +
       

     

       23
       23
       +
         dontConfigure = true;

     

       24
       24
       +
         dontCheck = true;

     

       25
       25
       +
         dontFixup = true;

     

       26
       26
       +
         dontPatchShebangs = true;

     

       27
       27
       +
       

     

       28
       28
       +
         buildPhase = ''

     

       29
       29
       +
           HOME=$TMPDIR deno install --frozen --seed 8008135

     

       30
       30
       +
         '';

     

       31
       31
       +
         installPhase = ''

     

       32
       32
       +
           cp -R node_modules $out

     

       33
       33
       +
           ls -la $out

     

       34
       34
       +
         '';

     

       35
       35
       +
       }

+43 -28

package.json

···

       4
       4
        
       	"version": "0.0.1",

     

       5
       5
        
       	"type": "module",

     

       6
       6
        
       	"scripts": {

     

       7
       7
       -
       		"dev": "vite dev",

     

       7
       7
       +
       		"dev": "vite",

     

       8
       8
        
       		"build": "vite build",

     

       9
       9
        
       		"preview": "vite preview",

     

       10
       10
        
       		"prepare": "svelte-kit sync || echo ''",

     
···

       14
       14
        
       		"lint": "prettier --check . && eslint ."

     

       15
       15
        
       	},

     

       16
       16
        
       	"dependencies": {

     

       17
       17
       -
       		"@atcute/atproto": "^3.1.7",

     

       18
       18
       -
       		"@atcute/bluesky": "^3.2.7",

     

       19
       19
       -
       		"@atcute/client": "^4.0.5",

     

       20
       20
       -
       		"@atcute/identity": "^1.1.1",

     

       21
       21
       -
       		"@atcute/lexicons": "^1.2.2",

     

       17
       17
       +
       		"@atcute/atproto": "^3.1.10",

     

       18
       18
       +
       		"@atcute/bluesky": "^3.2.14",

     

       19
       19
       +
       		"@atcute/bluesky-richtext-builder": "^2.0.4",

     

       20
       20
       +
       		"@atcute/bluesky-richtext-segmenter": "^2.0.4",

     

       21
       21
       +
       		"@atcute/client": "^4.2.0",

     

       22
       22
       +
       		"@atcute/identity": "^1.1.3",

     

       23
       23
       +
       		"@atcute/identity-resolver": "^1.2.1",

     

       24
       24
       +
       		"@atcute/jetstream": "^1.1.2",

     

       25
       25
       +
       		"@atcute/lexicons": "^1.2.6",

     

       26
       26
       +
       		"@atcute/oauth-browser-client": "^2.0.3",

     

       27
       27
       +
       		"@atcute/tid": "^1.1.1",

     

       28
       28
       +
       		"@floating-ui/dom": "^1.7.4",

     

       29
       29
       +
       		"@soffinal/websocket": "^0.2.1",

     

       30
       30
       +
       		"@tutorlatin/svelte-tiny-virtual-list": "^3.0.18",

     

       22
       31
        
       		"@wora/cache-persist": "^2.2.1",

     

       32
       32
       +
       		"async-cache-dedupe": "^3.4.0",

     

       23
       33
        
       		"hash-wasm": "^4.12.0",

     

       24
       24
       -
       		"lru-cache": "^11.2.2",

     

       25
       25
       -
       		"svelte-infinite": "^0.5.0"

     

       34
       34
       +
       		"lru-cache": "^11.2.4",

     

       35
       35
       +
       		"photoswipe": "^5.4.4",

     

       36
       36
       +
       		"svelte-device-info": "^1.0.6",

     

       37
       37
       +
       		"svelte-infinite": "^0.5.1",

     

       38
       38
       +
       		"svelte-portal": "^2.2.1"

     

       26
       39
        
       	},

     

       27
       40
        
       	"devDependencies": {

     

       28
       28
       -
       		"@eslint/compat": "^1.4.0",

     

       29
       29
       -
       		"@eslint/js": "^9.36.0",

     

       30
       30
       -
       		"@sveltejs/adapter-auto": "^6.1.0",

     

       31
       31
       -
       		"@sveltejs/kit": "^2.43.2",

     

       32
       32
       -
       		"@sveltejs/vite-plugin-svelte": "^6.2.0",

     

       33
       33
       -
       		"@tailwindcss/forms": "^0.5.10",

     

       34
       34
       -
       		"@tailwindcss/vite": "^4.1.13",

     

       35
       35
       -
       		"@types/node": "^24",

     

       36
       36
       -
       		"eslint": "^9.36.0",

     

       41
       41
       +
       		"@eslint/compat": "^2.0.0",

     

       42
       42
       +
       		"@eslint/js": "^9.39.2",

     

       43
       43
       +
       		"@iconify/svelte": "^5.1.0",

     

       44
       44
       +
       		"@sveltejs/adapter-static": "^3.0.10",

     

       45
       45
       +
       		"@sveltejs/kit": "^2.49.2",

     

       46
       46
       +
       		"@sveltejs/vite-plugin-svelte": "^6.2.1",

     

       47
       47
       +
       		"@tailwindcss/forms": "^0.5.11",

     

       48
       48
       +
       		"@tailwindcss/vite": "^4.1.18",

     

       49
       49
       +
       		"@types/node": "^25.0.3",

     

       50
       50
       +
       		"eslint": "^9.39.2",

     

       37
       51
        
       		"eslint-config-prettier": "^10.1.8",

     

       38
       38
       -
       		"eslint-plugin-svelte": "^3.12.4",

     

       39
       39
       -
       		"globals": "^16.4.0",

     

       40
       40
       -
       		"prettier": "^3.6.2",

     

       41
       41
       -
       		"prettier-plugin-svelte": "^3.4.0",

     

       42
       42
       -
       		"prettier-plugin-tailwindcss": "^0.6.14",

     

       43
       43
       -
       		"svelte": "^5.39.5",

     

       44
       44
       -
       		"svelte-check": "^4.3.2",

     

       45
       45
       -
       		"tailwindcss": "^4.1.13",

     

       46
       46
       -
       		"typescript": "^5.9.2",

     

       47
       47
       -
       		"typescript-eslint": "^8.44.1",

     

       48
       48
       -
       		"vite": "^7.1.7"

     

       52
       52
       +
       		"eslint-plugin-svelte": "^3.13.1",

     

       53
       53
       +
       		"globals": "^17.0.0",

     

       54
       54
       +
       		"prettier": "^3.7.4",

     

       55
       55
       +
       		"prettier-plugin-svelte": "^3.4.1",

     

       56
       56
       +
       		"prettier-plugin-tailwindcss": "^0.7.2",

     

       57
       57
       +
       		"svelte": "^5.46.1",

     

       58
       58
       +
       		"svelte-awesome-color-picker": "^4.1.0",

     

       59
       59
       +
       		"svelte-check": "^4.3.5",

     

       60
       60
       +
       		"tailwindcss": "^4.1.18",

     

       61
       61
       +
       		"typescript": "^5.9.3",

     

       62
       62
       +
       		"typescript-eslint": "^8.51.0",

     

       63
       63
       +
       		"vite": "^7.3.0"

     

       49
       64
        
       	}

     

       50
       65
        
       }

resources/screenshot.png

This is a binary file and will not be displayed.

+111 -2

src/app.css

···

       1
       1
        
       @import 'tailwindcss';

     

       2
       2
       +
       

     

       2
       3
        
       @plugin '@tailwindcss/forms';

     

       3
       4
        
       

     

       5
       5
       +
       @theme {

     

       6
       6
       +
       	@keyframes fade-in-scale {

     

       7
       7
       +
       		0% {

     

       8
       8
       +
       			opacity: 0;

     

       9
       9
       +
       			transform: scale(0.95);

     

       10
       10
       +
       		}

     

       11
       11
       +
       		100% {

     

       12
       12
       +
       			opacity: 1;

     

       13
       13
       +
       			transform: scale(1);

     

       14
       14
       +
       		}

     

       15
       15
       +
       	}

     

       16
       16
       +
       }

     

       17
       17
       +
       

     

       18
       18
       +
       @utility animate-fade-in-scale {

     

       19
       19
       +
       	animation: fade-in-scale 0.2s ease-out forwards;

     

       20
       20
       +
       }

     

       21
       21
       +
       

     

       22
       22
       +
       @utility animate-fade-in-scale-fast {

     

       23
       23
       +
       	animation: fade-in-scale 0.1s ease-out forwards;

     

       24
       24
       +
       }

     

       25
       25
       +
       

     

       26
       26
       +
       @utility single-line-input {

     

       27
       27
       +
       	@apply w-full rounded-sm border-2 border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3 px-3 py-2 font-medium transition-all;

     

       28
       28
       +
       	&:focus {

     

       29
       29
       +
       		@apply scale-[1.02] border-(--nucleus-accent)/80 bg-(--nucleus-accent)/10 [box-shadow:none] outline-none;

     

       30
       30
       +
       	}

     

       31
       31
       +
       }

     

       32
       32
       +
       

     

       33
       33
       +
       @utility action-button {

     

       34
       34
       +
       	@apply rounded-sm border-2 border-(--nucleus-accent) px-3 py-2 font-semibold text-(--nucleus-accent) transition-all hover:scale-105 hover:bg-(--nucleus-accent)/20;

     

       35
       35
       +
       }

     

       36
       36
       +
       

     

       37
       37
       +
       @utility error-disclaimer {

     

       38
       38
       +
       	@apply rounded-sm border-2 border-red-500 p-2;

     

       39
       39
       +
       	background-color: color-mix(in srgb, var(--color-red-500) 15%, var(--nucleus-bg));

     

       40
       40
       +
       	p {

     

       41
       41
       +
       		@apply text-base text-wrap wrap-break-word text-red-500;

     

       42
       42
       +
       	}

     

       43
       43
       +
       }

     

       44
       44
       +
       

     

       45
       45
       +
       :root {

     

       46
       46
       +
       	scrollbar-width: thin;

     

       47
       47
       +
       	scrollbar-color: var(--nucleus-accent) var(--nucleus-bg);

     

       48
       48
       +
       }

     

       49
       49
       +
       

     

       50
       50
       +
       button {

     

       51
       51
       +
       	@apply hover:cursor-pointer;

     

       52
       52
       +
       }

     

       53
       53
       +
       

     

       54
       54
       +
       a {

     

       55
       55
       +
       	&:hover {

     

       56
       56
       +
       		@apply cursor-pointer underline;

     

       57
       57
       +
       	}

     

       58
       58
       +
       }

     

       59
       59
       +
       

     

       4
       60
        
       .grain:before {

     

       5
       61
        
       	content: '';

     

       6
       62
        
       	background-color: transparent;

     

       7
       63
        
       	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch' /%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='2' intercept='-0.5' /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' /%3E%3C/svg%3E");

     

       8
       64
        
       	background-repeat: repeat;

     

       9
       65
        
       	background-size: 40vmax;

     

       10
       10
       -
       	opacity: 0.06;

     

       66
       66
       +
       	opacity: 0.08;

     

       11
       67
        
       	top: 0;

     

       12
       68
        
       	left: 0;

     

       13
       69
        
       	position: fixed;

     

       14
       70
        
       	width: 100%;

     

       15
       71
        
       	height: 100%;

     

       16
       72
        
       	pointer-events: none;

     

       17
       17
       -
       	z-index: 1;

     

       73
       73
       +
       }

     

       74
       74
       +
       

     

       75
       75
       +
       .color-picker {

     

       76
       76
       +
       	--cp-bg-color: var(--nucleus-bg);

     

       77
       77
       +
       	--cp-border-color: var(--nucleus-accent);

     

       78
       78
       +
       	--cp-text-color: var(--nucleus-fg);

     

       79
       79
       +
       	--cp-input-color: color-mix(in srgb, var(--nucleus-accent) 10%, transparent);

     

       80
       80
       +
       	--cp-button-hover-color: color-mix(in srgb, var(--nucleus-accent) 30%, transparent);

     

       81
       81
       +
       	--picker-height: 8rem;

     

       82
       82
       +
       	--picker-width: 8rem;

     

       83
       83
       +
       }

     

       84
       84
       +
       

     

       85
       85
       +
       .animate-pulse-highlight {

     

       86
       86
       +
       	animation: pulse-highlight 0.6s ease-in-out 3;

     

       87
       87
       +
       }

     

       88
       88
       +
       

     

       89
       89
       +
       @keyframes pulse-highlight {

     

       90
       90
       +
       	0%,

     

       91
       91
       +
       	100% {

     

       92
       92
       +
       		box-shadow: 0 0 0 0 var(--nucleus-selected-post);

     

       93
       93
       +
       	}

     

       94
       94
       +
       	50% {

     

       95
       95
       +
       		box-shadow: 0 0 20px 5px var(--nucleus-selected-post);

     

       96
       96
       +
       	}

     

       97
       97
       +
       }

     

       98
       98
       +
       

     

       99
       99
       +
       @keyframes slide-in-from-right {

     

       100
       100
       +
       	from {

     

       101
       101
       +
       		transform: translateX(144px);

     

       102
       102
       +
       		opacity: 0;

     

       103
       103
       +
       	}

     

       104
       104
       +
       	to {

     

       105
       105
       +
       		transform: translateX(0);

     

       106
       106
       +
       		opacity: 1;

     

       107
       107
       +
       	}

     

       108
       108
       +
       }

     

       109
       109
       +
       

     

       110
       110
       +
       @keyframes slide-in-from-left {

     

       111
       111
       +
       	from {

     

       112
       112
       +
       		transform: translateX(-144px);

     

       113
       113
       +
       		opacity: 0;

     

       114
       114
       +
       	}

     

       115
       115
       +
       	to {

     

       116
       116
       +
       		transform: translateX(0);

     

       117
       117
       +
       		opacity: 1;

     

       118
       118
       +
       	}

     

       119
       119
       +
       }

     

       120
       120
       +
       

     

       121
       121
       +
       .animate-slide-in-right {

     

       122
       122
       +
       	animation: slide-in-from-right 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;

     

       123
       123
       +
       }

     

       124
       124
       +
       

     

       125
       125
       +
       .animate-slide-in-left {

     

       126
       126
       +
       	animation: slide-in-from-left 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;

     

       18
       127
        
       }

+2 -1

src/app.html

···

       2
       2
        
       <html lang="en">

     

       3
       3
        
       	<head>

     

       4
       4
        
       		<meta charset="utf-8" />

     

       5
       5
       -
       		<meta name="viewport" content="width=device-width, initial-scale=1" />

     

       5
       5
       +
       		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />

     

       6
       6
       +
       		<meta name="theme-color" content="#11001c" />

     

       6
       7
        
       		%sveltekit.head%

     

       7
       8
        
       	</head>

     

       8
       9
        
       	<body data-sveltekit-preload-data="hover">

+140 -254

src/components/AccountSelector.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
       -
       	import { generateColorForDid, type Account } from '$lib/accounts';

     

       3
       3
       -
       	import { AtpClient } from '$lib/at/client';

     

       4
       4
       -
       	import type { Did, Handle } from '@atcute/lexicons';

     

       5
       5
       -
       	import { theme } from '$lib/theme.svelte';

     

       2
       2
       +
       	import { generateColorForDid, loggingIn, type Account } from '$lib/accounts';

     

       3
       3
       +
       	import { AtpClient, resolveHandle } from '$lib/at/client';

     

       4
       4
       +
       	import type { Handle } from '@atcute/lexicons';

     

       5
       5
       +
       	import ProfilePicture from './ProfilePicture.svelte';

     

       6
       6
       +
       	import PfpPlaceholder from './PfpPlaceholder.svelte';

     

       7
       7
       +
       	import Popup from './Popup.svelte';

     

       8
       8
       +
       	import Dropdown from './Dropdown.svelte';

     

       9
       9
       +
       	import { flow } from '$lib/at/oauth';

     

       10
       10
       +
       	import { isHandle, type AtprotoDid } from '@atcute/lexicons/syntax';

     

       11
       11
       +
       	import Icon from '@iconify/svelte';

     

       6
       12
        
       

     

       7
       13
        
       	interface Props {

     

       14
       14
       +
       		client: AtpClient;

     

       8
       15
        
       		accounts: Array<Account>;

     

       9
       9
       -
       		selectedDid?: Did | null;

     

       10
       10
       -
       		onAccountSelected: (did: Did) => void;

     

       11
       11
       -
       		onLoginSucceed: (did: Did, handle: Handle, password: string) => void;

     

       12
       12
       -
       		onLogout: (did: Did) => void;

     

       16
       16
       +
       		selectedDid?: AtprotoDid | null;

     

       17
       17
       +
       		onAccountSelected: (did: AtprotoDid) => void;

     

       18
       18
       +
       		onLogout: (did: AtprotoDid) => void;

     

       13
       19
        
       	}

     

       14
       20
        
       

     

       15
       21
        
       	let {

     

       22
       22
       +
       		client,

     

       16
       23
        
       		accounts = [],

     

       17
       24
        
       		selectedDid = $bindable(null),

     

       18
       25
        
       		onAccountSelected,

     

       19
       19
       -
       		onLoginSucceed,

     

       20
       26
        
       		onLogout

     

       21
       27
        
       	}: Props = $props();

     

       22
       28
        
       

     

       23
       23
       -
       	let color = $derived(selectedDid ? (generateColorForDid(selectedDid) ?? theme.fg) : theme.fg);

     

       24
       24
       -
       

     

       25
       29
        
       	let isDropdownOpen = $state(false);

     

       26
       30
        
       	let isLoginModalOpen = $state(false);

     

       27
       31
        
       	let loginHandle = $state('');

     

       28
       28
       -
       	let loginPassword = $state('');

     

       29
       32
        
       	let loginError = $state('');

     

       30
       33
        
       	let isLoggingIn = $state(false);

     

       31
       34
        
       

     

       32
       32
       -
       	const toggleDropdown = (e: MouseEvent) => {

     

       33
       33
       -
       		e.stopPropagation();

     

       34
       34
       -
       		isDropdownOpen = !isDropdownOpen;

     

       35
       35
       -
       	};

     

       35
       35
       +
       	const toggleDropdown = () => (isDropdownOpen = !isDropdownOpen);

     

       36
       36
       +
       	const closeDropdown = () => (isDropdownOpen = false);

     

       36
       37
        
       

     

       37
       37
       -
       	const selectAccount = (did: Did) => {

     

       38
       38
       +
       	const selectAccount = (did: AtprotoDid) => {

     

       38
       39
        
       		onAccountSelected(did);

     

       39
       39
       -
       		isDropdownOpen = false;

     

       40
       40
       +
       		closeDropdown();

     

       40
       41
        
       	};

     

       41
       42
        
       

     

       42
       43
        
       	const openLoginModal = () => {

     

       43
       44
        
       		isLoginModalOpen = true;

     

       44
       44
       -
       		isDropdownOpen = false;

     

       45
       45
       +
       		closeDropdown();

     

       45
       46
        
       		loginHandle = '';

     

       46
       46
       -
       		loginPassword = '';

     

       47
       47
        
       		loginError = '';

     

       48
       48
       +
       		// HACK: i hate this but it works so it doesnt really matter

     

       49
       49
       +
       		setTimeout(() => document.getElementById('handle')?.focus(), 100);

     

       48
       50
        
       	};

     

       49
       51
        
       

     

       50
       52
        
       	const closeLoginModal = () => {

     

       53
       53
       +
       		document.getElementById('handle')?.blur();

     

       51
       54
        
       		isLoginModalOpen = false;

     

       52
       55
        
       		loginHandle = '';

     

       53
       53
       -
       		loginPassword = '';

     

       54
       56
        
       		loginError = '';

     

       55
       57
        
       	};

     

       56
       58
        
       

     

       57
       59
        
       	const handleLogin = async () => {

     

       58
       58
       -
       		if (!loginHandle || !loginPassword) {

     

       59
       59
       -
       			loginError = 'please enter both handle and password';

     

       60
       60
       -
       			return;

     

       61
       61
       -
       		}

     

       60
       60
       +
       		try {

     

       61
       61
       +
       			if (!loginHandle) throw 'please enter handle';

     

       62
       62
        
       

     

       63
       63
       -
       		isLoggingIn = true;

     

       64
       64
       -
       		loginError = '';

     

       63
       63
       +
       			isLoggingIn = true;

     

       64
       64
       +
       			loginError = '';

     

       65
       65
        
       

     

       66
       66
       -
       		try {

     

       67
       67
       -
       			const client = new AtpClient();

     

       68
       68
       -
       			const result = await client.login(loginHandle as Handle, loginPassword);

     

       66
       66
       +
       			let handle: Handle;

     

       67
       67
       +
       			if (isHandle(loginHandle)) handle = loginHandle;

     

       68
       68
       +
       			else throw 'handle is invalid';

     

       69
       69
        
       

     

       70
       70
       -
       			if (!result.ok) {

     

       71
       71
       -
       				loginError = result.error;

     

       72
       72
       -
       				isLoggingIn = false;

     

       73
       73
       -
       				return;

     

       74
       74
       -
       			}

     

       70
       70
       +
       			let did = await resolveHandle(handle);

     

       71
       71
       +
       			if (!did.ok) throw did.error;

     

       75
       72
        
       

     

       76
       76
       -
       			if (!client.didDoc) {

     

       77
       77
       -
       				loginError = 'failed to get did document';

     

       78
       78
       -
       				isLoggingIn = false;

     

       79
       79
       -
       				return;

     

       80
       80
       -
       			}

     

       81
       81
       -
       

     

       82
       82
       -
       			onLoginSucceed(client.didDoc.did, loginHandle as Handle, loginPassword);

     

       83
       83
       -
       			closeLoginModal();

     

       73
       73
       +
       			await initiateLogin(did.value, handle);

     

       84
       74
        
       		} catch (error) {

     

       85
       75
        
       			loginError = `login failed: ${error}`;

     

       76
       76
       +
       			loggingIn.set(null);

     

       86
       77
        
       		} finally {

     

       87
       78
        
       			isLoggingIn = false;

     

       88
       79
        
       		}

     

       89
       80
        
       	};

     

       90
       81
        
       

     

       91
       91
       -
       	const handleKeydown = (event: KeyboardEvent) => {

     

       92
       92
       -
       		if (event.key === 'Escape') {

     

       93
       93
       -
       			closeLoginModal();

     

       94
       94
       -
       		} else if (event.key === 'Enter' && !isLoggingIn) {

     

       95
       95
       -
       			handleLogin();

     

       96
       96
       -
       		}

     

       82
       82
       +
       	const initiateLogin = async (did: AtprotoDid, handle: Handle | null) => {

     

       83
       83
       +
       		loggingIn.set({ did, handle });

     

       84
       84
       +
       		const result = await flow.start(handle ?? did);

     

       85
       85
       +
       		if (!result.ok) throw result.error;

     

       97
       86
        
       	};

     

       98
       87
        
       

     

       99
       99
       -
       	const closeDropdown = () => {

     

       100
       100
       -
       		isDropdownOpen = false;

     

       88
       88
       +
       	const handleKeydown = (event: KeyboardEvent) => {

     

       89
       89
       +
       		if (event.key === 'Enter' && !isLoggingIn) handleLogin();

     

       101
       90
        
       	};

     

       102
       102
       -
       

     

       103
       103
       -
       	let selectedAccount = $derived(accounts.find((acc) => acc.did === selectedDid));

     

       104
       91
        
       </script>

     

       105
       92
        
       

     

       106
       106
       -
       <svelte:window onclick={closeDropdown} />

     

       107
       107
       -
       

     

       108
       108
       -
       <div class="relative">

     

       109
       109
       -
       	<button

     

       110
       110
       -
       		onclick={toggleDropdown}

     

       111
       111
       -
       		class="group flex h-full items-center gap-2 rounded-sm border-2 px-2 font-medium shadow-lg transition-all hover:scale-105 hover:shadow-xl"

     

       112
       112
       -
       		style="border-color: {theme.accent}66; background: {theme.accent}18; color: {color}; backdrop-filter: blur(8px);"

     

       113
       113
       -
       	>

     

       114
       114
       -
       		<span class="font-bold">

     

       115
       115
       -
       			{selectedAccount ? `@${selectedAccount.handle}` : 'select account'}

     

       116
       116
       -
       		</span>

     

       117
       117
       -
       		<svg

     

       118
       118
       -
       			class="h-4 w-4 transition-transform {isDropdownOpen ? 'rotate-180' : ''}"

     

       119
       119
       -
       			style="color: {theme.accent};"

     

       120
       120
       -
       			fill="none"

     

       121
       121
       -
       			stroke="currentColor"

     

       122
       122
       -
       			viewBox="0 0 24 24"

     

       93
       93
       +
       <Dropdown

     

       94
       94
       +
       	class="min-w-52 rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl"

     

       95
       95
       +
       	bind:isOpen={isDropdownOpen}

     

       96
       96
       +
       	placement="top-start"

     

       97
       97
       +
       >

     

       98
       98
       +
       	{#snippet trigger()}

     

       99
       99
       +
       		<button

     

       100
       100
       +
       			onclick={toggleDropdown}

     

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

     

       123
       102
        
       		>

     

       124
       124
       -
       			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7" />

     

       125
       125
       -
       		</svg>

     

       126
       126
       -
       	</button>

     

       127
       127
       -
       

     

       128
       128
       -
       	{#if isDropdownOpen}

     

       129
       129
       -
       		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       130
       130
       -
       		<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       131
       131
       -
       		<div

     

       132
       132
       -
       			class="absolute left-0 z-10 mt-3 min-w-52 overflow-hidden rounded-sm border-2 shadow-2xl backdrop-blur-lg"

     

       133
       133
       -
       			style="border-color: {theme.accent}; background: {theme.bg}f0;"

     

       134
       134
       -
       			onclick={(e) => e.stopPropagation()}

     

       135
       135
       -
       		>

     

       136
       136
       -
       			{#if accounts.length > 0}

     

       137
       137
       -
       				<div class="p-2">

     

       138
       138
       -
       					{#each accounts as account (account.did)}

     

       139
       139
       -
       						{@const color = generateColorForDid(account.did)}

     

       140
       140
       -
       						<button

     

       141
       141
       -
       							onclick={() => selectAccount(account.did)}

     

       142
       142
       -
       							class="

     

       143
       143
       -
           							group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all

     

       144
       144
       -
           							{account.did === selectedDid ? 'shadow-lg' : ''}

     

       145
       145
       -
       							"

     

       146
       146
       -
       							style="color: {color}; background: {account.did === selectedDid

     

       147
       147
       -
       								? `linear-gradient(135deg, ${theme.accent}33, ${theme.accent2}33)`

     

       148
       148
       -
       								: 'transparent'};"

     

       149
       149
       -
       						>

     

       150
       150
       -
       							<span>@{account.handle}</span>

     

       151
       151
       -
       							<svg

     

       152
       152
       -
       								xmlns="http://www.w3.org/2000/svg"

     

       153
       153
       -
       								onclick={() => onLogout(account.did)}

     

       154
       154
       -
       								class="ml-auto hidden h-5 w-5 transition-all group-hover:[display:block] hover:scale-[1.2] hover:shadow-md"

     

       155
       155
       -
       								style="color: {theme.accent};"

     

       156
       156
       -
       								width="24"

     

       157
       157
       -
       								height="24"

     

       158
       158
       -
       								viewBox="0 0 20 20"

     

       159
       159
       -
       								><path

     

       160
       160
       -
       									fill="currentColor"

     

       161
       161
       -
       									fill-rule="evenodd"

     

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

     

       163
       163
       -
       									clip-rule="evenodd"

     

       164
       164
       -
       								/></svg

     

       165
       165
       -
       							>

     

       166
       166
       -
       

     

       167
       167
       -
       							{#if account.did === selectedDid}

     

       168
       168
       -
       								<svg

     

       169
       169
       -
       									xmlns="http://www.w3.org/2000/svg"

     

       170
       170
       -
       									class="ml-auto h-5 w-5 group-hover:hidden"

     

       171
       171
       -
       									style="color: {theme.accent};"

     

       172
       172
       -
       									width="24"

     

       173
       173
       -
       									height="24"

     

       174
       174
       -
       									viewBox="0 0 24 24"

     

       175
       175
       -
       									><path

     

       176
       176
       -
       										fill="currentColor"

     

       177
       177
       -
       										fill-rule="evenodd"

     

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

     

       179
       179
       -
       										clip-rule="evenodd"

     

       180
       180
       -
       										stroke-width="1.5"

     

       181
       181
       -
       										stroke="currentColor"

     

       182
       182
       -
       									/></svg

     

       183
       183
       -
       								>

     

       184
       184
       -
       							{/if}

     

       185
       185
       -
       						</button>

     

       186
       186
       -
       					{/each}

     

       187
       187
       -
       				</div>

     

       188
       188
       -
       				<div

     

       189
       189
       -
       					class="mx-2 h-px"

     

       190
       190
       -
       					style="background: linear-gradient(to right, {theme.accent}, {theme.accent2});"

     

       191
       191
       -
       				></div>

     

       103
       103
       +
       			{#if selectedDid}

     

       104
       104
       +
       				<ProfilePicture {client} did={selectedDid} size={13} />

     

       105
       105
       +
       			{:else}

     

       106
       106
       +
       				<PfpPlaceholder color="var(--nucleus-accent)" size={13} />

     

       192
       107
        
       			{/if}

     

       193
       193
       -
       			<button

     

       194
       194
       -
       				onclick={openLoginModal}

     

       195
       195
       -
       				class="group flex w-full origin-left items-center gap-3 p-3 text-left text-sm font-semibold transition-all hover:scale-[1.1]"

     

       196
       196
       -
       				style="color: {theme.accent};"

     

       197
       197
       -
       			>

     

       198
       198
       -
       				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       199
       199
       -
       					<path

     

       200
       200
       -
       						stroke-linecap="round"

     

       201
       201
       -
       						stroke-linejoin="round"

     

       202
       202
       -
       						stroke-width="2.5"

     

       203
       203
       -
       						d="M12 4v16m8-8H4"

     

       204
       204
       -
       					/>

     

       205
       205
       -
       				</svg>

     

       206
       206
       -
       				<span>add account</span>

     

       207
       207
       -
       			</button>

     

       208
       208
       -
       		</div>

     

       209
       209
       -
       	{/if}

     

       210
       210
       -
       </div>

     

       108
       108
       +
       		</button>

     

       109
       109
       +
       	{/snippet}

     

       211
       110
        
       

     

       212
       212
       -
       {#if isLoginModalOpen}

     

       213
       213
       -
       	<div

     

       214
       214
       -
       		class="fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm"

     

       215
       215
       -
       		style="background: {theme.bg}cc;"

     

       216
       216
       -
       		onclick={closeLoginModal}

     

       217
       217
       -
       		onkeydown={handleKeydown}

     

       218
       218
       -
       		role="button"

     

       219
       219
       -
       		tabindex="-1"

     

       220
       220
       -
       	>

     

       221
       221
       -
       		<!-- svelte-ignore a11y_interactive_supports_focus -->

     

       222
       222
       -
       		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       223
       223
       -
       		<div

     

       224
       224
       -
       			class="w-full max-w-md rounded-sm border-2 p-5 shadow-2xl"

     

       225
       225
       -
       			style="background: {theme.bg}; border-color: {theme.accent};"

     

       226
       226
       -
       			onclick={(e) => e.stopPropagation()}

     

       227
       227
       -
       			role="dialog"

     

       228
       228
       -
       		>

     

       229
       229
       -
       			<div class="mb-6 flex items-center justify-between">

     

       230
       230
       -
       				<div>

     

       231
       231
       -
       					<h2 class="text-2xl font-bold" style="color: {theme.fg};">add account</h2>

     

       232
       232
       -
       					<div class="mt-2 flex gap-2">

     

       233
       233
       -
       						<div class="h-1 w-10 rounded-full" style="background: {theme.accent};"></div>

     

       234
       234
       -
       						<div class="h-1 w-9 rounded-full" style="background: {theme.accent2};"></div>

     

       111
       111
       +
       	{#if accounts.length > 0}

     

       112
       112
       +
       		<div class="p-2">

     

       113
       113
       +
       			{#each accounts as account (account.did)}

     

       114
       114
       +
       				{@const color = generateColorForDid(account.did)}

     

       115
       115
       +
       				{#snippet action(name: string, icon: string, onClick: () => void)}

     

       116
       116
       +
       					<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       117
       117
       +
       					<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       118
       118
       +
       					<div

     

       119
       119
       +
       						title={name}

     

       120
       120
       +
       						onclick={onClick}

     

       121
       121
       +
       						class="hidden text-(--nucleus-accent) transition-all group-hover:block hover:scale-[1.2] hover:shadow-md"

     

       122
       122
       +
       					>

     

       123
       123
       +
       						<Icon class="h-5 w-5" {icon} />

     

       235
       124
        
       					</div>

     

       236
       236
       -
       				</div>

     

       237
       237
       -
       				<!-- svelte-ignore a11y_consider_explicit_label -->

     

       125
       125
       +
       				{/snippet}

     

       238
       126
        
       				<button

     

       239
       239
       -
       					onclick={closeLoginModal}

     

       240
       240
       -
       					class="rounded-xl p-2 transition-all hover:scale-110"

     

       241
       241
       -
       					style="color: {theme.fg}66; hover:color: {theme.fg};"

     

       127
       127
       +
       					onclick={() => selectAccount(account.did)}

     

       128
       128
       +
       					class="

     

       129
       129
       +
       					group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all

     

       130
       130
       +
       					{account.did === selectedDid ? 'shadow-lg' : ''}

     

       131
       131
       +
       				"

     

       132
       132
       +
       					style="color: {color}; background: {account.did === selectedDid

     

       133
       133
       +
       						? `linear-gradient(135deg, color-mix(in srgb, var(--nucleus-accent) 20%, transparent), color-mix(in srgb, var(--nucleus-accent2) 20%, transparent))`

     

       134
       134
       +
       						: 'transparent'};"

     

       242
       135
        
       				>

     

       243
       243
       -
       					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       244
       244
       -
       						<path

     

       245
       245
       -
       							stroke-linecap="round"

     

       246
       246
       -
       							stroke-linejoin="round"

     

       247
       247
       -
       							stroke-width="2.5"

     

       248
       248
       -
       							d="M6 18L18 6M6 6l12 12"

     

       136
       136
       +
       					<span>@{account.handle}</span>

     

       137
       137
       +
       

     

       138
       138
       +
       					<div class="grow"></div>

     

       139
       139
       +
       

     

       140
       140
       +
       					{@render action('relogin', 'heroicons:arrow-path-rounded-square-solid', () =>

     

       141
       141
       +
       						initiateLogin(account.did, account.handle)

     

       142
       142
       +
       					)}

     

       143
       143
       +
       					{@render action('logout', 'heroicons:trash-solid', () => onLogout(account.did))}

     

       144
       144
       +
       

     

       145
       145
       +
       					{#if account.did === selectedDid}

     

       146
       146
       +
       						<Icon

     

       147
       147
       +
       							icon="heroicons:check-16-solid"

     

       148
       148
       +
       							class="h-5 w-5 scale-125 text-(--nucleus-accent) group-hover:hidden"

     

       249
       149
        
       						/>

     

       250
       250
       -
       					</svg>

     

       150
       150
       +
       					{/if}

     

       251
       151
        
       				</button>

     

       252
       252
       -
       			</div>

     

       152
       152
       +
       			{/each}

     

       153
       153
       +
       		</div>

     

       154
       154
       +
       		<div class="mx-2 h-px bg-linear-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"></div>

     

       155
       155
       +
       	{/if}

     

       156
       156
       +
       	<button

     

       157
       157
       +
       		onclick={openLoginModal}

     

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

     

       159
       159
       +
       	>

     

       160
       160
       +
       		<Icon class="h-5 w-5 scale-[130%]" icon="heroicons:plus-16-solid" />

     

       161
       161
       +
       		<span>add account</span>

     

       162
       162
       +
       	</button>

     

       163
       163
       +
       </Dropdown>

     

       253
       164
        
       

     

       254
       254
       -
       			<div class="space-y-5">

     

       255
       255
       -
       				<div>

     

       256
       256
       -
       					<label for="handle" class="mb-2 block text-sm font-semibold" style="color: {theme.fg}cc;">

     

       257
       257
       -
       						handle

     

       258
       258
       -
       					</label>

     

       259
       259
       -
       					<input

     

       260
       260
       -
       						id="handle"

     

       261
       261
       -
       						type="text"

     

       262
       262
       -
       						bind:value={loginHandle}

     

       263
       263
       -
       						placeholder="example.bsky.social"

     

       264
       264
       -
       						class="placeholder-opacity-40 w-full rounded-sm border-2 px-4 py-3 font-medium transition-all focus:scale-[1.02] focus:shadow-lg focus:outline-none"

     

       265
       265
       -
       						style="background: {theme.accent}08; border-color: {theme.accent}66; color: {theme.fg};"

     

       266
       266
       -
       						disabled={isLoggingIn}

     

       267
       267
       -
       					/>

     

       268
       268
       -
       				</div>

     

       269
       269
       -
       

     

       270
       270
       -
       				<div>

     

       271
       271
       -
       					<label

     

       272
       272
       -
       						for="password"

     

       273
       273
       -
       						class="mb-2 block text-sm font-semibold"

     

       274
       274
       -
       						style="color: {theme.fg}cc;"

     

       275
       275
       -
       					>

     

       276
       276
       -
       						app password

     

       277
       277
       -
       					</label>

     

       278
       278
       -
       					<input

     

       279
       279
       -
       						id="password"

     

       280
       280
       -
       						type="password"

     

       281
       281
       -
       						bind:value={loginPassword}

     

       282
       282
       -
       						placeholder="xxxx-xxxx-xxxx-xxxx"

     

       283
       283
       -
       						class="placeholder-opacity-40 w-full rounded-sm border-2 px-4 py-3 font-medium transition-all focus:scale-[1.02] focus:shadow-lg focus:outline-none"

     

       284
       284
       -
       						style="background: {theme.accent}08; border-color: {theme.accent}66; color: {theme.fg};"

     

       285
       285
       -
       						disabled={isLoggingIn}

     

       286
       286
       -
       					/>

     

       287
       287
       -
       				</div>

     

       288
       288
       -
       

     

       289
       289
       -
       				{#if loginError}

     

       290
       290
       -
       					<div

     

       291
       291
       -
       						class="rounded-sm border-2 p-4"

     

       292
       292
       -
       						style="background: #ef444422; border-color: #ef4444;"

     

       293
       293
       -
       					>

     

       294
       294
       -
       						<p class="text-sm font-medium" style="color: #fca5a5;">{loginError}</p>

     

       295
       295
       -
       					</div>

     

       296
       296
       -
       				{/if}

     

       165
       165
       +
       <Popup bind:isOpen={isLoginModalOpen} onClose={closeLoginModal} title="add account">

     

       166
       166
       +
       	<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       167
       167
       +
       	<div class="space-y-2" onkeydown={handleKeydown}>

     

       168
       168
       +
       		<div>

     

       169
       169
       +
       			<label for="handle" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       170
       170
       +
       				account handle

     

       171
       171
       +
       			</label>

     

       172
       172
       +
       			<input

     

       173
       173
       +
       				id="handle"

     

       174
       174
       +
       				type="text"

     

       175
       175
       +
       				bind:value={loginHandle}

     

       176
       176
       +
       				placeholder="example.bsky.social"

     

       177
       177
       +
       				class="single-line-input border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3"

     

       178
       178
       +
       				disabled={isLoggingIn}

     

       179
       179
       +
       			/>

     

       180
       180
       +
       		</div>

     

       297
       181
        
       

     

       298
       298
       -
       				<div class="flex gap-3 pt-3">

     

       299
       299
       -
       					<button

     

       300
       300
       -
       						onclick={closeLoginModal}

     

       301
       301
       -
       						class="flex-1 rounded-sm border-2 px-5 py-3 font-semibold transition-all hover:scale-105"

     

       302
       302
       -
       						style="background: {theme.bg}; border-color: {theme.fg}33; color: {theme.fg};"

     

       303
       303
       -
       						disabled={isLoggingIn}

     

       304
       304
       -
       					>

     

       305
       305
       -
       						cancel

     

       306
       306
       -
       					</button>

     

       307
       307
       -
       					<button

     

       308
       308
       -
       						onclick={handleLogin}

     

       309
       309
       -
       						class="flex-1 rounded-sm border-2 px-5 py-3 font-semibold transition-all hover:scale-105 hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50"

     

       310
       310
       -
       						style="background: linear-gradient(135deg, {theme.accent}, {theme.accent2}); border-color: transparent; color: {theme.fg};"

     

       311
       311
       -
       						disabled={isLoggingIn}

     

       312
       312
       -
       					>

     

       313
       313
       -
       						{isLoggingIn ? 'logging in...' : 'login'}

     

       314
       314
       -
       					</button>

     

       315
       315
       -
       				</div>

     

       182
       182
       +
       		{#if loginError}

     

       183
       183
       +
       			<div class="error-disclaimer">

     

       184
       184
       +
       				<p>

     

       185
       185
       +
       					<Icon class="inline h-10 w-10" icon="heroicons:exclamation-triangle-16-solid" />

     

       186
       186
       +
       					{loginError}

     

       187
       187
       +
       				</p>

     

       316
       188
        
       			</div>

     

       189
       189
       +
       		{/if}

     

       190
       190
       +
       

     

       191
       191
       +
       		<div class="flex gap-3 pt-3">

     

       192
       192
       +
       			<button onclick={closeLoginModal} class="flex-1 action-button" disabled={isLoggingIn}>

     

       193
       193
       +
       				cancel

     

       194
       194
       +
       			</button>

     

       195
       195
       +
       			<button

     

       196
       196
       +
       				onclick={handleLogin}

     

       197
       197
       +
       				class="flex-1 action-button border-transparent text-(--nucleus-fg)"

     

       198
       198
       +
       				style="background: linear-gradient(135deg, var(--nucleus-accent), var(--nucleus-accent2));"

     

       199
       199
       +
       				disabled={isLoggingIn}

     

       200
       200
       +
       			>

     

       201
       201
       +
       				{isLoggingIn ? 'logging in...' : 'login'}

     

       202
       202
       +
       			</button>

     

       317
       203
        
       		</div>

     

       318
       204
        
       	</div>

     

       319
       319
       -
       {/if}

     

       205
       205
       +
       </Popup>

+407 -112

src/components/BskyPost.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
       -
       	import type { AtpClient } from '$lib/at/client';

     

       3
       3
       -
       	import { AppBskyFeedPost } from '@atcute/bluesky';

     

       4
       4
       -
       	import type { ActorIdentifier, RecordKey } from '@atcute/lexicons';

     

       5
       5
       -
       	import { theme } from '$lib/theme.svelte';

     

       6
       6
       -
       	import { map, ok } from '$lib/result';

     

       7
       7
       -
       	import { generateColorForDid } from '$lib/accounts';

     

       2
       2
       +
       	import { resolveDidDoc, type AtpClient } from '$lib/at/client';

     

       3
       3
       +
       	import { AppBskyActorProfile, AppBskyEmbedRecord, AppBskyFeedPost } from '@atcute/bluesky';

     

       4
       4
       +
       	import {

     

       5
       5
       +
       		parseCanonicalResourceUri,

     

       6
       6
       +
       		type Did,

     

       7
       7
       +
       		type Handle,

     

       8
       8
       +
       		type RecordKey,

     

       9
       9
       +
       		type ResourceUri

     

       10
       10
       +
       	} from '@atcute/lexicons';

     

       11
       11
       +
       	import { expect, ok } from '$lib/result';

     

       12
       12
       +
       	import { accounts, generateColorForDid } from '$lib/accounts';

     

       13
       13
       +
       	import ProfilePicture from './ProfilePicture.svelte';

     

       14
       14
       +
       	import BskyPost from './BskyPost.svelte';

     

       15
       15
       +
       	import Icon from '@iconify/svelte';

     

       16
       16
       +
       	import {

     

       17
       17
       +
       		allPosts,

     

       18
       18
       +
       		pulsingPostId,

     

       19
       19
       +
       		currentTime,

     

       20
       20
       +
       		deletePostBacklink,

     

       21
       21
       +
       		createPostBacklink,

     

       22
       22
       +
       		router,

     

       23
       23
       +
       		profiles,

     

       24
       24
       +
       		handles,

     

       25
       25
       +
       		hasBacklink

     

       26
       26
       +
       	} from '$lib/state.svelte';

     

       27
       27
       +
       	import type { PostWithUri } from '$lib/at/fetch';

     

       28
       28
       +
       	import { onMount, type Snippet } from 'svelte';

     

       29
       29
       +
       	import { derived } from 'svelte/store';

     

       30
       30
       +
       	import Dropdown from './Dropdown.svelte';

     

       31
       31
       +
       	import { settings } from '$lib/settings';

     

       32
       32
       +
       	import RichText from './RichText.svelte';

     

       33
       33
       +
       	import { getRelativeTime } from '$lib/date';

     

       34
       34
       +
       	import { likeSource, repostSource, toCanonicalUri } from '$lib';

     

       35
       35
       +
       	import ProfileInfo from './ProfileInfo.svelte';

     

       36
       36
       +
       	import EmbedBadge from './EmbedBadge.svelte';

     

       37
       37
       +
       	import EmbedMedia from './EmbedMedia.svelte';

     

       8
       38
        
       

     

       9
       39
        
       	interface Props {

     

       10
       40
        
       		client: AtpClient;

     

       11
       11
       -
       		identifier: ActorIdentifier;

     

       41
       41
       +
       		// post

     

       42
       42
       +
       		did: Did;

     

       12
       43
        
       		rkey: RecordKey;

     

       13
       44
        
       		// replyBacklinks?: Backlinks;

     

       14
       14
       -
       		record?: AppBskyFeedPost.Main;

     

       45
       45
       +
       		quoteDepth?: number;

     

       46
       46
       +
       		data?: PostWithUri;

     

       15
       47
        
       		mini?: boolean;

     

       48
       48
       +
       		isOnPostComposer?: boolean;

     

       49
       49
       +
       		onQuote?: (quote: PostWithUri) => void;

     

       50
       50
       +
       		onReply?: (reply: PostWithUri) => void;

     

       51
       51
       +
       		cornerFragment?: Snippet;

     

       16
       52
        
       	}

     

       17
       53
        
       

     

       18
       18
       -
       	const { client, identifier, rkey, record, mini /* replyBacklinks */ }: Props = $props();

     

       54
       54
       +
       	const {

     

       55
       55
       +
       		client,

     

       56
       56
       +
       		did,

     

       57
       57
       +
       		rkey,

     

       58
       58
       +
       		quoteDepth = 0,

     

       59
       59
       +
       		data,

     

       60
       60
       +
       		mini,

     

       61
       61
       +
       		onQuote,

     

       62
       62
       +
       		onReply,

     

       63
       63
       +
       		isOnPostComposer = false /* replyBacklinks */,

     

       64
       64
       +
       		cornerFragment

     

       65
       65
       +
       	}: Props = $props();

     

       19
       66
        
       

     

       20
       20
       -
       	const color = generateColorForDid(identifier) ?? theme.accent2;

     

       67
       67
       +
       	const selectedDid = $derived(client.user?.did ?? null);

     

       68
       68
       +
       	const isLoggedInUser = $derived($accounts.some((acc) => acc.did === did));

     

       69
       69
       +
       

     

       70
       70
       +
       	const aturi = $derived(toCanonicalUri({ did, collection: 'app.bsky.feed.post', rkey }));

     

       71
       71
       +
       	const color = $derived(generateColorForDid(did));

     

       21
       72
        
       

     

       22
       22
       -
       	let handle = $state(identifier);

     

       23
       23
       -
       	client

     

       24
       24
       -
       		.resolveDidDoc(identifier)

     

       25
       25
       -
       		.then((res) => map(res, (data) => data.handle))

     

       26
       26
       -
       		.then((res) => {

     

       27
       27
       -
       			if (res.ok) handle = res.value;

     

       73
       73
       +
       	let handle: Handle = $state(handles.get(did) ?? 'handle.invalid');

     

       74
       74
       +
       	onMount(() => {

     

       75
       75
       +
       		resolveDidDoc(did).then((res) => {

     

       76
       76
       +
       			if (res.ok) {

     

       77
       77
       +
       				handle = res.value.handle;

     

       78
       78
       +
       				handles.set(did, handle);

     

       79
       79
       +
       			}

     

       80
       80
       +
       			return res;

     

       28
       81
        
       		});

     

       29
       29
       -
       	const post = record

     

       30
       30
       -
       		? Promise.resolve(ok(record))

     

       31
       31
       -
       		: client.getRecord(AppBskyFeedPost.mainSchema, identifier, rkey);

     

       32
       32
       -
       	// const replies = replyBacklinks

     

       33
       33
       -
       	// 	? Promise.resolve(ok(replyBacklinks))

     

       34
       34
       -
       	// 	: client.getBacklinks(

     

       35
       35
       -
       	// 			identifier,

     

       36
       36
       -
       	// 			'app.bsky.feed.post',

     

       37
       37
       -
       	// 			rkey,

     

       38
       38
       -
       	// 			'app.bsky.feed.post:reply.parent.uri'

     

       39
       39
       -
       	// 		);

     

       82
       82
       +
       	});

     

       83
       83
       +
       	const post = data

     

       84
       84
       +
       		? Promise.resolve(ok(data))

     

       85
       85
       +
       		: client.getRecord(AppBskyFeedPost.mainSchema, did, rkey);

     

       86
       86
       +
       	let profile: AppBskyActorProfile.Main | null = $state(profiles.get(did) ?? null);

     

       87
       87
       +
       	onMount(async () => {

     

       88
       88
       +
       		const p = await client.getProfile(did);

     

       89
       89
       +
       		if (!p.ok) return;

     

       90
       90
       +
       		profile = p.value;

     

       91
       91
       +
       		profiles.set(did, profile);

     

       92
       92
       +
       	});

     

       93
       93
       +
       

     

       94
       94
       +
       	const postId = $derived(

     

       95
       95
       +
       		`timeline-post-${did.replace(/[^a-zA-Z0-9]/g, '_')}-${rkey}-${quoteDepth}`

     

       96
       96
       +
       	);

     

       97
       97
       +
       	const isPulsing = derived(pulsingPostId, (pulsingPostId) => pulsingPostId === postId);

     

       40
       98
        
       

     

       41
       41
       -
       	const getEmbedText = (embedType: string) => {

     

       42
       42
       -
       		switch (embedType) {

     

       43
       43
       -
       			case 'app.bsky.embed.external':

     

       44
       44
       -
       				return '🔗 has external link';

     

       45
       45
       -
       			case 'app.bsky.embed.record':

     

       46
       46
       -
       				return '💬 has quote';

     

       47
       47
       -
       			case 'app.bsky.embed.images':

     

       48
       48
       -
       				return '🖼️ has images';

     

       49
       49
       -
       			case 'app.bsky.embed.video':

     

       50
       50
       -
       				return '🎥 has video';

     

       51
       51
       -
       			case 'app.bsky.embed.recordWithMedia':

     

       52
       52
       -
       				return '📎 has quote with media';

     

       53
       53
       -
       			default:

     

       54
       54
       -
       				return '❓ has unknown embed';

     

       55
       55
       -
       		}

     

       99
       99
       +
       	const scrollToAndPulse = (targetUri: ResourceUri) => {

     

       100
       100
       +
       		const targetId = `timeline-post-${targetUri}-0`;

     

       101
       101
       +
       		const element = document.getElementById(targetId);

     

       102
       102
       +
       		if (!element) return;

     

       103
       103
       +
       

     

       104
       104
       +
       		element.scrollIntoView({ behavior: 'smooth', block: 'center' });

     

       105
       105
       +
       

     

       106
       106
       +
       		setTimeout(() => {

     

       107
       107
       +
       			document.documentElement.style.setProperty(

     

       108
       108
       +
       				'--nucleus-selected-post',

     

       109
       109
       +
       				generateColorForDid(expect(parseCanonicalResourceUri(targetUri)).repo)

     

       110
       110
       +
       			);

     

       111
       111
       +
       			pulsingPostId.set(targetId);

     

       112
       112
       +
       			setTimeout(() => pulsingPostId.set(null), 1200);

     

       113
       113
       +
       		}, 400);

     

       56
       114
        
       	};

     

       57
       115
        
       

     

       58
       58
       -
       	const getRelativeTime = (date: Date) => {

     

       59
       59
       -
       		const now = new Date();

     

       60
       60
       -
       		const diff = now.getTime() - date.getTime();

     

       61
       61
       -
       		const seconds = Math.floor(diff / 1000);

     

       62
       62
       -
       		const minutes = Math.floor(seconds / 60);

     

       63
       63
       -
       		const hours = Math.floor(minutes / 60);

     

       64
       64
       -
       		const days = Math.floor(hours / 24);

     

       65
       65
       -
       		const months = Math.floor(days / 30);

     

       66
       66
       -
       		const years = Math.floor(months / 12);

     

       116
       116
       +
       	let actionsOpen = $state(false);

     

       117
       117
       +
       	let actionsPos = $state({ x: 0, y: 0 });

     

       118
       118
       +
       

     

       119
       119
       +
       	const handleRightClick = (event: MouseEvent) => {

     

       120
       120
       +
       		actionsOpen = true;

     

       121
       121
       +
       		actionsPos = { x: event.clientX, y: event.clientY };

     

       122
       122
       +
       		event.preventDefault();

     

       123
       123
       +
       		event.stopPropagation();

     

       124
       124
       +
       	};

     

       125
       125
       +
       

     

       126
       126
       +
       	let deleteState: 'waiting' | 'confirm' | 'deleted' = $state('waiting');

     

       127
       127
       +
       	$effect(() => {

     

       128
       128
       +
       		if (deleteState === 'confirm' && !actionsOpen) deleteState = 'waiting';

     

       129
       129
       +
       	});

     

       130
       130
       +
       

     

       131
       131
       +
       	const deletePost = () => {

     

       132
       132
       +
       		if (deleteState === 'deleted') return;

     

       133
       133
       +
       		if (deleteState === 'waiting') {

     

       134
       134
       +
       			deleteState = 'confirm';

     

       135
       135
       +
       			return;

     

       136
       136
       +
       		}

     

       67
       137
        
       

     

       68
       68
       -
       		if (years > 0) return `${years} year${years > 1 ? 's' : ''} ago`;

     

       69
       69
       -
       		if (months > 0) return `${months} month${months > 1 ? 's' : ''} ago`;

     

       70
       70
       -
       		if (days > 0) return `${days} day${days > 1 ? 's' : ''} ago`;

     

       71
       71
       -
       		if (hours > 0) return `${hours} hour${hours > 1 ? 's' : ''} ago`;

     

       72
       72
       -
       		if (minutes > 0) return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;

     

       73
       73
       -
       		if (seconds > 0) return `${seconds} second${seconds > 1 ? 's' : ''} ago`;

     

       74
       74
       -
       		return 'just now';

     

       138
       138
       +
       		client?.atcute

     

       139
       139
       +
       			?.post('com.atproto.repo.deleteRecord', {

     

       140
       140
       +
       				input: {

     

       141
       141
       +
       					collection: 'app.bsky.feed.post',

     

       142
       142
       +
       					repo: did,

     

       143
       143
       +
       					rkey

     

       144
       144
       +
       				}

     

       145
       145
       +
       			})

     

       146
       146
       +
       			.then((result) => {

     

       147
       147
       +
       				if (!result.ok) return;

     

       148
       148
       +
       				allPosts.get(did)?.delete(aturi);

     

       149
       149
       +
       				deleteState = 'deleted';

     

       150
       150
       +
       			});

     

       151
       151
       +
       		actionsOpen = false;

     

       75
       152
        
       	};

     

       153
       153
       +
       

     

       154
       154
       +
       	let profileOpen = $state(false);

     

       76
       155
        
       </script>

     

       77
       156
        
       

     

       78
       78
       -
       {#snippet embedBadge(record: AppBskyFeedPost.Main)}

     

       79
       79
       -
       	{#if record.embed}

     

       80
       80
       -
       		<span

     

       81
       81
       -
       			class="rounded-full px-2.5 py-0.5 text-xs font-medium"

     

       82
       82
       -
       			style="background: {mini ? theme.fg : color}22; color: {mini ? theme.fg : color};"

     

       83
       83
       -
       		>

     

       84
       84
       -
       			{getEmbedText(record.embed.$type)}

     

       85
       85
       -
       		</span>

     

       86
       86
       -
       	{/if}

     

       157
       157
       +
       {#snippet profileInline()}

     

       158
       158
       +
       	<button

     

       159
       159
       +
       		class="

     

       160
       160
       +
       		flex min-w-0 items-center gap-2 font-bold {isOnPostComposer ? 'contrast-125' : ''}

     

       161
       161
       +
       		rounded-sm pr-1 transition-colors duration-100 ease-in-out hover:bg-white/10

     

       162
       162
       +
       		"

     

       163
       163
       +
       		style="color: {color};"

     

       164
       164
       +
       		onclick={() => ((profileOpen = false), router.navigate(`/profile/${did}`))}

     

       165
       165
       +
       	>

     

       166
       166
       +
       		<ProfilePicture {client} {did} size={8} />

     

       167
       167
       +
       

     

       168
       168
       +
       		{#if profile}

     

       169
       169
       +
       			<span class="w-min max-w-sm min-w-0 overflow-hidden text-nowrap overflow-ellipsis"

     

       170
       170
       +
       				>{profile.displayName?.length === 0 ? handle : profile.displayName}</span

     

       171
       171
       +
       			><span class="shrink-0 text-sm text-nowrap opacity-70">(@{handle})</span>

     

       172
       172
       +
       		{:else}

     

       173
       173
       +
       			{handle}

     

       174
       174
       +
       		{/if}

     

       175
       175
       +
       	</button>

     

       176
       176
       +
       {/snippet}

     

       177
       177
       +
       

     

       178
       178
       +
       {#snippet profilePopout()}

     

       179
       179
       +
       	<Dropdown

     

       180
       180
       +
       		class="post-dropdown max-w-xl gap-2! p-2.5! backdrop-blur-3xl! backdrop-brightness-25!"

     

       181
       181
       +
       		style="background: {color}36; border-color: {color}99;"

     

       182
       182
       +
       		bind:isOpen={profileOpen}

     

       183
       183
       +
       		trigger={profileInline}

     

       184
       184
       +
       		onMouseEnter={() => (profileOpen = true)}

     

       185
       185
       +
       		onMouseLeave={() => (profileOpen = false)}

     

       186
       186
       +
       	>

     

       187
       187
       +
       		<ProfileInfo {client} {did} {handle} {profile} />

     

       188
       188
       +
       	</Dropdown>

     

       87
       189
        
       {/snippet}

     

       88
       190
        
       

     

       89
       191
        
       {#if mini}

     

       90
       90
       -
       	<div

     

       91
       91
       -
       		class="overflow-hidden text-sm text-nowrap overflow-ellipsis opacity-60"

     

       92
       92
       -
       		style="color: {theme.fg};"

     

       93
       93
       -
       	>

     

       192
       192
       +
       	<div class="text-sm opacity-60">

     

       94
       193
        
       		{#await post}

     

       95
       194
        
       			loading...

     

       96
       195
        
       		{:then post}

     

       97
       196
        
       			{#if post.ok}

     

       98
       98
       -
       				{@const record = post.value}

     

       99
       99
       -
       				<span style="color: {color};">@{handle}</span>: {@render embedBadge(record)}

     

       100
       100
       -
       				<span title={record.text}>{record.text}</span>

     

       197
       197
       +
       				{@const record = post.value.record}

     

       198
       198
       +
       				<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       199
       199
       +
       				<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       200
       200
       +
       				<div

     

       201
       201
       +
       					onclick={() => scrollToAndPulse(post.value.uri)}

     

       202
       202
       +
       					class="select-none hover:cursor-pointer hover:underline"

     

       203
       203
       +
       				>

     

       204
       204
       +
       					<span style="color: {color};">@{handle}</span>:

     

       205
       205
       +
       					{#if record.embed}

     

       206
       206
       +
       						<EmbedBadge embed={record.embed} />

     

       207
       207
       +
       					{/if}

     

       208
       208
       +
       					<span title={record.text}>{record.text}</span>

     

       209
       209
       +
       				</div>

     

       101
       210
        
       			{:else}

     

       102
       211
        
       				{post.error}

     

       103
       212
        
       			{/if}

     
···

       106
       215
        
       {:else}

     

       107
       216
        
       	{#await post}

     

       108
       217
        
       		<div

     

       109
       109
       -
       			class="rounded-sm border-2 p-3 text-center backdrop-blur-sm"

     

       218
       218
       +
       			class="rounded-sm border-2 p-2 text-center backdrop-blur-sm"

     

       110
       219
        
       			style="background: {color}18; border-color: {color}66;"

     

       111
       220
        
       		>

     

       112
       221
        
       			<div

     

       113
       113
       -
       				class="inline-block h-6 w-6 animate-spin rounded-full border-3"

     

       114
       114
       -
       				style="border-color: {theme.accent}; border-left-color: transparent;"

     

       222
       222
       +
       				class="

     

       223
       223
       +
       				inline-block h-6 w-6 animate-spin rounded-full

     

       224
       224
       +
       				border-3 border-(--nucleus-accent) border-l-transparent

     

       225
       225
       +
       				"

     

       115
       226
        
       			></div>

     

       116
       116
       -
       			<p class="mt-3 text-sm font-medium opacity-60" style="color: {theme.fg};">loading post...</p>

     

       227
       227
       +
       			<p class="mt-3 text-sm font-medium opacity-60">loading post...</p>

     

       117
       228
        
       		</div>

     

       118
       229
        
       	{:then post}

     

       119
       230
        
       		{#if post.ok}

     

       120
       120
       -
       			{@const record = post.value}

     

       231
       231
       +
       			{@const record = post.value.record}

     

       232
       232
       +
       			<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       121
       233
        
       			<div

     

       122
       122
       -
       				class="rounded-sm border-2 p-3 shadow-lg backdrop-blur-sm transition-all"

     

       123
       123
       -
       				style="background: {color}18; border-color: {color}66;"

     

       234
       234
       +
       				id="timeline-post-{post.value.uri}-{quoteDepth}"

     

       235
       235
       +
       				oncontextmenu={handleRightClick}

     

       236
       236
       +
       				class="

     

       237
       237
       +
       				group rounded-sm border-2 p-2 shadow-lg backdrop-blur-sm transition-all

     

       238
       238
       +
       				{$isPulsing ? 'animate-pulse-highlight' : ''}

     

       239
       239
       +
       				{isOnPostComposer ? 'backdrop-brightness-20' : ''}

     

       240
       240
       +
       				"

     

       241
       241
       +
       				style="

     

       242
       242
       +
       				background: {color}{isOnPostComposer

     

       243
       243
       +
       					? '36'

     

       244
       244
       +
       					: Math.floor(24.0 * (quoteDepth * 0.5 + 1.0)).toString(16)};

     

       245
       245
       +
       				border-color: {color}{isOnPostComposer ? '99' : '66'};

     

       246
       246
       +
       				"

     

       124
       247
        
       			>

     

       125
       125
       -
       				<div class="mb-3 flex items-center gap-1.5">

     

       126
       126
       -
       					<span class="font-bold" style="color: {color};">

     

       127
       127
       -
       						@{handle}

     

       128
       128
       -
       					</span>

     

       129
       129
       -
       					<!-- <span>·</span>

     

       130
       130
       -
       				{#await replies}

     

       131
       131
       -
       					<span style="color: {theme.fg}aa;">… replies</span>

     

       132
       132
       -
       				{:then replies}

     

       133
       133
       -
       					{#if replies.ok}

     

       134
       134
       -
       						{@const repliesValue = replies.value}

     

       135
       135
       -
       						<span style="color: {theme.fg}aa;">

     

       136
       136
       -
       							{#if repliesValue.total > 0}

     

       137
       137
       -
       								{repliesValue.total}

     

       138
       138
       -
       								{repliesValue.total > 1 ? 'replies' : 'reply'}

     

       139
       139
       -
       							{:else}

     

       140
       140
       -
       								no replies

     

       141
       141
       -
       							{/if}

     

       142
       142
       -
       						</span>

     

       143
       143
       -
       					{:else}

     

       248
       248
       +
       				<div class="mb-3 flex max-w-full items-center justify-between">

     

       249
       249
       +
       					<div class="flex items-center gap-1 rounded-sm pr-1" style="background: {color}33;">

     

       250
       250
       +
       						{@render profilePopout()}

     

       251
       251
       +
       						<span>·</span>

     

       144
       252
        
       						<span

     

       145
       145
       -
       							title={`${replies.error}`}

     

       146
       146
       -
       							class="max-w-[32ch] overflow-hidden text-nowrap"

     

       147
       147
       -
       							style="color: {theme.fg}aa;">{replies.error}</span

     

       253
       253
       +
       							title={new Date(record.createdAt).toLocaleString()}

     

       254
       254
       +
       							class="pl-0.5 text-nowrap text-(--nucleus-fg)/67"

     

       148
       255
        
       						>

     

       149
       149
       -
       					{/if}

     

       150
       150
       -
       				{/await} -->

     

       151
       151
       -
       					<span>·</span>

     

       152
       152
       -
       					<span style="color: {theme.fg}aa;">{getRelativeTime(new Date(record.createdAt))}</span>

     

       256
       256
       +
       							{getRelativeTime(new Date(record.createdAt), currentTime)}

     

       257
       257
       +
       						</span>

     

       258
       258
       +
       					</div>

     

       259
       259
       +
       					{@render cornerFragment?.()}

     

       153
       260
        
       				</div>

     

       154
       154
       -
       				<p class="leading-relaxed text-wrap" style="color: {theme.fg};">

     

       155
       155
       -
       					{record.text}

     

       156
       156
       -
       					{@render embedBadge(record)}

     

       261
       261
       +
       

     

       262
       262
       +
       				<p class="leading-normal text-wrap wrap-break-word">

     

       263
       263
       +
       					<RichText text={record.text} facets={record.facets ?? []} />

     

       264
       264
       +
       					{#if isOnPostComposer && record.embed}

     

       265
       265
       +
       						<EmbedBadge embed={record.embed} {color} />

     

       266
       266
       +
       					{/if}

     

       157
       267
        
       				</p>

     

       268
       268
       +
       				{#if !isOnPostComposer && record.embed}

     

       269
       269
       +
       					{@const embed = record.embed}

     

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

     

       271
       271
       +
       						{#if embed.$type === 'app.bsky.embed.images' || embed.$type === 'app.bsky.embed.video'}

     

       272
       272
       +
       							<EmbedMedia {did} {embed} />

     

       273
       273
       +
       						{:else if embed.$type === 'app.bsky.embed.record'}

     

       274
       274
       +
       							{@render embedPost(embed.record.uri)}

     

       275
       275
       +
       						{:else if embed.$type === 'app.bsky.embed.recordWithMedia'}

     

       276
       276
       +
       							<div class="space-y-1.5">

     

       277
       277
       +
       								<EmbedMedia {did} embed={embed.media} />

     

       278
       278
       +
       								{@render embedPost(embed.record.record.uri)}

     

       279
       279
       +
       							</div>

     

       280
       280
       +
       						{/if}

     

       281
       281
       +
       					</div>

     

       282
       282
       +
       				{/if}

     

       283
       283
       +
       				{#if !isOnPostComposer}

     

       284
       284
       +
       					{@render postControls(post.value)}

     

       285
       285
       +
       				{/if}

     

       158
       286
        
       			</div>

     

       159
       287
        
       		{:else}

     

       160
       160
       -
       			<div class="rounded-xl border-2 p-4" style="background: #ef444422; border-color: #ef4444;">

     

       161
       161
       -
       				<p class="text-sm font-medium" style="color: #fca5a5;">error: {post.error}</p>

     

       288
       288
       +
       			<div class="error-disclaimer">

     

       289
       289
       +
       				<p class="text-sm font-medium">error: {post.error}</p>

     

       162
       290
        
       			</div>

     

       163
       291
        
       		{/if}

     

       164
       292
        
       	{/await}

     

       165
       293
        
       {/if}

     

       294
       294
       +
       

     

       295
       295
       +
       {#snippet embedPost(uri: ResourceUri)}

     

       296
       296
       +
       	{#if quoteDepth < 2}

     

       297
       297
       +
       		{@const parsedUri = expect(parseCanonicalResourceUri(uri))}

     

       298
       298
       +
       		<!-- reject recursive quotes -->

     

       299
       299
       +
       		{#if !(did === parsedUri.repo && rkey === parsedUri.rkey)}

     

       300
       300
       +
       			<BskyPost

     

       301
       301
       +
       				{client}

     

       302
       302
       +
       				quoteDepth={quoteDepth + 1}

     

       303
       303
       +
       				did={parsedUri.repo}

     

       304
       304
       +
       				rkey={parsedUri.rkey}

     

       305
       305
       +
       				{isOnPostComposer}

     

       306
       306
       +
       				{onQuote}

     

       307
       307
       +
       				{onReply}

     

       308
       308
       +
       			/>

     

       309
       309
       +
       		{:else}

     

       310
       310
       +
       			<span>you think you're funny with that recursive quote but i'm onto you</span>

     

       311
       311
       +
       		{/if}

     

       312
       312
       +
       	{:else}

     

       313
       313
       +
       		<EmbedBadge embed={{ $type: 'app.bsky.embed.record' } as AppBskyEmbedRecord.Main} />

     

       314
       314
       +
       	{/if}

     

       315
       315
       +
       {/snippet}

     

       316
       316
       +
       

     

       317
       317
       +
       {#snippet postControls(post: PostWithUri)}

     

       318
       318
       +
       	{@const myRepost = hasBacklink(post.uri, repostSource, selectedDid!)}

     

       319
       319
       +
       	{@const myLike = hasBacklink(post.uri, likeSource, selectedDid!)}

     

       320
       320
       +
       	{#snippet control({

     

       321
       321
       +
       		name,

     

       322
       322
       +
       		icon,

     

       323
       323
       +
       		onClick,

     

       324
       324
       +
       		isFull,

     

       325
       325
       +
       		hasSolid,

     

       326
       326
       +
       		canBeDisabled = true,

     

       327
       327
       +
       		iconColor = color

     

       328
       328
       +
       	}: {

     

       329
       329
       +
       		name: string;

     

       330
       330
       +
       		icon: string;

     

       331
       331
       +
       		onClick: (e: MouseEvent) => void;

     

       332
       332
       +
       		isFull?: boolean;

     

       333
       333
       +
       		hasSolid?: boolean;

     

       334
       334
       +
       		canBeDisabled?: boolean;

     

       335
       335
       +
       		iconColor?: string;

     

       336
       336
       +
       	})}

     

       337
       337
       +
       		<button

     

       338
       338
       +
       			class="

     

       339
       339
       +
       			px-1.75 py-1.5 text-(--nucleus-fg)/90 transition-all

     

       340
       340
       +
       			duration-100 not-disabled:hover:[backdrop-filter:brightness(120%)]

     

       341
       341
       +
       			disabled:cursor-not-allowed!

     

       342
       342
       +
       			"

     

       343
       343
       +
       			onclick={(e) => onClick(e)}

     

       344
       344
       +
       			style="color: {isFull ? iconColor : 'color-mix(in srgb, var(--nucleus-fg) 90%, transparent)'}"

     

       345
       345
       +
       			title={name}

     

       346
       346
       +
       			disabled={canBeDisabled ? selectedDid === null : false}

     

       347
       347
       +
       		>

     

       348
       348
       +
       			<Icon icon={hasSolid && isFull ? `${icon}-solid` : icon} width={20} />

     

       349
       349
       +
       		</button>

     

       350
       350
       +
       	{/snippet}

     

       351
       351
       +
       	<div class="mt-3 flex w-full items-center justify-between">

     

       352
       352
       +
       		<div class="flex w-fit items-center rounded-sm" style="background: {color}1f;">

     

       353
       353
       +
       			{@render control({

     

       354
       354
       +
       				name: 'reply',

     

       355
       355
       +
       				icon: 'heroicons:chat-bubble-left',

     

       356
       356
       +
       				hasSolid: true,

     

       357
       357
       +
       				onClick: () => onReply?.(post)

     

       358
       358
       +
       			})}

     

       359
       359
       +
       			{@render control({

     

       360
       360
       +
       				name: 'repost',

     

       361
       361
       +
       				icon: 'heroicons:arrow-path-rounded-square-20-solid',

     

       362
       362
       +
       				onClick: () => {

     

       363
       363
       +
       					if (!selectedDid) return;

     

       364
       364
       +
       					if (myRepost) deletePostBacklink(client, post, repostSource);

     

       365
       365
       +
       					else createPostBacklink(client, post, repostSource);

     

       366
       366
       +
       				},

     

       367
       367
       +
       				isFull: myRepost

     

       368
       368
       +
       			})}

     

       369
       369
       +
       			{@render control({

     

       370
       370
       +
       				name: 'quote',

     

       371
       371
       +
       				icon: 'heroicons:paper-clip-20-solid',

     

       372
       372
       +
       				onClick: () => onQuote?.(post)

     

       373
       373
       +
       			})}

     

       374
       374
       +
       			{@render control({

     

       375
       375
       +
       				name: 'like',

     

       376
       376
       +
       				icon: 'heroicons:star',

     

       377
       377
       +
       				onClick: () => {

     

       378
       378
       +
       					if (!selectedDid) return;

     

       379
       379
       +
       					if (myLike) deletePostBacklink(client, post, likeSource);

     

       380
       380
       +
       					else createPostBacklink(client, post, likeSource);

     

       381
       381
       +
       				},

     

       382
       382
       +
       				isFull: myLike,

     

       383
       383
       +
       				hasSolid: true

     

       384
       384
       +
       			})}

     

       385
       385
       +
       		</div>

     

       386
       386
       +
       		<Dropdown

     

       387
       387
       +
       			class="post-dropdown"

     

       388
       388
       +
       			style="background: {color}36; border-color: {color}99;"

     

       389
       389
       +
       			bind:isOpen={actionsOpen}

     

       390
       390
       +
       			bind:position={actionsPos}

     

       391
       391
       +
       			placement="bottom-end"

     

       392
       392
       +
       		>

     

       393
       393
       +
       			{@render dropdownItem('heroicons:link-20-solid', 'copy link to post', () =>

     

       394
       394
       +
       				navigator.clipboard.writeText(`${$settings.socialAppUrl}/profile/${did}/post/${rkey}`)

     

       395
       395
       +
       			)}

     

       396
       396
       +
       			{@render dropdownItem('heroicons:link-20-solid', 'copy at uri', () =>

     

       397
       397
       +
       				navigator.clipboard.writeText(post.uri)

     

       398
       398
       +
       			)}

     

       399
       399
       +
       			{@render dropdownItem('heroicons:clipboard-20-solid', 'copy post text', () =>

     

       400
       400
       +
       				navigator.clipboard.writeText(post.record.text)

     

       401
       401
       +
       			)}

     

       402
       402
       +
       			{#if isLoggedInUser}

     

       403
       403
       +
       				<div class="my-0.75 h-px w-full opacity-60" style="background: {color};"></div>

     

       404
       404
       +
       				{@render dropdownItem(

     

       405
       405
       +
       					deleteState === 'confirm' ? 'heroicons:check-20-solid' : 'heroicons:trash-20-solid',

     

       406
       406
       +
       					deleteState === 'confirm' ? 'are you sure?' : 'delete post',

     

       407
       407
       +
       					deletePost,

     

       408
       408
       +
       					false,

     

       409
       409
       +
       					deleteState === 'confirm' ? 'text-red-500' : ''

     

       410
       410
       +
       				)}

     

       411
       411
       +
       			{/if}

     

       412
       412
       +
       

     

       413
       413
       +
       			{#snippet trigger()}

     

       414
       414
       +
       				{@render control({

     

       415
       415
       +
       					name: 'actions',

     

       416
       416
       +
       					icon: 'heroicons:ellipsis-horizontal-16-solid',

     

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

     

       418
       418
       +
       						e.stopPropagation();

     

       419
       419
       +
       						actionsOpen = !actionsOpen;

     

       420
       420
       +
       						actionsPos = { x: 0, y: 0 };

     

       421
       421
       +
       					},

     

       422
       422
       +
       					canBeDisabled: false,

     

       423
       423
       +
       					isFull: true,

     

       424
       424
       +
       					iconColor: 'color-mix(in srgb, var(--nucleus-fg) 70%, transparent)'

     

       425
       425
       +
       				})}

     

       426
       426
       +
       			{/snippet}

     

       427
       427
       +
       		</Dropdown>

     

       428
       428
       +
       	</div>

     

       429
       429
       +
       {/snippet}

     

       430
       430
       +
       

     

       431
       431
       +
       {#snippet dropdownItem(

     

       432
       432
       +
       	icon: string,

     

       433
       433
       +
       	label: string,

     

       434
       434
       +
       	onClick: () => void,

     

       435
       435
       +
       	autoClose: boolean = true,

     

       436
       436
       +
       	extraClass: string = ''

     

       437
       437
       +
       )}

     

       438
       438
       +
       	<button

     

       439
       439
       +
       		class="

     

       440
       440
       +
       		flex items-center justify-between rounded-sm px-2 py-1.5

     

       441
       441
       +
       		transition-all duration-100 hover:[backdrop-filter:brightness(120%)]

     

       442
       442
       +
       		{extraClass}

     

       443
       443
       +
       		"

     

       444
       444
       +
       		onclick={() => {

     

       445
       445
       +
       			onClick();

     

       446
       446
       +
       			if (autoClose) actionsOpen = false;

     

       447
       447
       +
       		}}

     

       448
       448
       +
       	>

     

       449
       449
       +
       		<span class="font-semibold opacity-85">{label}</span>

     

       450
       450
       +
       		<Icon class="h-6 w-6" {icon} />

     

       451
       451
       +
       	</button>

     

       452
       452
       +
       {/snippet}

     

       453
       453
       +
       

     

       454
       454
       +
       <style>

     

       455
       455
       +
       	@reference "../app.css";

     

       456
       456
       +
       

     

       457
       457
       +
       	:global(.post-dropdown) {

     

       458
       458
       +
       		@apply flex min-w-54 flex-col gap-1 rounded-sm border-2 p-1 shadow-2xl backdrop-blur-xl backdrop-brightness-60;

     

       459
       459
       +
       	}

     

       460
       460
       +
       </style>

+37

src/components/EmbedBadge.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import type { AppBskyEmbeds } from '$lib/at/types';

     

       3
       3
       +
       

     

       4
       4
       +
       	interface Props {

     

       5
       5
       +
       		embed: AppBskyEmbeds;

     

       6
       6
       +
       		color?: string;

     

       7
       7
       +
       	}

     

       8
       8
       +
       

     

       9
       9
       +
       	let { embed, color = 'var(--nucleus-fg)' }: Props = $props();

     

       10
       10
       +
       

     

       11
       11
       +
       	const embedText = $derived.by(() => {

     

       12
       12
       +
       		switch (embed.$type) {

     

       13
       13
       +
       			case 'app.bsky.embed.external':

     

       14
       14
       +
       				return '🔗 has external link';

     

       15
       15
       +
       			case 'app.bsky.embed.record':

     

       16
       16
       +
       				return '💬 has quote';

     

       17
       17
       +
       			case 'app.bsky.embed.images':

     

       18
       18
       +
       				return '🖼️ has images';

     

       19
       19
       +
       			case 'app.bsky.embed.video':

     

       20
       20
       +
       				return '🎥 has video';

     

       21
       21
       +
       			case 'app.bsky.embed.recordWithMedia':

     

       22
       22
       +
       				return '📎 has quote with media';

     

       23
       23
       +
       			default:

     

       24
       24
       +
       				return '❓ has unknown embed';

     

       25
       25
       +
       		}

     

       26
       26
       +
       	});

     

       27
       27
       +
       </script>

     

       28
       28
       +
       

     

       29
       29
       +
       <span

     

       30
       30
       +
       	class="rounded-full px-2.5 py-0.5 text-xs font-medium"

     

       31
       31
       +
       	style="

     

       32
       32
       +
       		background: color-mix(in srgb, {color} 10%, transparent);

     

       33
       33
       +
       		color: {color};

     

       34
       34
       +
       		"

     

       35
       35
       +
       >

     

       36
       36
       +
       	{embedText}

     

       37
       37
       +
       </span>

+56

src/components/EmbedMedia.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { isBlob } from '@atcute/lexicons/interfaces';

     

       3
       3
       +
       	import PhotoSwipeGallery, { type GalleryItem } from './PhotoSwipeGallery.svelte';

     

       4
       4
       +
       	import { blob, img } from '$lib/cdn';

     

       5
       5
       +
       	import { type Did } from '@atcute/lexicons';

     

       6
       6
       +
       	import { resolveDidDoc } from '$lib/at/client';

     

       7
       7
       +
       	import type { AppBskyEmbedMedia } from '$lib/at/types';

     

       8
       8
       +
       

     

       9
       9
       +
       	interface Props {

     

       10
       10
       +
       		did: Did;

     

       11
       11
       +
       		embed: AppBskyEmbedMedia;

     

       12
       12
       +
       	}

     

       13
       13
       +
       

     

       14
       14
       +
       	let { did, embed }: Props = $props();

     

       15
       15
       +
       </script>

     

       16
       16
       +
       

     

       17
       17
       +
       <!-- svelte-ignore a11y_no_static_element_interactions -->

     

       18
       18
       +
       <div oncontextmenu={(e) => e.stopPropagation()}>

     

       19
       19
       +
       	{#if embed.$type === 'app.bsky.embed.images'}

     

       20
       20
       +
       		{@const _images = embed.images.flatMap((img) =>

     

       21
       21
       +
       			isBlob(img.image) ? [{ ...img, image: img.image }] : []

     

       22
       22
       +
       		)}

     

       23
       23
       +
       		{@const images = _images.map((i): GalleryItem => {

     

       24
       24
       +
       			const sizeFactor = 200;

     

       25
       25
       +
       			const size = {

     

       26
       26
       +
       				width: (i.aspectRatio?.width ?? 4) * sizeFactor,

     

       27
       27
       +
       				height: (i.aspectRatio?.height ?? 3) * sizeFactor

     

       28
       28
       +
       			};

     

       29
       29
       +
       			const cid = i.image.ref.$link;

     

       30
       30
       +
       			return {

     

       31
       31
       +
       				...size,

     

       32
       32
       +
       				src: img('feed_fullsize', did, cid),

     

       33
       33
       +
       				thumbnail: {

     

       34
       34
       +
       					src: img('feed_thumbnail', did, cid),

     

       35
       35
       +
       					...size

     

       36
       36
       +
       				}

     

       37
       37
       +
       			};

     

       38
       38
       +
       		})}

     

       39
       39
       +
       		{#if images.length > 0}

     

       40
       40
       +
       			<PhotoSwipeGallery {images} />

     

       41
       41
       +
       		{/if}

     

       42
       42
       +
       	{:else if embed.$type === 'app.bsky.embed.video'}

     

       43
       43
       +
       		{#if isBlob(embed.video)}

     

       44
       44
       +
       			{#await resolveDidDoc(did) then didDoc}

     

       45
       45
       +
       				{#if didDoc.ok}

     

       46
       46
       +
       					<!-- svelte-ignore a11y_media_has_caption -->

     

       47
       47
       +
       					<video

     

       48
       48
       +
       						class="rounded-sm"

     

       49
       49
       +
       						src={blob(didDoc.value.pds, did, embed.video.ref.$link)}

     

       50
       50
       +
       						controls

     

       51
       51
       +
       					></video>

     

       52
       52
       +
       				{/if}

     

       53
       53
       +
       			{/await}

     

       54
       54
       +
       		{/if}

     

       55
       55
       +
       	{/if}

     

       56
       56
       +
       </div>

+141

src/components/FollowingItem.svelte

···

       1
       1
       +
       <script lang="ts" module>

     

       2
       2
       +
       	// Cache for synchronous access during component recycling

     

       3
       3
       +
       	const profileCache = new SvelteMap<string, { displayName?: string; handle: string }>();

     

       4
       4
       +
       </script>

     

       5
       5
       +
       

     

       6
       6
       +
       <script lang="ts">

     

       7
       7
       +
       	import ProfilePicture from './ProfilePicture.svelte';

     

       8
       8
       +
       	import { getRelativeTime } from '$lib/date';

     

       9
       9
       +
       	import { generateColorForDid } from '$lib/accounts';

     

       10
       10
       +
       	import type { Did } from '@atcute/lexicons';

     

       11
       11
       +
       	import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       12
       12
       +
       	import type { calculateFollowedUserStats, Sort } from '$lib/following';

     

       13
       13
       +
       	import type { AtpClient } from '$lib/at/client';

     

       14
       14
       +
       	import { SvelteMap } from 'svelte/reactivity';

     

       15
       15
       +
       	import { clients, getClient, router } from '$lib/state.svelte';

     

       16
       16
       +
       

     

       17
       17
       +
       	interface Props {

     

       18
       18
       +
       		style: string;

     

       19
       19
       +
       		did: Did;

     

       20
       20
       +
       		stats: NonNullable<ReturnType<typeof calculateFollowedUserStats>>;

     

       21
       21
       +
       		client: AtpClient;

     

       22
       22
       +
       		sort: Sort;

     

       23
       23
       +
       		currentTime: Date;

     

       24
       24
       +
       	}

     

       25
       25
       +
       

     

       26
       26
       +
       	let { style, did, stats, client, sort, currentTime }: Props = $props();

     

       27
       27
       +
       

     

       28
       28
       +
       	// svelte-ignore state_referenced_locally

     

       29
       29
       +
       	const cached = profileCache.get(did);

     

       30
       30
       +
       	let displayName = $state<string | undefined>(cached?.displayName);

     

       31
       31
       +
       	let handle = $state<string>(cached?.handle ?? 'handle.invalid');

     

       32
       32
       +
       

     

       33
       33
       +
       	const loadProfile = async (targetDid: Did) => {

     

       34
       34
       +
       		if (profileCache.has(targetDid)) {

     

       35
       35
       +
       			const c = profileCache.get(targetDid)!;

     

       36
       36
       +
       			displayName = c.displayName;

     

       37
       37
       +
       			handle = c.handle;

     

       38
       38
       +
       		} else {

     

       39
       39
       +
       			const existingClient = clients.get(targetDid as AtprotoDid);

     

       40
       40
       +
       			if (existingClient?.user?.handle) {

     

       41
       41
       +
       				handle = existingClient.user.handle;

     

       42
       42
       +
       			} else {

     

       43
       43
       +
       				handle = 'handle.invalid';

     

       44
       44
       +
       				displayName = undefined;

     

       45
       45
       +
       			}

     

       46
       46
       +
       		}

     

       47
       47
       +
       

     

       48
       48
       +
       		try {

     

       49
       49
       +
       			// Optimization: Check clients map first to avoid async overhead if possible

     

       50
       50
       +
       			// but we need to ensure we have the profile data, not just client existence.

     

       51
       51
       +
       			const userClient = await getClient(targetDid as AtprotoDid);

     

       52
       52
       +
       

     

       53
       53
       +
       			// Check if the component has been recycled for a different user while we were awaiting

     

       54
       54
       +
       			if (did !== targetDid) return;

     

       55
       55
       +
       

     

       56
       56
       +
       			let newHandle = handle;

     

       57
       57
       +
       			let newDisplayName = displayName;

     

       58
       58
       +
       

     

       59
       59
       +
       			if (userClient.user?.handle) {

     

       60
       60
       +
       				newHandle = userClient.user.handle;

     

       61
       61
       +
       				handle = newHandle;

     

       62
       62
       +
       			} else {

     

       63
       63
       +
       				newHandle = targetDid;

     

       64
       64
       +
       				handle = newHandle;

     

       65
       65
       +
       			}

     

       66
       66
       +
       

     

       67
       67
       +
       			const profileRes = await userClient.getProfile();

     

       68
       68
       +
       

     

       69
       69
       +
       			if (did !== targetDid) return;

     

       70
       70
       +
       

     

       71
       71
       +
       			if (profileRes.ok) {

     

       72
       72
       +
       				newDisplayName = profileRes.value.displayName;

     

       73
       73
       +
       				displayName = newDisplayName;

     

       74
       74
       +
       			}

     

       75
       75
       +
       

     

       76
       76
       +
       			// Update cache

     

       77
       77
       +
       			profileCache.set(targetDid, {

     

       78
       78
       +
       				handle: newHandle,

     

       79
       79
       +
       				displayName: newDisplayName

     

       80
       80
       +
       			});

     

       81
       81
       +
       		} catch (e) {

     

       82
       82
       +
       			if (did !== targetDid) return;

     

       83
       83
       +
       			console.error(`failed to load profile for ${targetDid}`, e);

     

       84
       84
       +
       			handle = 'error';

     

       85
       85
       +
       		}

     

       86
       86
       +
       	};

     

       87
       87
       +
       

     

       88
       88
       +
       	// Re-run whenever `did` changes

     

       89
       89
       +
       	$effect(() => {

     

       90
       90
       +
       		loadProfile(did);

     

       91
       91
       +
       	});

     

       92
       92
       +
       

     

       93
       93
       +
       	const lastPostAt = $derived(stats?.lastPostAt ?? new Date(0));

     

       94
       94
       +
       	const relTime = $derived(getRelativeTime(lastPostAt, currentTime));

     

       95
       95
       +
       	const color = $derived(generateColorForDid(did));

     

       96
       96
       +
       

     

       97
       97
       +
       	const goToProfile = () => {

     

       98
       98
       +
       		router.navigate(`/profile/${did}`);

     

       99
       99
       +
       	};

     

       100
       100
       +
       </script>

     

       101
       101
       +
       

     

       102
       102
       +
       <div {style} class="box-border w-full pb-2">

     

       103
       103
       +
       	<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       104
       104
       +
       	<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       105
       105
       +
       	<div

     

       106
       106
       +
       		onclick={goToProfile}

     

       107
       107
       +
       		class="group flex cursor-pointer items-center gap-2 rounded-sm bg-(--nucleus-accent)/7 p-3 transition-colors hover:bg-(--post-color)/20"

     

       108
       108
       +
       		style={`--post-color: ${color};`}

     

       109
       109
       +
       	>

     

       110
       110
       +
       		<ProfilePicture {client} {did} size={10} />

     

       111
       111
       +
       		<div class="min-w-0 flex-1 space-y-1">

     

       112
       112
       +
       			<div

     

       113
       113
       +
       				class="flex items-baseline gap-2 font-bold transition-colors group-hover:text-(--post-color)"

     

       114
       114
       +
       				style={`--post-color: ${color};`}

     

       115
       115
       +
       			>

     

       116
       116
       +
       				<span class="truncate">{displayName || handle}</span>

     

       117
       117
       +
       				<span class="truncate text-sm opacity-60">@{handle}</span>

     

       118
       118
       +
       			</div>

     

       119
       119
       +
       			<div class="flex gap-2 text-xs opacity-70">

     

       120
       120
       +
       				<span

     

       121
       121
       +
       					class={Date.now() - lastPostAt.getTime() < 1000 * 60 * 60 * 2

     

       122
       122
       +
       						? 'text-(--nucleus-accent)'

     

       123
       123
       +
       						: ''}

     

       124
       124
       +
       				>

     

       125
       125
       +
       					posted {relTime}

     

       126
       126
       +
       					{relTime !== 'now' ? 'ago' : ''}

     

       127
       127
       +
       				</span>

     

       128
       128
       +
       				{#if stats?.recentPostCount && stats.recentPostCount > 0}

     

       129
       129
       +
       					<span class="text-(--nucleus-accent2)">

     

       130
       130
       +
       						{stats.recentPostCount} posts / 6h

     

       131
       131
       +
       					</span>

     

       132
       132
       +
       				{/if}

     

       133
       133
       +
       				{#if sort === 'conversational' && stats?.conversationalScore && stats.conversationalScore > 0}

     

       134
       134
       +
       					<span class="ml-auto font-bold text-(--nucleus-accent)">

     

       135
       135
       +
       						★ {stats.conversationalScore.toFixed(1)}

     

       136
       136
       +
       					</span>

     

       137
       137
       +
       				{/if}

     

       138
       138
       +
       			</div>

     

       139
       139
       +
       		</div>

     

       140
       140
       +
       	</div>

     

       141
       141
       +
       </div>

+167

src/components/FollowingView.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { follows, allPosts, allBacklinks, currentTime, replyIndex } from '$lib/state.svelte';

     

       3
       3
       +
       	import type { Did } from '@atcute/lexicons';

     

       4
       4
       +
       	import { type AtpClient } from '$lib/at/client';

     

       5
       5
       +
       	import VirtualList from '@tutorlatin/svelte-tiny-virtual-list';

     

       6
       6
       +
       	import {

     

       7
       7
       +
       		calculateFollowedUserStats,

     

       8
       8
       +
       		calculateInteractionScores,

     

       9
       9
       +
       		sortFollowedUser,

     

       10
       10
       +
       		type Sort

     

       11
       11
       +
       	} from '$lib/following';

     

       12
       12
       +
       	import FollowingItem from './FollowingItem.svelte';

     

       13
       13
       +
       	import NotLoggedIn from './NotLoggedIn.svelte';

     

       14
       14
       +
       

     

       15
       15
       +
       	interface Props {

     

       16
       16
       +
       		client: AtpClient | undefined;

     

       17
       17
       +
       		followingSort: Sort;

     

       18
       18
       +
       	}

     

       19
       19
       +
       

     

       20
       20
       +
       	let { client, followingSort = $bindable('active') }: Props = $props();

     

       21
       21
       +
       

     

       22
       22
       +
       	const selectedDid = $derived(client?.user?.did);

     

       23
       23
       +
       	const followsMap = $derived(selectedDid ? follows.get(selectedDid) : undefined);

     

       24
       24
       +
       

     

       25
       25
       +
       	// eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       26
       26
       +
       	let sortedFollowing = $state<{ did: Did; data: any }[]>([]);

     

       27
       27
       +
       

     

       28
       28
       +
       	let isLongCalculation = $state(false);

     

       29
       29
       +
       	let calculationTimer: ReturnType<typeof setTimeout> | undefined;

     

       30
       30
       +
       

     

       31
       31
       +
       	// we could update the "now" every second but its pretty unnecessary

     

       32
       32
       +
       	// so we only do it when we receive new data or sort mode changes

     

       33
       33
       +
       	let staticNow = $state(Date.now());

     

       34
       34
       +
       

     

       35
       35
       +
       	const updateList = async () => {

     

       36
       36
       +
       		// Reset timer and loading state at start

     

       37
       37
       +
       		if (calculationTimer) clearTimeout(calculationTimer);

     

       38
       38
       +
       		isLongCalculation = false;

     

       39
       39
       +
       

     

       40
       40
       +
       		if (!followsMap || !selectedDid) {

     

       41
       41
       +
       			sortedFollowing = [];

     

       42
       42
       +
       			return;

     

       43
       43
       +
       		}

     

       44
       44
       +
       

     

       45
       45
       +
       		// schedule spinner to appear only if calculation takes > 200ms

     

       46
       46
       +
       		calculationTimer = setTimeout(() => (isLongCalculation = true), 200);

     

       47
       47
       +
       		// yield to main thread to allow UI to show spinner/update

     

       48
       48
       +
       		await new Promise((resolve) => setTimeout(resolve, 0));

     

       49
       49
       +
       

     

       50
       50
       +
       		const interactionScores =

     

       51
       51
       +
       			followingSort === 'conversational'

     

       52
       52
       +
       				? calculateInteractionScores(

     

       53
       53
       +
       						selectedDid,

     

       54
       54
       +
       						followsMap,

     

       55
       55
       +
       						allPosts,

     

       56
       56
       +
       						allBacklinks,

     

       57
       57
       +
       						replyIndex,

     

       58
       58
       +
       						staticNow

     

       59
       59
       +
       					)

     

       60
       60
       +
       				: null;

     

       61
       61
       +
       

     

       62
       62
       +
       		const userStatsList = followsMap.values().map((f) => ({

     

       63
       63
       +
       			did: f.subject,

     

       64
       64
       +
       			data: calculateFollowedUserStats(

     

       65
       65
       +
       				followingSort,

     

       66
       66
       +
       				f.subject,

     

       67
       67
       +
       				allPosts,

     

       68
       68
       +
       				interactionScores,

     

       69
       69
       +
       				staticNow

     

       70
       70
       +
       			)

     

       71
       71
       +
       		}));

     

       72
       72
       +
       

     

       73
       73
       +
       		const following = userStatsList.filter((u) => u.data !== null);

     

       74
       74
       +
       		const sorted = [...following].sort((a, b) => sortFollowedUser(followingSort, a.data!, b.data!));

     

       75
       75
       +
       

     

       76
       76
       +
       		sortedFollowing = sorted;

     

       77
       77
       +
       

     

       78
       78
       +
       		// Clear timer and remove loading state immediately after done

     

       79
       79
       +
       		if (calculationTimer) clearTimeout(calculationTimer);

     

       80
       80
       +
       		isLongCalculation = false;

     

       81
       81
       +
       	};

     

       82
       82
       +
       

     

       83
       83
       +
       	// todo: there is a bug where the view doesn't update and just gets stuck being loaded

     

       84
       84
       +
       	$effect(() => {

     

       85
       85
       +
       		// Dependencies that trigger a re-sort

     

       86
       86
       +
       		// eslint-disable-next-line @typescript-eslint/no-unused-vars

     

       87
       87
       +
       		const _s = followingSort;

     

       88
       88
       +
       		// eslint-disable-next-line @typescript-eslint/no-unused-vars

     

       89
       89
       +
       		const _f = followsMap?.size;

     

       90
       90
       +
       		// Update time when sort changes

     

       91
       91
       +
       		staticNow = Date.now();

     

       92
       92
       +
       

     

       93
       93
       +
       		updateList();

     

       94
       94
       +
       	});

     

       95
       95
       +
       

     

       96
       96
       +
       	let listHeight = $state(0);

     

       97
       97
       +
       	let listContainer: HTMLDivElement | undefined = $state();

     

       98
       98
       +
       

     

       99
       99
       +
       	const calcHeight = () => {

     

       100
       100
       +
       		if (!listContainer) return;

     

       101
       101
       +
       		const footer = document.getElementById('app-footer');

     

       102
       102
       +
       		const footerHeight = footer?.getBoundingClientRect().height || 0;

     

       103
       103
       +
       		const top = listContainer.getBoundingClientRect().top;

     

       104
       104
       +
       		// 24px is our bottom padding

     

       105
       105
       +
       		listHeight = Math.max(0, window.innerHeight - top - footerHeight - 24);

     

       106
       106
       +
       	};

     

       107
       107
       +
       

     

       108
       108
       +
       	$effect(() => {

     

       109
       109
       +
       		if (listContainer) {

     

       110
       110
       +
       			calcHeight();

     

       111
       111
       +
       			const observer = new ResizeObserver(calcHeight);

     

       112
       112
       +
       			observer.observe(document.body);

     

       113
       113
       +
       			return () => observer.disconnect();

     

       114
       114
       +
       		}

     

       115
       115
       +
       	});

     

       116
       116
       +
       </script>

     

       117
       117
       +
       

     

       118
       118
       +
       <div class="flex h-full flex-col p-2">

     

       119
       119
       +
       	<div class="mb-4 flex items-center justify-between gap-2 p-2 px-2 md:gap-4">

     

       120
       120
       +
       		<div>

     

       121
       121
       +
       			<h2 class="text-2xl font-bold md:text-3xl">following</h2>

     

       122
       122
       +
       			<div class="mt-2 flex gap-2">

     

       123
       123
       +
       				<div class="h-1 w-8 rounded-full bg-(--nucleus-accent)"></div>

     

       124
       124
       +
       				<div class="h-1 w-11 rounded-full bg-(--nucleus-accent2)"></div>

     

       125
       125
       +
       			</div>

     

       126
       126
       +
       		</div>

     

       127
       127
       +
       		<div class="flex gap-1 text-sm sm:gap-2">

     

       128
       128
       +
       			{#each ['recent', 'active', 'conversational'] as type (type)}

     

       129
       129
       +
       				<button

     

       130
       130
       +
       					class="rounded-sm px-2 py-1 transition-colors {followingSort === type

     

       131
       131
       +
       						? 'bg-(--nucleus-accent) text-(--nucleus-bg)'

     

       132
       132
       +
       						: 'bg-(--nucleus-accent)/10 hover:bg-(--nucleus-accent)/20'}"

     

       133
       133
       +
       					onclick={() => (followingSort = type as Sort)}

     

       134
       134
       +
       				>

     

       135
       135
       +
       					{type}

     

       136
       136
       +
       				</button>

     

       137
       137
       +
       			{/each}

     

       138
       138
       +
       		</div>

     

       139
       139
       +
       	</div>

     

       140
       140
       +
       

     

       141
       141
       +
       	<div class="min-h-0 flex-1" bind:this={listContainer}>

     

       142
       142
       +
       		{#if !client}

     

       143
       143
       +
       			<NotLoggedIn />

     

       144
       144
       +
       		{:else if sortedFollowing.length === 0 || isLongCalculation}

     

       145
       145
       +
       			<div class="flex justify-center py-8">

     

       146
       146
       +
       				<div

     

       147
       147
       +
       					class="h-8 w-8 animate-spin rounded-full border-2 border-t-transparent"

     

       148
       148
       +
       					style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       149
       149
       +
       				></div>

     

       150
       150
       +
       			</div>

     

       151
       151
       +
       		{:else if listHeight > 0}

     

       152
       152
       +
       			<VirtualList height={listHeight} itemCount={sortedFollowing.length} itemSize={76}>

     

       153
       153
       +
       				{#snippet item({ index, style }: { index: number; style: string })}

     

       154
       154
       +
       					{@const user = sortedFollowing[index]}

     

       155
       155
       +
       					<FollowingItem

     

       156
       156
       +
       						{style}

     

       157
       157
       +
       						did={user.did}

     

       158
       158
       +
       						stats={user.data!}

     

       159
       159
       +
       						{client}

     

       160
       160
       +
       						sort={followingSort}

     

       161
       161
       +
       						{currentTime}

     

       162
       162
       +
       					/>

     

       163
       163
       +
       				{/snippet}

     

       164
       164
       +
       			</VirtualList>

     

       165
       165
       +
       		{/if}

     

       166
       166
       +
       	</div>

     

       167
       167
       +
       </div>

src/components/NotLoggedIn.svelte

···

       1
       1
       +
       <div class="flex justify-center py-4">

     

       2
       2
       +
       	<p class="text-xl opacity-80">

     

       3
       3
       +
       		<span class="text-4xl">x_x</span> <br /> no accounts are logged in!

     

       4
       4
       +
       	</p>

     

       5
       5
       +
       </div>

+18

src/components/NotificationsView.svelte

···

       1
       1
       +
       <div class="p-4">

     

       2
       2
       +
       	<div class="mb-6">

     

       3
       3
       +
       		<h2 class="text-3xl font-bold">notifications</h2>

     

       4
       4
       +
       		<div class="mt-2 flex gap-2">

     

       5
       5
       +
       			<div class="h-1 w-8 rounded-full bg-(--nucleus-accent)"></div>

     

       6
       6
       +
       			<div class="h-1 w-9.5 rounded-full bg-(--nucleus-accent2)"></div>

     

       7
       7
       +
       		</div>

     

       8
       8
       +
       	</div>

     

       9
       9
       +
       

     

       10
       10
       +
       	<div

     

       11
       11
       +
       		class="flex h-64 items-center justify-center rounded-sm border-2 border-dashed border-(--nucleus-fg)/10"

     

       12
       12
       +
       	>

     

       13
       13
       +
       		<div class="text-center">

     

       14
       14
       +
       			<div class="mb-4 text-6xl opacity-50">🚧</div>

     

       15
       15
       +
       			<h3 class="text-xl font-bold opacity-80">todo</h3>

     

       16
       16
       +
       		</div>

     

       17
       17
       +
       	</div>

     

       18
       18
       +
       </div>

+21

src/components/PfpPlaceholder.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	interface Props {

     

       3
       3
       +
       		color: string;

     

       4
       4
       +
       		size: number;

     

       5
       5
       +
       	}

     

       6
       6
       +
       

     

       7
       7
       +
       	let { color, size }: Props = $props();

     

       8
       8
       +
       </script>

     

       9
       9
       +
       

     

       10
       10
       +
       <svg

     

       11
       11
       +
       	class="shrink-0 rounded-sm"

     

       12
       12
       +
       	style="background: color-mix(in srgb, {color} 27%, transparent); color: {color}; width: calc(var(--spacing) * {size}); height: calc(var(--spacing) * {size});"

     

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

     

       14
       14
       +
       	width="24px"

     

       15
       15
       +
       	height="24px"

     

       16
       16
       +
       	viewBox="0 0 16 16"

     

       17
       17
       +
       	><path

     

       18
       18
       +
       		fill="currentColor"

     

       19
       19
       +
       		d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m4.735 6c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139z"

     

       20
       20
       +
       	/></svg

     

       21
       21
       +
       >

+200

src/components/PhotoSwipeGallery.svelte

···

       1
       1
       +
       <script context="module" lang="ts">

     

       2
       2
       +
       	export interface GalleryItem {

     

       3
       3
       +
       		src: string;

     

       4
       4
       +
       		thumbnail?: {

     

       5
       5
       +
       			src: string;

     

       6
       6
       +
       			width: number;

     

       7
       7
       +
       			height: number;

     

       8
       8
       +
       		};

     

       9
       9
       +
       		width: number;

     

       10
       10
       +
       		height: number;

     

       11
       11
       +
       		cropped?: boolean;

     

       12
       12
       +
       		alt?: string;

     

       13
       13
       +
       	}

     

       14
       14
       +
       	export type GalleryData = Array<GalleryItem>;

     

       15
       15
       +
       </script>

     

       16
       16
       +
       

     

       17
       17
       +
       <script lang="ts">

     

       18
       18
       +
       	import 'photoswipe/photoswipe.css';

     

       19
       19
       +
       	import PhotoSwipeLightbox from 'photoswipe/lightbox';

     

       20
       20
       +
       	import PhotoSwipe, { type ElementProvider, type PreparedPhotoSwipeOptions } from 'photoswipe';

     

       21
       21
       +
       	import { onMount } from 'svelte';

     

       22
       22
       +
       	import { writable } from 'svelte/store';

     

       23
       23
       +
       

     

       24
       24
       +
       	export let images: GalleryData;

     

       25
       25
       +
       	let element: HTMLDivElement;

     

       26
       26
       +
       

     

       27
       27
       +
       	const options = writable<Partial<PreparedPhotoSwipeOptions> | undefined>(undefined);

     

       28
       28
       +
       	$: {

     

       29
       29
       +
       		if (!element) break $;

     

       30
       30
       +
       		const opts: Partial<PreparedPhotoSwipeOptions> = {

     

       31
       31
       +
       			pswpModule: PhotoSwipe,

     

       32
       32
       +
       			children: element.childNodes as ElementProvider,

     

       33
       33
       +
       			gallery: element,

     

       34
       34
       +
       			hideAnimationDuration: 0,

     

       35
       35
       +
       			showAnimationDuration: 0,

     

       36
       36
       +
       			zoomAnimationDuration: 200,

     

       37
       37
       +
       			zoomSVG:

     

       38
       38
       +
       				'<svg class="gallery--icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" d="M6.25 8.75v-1h-1a.75.75 0 0 1 0-1.5h1v-1a.75.75 0 0 1 1.5 0v1h1a.75.75 0 0 1 0 1.5h-1v1a.75.75 0 0 1-1.5 0"/><path fill="currentColor" fill-rule="evenodd" d="M7 12c1.11 0 2.136-.362 2.965-.974l2.755 2.754a.75.75 0 1 0 1.06-1.06l-2.754-2.755A5 5 0 1 0 7 12m0-1.5a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7" clip-rule="evenodd"/></svg>',

     

       39
       39
       +
       			closeSVG:

     

       40
       40
       +
       				'<svg class="gallery--icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z"/></svg>',

     

       41
       41
       +
       			arrowPrevSVG:

     

       42
       42
       +
       				'<svg class="gallery--icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0" clip-rule="evenodd"/></svg>',

     

       43
       43
       +
       			arrowNextSVG:

     

       44
       44
       +
       				'<svg class="gallery--icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8L6.22 5.28a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>'

     

       45
       45
       +
       		};

     

       46
       46
       +
       		$options = opts;

     

       47
       47
       +
       	}

     

       48
       48
       +
       

     

       49
       49
       +
       	onMount(() => {

     

       50
       50
       +
       		let lightbox: PhotoSwipeLightbox | undefined;

     

       51
       51
       +
       		const unsub = options.subscribe((opts) => {

     

       52
       52
       +
       			lightbox?.destroy?.();

     

       53
       53
       +
       			if (opts === undefined) return;

     

       54
       54
       +
       			lightbox = new PhotoSwipeLightbox(opts);

     

       55
       55
       +
       			lightbox.init();

     

       56
       56
       +
       		});

     

       57
       57
       +
       		return () => {

     

       58
       58
       +
       			unsub();

     

       59
       59
       +
       			lightbox?.destroy?.();

     

       60
       60
       +
       		};

     

       61
       61
       +
       	});

     

       62
       62
       +
       </script>

     

       63
       63
       +
       

     

       64
       64
       +
       <div class="gallery styling-twitter" data-total={images.length} bind:this={element}>

     

       65
       65
       +
       	{#each images as img, i (img.src)}

     

       66
       66
       +
       		{@const thumb = img.thumbnail ?? img}

     

       67
       67
       +
       		{@const isHidden = i > 3}

     

       68
       68
       +
       		{@const isOverlay = i === 3 && images.length > 4}

     

       69
       69
       +
       

     

       70
       70
       +
       		<a

     

       71
       71
       +
       			href={img.src}

     

       72
       72
       +
       			data-pswp-width={img.width}

     

       73
       73
       +
       			data-pswp-height={img.height}

     

       74
       74
       +
       			target="_blank"

     

       75
       75
       +
       			class:hidden-in-grid={isHidden}

     

       76
       76
       +
       			class:overlay-container={isOverlay}

     

       77
       77
       +
       		>

     

       78
       78
       +
       			<img src={thumb.src} alt={img.alt ?? ''} width={thumb.width} height={thumb.height} />

     

       79
       79
       +
       

     

       80
       80
       +
       			{#if isOverlay}

     

       81
       81
       +
       				<div class="more-overlay">

     

       82
       82
       +
       					+{images.length - 4}

     

       83
       83
       +
       				</div>

     

       84
       84
       +
       			{/if}

     

       85
       85
       +
       		</a>

     

       86
       86
       +
       	{/each}

     

       87
       87
       +
       </div>

     

       88
       88
       +
       

     

       89
       89
       +
       <style>

     

       90
       90
       +
       	:global(.gallery--icon) {

     

       91
       91
       +
       		--drop-color: color-mix(in srgb, var(--color-gray-900) 70%, transparent);

     

       92
       92
       +
       		color: var(--nucleus-fg);

     

       93
       93
       +
       		filter: drop-shadow(2px 2px 1px var(--drop-color)) drop-shadow(-2px -2px 1px var(--drop-color))

     

       94
       94
       +
       			drop-shadow(-2px 2px 1px var(--drop-color)) drop-shadow(2px -2px 1px var(--drop-color));

     

       95
       95
       +
       	}

     

       96
       96
       +
       

     

       97
       97
       +
       	/* --- Default Grid (for 2+ images) --- */

     

       98
       98
       +
       	.gallery.styling-twitter {

     

       99
       99
       +
       		display: grid;

     

       100
       100
       +
       		gap: 2px;

     

       101
       101
       +
       		border-radius: 4px;

     

       102
       102
       +
       		overflow: hidden;

     

       103
       103
       +
       		width: fit-content;

     

       104
       104
       +
       	}

     

       105
       105
       +
       

     

       106
       106
       +
       	.gallery.styling-twitter > a {

     

       107
       107
       +
       		width: 100%;

     

       108
       108
       +
       		height: 100%;

     

       109
       109
       +
       		display: block;

     

       110
       110
       +
       		position: relative;

     

       111
       111
       +
       		overflow: hidden;

     

       112
       112
       +
       	}

     

       113
       113
       +
       

     

       114
       114
       +
       	.gallery.styling-twitter > a > img {

     

       115
       115
       +
       		@apply transition-opacity duration-200 hover:opacity-80;

     

       116
       116
       +
       		width: 100%;

     

       117
       117
       +
       		height: 100%;

     

       118
       118
       +
       		object-fit: cover; /* Standard tile crop */

     

       119
       119
       +
       	}

     

       120
       120
       +
       

     

       121
       121
       +
       	/* --- SINGLE IMAGE OVERRIDES --- */

     

       122
       122
       +
       	/* This configuration allows the image to determine the width/height

     

       123
       123
       +
              naturally based on aspect ratio, up to a max-height limit.

     

       124
       124
       +
           */

     

       125
       125
       +
       	.gallery.styling-twitter[data-total='1'] {

     

       126
       126
       +
       		display: block; /* Remove grid constraints */

     

       127
       127
       +
       		height: auto;

     

       128
       128
       +
       		width: fit-content;

     

       129
       129
       +
       		aspect-ratio: auto; /* Remove 16:9 ratio */

     

       130
       130
       +
       		border-radius: 0;

     

       131
       131
       +
       	}

     

       132
       132
       +
       

     

       133
       133
       +
       	.gallery.styling-twitter[data-total='1'] > a {

     

       134
       134
       +
       		/* fit-content is key: the container shrinks to fit the image width */

     

       135
       135
       +
       		width: fit-content;

     

       136
       136
       +
       		height: auto;

     

       137
       137
       +
       		display: block;

     

       138
       138
       +
       		border-radius: 4px;

     

       139
       139
       +
       		overflow: hidden;

     

       140
       140
       +
       		max-width: 100%; /* Prevent overflowing the parent */

     

       141
       141
       +
       	}

     

       142
       142
       +
       

     

       143
       143
       +
       	.gallery.styling-twitter[data-total='1'] > a > img {

     

       144
       144
       +
       		/* Let dimensions flow naturally */

     

       145
       145
       +
       		width: auto;

     

       146
       146
       +
       		height: auto;

     

       147
       147
       +
       

     

       148
       148
       +
       		/* Constraints: */

     

       149
       149
       +
       		max-width: 100%; /* Never wider than container */

     

       150
       150
       +
       		max-height: 60vh; /* Never taller than 60% of viewport (adjust if needed) */

     

       151
       151
       +
       

     

       152
       152
       +
       		object-fit: contain; /* Never crop the single image */

     

       153
       153
       +
       	}

     

       154
       154
       +
       

     

       155
       155
       +
       	/* --- Grid Layouts (2+ Images) --- */

     

       156
       156
       +
       	/* These retain the standard grid look */

     

       157
       157
       +
       

     

       158
       158
       +
       	/* 2 Images: Split vertically */

     

       159
       159
       +
       	.gallery.styling-twitter[data-total='2'] {

     

       160
       160
       +
       		grid-template-columns: 1fr 1fr;

     

       161
       161
       +
       		grid-template-rows: 1fr;

     

       162
       162
       +
       		aspect-ratio: 16/9;

     

       163
       163
       +
       	}

     

       164
       164
       +
       

     

       165
       165
       +
       	/* 3 Images: 1 Big (left), 2 Small (stacked right) */

     

       166
       166
       +
       	.gallery.styling-twitter[data-total='3'] {

     

       167
       167
       +
       		grid-template-columns: 1fr 1fr;

     

       168
       168
       +
       		grid-template-rows: 1fr 1fr;

     

       169
       169
       +
       		aspect-ratio: 16/9;

     

       170
       170
       +
       	}

     

       171
       171
       +
       	.gallery.styling-twitter[data-total='3'] > a:first-child {

     

       172
       172
       +
       		grid-row: span 2;

     

       173
       173
       +
       	}

     

       174
       174
       +
       

     

       175
       175
       +
       	/* 4+ Images: 2x2 Grid */

     

       176
       176
       +
       	.gallery.styling-twitter[data-total='4'],

     

       177
       177
       +
       	.gallery.styling-twitter[data-total^='5'],

     

       178
       178
       +
       	.gallery.styling-twitter:not([data-total='1']):not([data-total='2']):not([data-total='3']) {

     

       179
       179
       +
       		grid-template-columns: 1fr 1fr;

     

       180
       180
       +
       		grid-template-rows: 1fr 1fr;

     

       181
       181
       +
       		aspect-ratio: 16/9;

     

       182
       182
       +
       	}

     

       183
       183
       +
       

     

       184
       184
       +
       	.gallery.styling-twitter .hidden-in-grid {

     

       185
       185
       +
       		display: none;

     

       186
       186
       +
       	}

     

       187
       187
       +
       

     

       188
       188
       +
       	.more-overlay {

     

       189
       189
       +
       		position: absolute;

     

       190
       190
       +
       		inset: 0;

     

       191
       191
       +
       		background-color: rgba(0, 0, 0, 0.5);

     

       192
       192
       +
       		color: white;

     

       193
       193
       +
       		display: flex;

     

       194
       194
       +
       		align-items: center;

     

       195
       195
       +
       		justify-content: center;

     

       196
       196
       +
       		font-size: 2rem;

     

       197
       197
       +
       		font-weight: bold;

     

       198
       198
       +
       		pointer-events: none;

     

       199
       199
       +
       	}

     

       200
       200
       +
       </style>

+628 -101

src/components/PostComposer.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
        
       	import type { AtpClient } from '$lib/at/client';

     

       3
       3
       -
       	import { ok, err, type Result } from '$lib/result';

     

       4
       4
       -
       	import type { AppBskyFeedPost } from '@atcute/bluesky';

     

       5
       5
       -
       	import type { ResourceUri } from '@atcute/lexicons';

     

       6
       6
       -
       	import { theme } from '$lib/theme.svelte';

     

       3
       3
       +
       	import { ok, err, type Result, expect } from '$lib/result';

     

       4
       4
       +
       	import type { AppBskyEmbedRecordWithMedia, AppBskyFeedPost } from '@atcute/bluesky';

     

       5
       5
       +
       	import { generateColorForDid } from '$lib/accounts';

     

       6
       6
       +
       	import type { PostWithUri } from '$lib/at/fetch';

     

       7
       7
       +
       	import BskyPost from './BskyPost.svelte';

     

       8
       8
       +
       	import { parseCanonicalResourceUri, type Blob as AtpBlob } from '@atcute/lexicons';

     

       9
       9
       +
       	import type { ComAtprotoRepoStrongRef } from '@atcute/atproto';

     

       10
       10
       +
       	import { parseToRichText } from '$lib/richtext';

     

       11
       11
       +
       	import { tokenize } from '$lib/richtext/parser';

     

       12
       12
       +
       	import Icon from '@iconify/svelte';

     

       13
       13
       +
       	import ProfilePicture from './ProfilePicture.svelte';

     

       14
       14
       +
       	import type { AppBskyEmbedMedia } from '$lib/at/types';

     

       15
       15
       +
       	import { SvelteMap } from 'svelte/reactivity';

     

       16
       16
       +
       	import { handles } from '$lib/state.svelte';

     

       17
       17
       +
       

     

       18
       18
       +
       	type UploadState =

     

       19
       19
       +
       		| { state: 'uploading'; progress: number }

     

       20
       20
       +
       		| { state: 'uploaded'; blob: AtpBlob<string> }

     

       21
       21
       +
       		| { state: 'error'; message: string };

     

       22
       22
       +
       	export type FocusState = 'null' | 'focused';

     

       23
       23
       +
       	export type State = {

     

       24
       24
       +
       		focus: FocusState;

     

       25
       25
       +
       		text: string;

     

       26
       26
       +
       		quoting?: PostWithUri;

     

       27
       27
       +
       		replying?: PostWithUri;

     

       28
       28
       +
       		attachedMedia?: AppBskyEmbedMedia;

     

       29
       29
       +
       		blobsState: SvelteMap<string, UploadState>;

     

       30
       30
       +
       	};

     

       7
       31
        
       

     

       8
       32
        
       	interface Props {

     

       9
       33
        
       		client: AtpClient;

     

       10
       10
       -
       		onPostSent: (uri: ResourceUri, post: AppBskyFeedPost.Main) => void;

     

       34
       34
       +
       		onPostSent: (post: PostWithUri) => void;

     

       35
       35
       +
       		_state: State;

     

       11
       36
        
       	}

     

       12
       37
        
       

     

       13
       13
       -
       	const { client, onPostSent }: Props = $props();

     

       38
       38
       +
       	let { client, onPostSent, _state = $bindable() }: Props = $props();

     

       39
       39
       +
       

     

       40
       40
       +
       	const isFocused = $derived(_state.focus === 'focused');

     

       41
       41
       +
       

     

       42
       42
       +
       	const color = $derived(

     

       43
       43
       +
       		client.user?.did ? generateColorForDid(client.user?.did) : 'var(--nucleus-accent2)'

     

       44
       44
       +
       	);

     

       45
       45
       +
       

     

       46
       46
       +
       	const uploadVideo = async (blobUrl: string, mimeType: string) => {

     

       47
       47
       +
       		const blob = await (await fetch(blobUrl)).blob();

     

       48
       48
       +
       		return await client.uploadVideo(blob, mimeType, (status) => {

     

       49
       49
       +
       			if (status.stage === 'uploading' && status.progress !== undefined) {

     

       50
       50
       +
       				_state.blobsState.set(blobUrl, { state: 'uploading', progress: status.progress * 0.5 });

     

       51
       51
       +
       			} else if (status.stage === 'processing' && status.progress !== undefined) {

     

       52
       52
       +
       				_state.blobsState.set(blobUrl, {

     

       53
       53
       +
       					state: 'uploading',

     

       54
       54
       +
       					progress: 0.5 + status.progress * 0.5

     

       55
       55
       +
       				});

     

       56
       56
       +
       			}

     

       57
       57
       +
       		});

     

       58
       58
       +
       	};

     

       59
       59
       +
       	const uploadImage = async (blobUrl: string) => {

     

       60
       60
       +
       		const blob = await (await fetch(blobUrl)).blob();

     

       61
       61
       +
       		return await client.uploadBlob(blob, (progress) => {

     

       62
       62
       +
       			_state.blobsState.set(blobUrl, { state: 'uploading', progress });

     

       63
       63
       +
       		});

     

       64
       64
       +
       	};

     

       65
       65
       +
       

     

       66
       66
       +
       	const post = async (text: string): Promise<Result<PostWithUri, string>> => {

     

       67
       67
       +
       		const strongRef = (p: PostWithUri): ComAtprotoRepoStrongRef.Main => ({

     

       68
       68
       +
       			$type: 'com.atproto.repo.strongRef',

     

       69
       69
       +
       			cid: p.cid!,

     

       70
       70
       +
       			uri: p.uri

     

       71
       71
       +
       		});

     

       72
       72
       +
       

     

       73
       73
       +
       		const rt = await parseToRichText(text);

     

       74
       74
       +
       

     

       75
       75
       +
       		let media: AppBskyEmbedMedia | undefined = _state.attachedMedia;

     

       76
       76
       +
       		if (_state.attachedMedia?.$type === 'app.bsky.embed.images') {

     

       77
       77
       +
       			const images = _state.attachedMedia.images;

     

       78
       78
       +
       			let uploadedImages: typeof images = [];

     

       79
       79
       +
       			for (const image of images) {

     

       80
       80
       +
       				const upload = _state.blobsState.get((image.image as AtpBlob<string>).ref.$link);

     

       81
       81
       +
       				if (!upload || upload.state !== 'uploaded') continue;

     

       82
       82
       +
       				uploadedImages.push({

     

       83
       83
       +
       					...image,

     

       84
       84
       +
       					image: upload.blob

     

       85
       85
       +
       				});

     

       86
       86
       +
       			}

     

       87
       87
       +
       			if (uploadedImages.length > 0)

     

       88
       88
       +
       				media = {

     

       89
       89
       +
       					..._state.attachedMedia,

     

       90
       90
       +
       					$type: 'app.bsky.embed.images',

     

       91
       91
       +
       					images: uploadedImages

     

       92
       92
       +
       				};

     

       93
       93
       +
       		} else if (_state.attachedMedia?.$type === 'app.bsky.embed.video') {

     

       94
       94
       +
       			const upload = _state.blobsState.get(

     

       95
       95
       +
       				(_state.attachedMedia.video as AtpBlob<string>).ref.$link

     

       96
       96
       +
       			);

     

       97
       97
       +
       			if (upload && upload.state === 'uploaded')

     

       98
       98
       +
       				media = {

     

       99
       99
       +
       					..._state.attachedMedia,

     

       100
       100
       +
       					$type: 'app.bsky.embed.video',

     

       101
       101
       +
       					video: upload.blob

     

       102
       102
       +
       				};

     

       103
       103
       +
       		}

     

       104
       104
       +
       		console.log('media', media);

     

       14
       105
        
       

     

       15
       15
       -
       	const post = async (

     

       16
       16
       -
       		text: string

     

       17
       17
       -
       	): Promise<Result<{ uri: ResourceUri; record: AppBskyFeedPost.Main }, string>> => {

     

       18
       106
        
       		const record: AppBskyFeedPost.Main = {

     

       19
       107
        
       			$type: 'app.bsky.feed.post',

     

       20
       20
       -
       			text,

     

       108
       108
       +
       			text: rt.text,

     

       109
       109
       +
       			facets: rt.facets,

     

       110
       110
       +
       			reply:

     

       111
       111
       +
       				_state.focus === 'focused' && _state.replying

     

       112
       112
       +
       					? {

     

       113
       113
       +
       							root: _state.replying.record.reply?.root ?? strongRef(_state.replying),

     

       114
       114
       +
       							parent: strongRef(_state.replying)

     

       115
       115
       +
       						}

     

       116
       116
       +
       					: undefined,

     

       117
       117
       +
       			embed:

     

       118
       118
       +
       				_state.focus === 'focused' && _state.quoting

     

       119
       119
       +
       					? media

     

       120
       120
       +
       						? {

     

       121
       121
       +
       								$type: 'app.bsky.embed.recordWithMedia',

     

       122
       122
       +
       								record: { record: strongRef(_state.quoting) },

     

       123
       123
       +
       								media: media as AppBskyEmbedRecordWithMedia.Main['media']

     

       124
       124
       +
       							}

     

       125
       125
       +
       						: {

     

       126
       126
       +
       								$type: 'app.bsky.embed.record',

     

       127
       127
       +
       								record: strongRef(_state.quoting)

     

       128
       128
       +
       							}

     

       129
       129
       +
       					: (media as AppBskyFeedPost.Main['embed']),

     

       21
       130
        
       			createdAt: new Date().toISOString()

     

       22
       131
        
       		};

     

       23
       132
        
       

     

       24
       133
        
       		const res = await client.atcute?.post('com.atproto.repo.createRecord', {

     

       25
       134
        
       			input: {

     

       26
       135
        
       				collection: 'app.bsky.feed.post',

     

       27
       27
       -
       				repo: client.didDoc!.did,

     

       136
       136
       +
       				repo: client.user!.did,

     

       28
       137
        
       				record

     

       29
       138
        
       			}

     

       30
       139
        
       		});

     

       31
       140
        
       

     

       32
       32
       -
       		if (!res) {

     

       33
       33
       -
       			return err('failed to post: not logged in');

     

       34
       34
       -
       		}

     

       141
       141
       +
       		if (!res) return err('failed to post: not logged in');

     

       35
       142
        
       

     

       36
       36
       -
       		if (!res.ok) {

     

       143
       143
       +
       		if (!res.ok)

     

       37
       144
        
       			return err(`failed to post: ${res.data.error}: ${res.data.message ?? 'no details'}`);

     

       38
       38
       -
       		}

     

       39
       145
        
       

     

       40
       146
        
       		return ok({

     

       41
       147
        
       			uri: res.data.uri,

     

       148
       148
       +
       			cid: res.data.cid,

     

       42
       149
        
       			record

     

       43
       150
        
       		});

     

       44
       151
        
       	};

     

       45
       152
        
       

     

       46
       46
       -
       	let postText = $state('');

     

       47
       47
       -
       	let info = $state('');

     

       48
       48
       -
       	let isFocused = $state(false);

     

       153
       153
       +
       	let posting = $state(false);

     

       154
       154
       +
       	let postError = $state('');

     

       49
       155
        
       	let textareaEl: HTMLTextAreaElement | undefined = $state();

     

       156
       156
       +
       	let fileInputEl: HTMLInputElement | undefined = $state();

     

       157
       157
       +
       	let selectingFile = $state(false);

     

       158
       158
       +
       

     

       159
       159
       +
       	const unfocus = () => (_state.focus = 'null');

     

       160
       160
       +
       

     

       161
       161
       +
       	const handleFileSelect = (event: Event) => {

     

       162
       162
       +
       		selectingFile = false;

     

       163
       163
       +
       

     

       164
       164
       +
       		const input = event.target as HTMLInputElement;

     

       165
       165
       +
       		const files = input.files;

     

       166
       166
       +
       		if (!files || files.length === 0) return;

     

       167
       167
       +
       

     

       168
       168
       +
       		const existingImages =

     

       169
       169
       +
       			_state.attachedMedia?.$type === 'app.bsky.embed.images' ? _state.attachedMedia.images : [];

     

       170
       170
       +
       

     

       171
       171
       +
       		let newImages = [...existingImages];

     

       172
       172
       +
       		let hasVideo = false;

     

       50
       173
        
       

     

       51
       51
       -
       	const doPost = () => {

     

       52
       52
       -
       		if (postText.length === 0 || postText.length > 300) return;

     

       174
       174
       +
       		for (let i = 0; i < files.length; i++) {

     

       175
       175
       +
       			const file = files[i];

     

       176
       176
       +
       			const isVideo = file.type.startsWith('video/');

     

       177
       177
       +
       			const isImage = file.type.startsWith('image/');

     

       178
       178
       +
       

     

       179
       179
       +
       			if (!isVideo && !isImage) {

     

       180
       180
       +
       				postError = 'unsupported file type';

     

       181
       181
       +
       				continue;

     

       182
       182
       +
       			}

     

       183
       183
       +
       

     

       184
       184
       +
       			if (isVideo) {

     

       185
       185
       +
       				if (existingImages.length > 0 || newImages.length > 0) {

     

       186
       186
       +
       					postError = 'cannot mix images and video';

     

       187
       187
       +
       					continue;

     

       188
       188
       +
       				}

     

       189
       189
       +
       				const blobUrl = URL.createObjectURL(file);

     

       190
       190
       +
       				_state.attachedMedia = {

     

       191
       191
       +
       					$type: 'app.bsky.embed.video',

     

       192
       192
       +
       					video: {

     

       193
       193
       +
       						$type: 'blob',

     

       194
       194
       +
       						ref: { $link: blobUrl },

     

       195
       195
       +
       						mimeType: file.type,

     

       196
       196
       +
       						size: file.size

     

       197
       197
       +
       					}

     

       198
       198
       +
       				};

     

       199
       199
       +
       				hasVideo = true;

     

       200
       200
       +
       				break;

     

       201
       201
       +
       			} else if (isImage) {

     

       202
       202
       +
       				if (newImages.length >= 4) {

     

       203
       203
       +
       					postError = 'max 4 images allowed';

     

       204
       204
       +
       					break;

     

       205
       205
       +
       				}

     

       206
       206
       +
       				const blobUrl = URL.createObjectURL(file);

     

       207
       207
       +
       				newImages.push({

     

       208
       208
       +
       					image: {

     

       209
       209
       +
       						$type: 'blob',

     

       210
       210
       +
       						ref: { $link: blobUrl },

     

       211
       211
       +
       						mimeType: file.type,

     

       212
       212
       +
       						size: file.size

     

       213
       213
       +
       					},

     

       214
       214
       +
       					alt: '',

     

       215
       215
       +
       					aspectRatio: undefined

     

       216
       216
       +
       				});

     

       217
       217
       +
       			}

     

       218
       218
       +
       		}

     

       53
       219
        
       

     

       54
       54
       -
       		post(postText).then((res) => {

     

       55
       55
       -
       			if (res.ok) {

     

       56
       56
       -
       				onPostSent(res.value.uri, res.value.record);

     

       57
       57
       -
       				postText = '';

     

       58
       58
       -
       				info = 'posted!';

     

       59
       59
       -
       				setTimeout(() => (info = ''), 1000 * 3);

     

       60
       60
       -
       			} else {

     

       61
       61
       -
       				info = res.error;

     

       220
       220
       +
       		if (!hasVideo && newImages.length > 0) {

     

       221
       221
       +
       			_state.attachedMedia = {

     

       222
       222
       +
       				$type: 'app.bsky.embed.images',

     

       223
       223
       +
       				images: newImages

     

       224
       224
       +
       			};

     

       225
       225
       +
       		}

     

       226
       226
       +
       

     

       227
       227
       +
       		const handleUpload = (blobUrl: string, blob: Result<AtpBlob<string>, string>) => {

     

       228
       228
       +
       			if (blob.ok) _state.blobsState.set(blobUrl, { state: 'uploaded', blob: blob.value });

     

       229
       229
       +
       			else _state.blobsState.set(blobUrl, { state: 'error', message: blob.error });

     

       230
       230
       +
       		};

     

       231
       231
       +
       

     

       232
       232
       +
       		const media = _state.attachedMedia;

     

       233
       233
       +
       		if (media?.$type == 'app.bsky.embed.images') {

     

       234
       234
       +
       			for (const image of media.images) {

     

       235
       235
       +
       				const blobUrl = (image.image as AtpBlob<string>).ref.$link;

     

       236
       236
       +
       				uploadImage(blobUrl).then((r) => handleUpload(blobUrl, r));

     

       62
       237
        
       			}

     

       63
       63
       -
       		});

     

       238
       238
       +
       		} else if (media?.$type === 'app.bsky.embed.video') {

     

       239
       239
       +
       			const blobUrl = (media.video as AtpBlob<string>).ref.$link;

     

       240
       240
       +
       			uploadVideo(blobUrl, media.video.mimeType).then((r) => handleUpload(blobUrl, r));

     

       241
       241
       +
       		}

     

       242
       242
       +
       

     

       243
       243
       +
       		input.value = '';

     

       64
       244
        
       	};

     

       65
       245
        
       

     

       66
       66
       -
       	$effect(() => {

     

       67
       67
       -
       		if (isFocused && textareaEl) {

     

       68
       68
       -
       			textareaEl.focus();

     

       246
       246
       +
       	const removeMedia = () => {

     

       247
       247
       +
       		if (_state.attachedMedia?.$type === 'app.bsky.embed.video') {

     

       248
       248
       +
       			const blobUrl = (_state.attachedMedia.video as AtpBlob<string>).ref.$link;

     

       249
       249
       +
       			_state.blobsState.delete(blobUrl);

     

       69
       250
        
       		}

     

       251
       251
       +
       		_state.attachedMedia = undefined;

     

       252
       252
       +
       	};

     

       253
       253
       +
       

     

       254
       254
       +
       	const removeMediaAtIndex = (index: number) => {

     

       255
       255
       +
       		if (_state.attachedMedia?.$type !== 'app.bsky.embed.images') return;

     

       256
       256
       +
       		const imageToRemove = _state.attachedMedia.images[index];

     

       257
       257
       +
       		const blobUrl = (imageToRemove.image as AtpBlob<string>).ref.$link;

     

       258
       258
       +
       		_state.blobsState.delete(blobUrl);

     

       259
       259
       +
       

     

       260
       260
       +
       		const images = _state.attachedMedia.images.filter((_, i) => i !== index);

     

       261
       261
       +
       		_state.attachedMedia = images.length > 0 ? { ..._state.attachedMedia, images } : undefined;

     

       262
       262
       +
       	};

     

       263
       263
       +
       

     

       264
       264
       +
       	const doPost = () => {

     

       265
       265
       +
       		if (_state.text.length === 0 || _state.text.length > 300) return;

     

       266
       266
       +
       

     

       267
       267
       +
       		postError = '';

     

       268
       268
       +
       		posting = true;

     

       269
       269
       +
       		post(_state.text)

     

       270
       270
       +
       			.then((res) => {

     

       271
       271
       +
       				if (res.ok) {

     

       272
       272
       +
       					onPostSent(res.value);

     

       273
       273
       +
       					_state.text = '';

     

       274
       274
       +
       					_state.attachedMedia = undefined;

     

       275
       275
       +
       					_state.blobsState.clear();

     

       276
       276
       +
       					unfocus();

     

       277
       277
       +
       				} else {

     

       278
       278
       +
       					postError = res.error;

     

       279
       279
       +
       				}

     

       280
       280
       +
       			})

     

       281
       281
       +
       			.finally(() => {

     

       282
       282
       +
       				posting = false;

     

       283
       283
       +
       			});

     

       284
       284
       +
       	};

     

       285
       285
       +
       

     

       286
       286
       +
       	$effect(() => {

     

       287
       287
       +
       		document.documentElement.style.setProperty('--acc-color', color);

     

       288
       288
       +
       		if (isFocused && textareaEl) textareaEl.focus();

     

       70
       289
        
       	});

     

       71
       290
        
       </script>

     

       72
       291
        
       

     

       73
       73
       -
       <div class="relative min-h-16">

     

       292
       292
       +
       {#snippet attachedPost(post: PostWithUri, type: 'quoting' | 'replying')}

     

       293
       293
       +
       	{@const parsedUri = expect(parseCanonicalResourceUri(post.uri))}

     

       294
       294
       +
       	<BskyPost {client} did={parsedUri.repo} rkey={parsedUri.rkey} data={post} isOnPostComposer={true}>

     

       295
       295
       +
       		{#snippet cornerFragment()}

     

       296
       296
       +
       			<button

     

       297
       297
       +
       				class="transition-transform hover:scale-150"

     

       298
       298
       +
       				onclick={() => {

     

       299
       299
       +
       					_state[type] = undefined;

     

       300
       300
       +
       				}}><Icon width={24} icon="heroicons:x-mark-16-solid" /></button

     

       301
       301
       +
       			>

     

       302
       302
       +
       		{/snippet}

     

       303
       303
       +
       	</BskyPost>

     

       304
       304
       +
       {/snippet}

     

       305
       305
       +
       

     

       306
       306
       +
       {#snippet attachmentIndicator(post: PostWithUri, type: 'quoting' | 'replying')}

     

       307
       307
       +
       	{@const parsedUri = expect(parseCanonicalResourceUri(post.uri))}

     

       308
       308
       +
       	{@const color = generateColorForDid(parsedUri.repo)}

     

       309
       309
       +
       	{@const id = handles.get(parsedUri.repo) ?? parsedUri.repo}

     

       310
       310
       +
       	<div

     

       311
       311
       +
       		class="flex shrink-0 items-center gap-1.5 rounded-sm border py-0.5 pr-0.5 pl-1 text-xs font-bold transition-all"

     

       312
       312
       +
       		style="

     

       313
       313
       +
       			background: color-mix(in srgb, {color} 10%, transparent);

     

       314
       314
       +
       			border-color: {color};

     

       315
       315
       +
       			color: {color};

     

       316
       316
       +
       		"

     

       317
       317
       +
       		title={type === 'replying' ? `replying to ${id}` : `quoting ${id}`}

     

       318
       318
       +
       	>

     

       319
       319
       +
       		<span class="truncate text-sm font-normal opacity-90">

     

       320
       320
       +
       			{type === 'replying' ? 'replying to' : 'quoting'}

     

       321
       321
       +
       		</span>

     

       322
       322
       +
       		<div class="shrink-0">

     

       323
       323
       +
       			<ProfilePicture {client} did={parsedUri.repo} size={5} />

     

       324
       324
       +
       		</div>

     

       325
       325
       +
       	</div>

     

       326
       326
       +
       {/snippet}

     

       327
       327
       +
       

     

       328
       328
       +
       {#snippet highlighter(text: string)}

     

       329
       329
       +
       	{#each tokenize(text) as token, idx (idx)}

     

       330
       330
       +
       		{@const highlighted =

     

       331
       331
       +
       			token.type === 'mention' ||

     

       332
       332
       +
       			token.type === 'topic' ||

     

       333
       333
       +
       			token.type === 'link' ||

     

       334
       334
       +
       			token.type === 'autolink'}

     

       335
       335
       +
       		<span class={highlighted ? 'text-(--nucleus-accent2)' : ''}>{token.raw}</span>

     

       336
       336
       +
       	{/each}

     

       337
       337
       +
       	{#if text.endsWith('\n')}

     

       338
       338
       +
       		<br />

     

       339
       339
       +
       	{/if}

     

       340
       340
       +
       {/snippet}

     

       341
       341
       +
       

     

       342
       342
       +
       {#snippet uploadControls(blobUrl: string, remove: () => void)}

     

       343
       343
       +
       	{@const upload = _state.blobsState.get(blobUrl)}

     

       344
       344
       +
       	{#if upload !== undefined && upload.state === 'uploading'}

     

       345
       345
       +
       		<div

     

       346
       346
       +
       			class="absolute top-2 right-2 z-10 flex items-center gap-2 rounded-sm bg-black/70 p-1.5 text-sm backdrop-blur-sm"

     

       347
       347
       +
       		>

     

       348
       348
       +
       			<div class="flex justify-center">

     

       349
       349
       +
       				<div

     

       350
       350
       +
       					class="h-5 w-5 animate-spin rounded-full border-4 border-t-transparent"

     

       351
       351
       +
       					style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       352
       352
       +
       				></div>

     

       353
       353
       +
       			</div>

     

       354
       354
       +
       			<span class="font-medium">{Math.round(upload.progress * 100)}%</span>

     

       355
       355
       +
       		</div>

     

       356
       356
       +
       	{:else}

     

       357
       357
       +
       		<div class="absolute top-2 right-2 z-10 flex items-center gap-1">

     

       358
       358
       +
       			{#if upload !== undefined && upload.state === 'error'}

     

       359
       359
       +
       				<span

     

       360
       360
       +
       					class="rounded-sm bg-black/70 p-1.5 px-1 text-sm font-bold text-red-500 backdrop-blur-sm"

     

       361
       361
       +
       					>{upload.message}</span

     

       362
       362
       +
       				>

     

       363
       363
       +
       			{/if}

     

       364
       364
       +
       			<button

     

       365
       365
       +
       				onclick={(e) => {

     

       366
       366
       +
       					e.preventDefault();

     

       367
       367
       +
       					e.stopPropagation();

     

       368
       368
       +
       					remove();

     

       369
       369
       +
       				}}

     

       370
       370
       +
       				onmousedown={(e) => e.preventDefault()}

     

       371
       371
       +
       				class="rounded-sm bg-black/70 p-1.5 backdrop-blur-sm {upload?.state !== 'error'

     

       372
       372
       +
       					? 'opacity-0 transition-opacity group-hover:opacity-100'

     

       373
       373
       +
       					: ''}"

     

       374
       374
       +
       			>

     

       375
       375
       +
       				{#if upload?.state === 'error'}

     

       376
       376
       +
       					<Icon

     

       377
       377
       +
       						class="text-red-500 group-hover:hidden"

     

       378
       378
       +
       						icon="heroicons:exclamation-circle-16-solid"

     

       379
       379
       +
       						width={20}

     

       380
       380
       +
       					/>

     

       381
       381
       +
       				{/if}

     

       382
       382
       +
       				<Icon

     

       383
       383
       +
       					class={upload?.state === 'error' ? 'hidden group-hover:block' : ''}

     

       384
       384
       +
       					icon="heroicons:x-mark-16-solid"

     

       385
       385
       +
       					width={20}

     

       386
       386
       +
       				/>

     

       387
       387
       +
       			</button>

     

       388
       388
       +
       		</div>

     

       389
       389
       +
       	{/if}

     

       390
       390
       +
       {/snippet}

     

       391
       391
       +
       

     

       392
       392
       +
       {#snippet mediaPreview(embed: AppBskyEmbedMedia)}

     

       393
       393
       +
       	{#if embed.$type === 'app.bsky.embed.images'}

     

       394
       394
       +
       		<div class="image-preview-grid" data-total={embed.images.length}>

     

       395
       395
       +
       			{#each embed.images as image, idx (idx)}

     

       396
       396
       +
       				{@const blobUrl = (image.image as AtpBlob<string>).ref.$link}

     

       397
       397
       +
       				<div class="image-preview-item group">

     

       398
       398
       +
       					<img src={blobUrl} alt="" />

     

       399
       399
       +
       					{@render uploadControls(blobUrl, () => removeMediaAtIndex(idx))}

     

       400
       400
       +
       				</div>

     

       401
       401
       +
       			{/each}

     

       402
       402
       +
       		</div>

     

       403
       403
       +
       	{:else if embed.$type === 'app.bsky.embed.video'}

     

       404
       404
       +
       		{@const blobUrl = (embed.video as AtpBlob<string>).ref.$link}

     

       405
       405
       +
       		<div

     

       406
       406
       +
       			class="group relative max-h-[30vh] overflow-hidden rounded-sm"

     

       407
       407
       +
       			style="aspect-ratio: 16/10;"

     

       408
       408
       +
       		>

     

       409
       409
       +
       			<!-- svelte-ignore a11y_media_has_caption -->

     

       410
       410
       +
       			<video src={blobUrl} controls class="h-full w-full"></video>

     

       411
       411
       +
       			{@render uploadControls(blobUrl, removeMedia)}

     

       412
       412
       +
       		</div>

     

       413
       413
       +
       	{/if}

     

       414
       414
       +
       {/snippet}

     

       415
       415
       +
       

     

       416
       416
       +
       {#snippet composer(replying?: PostWithUri, quoting?: PostWithUri)}

     

       417
       417
       +
       	{@const hasIncompleteUpload = _state.blobsState

     

       418
       418
       +
       		.values()

     

       419
       419
       +
       		.some((s) => s.state === 'uploading' || s.state === 'error')}

     

       420
       420
       +
       	<div class="flex items-center gap-2">

     

       421
       421
       +
       		<input

     

       422
       422
       +
       			bind:this={fileInputEl}

     

       423
       423
       +
       			type="file"

     

       424
       424
       +
       			accept="image/*,video/*"

     

       425
       425
       +
       			multiple

     

       426
       426
       +
       			onchange={handleFileSelect}

     

       427
       427
       +
       			oncancel={() => (selectingFile = false)}

     

       428
       428
       +
       			class="hidden"

     

       429
       429
       +
       		/>

     

       430
       430
       +
       		<button

     

       431
       431
       +
       			onclick={(e) => {

     

       432
       432
       +
       				e.preventDefault();

     

       433
       433
       +
       				e.stopPropagation();

     

       434
       434
       +
       				selectingFile = true;

     

       435
       435
       +
       				fileInputEl?.click();

     

       436
       436
       +
       			}}

     

       437
       437
       +
       			onmousedown={(e) => e.preventDefault()}

     

       438
       438
       +
       			disabled={_state.attachedMedia?.$type === 'app.bsky.embed.video' ||

     

       439
       439
       +
       				(_state.attachedMedia?.$type === 'app.bsky.embed.images' &&

     

       440
       440
       +
       					_state.attachedMedia.images.length >= 4)}

     

       441
       441
       +
       			class="rounded-sm p-1.5 transition-all duration-150 enabled:hover:scale-110 disabled:cursor-not-allowed disabled:opacity-50"

     

       442
       442
       +
       			style="background: color-mix(in srgb, {color} 15%, transparent); color: {color};"

     

       443
       443
       +
       			title="attach media"

     

       444
       444
       +
       		>

     

       445
       445
       +
       			<Icon icon="heroicons:photo-16-solid" width={20} />

     

       446
       446
       +
       		</button>

     

       447
       447
       +
       		{#if postError.length > 0}

     

       448
       448
       +
       			<div class="group flex items-center gap-2 truncate rounded-sm bg-red-500 p-1.5">

     

       449
       449
       +
       				<button onclick={() => (postError = '')}>

     

       450
       450
       +
       					<Icon

     

       451
       451
       +
       						class="group-hover:hidden"

     

       452
       452
       +
       						icon="heroicons:exclamation-circle-16-solid"

     

       453
       453
       +
       						width={20}

     

       454
       454
       +
       					/>

     

       455
       455
       +
       					<Icon class="hidden group-hover:block" icon="heroicons:x-mark-16-solid" width={20} />

     

       456
       456
       +
       				</button>

     

       457
       457
       +
       				<span title={postError} class="truncate text-sm font-bold">{postError}</span>

     

       458
       458
       +
       			</div>

     

       459
       459
       +
       		{/if}

     

       460
       460
       +
       		<div class="grow"></div>

     

       461
       461
       +
       		{#if posting}

     

       462
       462
       +
       			<div

     

       463
       463
       +
       				class="h-6 w-6 animate-spin rounded-full border-4 border-t-transparent"

     

       464
       464
       +
       				style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       465
       465
       +
       			></div>

     

       466
       466
       +
       		{/if}

     

       467
       467
       +
       		<span

     

       468
       468
       +
       			class="text-sm font-medium text-nowrap"

     

       469
       469
       +
       			style="color: color-mix(in srgb, {_state.text.length > 300

     

       470
       470
       +
       				? '#ef4444'

     

       471
       471
       +
       				: 'var(--nucleus-fg)'} 53%, transparent);"

     

       472
       472
       +
       		>

     

       473
       473
       +
       			{_state.text.length} / 300

     

       474
       474
       +
       		</span>

     

       475
       475
       +
       		<button

     

       476
       476
       +
       			onmousedown={(e) => e.preventDefault()}

     

       477
       477
       +
       			onclick={doPost}

     

       478
       478
       +
       			disabled={(!_state.attachedMedia && _state.text.length === 0) ||

     

       479
       479
       +
       				_state.text.length > 300 ||

     

       480
       480
       +
       				hasIncompleteUpload}

     

       481
       481
       +
       			class="action-button border-none px-4 py-1.5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed! disabled:opacity-50 disabled:hover:scale-100"

     

       482
       482
       +
       			style="background: color-mix(in srgb, {color} 87%, transparent);"

     

       483
       483
       +
       		>

     

       484
       484
       +
       			post

     

       485
       485
       +
       		</button>

     

       486
       486
       +
       	</div>

     

       487
       487
       +
       	{#if replying}

     

       488
       488
       +
       		{@render attachedPost(replying, 'replying')}

     

       489
       489
       +
       	{/if}

     

       490
       490
       +
       	<div class="composer space-y-2">

     

       491
       491
       +
       		<div class="relative grid">

     

       492
       492
       +
       			<!-- todo: replace this with a proper rich text editor -->

     

       493
       493
       +
       			<div

     

       494
       494
       +
       				class="pointer-events-none col-start-1 row-start-1 min-h-[5lh] w-full bg-transparent text-wrap break-all whitespace-pre-wrap text-(--nucleus-fg)"

     

       495
       495
       +
       				aria-hidden="true"

     

       496
       496
       +
       			>

     

       497
       497
       +
       				{@render highlighter(_state.text)}

     

       498
       498
       +
       			</div>

     

       499
       499
       +
       

     

       500
       500
       +
       			<textarea

     

       501
       501
       +
       				bind:this={textareaEl}

     

       502
       502
       +
       				bind:value={_state.text}

     

       503
       503
       +
       				onfocus={() => (_state.focus = 'focused')}

     

       504
       504
       +
       				onblur={() => (!selectingFile ? unfocus() : null)}

     

       505
       505
       +
       				onkeydown={(event) => {

     

       506
       506
       +
       					if (event.key === 'Escape') unfocus();

     

       507
       507
       +
       					if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();

     

       508
       508
       +
       				}}

     

       509
       509
       +
       				placeholder="what's on your mind?"

     

       510
       510
       +
       				rows="4"

     

       511
       511
       +
       				class="col-start-1 row-start-1 field-sizing-content min-h-[5lh] w-full resize-none overflow-hidden bg-transparent text-wrap break-all whitespace-pre-wrap text-transparent caret-(--nucleus-fg) placeholder:text-(--nucleus-fg)/45"

     

       512
       512
       +
       			></textarea>

     

       513
       513
       +
       		</div>

     

       514
       514
       +
       		{#if _state.attachedMedia}

     

       515
       515
       +
       			{@render mediaPreview(_state.attachedMedia)}

     

       516
       516
       +
       		{/if}

     

       517
       517
       +
       		{#if quoting}

     

       518
       518
       +
       			{@render attachedPost(quoting, 'quoting')}

     

       519
       519
       +
       		{/if}

     

       520
       520
       +
       	</div>

     

       521
       521
       +
       {/snippet}

     

       522
       522
       +
       

     

       523
       523
       +
       <div class="relative min-h-13">

     

       74
       524
        
       	<!-- Spacer to maintain layout when focused -->

     

       75
       525
        
       	{#if isFocused}

     

       76
       76
       -
       		<div class="min-h-16"></div>

     

       526
       526
       +
       		<div class="min-h-13"></div>

     

       77
       527
        
       	{/if}

     

       78
       528
        
       

     

       529
       529
       +
       	<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       79
       530
        
       	<div

     

       80
       80
       -
       		class="flex max-w-full rounded-sm border-2 shadow-lg backdrop-blur-lg transition-all duration-300"

     

       81
       81
       -
       		class:min-h-16={!isFocused}

     

       82
       82
       -
       		class:items-center={!isFocused}

     

       83
       83
       -
       		class:shadow-2xl={isFocused}

     

       84
       84
       -
       		class:absolute={isFocused}

     

       85
       85
       -
       		class:top-0={isFocused}

     

       86
       86
       -
       		class:left-0={isFocused}

     

       87
       87
       -
       		class:right-0={isFocused}

     

       88
       88
       -
       		class:z-50={isFocused}

     

       531
       531
       +
       		onmousedown={(e) => {

     

       532
       532
       +
       			if (isFocused) e.preventDefault();

     

       533
       533
       +
       		}}

     

       534
       534
       +
       		class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300

     

       535
       535
       +
       			{!isFocused ? 'min-h-13 items-center' : ''}

     

       536
       536
       +
       			{isFocused ? 'absolute right-0 bottom-0 left-0 z-50 shadow-2xl' : ''}"

     

       89
       537
        
       		style="background: {isFocused

     

       90
       90
       -
       			? `${theme.bg}f0`

     

       91
       91
       -
       			: `${theme.accent}18`}; border-color: {theme.accent}{isFocused ? '' : '66'};"

     

       538
       538
       +
       			? `color-mix(in srgb, var(--nucleus-bg) 75%, ${color})`

     

       539
       539
       +
       			: `color-mix(in srgb, color-mix(in srgb, var(--nucleus-bg) 85%, ${color}) 70%, transparent)`};

     

       540
       540
       +
       			border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);"

     

       92
       541
        
       	>

     

       93
       93
       -
       		<div class="w-full p-2" class:py-3={isFocused}>

     

       94
       94
       -
       			{#if info.length > 0}

     

       542
       542
       +
       		<div class="w-full p-1 px-2">

     

       543
       543
       +
       			{#if !client.atcute}

     

       95
       544
        
       				<div

     

       96
       545
        
       					class="rounded-sm px-3 py-1.5 text-center font-medium text-nowrap overflow-ellipsis"

     

       97
       97
       -
       					style="background: {theme.accent}22; color: {theme.accent};"

     

       546
       546
       +
       					style="background: color-mix(in srgb, {color} 13%, transparent); color: {color};"

     

       98
       547
        
       				>

     

       99
       99
       -
       					{info}

     

       548
       548
       +
       					not logged in

     

       100
       549
        
       				</div>

     

       101
       550
        
       			{:else}

     

       102
       102
       -
       				<div class="flex flex-col gap-2">

     

       103
       103
       -
       					{#if isFocused}

     

       104
       104
       -
       						<textarea

     

       105
       105
       -
       							bind:this={textareaEl}

     

       106
       106
       -
       							bind:value={postText}

     

       107
       107
       -
       							onfocus={() => (isFocused = true)}

     

       108
       108
       -
       							onblur={() => (isFocused = false)}

     

       109
       109
       -
       							oninput={(e) => {

     

       110
       110
       -
       								const target = e.currentTarget;

     

       111
       111
       -
       								if (target.value.length > 300) {

     

       112
       112
       -
       									target.value = target.value.slice(0, 300);

     

       113
       113
       -
       									postText = target.value;

     

       114
       114
       -
       								}

     

       115
       115
       -
       							}}

     

       116
       116
       -
       							onkeydown={(event) => {

     

       117
       117
       -
       								if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {

     

       118
       118
       -
       									doPost();

     

       119
       119
       -
       								}

     

       551
       551
       +
       				<div class="flex flex-col gap-1">

     

       552
       552
       +
       					{#if _state.focus === 'focused'}

     

       553
       553
       +
       						{@render composer(_state.replying, _state.quoting)}

     

       554
       554
       +
       					{:else}

     

       555
       555
       +
       						<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       556
       556
       +
       						<div

     

       557
       557
       +
       							class="composer relative flex cursor-text items-center gap-0 py-0! transition-all hover:brightness-110"

     

       558
       558
       +
       							onmousedown={(e) => {

     

       559
       559
       +
       								if (e.defaultPrevented) return;

     

       560
       560
       +
       								_state.focus = 'focused';

     

       120
       561
        
       							}}

     

       121
       121
       -
       							placeholder="what's on your mind?"

     

       122
       122
       -
       							rows="4"

     

       123
       123
       -
       							class="placeholder-opacity-50 w-full resize-none rounded-sm border-2 px-3 py-2 text-sm font-medium transition-all focus:outline-none"

     

       124
       124
       -
       							style="background: {theme.bg}66; border-color: {theme.accent}44; color: {theme.fg};"

     

       125
       125
       -
       						></textarea>

     

       126
       126
       -
       						<div class="flex items-center gap-2">

     

       127
       127
       -
       							<div class="grow"></div>

     

       128
       128
       -
       							<span

     

       129
       129
       -
       								class="text-sm font-medium"

     

       130
       130
       -
       								style="color: {postText.length > 300 ? '#ef4444' : theme.fg}88;"

     

       131
       131
       -
       							>

     

       132
       132
       -
       								{postText.length} / 300

     

       133
       133
       -
       							</span>

     

       134
       134
       -
       							<button

     

       135
       135
       -
       								onclick={doPost}

     

       136
       136
       -
       								disabled={postText.length === 0 || postText.length > 300}

     

       137
       137
       -
       								class="rounded-sm border-none px-5 py-2 text-sm font-bold transition-all hover:scale-105 hover:shadow-xl disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"

     

       138
       138
       -
       								style="background: linear-gradient(120deg, {theme.accent}c0, {theme.accent2}c0); color: {theme.fg}f0;"

     

       139
       139
       -
       							>

     

       140
       140
       -
       								post

     

       141
       141
       -
       							</button>

     

       562
       562
       +
       						>

     

       563
       563
       +
       							{#if _state.replying}

     

       564
       564
       +
       								{@render attachmentIndicator(_state.replying, 'replying')}

     

       565
       565
       +
       							{/if}

     

       566
       566
       +
       							<input

     

       567
       567
       +
       								bind:value={_state.text}

     

       568
       568
       +
       								onfocus={() => (_state.focus = 'focused')}

     

       569
       569
       +
       								type="text"

     

       570
       570
       +
       								placeholder="what's on your mind?"

     

       571
       571
       +
       								class="min-w-0 flex-1 border-none bg-transparent outline-none placeholder:text-(--nucleus-fg)/45 focus:ring-0"

     

       572
       572
       +
       							/>

     

       573
       573
       +
       							{#if _state.quoting}

     

       574
       574
       +
       								{@render attachmentIndicator(_state.quoting, 'quoting')}

     

       575
       575
       +
       							{/if}

     

       142
       576
        
       						</div>

     

       143
       143
       -
       					{:else}

     

       144
       144
       -
       						<input

     

       145
       145
       -
       							bind:value={postText}

     

       146
       146
       -
       							onfocus={() => (isFocused = true)}

     

       147
       147
       -
       							onkeydown={(event) => {

     

       148
       148
       -
       								if (event.key === 'Enter') doPost();

     

       149
       149
       -
       							}}

     

       150
       150
       -
       							type="text"

     

       151
       151
       -
       							placeholder="what's on your mind?"

     

       152
       152
       -
       							class="placeholder-opacity-50 flex-1 rounded-sm border-2 px-3 py-2 text-sm font-medium transition-all focus:outline-none"

     

       153
       153
       -
       							style="background: {theme.bg}66; border-color: {theme.accent}44; color: {theme.fg};"

     

       154
       154
       -
       						/>

     

       155
       577
        
       					{/if}

     

       156
       578
        
       				</div>

     

       157
       579
        
       			{/if}

     

       158
       580
        
       		</div>

     

       159
       581
        
       	</div>

     

       160
       582
        
       </div>

     

       583
       583
       +
       

     

       584
       584
       +
       <style>

     

       585
       585
       +
       	@reference "../app.css";

     

       586
       586
       +
       

     

       587
       587
       +
       	input,

     

       588
       588
       +
       	.composer {

     

       589
       589
       +
       		@apply single-line-input bg-(--nucleus-bg)/35;

     

       590
       590
       +
       		border-color: color-mix(in srgb, var(--acc-color) 30%, transparent);

     

       591
       591
       +
       	}

     

       592
       592
       +
       

     

       593
       593
       +
       	.composer {

     

       594
       594
       +
       		@apply p-1;

     

       595
       595
       +
       	}

     

       596
       596
       +
       

     

       597
       597
       +
       	textarea {

     

       598
       598
       +
       		@apply w-full p-0;

     

       599
       599
       +
       	}

     

       600
       600
       +
       

     

       601
       601
       +
       	input {

     

       602
       602
       +
       		@apply p-1.5;

     

       603
       603
       +
       	}

     

       604
       604
       +
       

     

       605
       605
       +
       	.composer {

     

       606
       606
       +
       		@apply focus:scale-100;

     

       607
       607
       +
       	}

     

       608
       608
       +
       

     

       609
       609
       +
       	input::placeholder {

     

       610
       610
       +
       		color: color-mix(in srgb, var(--acc-color) 45%, var(--nucleus-bg));

     

       611
       611
       +
       	}

     

       612
       612
       +
       

     

       613
       613
       +
       	textarea:focus {

     

       614
       614
       +
       		@apply border-none! [box-shadow:none]! outline-none!;

     

       615
       615
       +
       	}

     

       616
       616
       +
       

     

       617
       617
       +
       	/* Image preview grid - based on PhotoSwipeGallery */

     

       618
       618
       +
       	.image-preview-grid {

     

       619
       619
       +
       		display: grid;

     

       620
       620
       +
       		gap: 2px;

     

       621
       621
       +
       		border-radius: 4px;

     

       622
       622
       +
       		overflow: hidden;

     

       623
       623
       +
       		width: 100%;

     

       624
       624
       +
       		max-height: 30vh;

     

       625
       625
       +
       	}

     

       626
       626
       +
       

     

       627
       627
       +
       	.image-preview-item {

     

       628
       628
       +
       		width: 100%;

     

       629
       629
       +
       		height: 100%;

     

       630
       630
       +
       		display: block;

     

       631
       631
       +
       		position: relative;

     

       632
       632
       +
       		overflow: hidden;

     

       633
       633
       +
       		border-radius: 4px;

     

       634
       634
       +
       	}

     

       635
       635
       +
       

     

       636
       636
       +
       	.image-preview-item > img {

     

       637
       637
       +
       		width: 100%;

     

       638
       638
       +
       		height: 100%;

     

       639
       639
       +
       		object-fit: cover;

     

       640
       640
       +
       	}

     

       641
       641
       +
       

     

       642
       642
       +
       	/* Single image: natural aspect ratio */

     

       643
       643
       +
       	.image-preview-grid[data-total='1'] {

     

       644
       644
       +
       		display: block;

     

       645
       645
       +
       		height: auto;

     

       646
       646
       +
       		width: 100%;

     

       647
       647
       +
       		border-radius: 0;

     

       648
       648
       +
       	}

     

       649
       649
       +
       

     

       650
       650
       +
       	.image-preview-grid[data-total='1'] .image-preview-item {

     

       651
       651
       +
       		width: 100%;

     

       652
       652
       +
       		height: auto;

     

       653
       653
       +
       		display: block;

     

       654
       654
       +
       		border-radius: 4px;

     

       655
       655
       +
       	}

     

       656
       656
       +
       

     

       657
       657
       +
       	.image-preview-grid[data-total='1'] .image-preview-item > img {

     

       658
       658
       +
       		width: 100%;

     

       659
       659
       +
       		height: auto;

     

       660
       660
       +
       		max-height: 60vh;

     

       661
       661
       +
       		object-fit: contain;

     

       662
       662
       +
       	}

     

       663
       663
       +
       

     

       664
       664
       +
       	/* 2 Images: Split vertically */

     

       665
       665
       +
       	.image-preview-grid[data-total='2'] {

     

       666
       666
       +
       		grid-template-columns: 1fr 1fr;

     

       667
       667
       +
       		grid-template-rows: 1fr;

     

       668
       668
       +
       		aspect-ratio: 16/9;

     

       669
       669
       +
       	}

     

       670
       670
       +
       

     

       671
       671
       +
       	/* 3 Images: 1 Big (left), 2 Small (stacked right) */

     

       672
       672
       +
       	.image-preview-grid[data-total='3'] {

     

       673
       673
       +
       		grid-template-columns: 1fr 1fr;

     

       674
       674
       +
       		grid-template-rows: 1fr 1fr;

     

       675
       675
       +
       		aspect-ratio: 16/9;

     

       676
       676
       +
       	}

     

       677
       677
       +
       	.image-preview-grid[data-total='3'] .image-preview-item:first-child {

     

       678
       678
       +
       		grid-row: span 2;

     

       679
       679
       +
       	}

     

       680
       680
       +
       

     

       681
       681
       +
       	/* 4 Images: 2x2 Grid */

     

       682
       682
       +
       	.image-preview-grid[data-total='4'] {

     

       683
       683
       +
       		grid-template-columns: 1fr 1fr;

     

       684
       684
       +
       		grid-template-rows: 1fr 1fr;

     

       685
       685
       +
       		aspect-ratio: 16/9;

     

       686
       686
       +
       	}

     

       687
       687
       +
       </style>

+96

src/components/ProfileInfo.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { AtpClient, resolveDidDoc } from '$lib/at/client';

     

       3
       3
       +
       	import type { Did, Handle } from '@atcute/lexicons/syntax';

     

       4
       4
       +
       	import type { AppBskyActorProfile } from '@atcute/bluesky';

     

       5
       5
       +
       	import ProfilePicture from './ProfilePicture.svelte';

     

       6
       6
       +
       	import RichText from './RichText.svelte';

     

       7
       7
       +
       	import { onMount } from 'svelte';

     

       8
       8
       +
       	import { handles, profiles } from '$lib/state.svelte';

     

       9
       9
       +
       

     

       10
       10
       +
       	interface Props {

     

       11
       11
       +
       		client: AtpClient;

     

       12
       12
       +
       		did: Did;

     

       13
       13
       +
       		handle?: Handle;

     

       14
       14
       +
       		profile?: AppBskyActorProfile.Main | null;

     

       15
       15
       +
       	}

     

       16
       16
       +
       

     

       17
       17
       +
       	let {

     

       18
       18
       +
       		client,

     

       19
       19
       +
       		did,

     

       20
       20
       +
       		handle = handles.get(did),

     

       21
       21
       +
       		profile = $bindable(profiles.get(did) ?? null)

     

       22
       22
       +
       	}: Props = $props();

     

       23
       23
       +
       

     

       24
       24
       +
       	onMount(async () => {

     

       25
       25
       +
       		await Promise.all([

     

       26
       26
       +
       			(async () => {

     

       27
       27
       +
       				if (profile) return;

     

       28
       28
       +
       				const res = await client.getProfile(did);

     

       29
       29
       +
       				if (!res.ok) return;

     

       30
       30
       +
       				profile = res.value;

     

       31
       31
       +
       				profiles.set(did, res.value);

     

       32
       32
       +
       			})(),

     

       33
       33
       +
       			(async () => {

     

       34
       34
       +
       				if (handle) return;

     

       35
       35
       +
       				const res = await resolveDidDoc(did);

     

       36
       36
       +
       				if (!res.ok) return;

     

       37
       37
       +
       				handle = res.value.handle;

     

       38
       38
       +
       				handles.set(did, res.value.handle);

     

       39
       39
       +
       			})()

     

       40
       40
       +
       		]);

     

       41
       41
       +
       	});

     

       42
       42
       +
       

     

       43
       43
       +
       	let displayHandle = $derived(handle ?? 'handle.invalid');

     

       44
       44
       +
       	let profileDesc = $derived(profile?.description?.trim() ?? '');

     

       45
       45
       +
       	let profileDisplayName = $derived(profile?.displayName ?? '');

     

       46
       46
       +
       	let showDid = $state(false);

     

       47
       47
       +
       </script>

     

       48
       48
       +
       

     

       49
       49
       +
       <div class="flex flex-col gap-2">

     

       50
       50
       +
       	<div class="flex items-center gap-2">

     

       51
       51
       +
       		<ProfilePicture {client} {did} size={20} />

     

       52
       52
       +
       

     

       53
       53
       +
       		<div class="flex min-w-0 flex-col items-start overflow-hidden overflow-ellipsis">

     

       54
       54
       +
       			<span class="mb-1.5 min-w-0 overflow-hidden text-2xl text-nowrap overflow-ellipsis">

     

       55
       55
       +
       				{profileDisplayName.length > 0 ? profileDisplayName : displayHandle}

     

       56
       56
       +
       				{#if profile?.pronouns}

     

       57
       57
       +
       					<span class="shrink-0 text-sm text-nowrap opacity-60">({profile.pronouns})</span>

     

       58
       58
       +
       				{/if}

     

       59
       59
       +
       			</span>

     

       60
       60
       +
       			<button

     

       61
       61
       +
       				oncontextmenu={(e) => {

     

       62
       62
       +
       					e.stopPropagation();

     

       63
       63
       +
       					const node = e.target as Node;

     

       64
       64
       +
       					const selection = window.getSelection() ?? new Selection();

     

       65
       65
       +
       					const range = document.createRange();

     

       66
       66
       +
       					range.selectNodeContents(node);

     

       67
       67
       +
       					selection.removeAllRanges();

     

       68
       68
       +
       					selection.addRange(range);

     

       69
       69
       +
       				}}

     

       70
       70
       +
       				onmousedown={(e) => {

     

       71
       71
       +
       					// disable double clicks to disable "double click to select text"

     

       72
       72
       +
       					// since it doesnt work with us toggling did vs handle

     

       73
       73
       +
       					if (e.detail > 1) e.preventDefault();

     

       74
       74
       +
       				}}

     

       75
       75
       +
       				onclick={() => (showDid = !showDid)}

     

       76
       76
       +
       				class="mb-0.5 text-nowrap opacity-85 select-text hover:underline"

     

       77
       77
       +
       			>

     

       78
       78
       +
       				{showDid ? did : `@${displayHandle}`}

     

       79
       79
       +
       			</button>

     

       80
       80
       +
       			{#if profile?.website}

     

       81
       81
       +
       				<a

     

       82
       82
       +
       					target="_blank"

     

       83
       83
       +
       					rel="noopener noreferrer"

     

       84
       84
       +
       					href={profile.website}

     

       85
       85
       +
       					class="text-sm text-nowrap opacity-60 hover:underline">{profile.website}</a

     

       86
       86
       +
       				>

     

       87
       87
       +
       			{/if}

     

       88
       88
       +
       		</div>

     

       89
       89
       +
       	</div>

     

       90
       90
       +
       

     

       91
       91
       +
       	{#if profileDesc.length > 0}

     

       92
       92
       +
       		<div class="rounded-sm bg-black/25 p-1.5 text-wrap wrap-break-word">

     

       93
       93
       +
       			<RichText text={profileDesc} />

     

       94
       94
       +
       		</div>

     

       95
       95
       +
       	{/if}

     

       96
       96
       +
       </div>

+60

src/components/ProfilePicture.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { generateColorForDid } from '$lib/accounts';

     

       3
       3
       +
       	import type { AtpClient } from '$lib/at/client';

     

       4
       4
       +
       	import { isBlob } from '@atcute/lexicons/interfaces';

     

       5
       5
       +
       	import PfpPlaceholder from './PfpPlaceholder.svelte';

     

       6
       6
       +
       	import { img } from '$lib/cdn';

     

       7
       7
       +
       	import type { Did } from '@atcute/lexicons';

     

       8
       8
       +
       	import { profiles } from '$lib/state.svelte';

     

       9
       9
       +
       

     

       10
       10
       +
       	interface Props {

     

       11
       11
       +
       		client: AtpClient;

     

       12
       12
       +
       		did: Did;

     

       13
       13
       +
       		size: number;

     

       14
       14
       +
       	}

     

       15
       15
       +
       

     

       16
       16
       +
       	let { client, did, size }: Props = $props();

     

       17
       17
       +
       

     

       18
       18
       +
       	// svelte-ignore state_referenced_locally

     

       19
       19
       +
       	let avatarBlob = $state(profiles.get(did)?.avatar);

     

       20
       20
       +
       	const avatarUrl: string | null = $derived(

     

       21
       21
       +
       		isBlob(avatarBlob) ? img('avatar_thumbnail', did, avatarBlob.ref.$link) : null

     

       22
       22
       +
       	);

     

       23
       23
       +
       

     

       24
       24
       +
       	const loadProfile = async (targetDid: Did) => {

     

       25
       25
       +
       		const cachedBlob = profiles.get(did)?.avatar;

     

       26
       26
       +
       		if (cachedBlob) {

     

       27
       27
       +
       			avatarBlob = cachedBlob;

     

       28
       28
       +
       			return;

     

       29
       29
       +
       		}

     

       30
       30
       +
       

     

       31
       31
       +
       		try {

     

       32
       32
       +
       			const profile = await client.getProfile(targetDid);

     

       33
       33
       +
       			if (profile.ok) {

     

       34
       34
       +
       				avatarBlob = profile.value.avatar;

     

       35
       35
       +
       				profiles.set(did, profile.value);

     

       36
       36
       +
       			} else avatarBlob = undefined;

     

       37
       37
       +
       		} catch (e) {

     

       38
       38
       +
       			console.error(`${targetDid}: failed to load pfp`, e);

     

       39
       39
       +
       			avatarBlob = undefined;

     

       40
       40
       +
       		}

     

       41
       41
       +
       	};

     

       42
       42
       +
       

     

       43
       43
       +
       	$effect(() => {

     

       44
       44
       +
       		loadProfile(did);

     

       45
       45
       +
       	});

     

       46
       46
       +
       

     

       47
       47
       +
       	let color = $derived(generateColorForDid(did));

     

       48
       48
       +
       </script>

     

       49
       49
       +
       

     

       50
       50
       +
       {#if avatarUrl}

     

       51
       51
       +
       	<img

     

       52
       52
       +
       		class="rounded-sm bg-(--nucleus-accent)/10"

     

       53
       53
       +
       		loading="lazy"

     

       54
       54
       +
       		style="width: calc(var(--spacing) * {size}); height: calc(var(--spacing) * {size});"

     

       55
       55
       +
       		alt="avatar for {did}"

     

       56
       56
       +
       		src={avatarUrl}

     

       57
       57
       +
       	/>

     

       58
       58
       +
       {:else}

     

       59
       59
       +
       	<PfpPlaceholder {color} {size} />

     

       60
       60
       +
       {/if}

+139

src/components/ProfileView.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { AtpClient, resolveDidDoc, resolveHandle } from '$lib/at/client';

     

       3
       3
       +
       	import {

     

       4
       4
       +
       		isHandle,

     

       5
       5
       +
       		type ActorIdentifier,

     

       6
       6
       +
       		type AtprotoDid,

     

       7
       7
       +
       		type Did,

     

       8
       8
       +
       		type Handle

     

       9
       9
       +
       	} from '@atcute/lexicons/syntax';

     

       10
       10
       +
       	import TimelineView from './TimelineView.svelte';

     

       11
       11
       +
       	import ProfileInfo from './ProfileInfo.svelte';

     

       12
       12
       +
       	import type { State as PostComposerState } from './PostComposer.svelte';

     

       13
       13
       +
       	import Icon from '@iconify/svelte';

     

       14
       14
       +
       	import { generateColorForDid } from '$lib/accounts';

     

       15
       15
       +
       	import { img } from '$lib/cdn';

     

       16
       16
       +
       	import { isBlob } from '@atcute/lexicons/interfaces';

     

       17
       17
       +
       	import type { AppBskyActorProfile } from '@atcute/bluesky';

     

       18
       18
       +
       	import { onMount } from 'svelte';

     

       19
       19
       +
       	import { handles, profiles } from '$lib/state.svelte';

     

       20
       20
       +
       

     

       21
       21
       +
       	interface Props {

     

       22
       22
       +
       		client: AtpClient;

     

       23
       23
       +
       		actor: string;

     

       24
       24
       +
       		onBack: () => void;

     

       25
       25
       +
       		postComposerState: PostComposerState;

     

       26
       26
       +
       	}

     

       27
       27
       +
       

     

       28
       28
       +
       	let { client, actor, onBack, postComposerState = $bindable() }: Props = $props();

     

       29
       29
       +
       

     

       30
       30
       +
       	let profile = $state<AppBskyActorProfile.Main | null>(profiles.get(actor as Did) ?? null);

     

       31
       31
       +
       	const displayName = $derived(profile?.displayName ?? '');

     

       32
       32
       +
       	let loading = $state(true);

     

       33
       33
       +
       	let error = $state<string | null>(null);

     

       34
       34
       +
       	let did = $state<AtprotoDid | null>(null);

     

       35
       35
       +
       	let handle = $state<Handle | null>(handles.get(actor as Did) ?? null);

     

       36
       36
       +
       

     

       37
       37
       +
       	const loadProfile = async (identifier: ActorIdentifier) => {

     

       38
       38
       +
       		loading = true;

     

       39
       39
       +
       		error = null;

     

       40
       40
       +
       		profile = null;

     

       41
       41
       +
       		handle = isHandle(identifier) ? identifier : null;

     

       42
       42
       +
       

     

       43
       43
       +
       		const resDid = await resolveHandle(identifier);

     

       44
       44
       +
       		if (resDid.ok) did = resDid.value;

     

       45
       45
       +
       		else {

     

       46
       46
       +
       			error = resDid.error;

     

       47
       47
       +
       			loading = false;

     

       48
       48
       +
       			return;

     

       49
       49
       +
       		}

     

       50
       50
       +
       

     

       51
       51
       +
       		if (!handle) handle = handles.get(did) ?? null;

     

       52
       52
       +
       

     

       53
       53
       +
       		if (!handle) {

     

       54
       54
       +
       			const resHandle = await resolveDidDoc(did);

     

       55
       55
       +
       			if (resHandle.ok) {

     

       56
       56
       +
       				handle = resHandle.value.handle;

     

       57
       57
       +
       				handles.set(did, resHandle.value.handle);

     

       58
       58
       +
       			}

     

       59
       59
       +
       		}

     

       60
       60
       +
       

     

       61
       61
       +
       		const res = await client.getProfile(did);

     

       62
       62
       +
       		if (res.ok) {

     

       63
       63
       +
       			profile = res.value;

     

       64
       64
       +
       			profiles.set(did, res.value);

     

       65
       65
       +
       		} else error = res.error;

     

       66
       66
       +
       

     

       67
       67
       +
       		loading = false;

     

       68
       68
       +
       	};

     

       69
       69
       +
       

     

       70
       70
       +
       	onMount(async () => {

     

       71
       71
       +
       		await loadProfile(actor as ActorIdentifier);

     

       72
       72
       +
       	});

     

       73
       73
       +
       

     

       74
       74
       +
       	const color = $derived(did ? generateColorForDid(did) : 'var(--nucleus-fg)');

     

       75
       75
       +
       	const bannerUrl = $derived(

     

       76
       76
       +
       		did && profile && isBlob(profile.banner)

     

       77
       77
       +
       			? img('feed_fullsize', did, profile.banner.ref.$link)

     

       78
       78
       +
       			: null

     

       79
       79
       +
       	);

     

       80
       80
       +
       </script>

     

       81
       81
       +
       

     

       82
       82
       +
       <div class="flex min-h-dvh flex-col">

     

       83
       83
       +
       	<!-- header -->

     

       84
       84
       +
       	<div

     

       85
       85
       +
       		class="sticky top-0 z-20 flex items-center gap-4 border-b-2 bg-(--nucleus-bg)/80 p-4 backdrop-blur-md"

     

       86
       86
       +
       		style="border-color: {color}40;"

     

       87
       87
       +
       	>

     

       88
       88
       +
       		<button

     

       89
       89
       +
       			onclick={onBack}

     

       90
       90
       +
       			class="rounded-full p-1 text-(--nucleus-fg) transition-all hover:bg-(--nucleus-fg)/10"

     

       91
       91
       +
       		>

     

       92
       92
       +
       			<Icon icon="heroicons:arrow-left-20-solid" width={24} />

     

       93
       93
       +
       		</button>

     

       94
       94
       +
       		<h2 class="text-xl font-bold">

     

       95
       95
       +
       			{displayName.length > 0

     

       96
       96
       +
       				? displayName

     

       97
       97
       +
       				: loading

     

       98
       98
       +
       					? 'loading...'

     

       99
       99
       +
       					: (handle ?? actor ?? 'profile')}

     

       100
       100
       +
       		</h2>

     

       101
       101
       +
       	</div>

     

       102
       102
       +
       

     

       103
       103
       +
       	{#if error}

     

       104
       104
       +
       		<div class="p-8 text-center text-red-500">

     

       105
       105
       +
       			<p>failed to load profile: {error}</p>

     

       106
       106
       +
       		</div>

     

       107
       107
       +
       	{:else}

     

       108
       108
       +
       		<!-- banner -->

     

       109
       109
       +
       		<div class="relative h-32 w-full overflow-hidden bg-(--nucleus-fg)/5 md:h-48">

     

       110
       110
       +
       			{#if bannerUrl}

     

       111
       111
       +
       				<img src={bannerUrl} alt="banner" class="h-full w-full object-cover" />

     

       112
       112
       +
       			{/if}

     

       113
       113
       +
       			<div

     

       114
       114
       +
       				class="absolute inset-0 bg-linear-to-b from-transparent to-(--nucleus-bg)"

     

       115
       115
       +
       				style="opacity: 0.8;"

     

       116
       116
       +
       			></div>

     

       117
       117
       +
       		</div>

     

       118
       118
       +
       

     

       119
       119
       +
       		<div class="px-4 pb-4">

     

       120
       120
       +
       			<div class="relative z-10 -mt-12 mb-4">

     

       121
       121
       +
       				{#if did}

     

       122
       122
       +
       					<ProfileInfo {client} {did} bind:profile />

     

       123
       123
       +
       				{/if}

     

       124
       124
       +
       			</div>

     

       125
       125
       +
       

     

       126
       126
       +
       			<div class="my-4 h-px bg-white/10"></div>

     

       127
       127
       +
       

     

       128
       128
       +
       			{#if did}

     

       129
       129
       +
       				<TimelineView

     

       130
       130
       +
       					showReplies={false}

     

       131
       131
       +
       					{client}

     

       132
       132
       +
       					targetDid={did}

     

       133
       133
       +
       					bind:postComposerState

     

       134
       134
       +
       					class="min-h-[50vh]"

     

       135
       135
       +
       				/>

     

       136
       136
       +
       			{/if}

     

       137
       137
       +
       		</div>

     

       138
       138
       +
       	{/if}

     

       139
       139
       +
       </div>

+78

src/components/RichText.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { parseToRichText } from '$lib/richtext';

     

       3
       3
       +
       	import { settings } from '$lib/settings';

     

       4
       4
       +
       	import { router } from '$lib/state.svelte';

     

       5
       5
       +
       	import type { BakedRichtext } from '@atcute/bluesky-richtext-builder';

     

       6
       6
       +
       	import { segmentize, type Facet, type RichtextSegment } from '@atcute/bluesky-richtext-segmenter';

     

       7
       7
       +
       

     

       8
       8
       +
       	interface Props {

     

       9
       9
       +
       		text: string;

     

       10
       10
       +
       		facets?: Facet[];

     

       11
       11
       +
       	}

     

       12
       12
       +
       

     

       13
       13
       +
       	const { text, facets }: Props = $props();

     

       14
       14
       +
       

     

       15
       15
       +
       	const richtext: Promise<BakedRichtext> = $derived(

     

       16
       16
       +
       		facets ? Promise.resolve({ text, facets }) : parseToRichText(text)

     

       17
       17
       +
       	);

     

       18
       18
       +
       

     

       19
       19
       +
       	const handleProfileClick = (e: MouseEvent, did: string) => {

     

       20
       20
       +
       		e.preventDefault();

     

       21
       21
       +
       		router.navigate(`/profile/${did}`);

     

       22
       22
       +
       	};

     

       23
       23
       +
       </script>

     

       24
       24
       +
       

     

       25
       25
       +
       {#snippet plainText(text: string)}

     

       26
       26
       +
       	{#each text.split(/(\s)/) as line, idx (idx)}

     

       27
       27
       +
       		{#if line === '\n'}

     

       28
       28
       +
       			<br />

     

       29
       29
       +
       		{:else}

     

       30
       30
       +
       			{line}

     

       31
       31
       +
       		{/if}

     

       32
       32
       +
       	{/each}

     

       33
       33
       +
       {/snippet}

     

       34
       34
       +
       

     

       35
       35
       +
       {#snippet segments(segments: RichtextSegment[])}

     

       36
       36
       +
       	{#each segments as segment, idx (idx)}

     

       37
       37
       +
       		{@const { text, features: _features } = segment}

     

       38
       38
       +
       		{@const features = _features ?? []}

     

       39
       39
       +
       		{#if features.length > 0}

     

       40
       40
       +
       			{#each features as feature, idx (idx)}

     

       41
       41
       +
       				{#if feature.$type === 'app.bsky.richtext.facet#mention'}

     

       42
       42
       +
       					<a

     

       43
       43
       +
       						class="text-(--nucleus-accent2) hover:cursor-pointer hover:underline"

     

       44
       44
       +
       						href={`/profile/${feature.did}`}

     

       45
       45
       +
       						onclick={(e) => handleProfileClick(e, feature.did)}>{@render plainText(text)}</a

     

       46
       46
       +
       					>

     

       47
       47
       +
       				{:else if feature.$type === 'app.bsky.richtext.facet#link'}

     

       48
       48
       +
       					{@const uri = new URL(feature.uri)}

     

       49
       49
       +
       					{@const text = `${!uri.protocol.startsWith('http') ? `${uri.protocol}//` : ''}${uri.host}${uri.hash.length === 0 && uri.search.length === 0 && uri.pathname === '/' ? '' : uri.pathname}${uri.search}${uri.hash}`}

     

       50
       50
       +
       					<a

     

       51
       51
       +
       						class="text-(--nucleus-accent2)"

     

       52
       52
       +
       						href={uri.href}

     

       53
       53
       +
       						target="_blank"

     

       54
       54
       +
       						rel="noopener noreferrer"

     

       55
       55
       +
       						>{@render plainText(`${text.substring(0, 40)}${text.length > 40 ? '...' : ''}`)}</a

     

       56
       56
       +
       					>

     

       57
       57
       +
       				{:else if feature.$type === 'app.bsky.richtext.facet#tag'}

     

       58
       58
       +
       					<a

     

       59
       59
       +
       						class="text-(--nucleus-accent2)"

     

       60
       60
       +
       						href={`${$settings.socialAppUrl}/search?q=${encodeURIComponent('#' + feature.tag)}`}

     

       61
       61
       +
       						target="_blank"

     

       62
       62
       +
       						rel="noopener noreferrer">{@render plainText(text)}</a

     

       63
       63
       +
       					>

     

       64
       64
       +
       				{:else}

     

       65
       65
       +
       					<span>{@render plainText(text)}</span>

     

       66
       66
       +
       				{/if}

     

       67
       67
       +
       			{/each}

     

       68
       68
       +
       		{:else}

     

       69
       69
       +
       			<span>{@render plainText(text)}</span>

     

       70
       70
       +
       		{/if}

     

       71
       71
       +
       	{/each}

     

       72
       72
       +
       {/snippet}

     

       73
       73
       +
       

     

       74
       74
       +
       {#await richtext}

     

       75
       75
       +
       	{@render plainText(text)}

     

       76
       76
       +
       {:then richtext}

     

       77
       77
       +
       	{@render segments(segmentize(richtext.text, richtext.facets))}

     

       78
       78
       +
       {/await}

+184

src/components/SettingsView.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import { defaultSettings, needsReload, settings } from '$lib/settings';

     

       3
       3
       +
       	import { get } from 'svelte/store';

     

       4
       4
       +
       	import ColorPicker from 'svelte-awesome-color-picker';

     

       5
       5
       +
       	import Tabs from './Tabs.svelte';

     

       6
       6
       +
       	import { portal } from 'svelte-portal';

     

       7
       7
       +
       	import { cache } from '$lib/cache';

     

       8
       8
       +
       	import { router } from '$lib/state.svelte';

     

       9
       9
       +
       

     

       10
       10
       +
       	interface Props {

     

       11
       11
       +
       		tab: string;

     

       12
       12
       +
       	}

     

       13
       13
       +
       

     

       14
       14
       +
       	let { tab }: Props = $props();

     

       15
       15
       +
       

     

       16
       16
       +
       	let localSettings = $state(get(settings));

     

       17
       17
       +
       	let hasReloadChanges = $derived(needsReload($settings, localSettings));

     

       18
       18
       +
       

     

       19
       19
       +
       	$effect(() => {

     

       20
       20
       +
       		$settings.theme = localSettings.theme;

     

       21
       21
       +
       	});

     

       22
       22
       +
       

     

       23
       23
       +
       	const handleSave = () => {

     

       24
       24
       +
       		settings.set(localSettings);

     

       25
       25
       +
       		window.location.reload();

     

       26
       26
       +
       	};

     

       27
       27
       +
       

     

       28
       28
       +
       	const handleReset = () => {

     

       29
       29
       +
       		const confirmed = confirm('reset all settings to defaults?');

     

       30
       30
       +
       		if (!confirmed) return;

     

       31
       31
       +
       		settings.reset();

     

       32
       32
       +
       		window.location.reload();

     

       33
       33
       +
       	};

     

       34
       34
       +
       

     

       35
       35
       +
       	const handleClearCache = () => {

     

       36
       36
       +
       		cache.clear();

     

       37
       37
       +
       		alert('cache cleared!');

     

       38
       38
       +
       	};

     

       39
       39
       +
       

     

       40
       40
       +
       	const onTabChange = (tab: string) => router.replace(`/settings/${tab}`);

     

       41
       41
       +
       </script>

     

       42
       42
       +
       

     

       43
       43
       +
       {#snippet advancedTab()}

     

       44
       44
       +
       	<div class="space-y-3 p-4">

     

       45
       45
       +
       		<div>

     

       46
       46
       +
       			<h3 class="header">api endpoints</h3>

     

       47
       47
       +
       			<div class="borders space-y-4">

     

       48
       48
       +
       				{#snippet _input(name: string, desc: string)}

     

       49
       49
       +
       					<div>

     

       50
       50
       +
       						<label for={name} class="header-desc block">

     

       51
       51
       +
       							{desc}

     

       52
       52
       +
       						</label>

     

       53
       53
       +
       						<input

     

       54
       54
       +
       							id={name}

     

       55
       55
       +
       							type="url"

     

       56
       56
       +
       							bind:value={localSettings.endpoints[name]}

     

       57
       57
       +
       							placeholder={defaultSettings.endpoints[name]}

     

       58
       58
       +
       							class="single-line-input"

     

       59
       59
       +
       						/>

     

       60
       60
       +
       					</div>

     

       61
       61
       +
       				{/snippet}

     

       62
       62
       +
       				{@render _input('slingshot', 'slingshot url (for fetching records & resolving identity)')}

     

       63
       63
       +
       				{@render _input('spacedust', 'spacedust url (for notifications)')}

     

       64
       64
       +
       				{@render _input('constellation', 'constellation url (for backlinks)')}

     

       65
       65
       +
       				{@render _input('jetstream', 'jetstream url (for real-time updates)')}

     

       66
       66
       +
       			</div>

     

       67
       67
       +
       		</div>

     

       68
       68
       +
       

     

       69
       69
       +
       		<div class="borders">

     

       70
       70
       +
       			<label for="social-app-url" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       71
       71
       +
       				social-app url (for when copying links to posts / profiles)

     

       72
       72
       +
       			</label>

     

       73
       73
       +
       			<input

     

       74
       74
       +
       				id="social-app-url"

     

       75
       75
       +
       				type="url"

     

       76
       76
       +
       				bind:value={localSettings.socialAppUrl}

     

       77
       77
       +
       				placeholder={defaultSettings.socialAppUrl}

     

       78
       78
       +
       				class="single-line-input"

     

       79
       79
       +
       			/>

     

       80
       80
       +
       		</div>

     

       81
       81
       +
       

     

       82
       82
       +
       		<h3 class="header">cache management</h3>

     

       83
       83
       +
       		<div class="borders">

     

       84
       84
       +
       			<p class="header-desc">clears cached data (records, DID documents, handles, etc.)</p>

     

       85
       85
       +
       			<button onclick={handleClearCache} class="action-button"> clear cache </button>

     

       86
       86
       +
       		</div>

     

       87
       87
       +
       

     

       88
       88
       +
       		<h3 class="header">reset settings</h3>

     

       89
       89
       +
       		<div class="borders">

     

       90
       90
       +
       			<p class="header-desc">resets all settings to their default values</p>

     

       91
       91
       +
       			<button

     

       92
       92
       +
       				onclick={handleReset}

     

       93
       93
       +
       				class="action-button border-red-600 text-red-600 hover:bg-red-600/20"

     

       94
       94
       +
       			>

     

       95
       95
       +
       				reset to defaults

     

       96
       96
       +
       			</button>

     

       97
       97
       +
       		</div>

     

       98
       98
       +
       	</div>

     

       99
       99
       +
       {/snippet}

     

       100
       100
       +
       

     

       101
       101
       +
       {#snippet styleTab()}

     

       102
       102
       +
       	<div class="space-y-5 p-4">

     

       103
       103
       +
       		<div>

     

       104
       104
       +
       			<h3 class="header">colors</h3>

     

       105
       105
       +
       			<div class="borders">

     

       106
       106
       +
       				{#snippet color(name: string, desc: string)}

     

       107
       107
       +
       					<div>

     

       108
       108
       +
       						<label for={name} class="header-desc block">

     

       109
       109
       +
       							{desc}

     

       110
       110
       +
       						</label>

     

       111
       111
       +
       						<div class="color-picker">

     

       112
       112
       +
       							<ColorPicker

     

       113
       113
       +
       								bind:hex={localSettings.theme[name]}

     

       114
       114
       +
       								isAlpha={false}

     

       115
       115
       +
       								position="responsive"

     

       116
       116
       +
       								label={localSettings.theme[name]}

     

       117
       117
       +
       							/>

     

       118
       118
       +
       						</div>

     

       119
       119
       +
       					</div>

     

       120
       120
       +
       				{/snippet}

     

       121
       121
       +
       				{@render color('fg', 'foreground color')}

     

       122
       122
       +
       				{@render color('bg', 'background color')}

     

       123
       123
       +
       				{@render color('accent', 'accent color')}

     

       124
       124
       +
       				{@render color('accent2', 'secondary accent color')}

     

       125
       125
       +
       			</div>

     

       126
       126
       +
       		</div>

     

       127
       127
       +
       	</div>

     

       128
       128
       +
       {/snippet}

     

       129
       129
       +
       

     

       130
       130
       +
       <div class="flex flex-col">

     

       131
       131
       +
       	<div class="mb-6 flex items-center justify-between p-4 pb-0">

     

       132
       132
       +
       		<div>

     

       133
       133
       +
       			<h2 class="text-3xl font-bold">settings</h2>

     

       134
       134
       +
       			<div class="mt-2 flex gap-2">

     

       135
       135
       +
       				<div class="h-1 w-8 rounded-full bg-(--nucleus-accent)"></div>

     

       136
       136
       +
       				<div class="h-1 w-9.5 rounded-full bg-(--nucleus-accent2)"></div>

     

       137
       137
       +
       			</div>

     

       138
       138
       +
       		</div>

     

       139
       139
       +
       		{#if hasReloadChanges}

     

       140
       140
       +
       			<button onclick={handleSave} class="action-button animate-pulse shadow-lg">

     

       141
       141
       +
       				save & reload

     

       142
       142
       +
       			</button>

     

       143
       143
       +
       		{/if}

     

       144
       144
       +
       	</div>

     

       145
       145
       +
       

     

       146
       146
       +
       	<div class="flex-1">

     

       147
       147
       +
       		{#if tab === 'advanced'}

     

       148
       148
       +
       			{@render advancedTab()}

     

       149
       149
       +
       		{:else if tab === 'moderation'}

     

       150
       150
       +
       			<div class="p-4">

     

       151
       151
       +
       				<div class="flex h-64 items-center justify-center">

     

       152
       152
       +
       					<div class="text-center">

     

       153
       153
       +
       						<div class="mb-4 text-6xl opacity-50">🚧</div>

     

       154
       154
       +
       						<h3 class="text-xl font-bold opacity-80">todo</h3>

     

       155
       155
       +
       					</div>

     

       156
       156
       +
       				</div>

     

       157
       157
       +
       			</div>

     

       158
       158
       +
       		{:else if tab === 'style'}

     

       159
       159
       +
       			{@render styleTab()}

     

       160
       160
       +
       		{/if}

     

       161
       161
       +
       	</div>

     

       162
       162
       +
       

     

       163
       163
       +
       	<div

     

       164
       164
       +
       		use:portal={'#footer-portal'}

     

       165
       165
       +
       		class="

     

       166
       166
       +
       		z-20 w-full max-w-2xl bg-(--nucleus-bg) p-4 pt-2 pb-1 shadow-[0_-10px_20px_-5px_rgba(0,0,0,0.1)]

     

       167
       167
       +
       		"

     

       168
       168
       +
       	>

     

       169
       169
       +
       		<Tabs tabs={['style', 'moderation', 'advanced']} activeTab={tab} {onTabChange} />

     

       170
       170
       +
       	</div>

     

       171
       171
       +
       </div>

     

       172
       172
       +
       

     

       173
       173
       +
       <style>

     

       174
       174
       +
       	@reference "../app.css";

     

       175
       175
       +
       	.borders {

     

       176
       176
       +
       		@apply rounded-sm border-2 border-dashed border-(--nucleus-fg)/10 p-4;

     

       177
       177
       +
       	}

     

       178
       178
       +
       	.header-desc {

     

       179
       179
       +
       		@apply mb-2 text-sm text-(--nucleus-fg)/80;

     

       180
       180
       +
       	}

     

       181
       181
       +
       	.header {

     

       182
       182
       +
       		@apply mb-2 text-lg font-bold;

     

       183
       183
       +
       	}

     

       184
       184
       +
       </style>

+25

src/components/Tabs.svelte

···

       1
       1
       +
       <script lang="ts" generics="T extends string">

     

       2
       2
       +
       	interface Props {

     

       3
       3
       +
       		tabs: T[];

     

       4
       4
       +
       		activeTab: T;

     

       5
       5
       +
       		onTabChange: (tab: T) => void;

     

       6
       6
       +
       	}

     

       7
       7
       +
       

     

       8
       8
       +
       	let { tabs, activeTab = $bindable(), onTabChange }: Props = $props();

     

       9
       9
       +
       </script>

     

       10
       10
       +
       

     

       11
       11
       +
       <div class="flex rounded border-x-3 border-b-3 border-(--nucleus-accent)/20">

     

       12
       12
       +
       	{#each tabs as tab (tab)}

     

       13
       13
       +
       		{@const isActive = activeTab === tab}

     

       14
       14
       +
       		<button

     

       15
       15
       +
       			onclick={() => onTabChange(tab)}

     

       16
       16
       +
       			class="flex-1 border-t-3 px-4 py-3

     

       17
       17
       +
       			font-semibold transition-colors hover:cursor-pointer

     

       18
       18
       +
       			{isActive

     

       19
       19
       +
       				? 'rounded-t border-(--nucleus-accent) bg-(--nucleus-accent)/20 text-(--nucleus-accent)'

     

       20
       20
       +
       				: 'border-(--nucleus-accent)/20 bg-transparent text-(--nucleus-fg)/60 hover:bg-(--nucleus-accent)/10'}"

     

       21
       21
       +
       		>

     

       22
       22
       +
       			{tab}

     

       23
       23
       +
       		</button>

     

       24
       24
       +
       	{/each}

     

       25
       25
       +
       </div>

+209

src/components/TimelineView.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import BskyPost from './BskyPost.svelte';

     

       3
       3
       +
       	import { type State as PostComposerState } from './PostComposer.svelte';

     

       4
       4
       +
       	import { AtpClient } from '$lib/at/client';

     

       5
       5
       +
       	import { accounts } from '$lib/accounts';

     

       6
       6
       +
       	import { type ResourceUri } from '@atcute/lexicons';

     

       7
       7
       +
       	import { SvelteSet } from 'svelte/reactivity';

     

       8
       8
       +
       	import { InfiniteLoader, LoaderState } from 'svelte-infinite';

     

       9
       9
       +
       	import {

     

       10
       10
       +
       		postCursors,

     

       11
       11
       +
       		fetchTimeline,

     

       12
       12
       +
       		allPosts,

     

       13
       13
       +
       		timelines,

     

       14
       14
       +
       		fetchInteractionsUntil

     

       15
       15
       +
       	} from '$lib/state.svelte';

     

       16
       16
       +
       	import Icon from '@iconify/svelte';

     

       17
       17
       +
       	import { buildThreads, filterThreads, type ThreadPost } from '$lib/thread';

     

       18
       18
       +
       	import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       19
       19
       +
       	import NotLoggedIn from './NotLoggedIn.svelte';

     

       20
       20
       +
       

     

       21
       21
       +
       	interface Props {

     

       22
       22
       +
       		client?: AtpClient | null;

     

       23
       23
       +
       		targetDid?: AtprotoDid;

     

       24
       24
       +
       		postComposerState: PostComposerState;

     

       25
       25
       +
       		class?: string;

     

       26
       26
       +
       		// whether to show replies that are not the user's own posts

     

       27
       27
       +
       		showReplies?: boolean;

     

       28
       28
       +
       	}

     

       29
       29
       +
       

     

       30
       30
       +
       	let {

     

       31
       31
       +
       		client = null,

     

       32
       32
       +
       		targetDid = undefined,

     

       33
       33
       +
       		showReplies = true,

     

       34
       34
       +
       		postComposerState = $bindable(),

     

       35
       35
       +
       		class: className = ''

     

       36
       36
       +
       	}: Props = $props();

     

       37
       37
       +
       

     

       38
       38
       +
       	let reverseChronological = $state(true);

     

       39
       39
       +
       	let viewOwnPosts = $state(true);

     

       40
       40
       +
       	const expandedThreads = new SvelteSet<ResourceUri>();

     

       41
       41
       +
       

     

       42
       42
       +
       	const did = $derived(targetDid ?? client?.user?.did);

     

       43
       43
       +
       

     

       44
       44
       +
       	const threads = $derived(

     

       45
       45
       +
       		// todo: apply showReplies here

     

       46
       46
       +
       		filterThreads(

     

       47
       47
       +
       			did && timelines.has(did) ? buildThreads(did, timelines.get(did)!, allPosts) : [],

     

       48
       48
       +
       			$accounts,

     

       49
       49
       +
       			{ viewOwnPosts }

     

       50
       50
       +
       		)

     

       51
       51
       +
       	);

     

       52
       52
       +
       

     

       53
       53
       +
       	const loaderState = new LoaderState();

     

       54
       54
       +
       	let scrollContainer = $state<HTMLDivElement>();

     

       55
       55
       +
       	let loading = $state(false);

     

       56
       56
       +
       	let fetchMoreInteractions: boolean | undefined = $state(false);

     

       57
       57
       +
       	let loadError = $state('');

     

       58
       58
       +
       

     

       59
       59
       +
       	const loadMore = async () => {

     

       60
       60
       +
       		if (loading || !client || !did) return;

     

       61
       61
       +
       

     

       62
       62
       +
       		loading = true;

     

       63
       63
       +
       		loaderState.status = 'LOADING';

     

       64
       64
       +
       

     

       65
       65
       +
       		try {

     

       66
       66
       +
       			await fetchTimeline(did as AtprotoDid, 7, showReplies);

     

       67
       67
       +
       			// interaction fetching is done lazily so we dont block loading posts

     

       68
       68
       +
       			fetchMoreInteractions = true;

     

       69
       69
       +
       			loaderState.loaded();

     

       70
       70
       +
       		} catch (error) {

     

       71
       71
       +
       			loadError = `${error}`;

     

       72
       72
       +
       			loaderState.error();

     

       73
       73
       +
       			loading = false;

     

       74
       74
       +
       			return;

     

       75
       75
       +
       		}

     

       76
       76
       +
       

     

       77
       77
       +
       		loading = false;

     

       78
       78
       +
       		const cursor = postCursors.get(did as AtprotoDid);

     

       79
       79
       +
       		if (cursor && cursor.end) loaderState.complete();

     

       80
       80
       +
       	};

     

       81
       81
       +
       

     

       82
       82
       +
       	$effect(() => {

     

       83
       83
       +
       		if (threads.length === 0 && !loading && did) {

     

       84
       84
       +
       			// if we saw all posts dont try to load more.

     

       85
       85
       +
       			// this only really happens if the user has no posts at all

     

       86
       86
       +
       			// but we do have to handle it to not cause an infinite loop

     

       87
       87
       +
       			const cursor = did ? postCursors.get(did as AtprotoDid) : undefined;

     

       88
       88
       +
       			if (!cursor?.end) loadMore();

     

       89
       89
       +
       		}

     

       90
       90
       +
       		if (client && did && fetchMoreInteractions) {

     

       91
       91
       +
       			// set to false so it doesnt attempt to fetch again while its already fetching

     

       92
       92
       +
       			fetchMoreInteractions = false;

     

       93
       93
       +
       			fetchInteractionsUntil(client, did).then(() => (fetchMoreInteractions = undefined));

     

       94
       94
       +
       		}

     

       95
       95
       +
       	});

     

       96
       96
       +
       </script>

     

       97
       97
       +
       

     

       98
       98
       +
       {#snippet replyPost(post: ThreadPost, reverse: boolean = reverseChronological)}

     

       99
       99
       +
       	<span

     

       100
       100
       +
       		class="mb-1.5 flex items-center gap-1.5 overflow-hidden text-nowrap wrap-break-word overflow-ellipsis"

     

       101
       101
       +
       	>

     

       102
       102
       +
       		<span class="text-sm text-nowrap opacity-60">{reverse ? '↱' : '↳'}</span>

     

       103
       103
       +
       		<BskyPost mini client={client!} {...post} />

     

       104
       104
       +
       	</span>

     

       105
       105
       +
       {/snippet}

     

       106
       106
       +
       

     

       107
       107
       +
       {#snippet threadsView()}

     

       108
       108
       +
       	{#each threads as thread, i (thread.rootUri)}

     

       109
       109
       +
       		<div class="flex w-full shrink-0 {reverseChronological ? 'flex-col' : 'flex-col-reverse'}">

     

       110
       110
       +
       			{#if thread.branchParentPost}

     

       111
       111
       +
       				{@render replyPost(thread.branchParentPost)}

     

       112
       112
       +
       			{/if}

     

       113
       113
       +
       			{#each thread.posts as post, idx (post.data.uri)}

     

       114
       114
       +
       				{@const mini =

     

       115
       115
       +
       					!expandedThreads.has(thread.rootUri) &&

     

       116
       116
       +
       					thread.posts.length > 4 &&

     

       117
       117
       +
       					idx > 0 &&

     

       118
       118
       +
       					idx < thread.posts.length - 2}

     

       119
       119
       +
       				{#if !mini}

     

       120
       120
       +
       					<div class="mb-1.5">

     

       121
       121
       +
       						<BskyPost

     

       122
       122
       +
       							client={client!}

     

       123
       123
       +
       							onQuote={(post) => {

     

       124
       124
       +
       								postComposerState.focus = 'focused';

     

       125
       125
       +
       								postComposerState.quoting = post;

     

       126
       126
       +
       							}}

     

       127
       127
       +
       							onReply={(post) => {

     

       128
       128
       +
       								postComposerState.focus = 'focused';

     

       129
       129
       +
       								postComposerState.replying = post;

     

       130
       130
       +
       							}}

     

       131
       131
       +
       							{...post}

     

       132
       132
       +
       						/>

     

       133
       133
       +
       					</div>

     

       134
       134
       +
       				{:else if mini}

     

       135
       135
       +
       					{#if idx === 1}

     

       136
       136
       +
       						{@render replyPost(post, !reverseChronological)}

     

       137
       137
       +
       						<button

     

       138
       138
       +
       							class="mx-1.5 mt-1.5 mb-2.5 flex items-center gap-1.5 text-[color-mix(in_srgb,var(--nucleus-fg)_50%,var(--nucleus-accent))]/70 transition-colors hover:text-(--nucleus-accent)"

     

       139
       139
       +
       							onclick={() => expandedThreads.add(thread.rootUri)}

     

       140
       140
       +
       						>

     

       141
       141
       +
       							<div class="mr-1 h-px w-20 rounded border-y-2 border-dashed opacity-50"></div>

     

       142
       142
       +
       							<Icon

     

       143
       143
       +
       								class="shrink-0"

     

       144
       144
       +
       								icon={reverseChronological

     

       145
       145
       +
       									? 'heroicons:bars-arrow-up-solid'

     

       146
       146
       +
       									: 'heroicons:bars-arrow-down-solid'}

     

       147
       147
       +
       								width={32}

     

       148
       148
       +
       							/><span class="shrink-0 pb-1">view full chain</span>

     

       149
       149
       +
       							<div class="ml-1 h-px w-full rounded border-y-2 border-dashed opacity-50"></div>

     

       150
       150
       +
       						</button>

     

       151
       151
       +
       					{:else if idx === thread.posts.length - 3}

     

       152
       152
       +
       						{@render replyPost(post)}

     

       153
       153
       +
       					{/if}

     

       154
       154
       +
       				{/if}

     

       155
       155
       +
       			{/each}

     

       156
       156
       +
       		</div>

     

       157
       157
       +
       		{#if i < threads.length - 1}

     

       158
       158
       +
       			<div

     

       159
       159
       +
       				class="mx-8 mt-3 mb-4 h-px bg-linear-to-r from-(--nucleus-accent)/30 to-(--nucleus-accent2)/30"

     

       160
       160
       +
       			></div>

     

       161
       161
       +
       		{/if}

     

       162
       162
       +
       	{/each}

     

       163
       163
       +
       {/snippet}

     

       164
       164
       +
       

     

       165
       165
       +
       <div

     

       166
       166
       +
       	class="min-h-full p-2 [scrollbar-color:var(--nucleus-accent)_transparent] {className}"

     

       167
       167
       +
       	bind:this={scrollContainer}

     

       168
       168
       +
       >

     

       169
       169
       +
       	{#if targetDid || $accounts.length > 0}

     

       170
       170
       +
       		<InfiniteLoader

     

       171
       171
       +
       			{loaderState}

     

       172
       172
       +
       			triggerLoad={loadMore}

     

       173
       173
       +
       			loopDetectionTimeout={0}

     

       174
       174
       +
       			intersectionOptions={{ root: scrollContainer }}

     

       175
       175
       +
       		>

     

       176
       176
       +
       			{@render threadsView()}

     

       177
       177
       +
       			{#snippet noData()}

     

       178
       178
       +
       				<div class="flex justify-center py-4">

     

       179
       179
       +
       					<p class="text-xl opacity-80">

     

       180
       180
       +
       						all posts seen! <span class="text-2xl">:o</span>

     

       181
       181
       +
       					</p>

     

       182
       182
       +
       				</div>

     

       183
       183
       +
       			{/snippet}

     

       184
       184
       +
       			{#snippet loading()}

     

       185
       185
       +
       				<div class="flex justify-center">

     

       186
       186
       +
       					<div

     

       187
       187
       +
       						class="h-12 w-12 animate-spin rounded-full border-4 border-t-transparent"

     

       188
       188
       +
       						style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       189
       189
       +
       					></div>

     

       190
       190
       +
       				</div>

     

       191
       191
       +
       			{/snippet}

     

       192
       192
       +
       			{#snippet error()}

     

       193
       193
       +
       				<div class="flex flex-col gap-4 py-4">

     

       194
       194
       +
       					<p class="text-xl opacity-80">

     

       195
       195
       +
       						<span class="text-4xl">x_x</span> <br />

     

       196
       196
       +
       						{loadError}

     

       197
       197
       +
       					</p>

     

       198
       198
       +
       					<div>

     

       199
       199
       +
       						<button class="flex action-button items-center gap-2" onclick={loadMore}>

     

       200
       200
       +
       							<Icon class="h-6 w-6" icon="heroicons:arrow-path-16-solid" /> try again

     

       201
       201
       +
       						</button>

     

       202
       202
       +
       					</div>

     

       203
       203
       +
       				</div>

     

       204
       204
       +
       			{/snippet}

     

       205
       205
       +
       		</InfiniteLoader>

     

       206
       206
       +
       	{:else}

     

       207
       207
       +
       		<NotLoggedIn />

     

       208
       208
       +
       	{/if}

     

       209
       209
       +
       </div>

+19 -19

src/lib/accounts.ts

···

       1
       1
       -
       import type { Did, Handle } from '@atcute/lexicons';

     

       1
       1
       +
       import type { Handle } from '@atcute/lexicons';

     

       2
       2
        
       import { writable } from 'svelte/store';

     

       3
       3
       -
       import { createXXHash3, type IHasher } from 'hash-wasm';

     

       3
       3
       +
       import { hashColor } from './theme';

     

       4
       4
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       4
       5
        
       

     

       5
       6
        
       export type Account = {

     

       6
       6
       -
       	did: Did;

     

       7
       7
       -
       	handle: Handle;

     

       8
       8
       -
       	password: string;

     

       7
       7
       +
       	did: AtprotoDid;

     

       8
       8
       +
       	handle: Handle | null;

     

       9
       9
        
       };

     

       10
       10
        
       

     

       11
       11
        
       let _accounts: Account[] = [];

     
···

       21
       21
        
       })();

     

       22
       22
        
       

     

       23
       23
        
       export const addAccount = (account: Account): void => {

     

       24
       24
       -
       	accounts.update((accounts) => [...accounts, account]);

     

       24
       24
       +
       	accounts.update((accounts) => [...accounts.filter((a) => a.did !== account.did), account]);

     

       25
       25
        
       };

     

       26
       26
        
       

     

       27
       27
       -
       // fucked up and evil (i hate promises :3)

     

       28
       28
       -
       const _initHasher = () => {

     

       29
       29
       -
       	createXXHash3(90001, 8008135).then((s) => (hasher = s));

     

       30
       30
       -
       	return null;

     

       27
       27
       +
       export const loggingIn = {

     

       28
       28
       +
       	set: (account: Account | null) => {

     

       29
       29
       +
       		if (!account) {

     

       30
       30
       +
       			localStorage.removeItem('loggingIn');

     

       31
       31
       +
       		} else {

     

       32
       32
       +
       			localStorage.setItem('loggingIn', JSON.stringify(account));

     

       33
       33
       +
       		}

     

       34
       34
       +
       	},

     

       35
       35
       +
       	get: (): Account | null => {

     

       36
       36
       +
       		const raw = localStorage.getItem('loggingIn');

     

       37
       37
       +
       		return raw ? JSON.parse(raw) : null;

     

       38
       38
       +
       	}

     

       31
       39
        
       };

     

       32
       32
       -
       let hasher: IHasher | null = _initHasher();

     

       33
       40
        
       

     

       34
       34
       -
       export const generateColorForDid = (did: string): string | null => {

     

       35
       35
       -
       	const h = hasher!;

     

       36
       36
       -
       	h.init();

     

       37
       37
       -
       	h.update(did);

     

       38
       38
       -
       	const hex = h.digest();

     

       39
       39
       -
       	const color = hex.slice(-6);

     

       40
       40
       -
       	return `#${color}`;

     

       41
       41
       -
       };

     

       41
       41
       +
       export const generateColorForDid = (did: string) => hashColor(did);

+380 -112

src/lib/at/client.ts

···

       1
       1
       -
       import { err, expect, map, ok, type Result } from '$lib/result';

     

       1
       1
       +
       import { err, expect, map, ok, type OkType, type Result } from '$lib/result';

     

       2
       2
        
       import {

     

       3
       3
        
       	ComAtprotoIdentityResolveHandle,

     

       4
       4
        
       	ComAtprotoRepoGetRecord,

     

       5
       5
        
       	ComAtprotoRepoListRecords

     

       6
       6
        
       } from '@atcute/atproto';

     

       7
       7
       -
       import { Client as AtcuteClient, CredentialManager } from '@atcute/client';

     

       8
       8
       -
       import { safeParse, type Handle, type InferOutput } from '@atcute/lexicons';

     

       7
       7
       +
       import { Client as AtcuteClient, simpleFetchHandler } from '@atcute/client';

     

       8
       8
       +
       import { safeParse, type Blob as AtpBlob, type Handle, type InferOutput } from '@atcute/lexicons';

     

       9
       9
        
       import {

     

       10
       10
       -
       	isHandle,

     

       10
       10
       +
       	isDid,

     

       11
       11
        
       	parseCanonicalResourceUri,

     

       12
       12
        
       	parseResourceUri,

     

       13
       13
        
       	type ActorIdentifier,

     

       14
       14
        
       	type AtprotoDid,

     

       15
       15
       -
       	type CanonicalResourceUri,

     

       15
       15
       +
       	type Cid,

     

       16
       16
       +
       	type Did,

     

       16
       17
        
       	type Nsid,

     

       17
       18
        
       	type RecordKey,

     

       18
       19
        
       	type ResourceUri

     
···

       28
       29
        
       import * as v from '@atcute/lexicons/validations';

     

       29
       30
        
       import { MiniDocQuery, type MiniDoc } from './slingshot';

     

       30
       31
        
       import { BacklinksQuery, type Backlinks, type BacklinksSource } from './constellation';

     

       31
       31
       -
       import type { Records } from '@atcute/lexicons/ambient';

     

       32
       32
       -
       import { PersistedLRU } from '$lib/cache';

     

       32
       32
       +
       import type { Records, XRPCProcedures } from '@atcute/lexicons/ambient';

     

       33
       33
       +
       import { cache as rawCache } from '$lib/cache';

     

       34
       34
       +
       import { AppBskyActorProfile } from '@atcute/bluesky';

     

       35
       35
       +
       import { WebSocket } from '@soffinal/websocket';

     

       36
       36
       +
       import type { Notification } from './stardust';

     

       37
       37
       +
       import type { OAuthUserAgent } from '@atcute/oauth-browser-client';

     

       38
       38
       +
       import { timestampFromCursor, toCanonicalUri, toResourceUri } from '$lib';

     

       39
       39
       +
       import { constellationUrl, slingshotUrl, spacedustUrl } from '.';

     

       33
       40
        
       

     

       34
       34
       -
       const cacheTtl = 1000 * 60 * 60 * 24;

     

       35
       35
       -
       const handleCache = new PersistedLRU<Handle, AtprotoDid>({

     

       36
       36
       -
       	max: 1000,

     

       37
       37
       -
       	ttl: cacheTtl,

     

       38
       38
       -
       	prefix: 'handle'

     

       41
       41
       +
       export type RecordOutput<Output> = { uri: ResourceUri; cid: Cid | undefined; record: Output };

     

       42
       42
       +
       

     

       43
       43
       +
       const cacheWithHandles = rawCache.define(

     

       44
       44
       +
       	'resolveHandle',

     

       45
       45
       +
       	async (handle: Handle): Promise<AtprotoDid> => {

     

       46
       46
       +
       		const res = await fetchMicrocosm(slingshotUrl, ComAtprotoIdentityResolveHandle.mainSchema, {

     

       47
       47
       +
       			handle

     

       48
       48
       +
       		});

     

       49
       49
       +
       		if (!res.ok) throw new Error(res.error);

     

       50
       50
       +
       		return res.value.did as AtprotoDid;

     

       51
       51
       +
       	}

     

       52
       52
       +
       );

     

       53
       53
       +
       

     

       54
       54
       +
       const cacheWithDidDocs = cacheWithHandles.define(

     

       55
       55
       +
       	'resolveDidDoc',

     

       56
       56
       +
       	async (identifier: ActorIdentifier): Promise<MiniDoc> => {

     

       57
       57
       +
       		const res = await fetchMicrocosm(slingshotUrl, MiniDocQuery, {

     

       58
       58
       +
       			identifier

     

       59
       59
       +
       		});

     

       60
       60
       +
       		if (!res.ok) throw new Error(res.error);

     

       61
       61
       +
       		return res.value;

     

       62
       62
       +
       	}

     

       63
       63
       +
       );

     

       64
       64
       +
       

     

       65
       65
       +
       const cacheWithRecords = cacheWithDidDocs.define('fetchRecord', async (uri: ResourceUri) => {

     

       66
       66
       +
       	const parsedUri = parseResourceUri(uri);

     

       67
       67
       +
       	if (!parsedUri.ok) throw new Error(`can't parse resource uri: ${parsedUri.error}`);

     

       68
       68
       +
       	const { repo, collection, rkey } = parsedUri.value;

     

       69
       69
       +
       	const res = await fetchMicrocosm(slingshotUrl, ComAtprotoRepoGetRecord.mainSchema, {

     

       70
       70
       +
       		repo,

     

       71
       71
       +
       		collection: collection!,

     

       72
       72
       +
       		rkey: rkey!

     

       73
       73
       +
       	});

     

       74
       74
       +
       	if (!res.ok) throw new Error(res.error);

     

       75
       75
       +
       	return res.value;

     

       39
       76
        
       });

     

       40
       40
       -
       const didDocCache = new PersistedLRU<ActorIdentifier, MiniDoc>({

     

       41
       41
       -
       	max: 1000,

     

       42
       42
       -
       	ttl: cacheTtl,

     

       43
       43
       -
       	prefix: 'didDoc'

     

       44
       44
       -
       });

     

       45
       45
       -
       const recordCache = new PersistedLRU<

     

       46
       46
       -
       	string,

     

       47
       47
       -
       	InferOutput<typeof ComAtprotoRepoGetRecord.mainSchema.output.schema>

     

       48
       48
       -
       >({

     

       49
       49
       -
       	max: 5000,

     

       50
       50
       -
       	ttl: cacheTtl,

     

       51
       51
       -
       	prefix: 'record'

     

       52
       52
       -
       });

     

       77
       77
       +
       

     

       78
       78
       +
       const cache = cacheWithRecords;

     

       79
       79
       +
       

     

       80
       80
       +
       export const xhrPost = (

     

       81
       81
       +
       	url: string,

     

       82
       82
       +
       	body: Blob | File,

     

       83
       83
       +
       	headers: Record<string, string> = {},

     

       84
       84
       +
       	onProgress?: (uploaded: number, total: number) => void

     

       85
       85
       +
       	// eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       86
       86
       +
       ): Promise<Result<any, { error: string; message: string }>> => {

     

       87
       87
       +
       	return new Promise((resolve) => {

     

       88
       88
       +
       		const xhr = new XMLHttpRequest();

     

       89
       89
       +
       		xhr.open('POST', url);

     

       53
       90
        
       

     

       54
       54
       -
       export class AtpClient {

     

       55
       55
       -
       	public atcute: AtcuteClient | null = null;

     

       56
       56
       -
       	public didDoc: MiniDoc | null = null;

     

       91
       91
       +
       		if (onProgress && xhr.upload) {

     

       92
       92
       +
       			xhr.upload.onprogress = (event: ProgressEvent) => {

     

       93
       93
       +
       				if (event.lengthComputable) {

     

       94
       94
       +
       					onProgress(event.loaded, event.total);

     

       95
       95
       +
       				}

     

       96
       96
       +
       			};

     

       97
       97
       +
       		}

     

       57
       98
        
       

     

       58
       58
       -
       	private slingshotUrl: URL = new URL('https://slingshot.microcosm.blue');

     

       59
       59
       -
       	private spacedustUrl: URL = new URL('https://spacedust.microcosm.blue');

     

       60
       60
       -
       	private constellationUrl: URL = new URL('https://constellation.microcosm.blue');

     

       99
       99
       +
       		Object.keys(headers).forEach((key) => {

     

       100
       100
       +
       			xhr.setRequestHeader(key, headers[key]);

     

       101
       101
       +
       		});

     

       61
       102
        
       

     

       62
       62
       -
       	async login(handle: Handle, password: string): Promise<Result<null, string>> {

     

       63
       63
       -
       		const didDoc = await this.resolveDidDoc(handle);

     

       64
       64
       -
       		if (!didDoc.ok) return err(didDoc.error);

     

       65
       65
       -
       		this.didDoc = didDoc.value;

     

       103
       103
       +
       		xhr.onload = () => {

     

       104
       104
       +
       			if (xhr.status >= 200 && xhr.status < 300) {

     

       105
       105
       +
       				resolve(ok(JSON.parse(xhr.responseText)));

     

       106
       106
       +
       			} else {

     

       107
       107
       +
       				resolve(err(JSON.parse(xhr.responseText)));

     

       108
       108
       +
       			}

     

       109
       109
       +
       		};

     

       66
       110
        
       

     

       67
       67
       -
       		try {

     

       68
       68
       -
       			const handler = new CredentialManager({ service: didDoc.value.pds });

     

       69
       69
       -
       			const rpc = new AtcuteClient({ handler });

     

       70
       70
       -
       			await handler.login({ identifier: didDoc.value.did, password });

     

       111
       111
       +
       		xhr.onerror = () => {

     

       112
       112
       +
       			resolve(err({ error: 'xhr_error', message: 'network error' }));

     

       113
       113
       +
       		};

     

       71
       114
        
       

     

       115
       115
       +
       		xhr.onabort = () => {

     

       116
       116
       +
       			resolve(err({ error: 'xhr_error', message: 'upload aborted' }));

     

       117
       117
       +
       		};

     

       118
       118
       +
       

     

       119
       119
       +
       		xhr.send(body);

     

       120
       120
       +
       	});

     

       121
       121
       +
       };

     

       122
       122
       +
       

     

       123
       123
       +
       export type UploadStatus =

     

       124
       124
       +
       	| { stage: 'auth' }

     

       125
       125
       +
       	| { stage: 'uploading'; progress?: number }

     

       126
       126
       +
       	| { stage: 'processing'; progress?: number }

     

       127
       127
       +
       	| { stage: 'complete' };

     

       128
       128
       +
       

     

       129
       129
       +
       export class AtpClient {

     

       130
       130
       +
       	public atcute: AtcuteClient | null = null;

     

       131
       131
       +
       	public user: MiniDoc | null = null;

     

       132
       132
       +
       

     

       133
       133
       +
       	async login(agent: OAuthUserAgent): Promise<Result<null, string>> {

     

       134
       134
       +
       		try {

     

       135
       135
       +
       			const rpc = new AtcuteClient({ handler: agent });

     

       136
       136
       +
       			const res = await rpc.get('com.atproto.server.getSession');

     

       137
       137
       +
       			if (!res.ok) throw res.data.error;

     

       138
       138
       +
       			this.user = {

     

       139
       139
       +
       				did: res.data.did,

     

       140
       140
       +
       				handle: res.data.handle,

     

       141
       141
       +
       				pds: agent.session.info.aud as `${string}:${string}`,

     

       142
       142
       +
       				signing_key: ''

     

       143
       143
       +
       			};

     

       72
       144
        
       			this.atcute = rpc;

     

       73
       145
        
       		} catch (error) {

     

       74
       146
        
       			return err(`failed to login: ${error}`);

     
···

       83
       155
        
       		TKey extends RecordKeySchema,

     

       84
       156
        
       		Schema extends RecordSchema<TObject, TKey>,

     

       85
       157
        
       		Output extends InferInput<Schema>

     

       86
       86
       -
       	>(schema: Schema, uri: ResourceUri): Promise<Result<Output, string>> {

     

       158
       158
       +
       	>(schema: Schema, uri: ResourceUri): Promise<Result<RecordOutput<Output>, string>> {

     

       87
       159
        
       		const parsedUri = expect(parseResourceUri(uri));

     

       88
       160
        
       		if (parsedUri.collection !== schema.object.shape.$type.expected)

     

       89
       161
        
       			return err(

     
···

       98
       170
        
       		TKey extends RecordKeySchema,

     

       99
       171
        
       		Schema extends RecordSchema<TObject, TKey>,

     

       100
       172
        
       		Output extends InferInput<Schema>

     

       101
       101
       -
       	>(schema: Schema, repo: ActorIdentifier, rkey: RecordKey): Promise<Result<Output, string>> {

     

       173
       173
       +
       	>(

     

       174
       174
       +
       		schema: Schema,

     

       175
       175
       +
       		repo: ActorIdentifier,

     

       176
       176
       +
       		rkey: RecordKey

     

       177
       177
       +
       	): Promise<Result<RecordOutput<Output>, string>> {

     

       102
       178
        
       		const collection = schema.object.shape.$type.expected;

     

       103
       103
       -
       		const cacheKey = `${repo}:${collection}:${rkey}`;

     

       104
       179
        
       

     

       105
       105
       -
       		const cached = recordCache.get(cacheKey);

     

       106
       106
       -
       		if (cached) return ok(cached.value as Output);

     

       180
       180
       +
       		try {

     

       181
       181
       +
       			const rawValue = await cache.fetchRecord(

     

       182
       182
       +
       				toResourceUri({ repo, collection, rkey, fragment: undefined })

     

       183
       183
       +
       			);

     

       107
       184
        
       

     

       108
       108
       -
       		const result = await fetchMicrocosm(this.slingshotUrl, ComAtprotoRepoGetRecord.mainSchema, {

     

       109
       109
       -
       			repo,

     

       110
       110
       -
       			collection,

     

       111
       111
       -
       			rkey

     

       112
       112
       -
       		});

     

       185
       185
       +
       			const parsed = safeParse(schema, rawValue.value);

     

       186
       186
       +
       			if (!parsed.ok) return err(parsed.message);

     

       113
       187
        
       

     

       114
       114
       -
       		if (!result.ok) return result;

     

       115
       115
       -
       		// console.info(`fetched record:`, result.value);

     

       188
       188
       +
       			return ok({

     

       189
       189
       +
       				uri: rawValue.uri,

     

       190
       190
       +
       				cid: rawValue.cid,

     

       191
       191
       +
       				record: parsed.value as Output

     

       192
       192
       +
       			});

     

       193
       193
       +
       		} catch (e) {

     

       194
       194
       +
       			return err(String(e));

     

       195
       195
       +
       		}

     

       196
       196
       +
       	}

     

       116
       197
        
       

     

       117
       117
       -
       		const parsed = safeParse(schema, result.value.value);

     

       118
       118
       -
       		if (!parsed.ok) return err(parsed.message);

     

       119
       119
       -
       

     

       120
       120
       -
       		recordCache.set(cacheKey, result.value);

     

       121
       121
       -
       

     

       122
       122
       -
       		return ok(parsed.value as Output);

     

       198
       198
       +
       	async getProfile(repo?: ActorIdentifier): Promise<Result<AppBskyActorProfile.Main, string>> {

     

       199
       199
       +
       		repo = repo ?? this.user?.did;

     

       200
       200
       +
       		if (!repo) return err('not authenticated');

     

       201
       201
       +
       		return map(await this.getRecord(AppBskyActorProfile.mainSchema, repo, 'self'), (d) => d.record);

     

       123
       202
        
       	}

     

       124
       203
        
       

     

       125
       204
        
       	async listRecords<Collection extends keyof Records>(

     

       126
       205
        
       		collection: Collection,

     

       127
       127
       -
       		repo: ActorIdentifier,

     

       128
       206
        
       		cursor?: string,

     

       129
       129
       -
       		limit?: number

     

       207
       207
       +
       		limit: number = 100

     

       130
       208
        
       	): Promise<

     

       131
       209
        
       		Result<InferXRPCBodyOutput<(typeof ComAtprotoRepoListRecords.mainSchema)['output']>, string>

     

       132
       210
        
       	> {

     

       133
       133
       -
       		if (!this.atcute) return err('not authenticated');

     

       211
       211
       +
       		if (!this.atcute || !this.user) return err('not authenticated');

     

       134
       212
        
       		const res = await this.atcute.get('com.atproto.repo.listRecords', {

     

       135
       213
        
       			params: {

     

       136
       136
       -
       				repo,

     

       214
       214
       +
       				repo: this.user.did,

     

       137
       215
        
       				collection,

     

       138
       216
        
       				cursor,

     

       139
       139
       -
       				limit

     

       217
       217
       +
       				limit,

     

       218
       218
       +
       				reverse: false

     

       140
       219
        
       			}

     

       141
       220
        
       		});

     

       142
       221
        
       		if (!res.ok) return err(`${res.data.error}: ${res.data.message ?? 'no details'}`);

     

       143
       143
       -
       		return ok(res.data);

     

       144
       144
       -
       	}

     

       145
       222
        
       

     

       146
       146
       -
       	async resolveHandle(handle: Handle): Promise<Result<AtprotoDid, string>> {

     

       147
       147
       -
       		const cached = handleCache.get(handle);

     

       148
       148
       -
       		if (cached) return ok(cached);

     

       223
       223
       +
       		for (const record of res.data.records)

     

       224
       224
       +
       			await cache.set('fetchRecord', `fetchRecord~${record.uri}`, record, 60 * 60 * 24);

     

       149
       225
        
       

     

       150
       150
       -
       		const res = await fetchMicrocosm(

     

       151
       151
       -
       			this.slingshotUrl,

     

       152
       152
       -
       			ComAtprotoIdentityResolveHandle.mainSchema,

     

       153
       153
       -
       			{

     

       154
       154
       -
       				handle

     

       155
       155
       -
       			}

     

       156
       156
       -
       		);

     

       157
       157
       -
       

     

       158
       158
       -
       		const mapped = map(res, (data) => data.did as AtprotoDid);

     

       159
       159
       -
       

     

       160
       160
       -
       		if (mapped.ok) {

     

       161
       161
       -
       			handleCache.set(handle, mapped.value);

     

       162
       162
       -
       		}

     

       163
       163
       -
       

     

       164
       164
       -
       		return mapped;

     

       226
       226
       +
       		return ok(res.data);

     

       165
       227
        
       	}

     

       166
       228
        
       

     

       167
       167
       -
       	async resolveDidDoc(handleOrDid: ActorIdentifier): Promise<Result<MiniDoc, string>> {

     

       168
       168
       -
       		const cached = didDocCache.get(handleOrDid);

     

       169
       169
       -
       		if (cached) return ok(cached);

     

       170
       170
       -
       

     

       171
       171
       -
       		const result = await fetchMicrocosm(this.slingshotUrl, MiniDocQuery, {

     

       172
       172
       -
       			identifier: handleOrDid

     

       173
       173
       -
       		});

     

       229
       229
       +
       	async listRecordsUntil<Collection extends keyof Records>(

     

       230
       230
       +
       		collection: Collection,

     

       231
       231
       +
       		cursor?: string,

     

       232
       232
       +
       		timestamp: number = -1

     

       233
       233
       +
       	): Promise<ReturnType<typeof this.listRecords>> {

     

       234
       234
       +
       		const data: OkType<Awaited<ReturnType<typeof this.listRecords>>> = {

     

       235
       235
       +
       			records: [],

     

       236
       236
       +
       			cursor

     

       237
       237
       +
       		};

     

       174
       238
        
       

     

       175
       175
       -
       		if (result.ok) {

     

       176
       176
       -
       			didDocCache.set(handleOrDid, result.value);

     

       239
       239
       +
       		let end = false;

     

       240
       240
       +
       		while (!end) {

     

       241
       241
       +
       			const res = await this.listRecords(collection, data.cursor);

     

       242
       242
       +
       			if (!res.ok) return res;

     

       243
       243
       +
       			data.cursor = res.value.cursor;

     

       244
       244
       +
       			data.records.push(...res.value.records);

     

       245
       245
       +
       			end = data.records.length === 0 || !data.cursor;

     

       246
       246
       +
       			if (!end && timestamp > 0) {

     

       247
       247
       +
       				const cursorTimestamp = timestampFromCursor(data.cursor);

     

       248
       248
       +
       				if (cursorTimestamp === undefined) {

     

       249
       249
       +
       					console.warn(

     

       250
       250
       +
       						'could not parse timestamp from cursor, stopping fetch to prevent infinite loop:',

     

       251
       251
       +
       						data.cursor

     

       252
       252
       +
       					);

     

       253
       253
       +
       					end = true;

     

       254
       254
       +
       				} else if (cursorTimestamp <= timestamp) {

     

       255
       255
       +
       					end = true;

     

       256
       256
       +
       				} else {

     

       257
       257
       +
       					console.info(

     

       258
       258
       +
       						`${this.user?.did}: continuing to fetch ${collection}, on ${cursorTimestamp} until ${timestamp}`

     

       259
       259
       +
       					);

     

       260
       260
       +
       				}

     

       261
       261
       +
       			}

     

       177
       262
        
       		}

     

       178
       263
        
       

     

       179
       179
       -
       		return result;

     

       264
       264
       +
       		return ok(data);

     

       180
       265
        
       	}

     

       181
       266
        
       

     

       182
       267
        
       	async getBacklinksUri(

     

       183
       183
       -
       		uri: CanonicalResourceUri,

     

       268
       268
       +
       		uri: ResourceUri,

     

       184
       269
        
       		source: BacklinksSource

     

       185
       270
        
       	): Promise<Result<Backlinks, string>> {

     

       186
       271
        
       		const parsedResourceUri = expect(parseCanonicalResourceUri(uri));

     
···

       196
       281
        
       		repo: ActorIdentifier,

     

       197
       282
        
       		collection: Nsid,

     

       198
       283
        
       		rkey: RecordKey,

     

       199
       199
       -
       		source: BacklinksSource

     

       284
       284
       +
       		source: BacklinksSource,

     

       285
       285
       +
       		limit?: number

     

       200
       286
        
       	): Promise<Result<Backlinks, string>> {

     

       201
       201
       -
       		let did = repo;

     

       202
       202
       -
       		if (isHandle(did)) {

     

       203
       203
       -
       			const resolvedDid = await this.resolveHandle(did);

     

       204
       204
       -
       			if (!resolvedDid.ok) {

     

       205
       205
       -
       				return err(`failed to resolve handle: ${resolvedDid.error}`);

     

       287
       287
       +
       		const did = await resolveHandle(repo);

     

       288
       288
       +
       		if (!did.ok) return err(`cant resolve handle: ${did.error}`);

     

       289
       289
       +
       

     

       290
       290
       +
       		const timeout = new Promise<null>((resolve) => setTimeout(() => resolve(null), 2000));

     

       291
       291
       +
       		const query = fetchMicrocosm(constellationUrl, BacklinksQuery, {

     

       292
       292
       +
       			subject: toCanonicalUri({ did: did.value, collection, rkey }),

     

       293
       293
       +
       			source,

     

       294
       294
       +
       			limit: limit || 100

     

       295
       295
       +
       		});

     

       296
       296
       +
       

     

       297
       297
       +
       		const results = await Promise.race([query, timeout]);

     

       298
       298
       +
       		if (!results) return err('cant fetch backlinks: timeout');

     

       299
       299
       +
       

     

       300
       300
       +
       		return results;

     

       301
       301
       +
       	}

     

       302
       302
       +
       

     

       303
       303
       +
       	async getServiceAuth(lxm: keyof XRPCProcedures, exp: number): Promise<Result<string, string>> {

     

       304
       304
       +
       		if (!this.atcute || !this.user) return err('not authenticated');

     

       305
       305
       +
       		const serviceAuthUrl = new URL(`${this.user.pds}xrpc/com.atproto.server.getServiceAuth`);

     

       306
       306
       +
       		serviceAuthUrl.searchParams.append(

     

       307
       307
       +
       			'aud',

     

       308
       308
       +
       			this.user.pds.replace('https://', 'did:web:').slice(0, -1)

     

       309
       309
       +
       		);

     

       310
       310
       +
       		serviceAuthUrl.searchParams.append('lxm', 'com.atproto.repo.uploadBlob');

     

       311
       311
       +
       		serviceAuthUrl.searchParams.append('exp', exp.toString()); // 30 minutes

     

       312
       312
       +
       

     

       313
       313
       +
       		const serviceAuthResponse = await this.atcute.handler(

     

       314
       314
       +
       			`${serviceAuthUrl.pathname}${serviceAuthUrl.search}`,

     

       315
       315
       +
       			{

     

       316
       316
       +
       				method: 'GET'

     

       206
       317
        
       			}

     

       207
       207
       -
       			did = resolvedDid.value;

     

       318
       318
       +
       		);

     

       319
       319
       +
       		if (!serviceAuthResponse.ok) {

     

       320
       320
       +
       			const error = await serviceAuthResponse.text();

     

       321
       321
       +
       			return err(`failed to get service auth: ${error}`);

     

       208
       322
        
       		}

     

       209
       209
       -
       		return await fetchMicrocosm(this.constellationUrl, BacklinksQuery, {

     

       210
       210
       -
       			subject: `at://${did}/${collection}/${rkey}`,

     

       211
       211
       -
       			source,

     

       212
       212
       -
       			limit: 100

     

       213
       213
       -
       		});

     

       323
       323
       +
       		const serviceAuth = await serviceAuthResponse.json();

     

       324
       324
       +
       		return ok(serviceAuth.token);

     

       325
       325
       +
       	}

     

       326
       326
       +
       

     

       327
       327
       +
       	async uploadBlob(

     

       328
       328
       +
       		blob: Blob,

     

       329
       329
       +
       		onProgress?: (progress: number) => void

     

       330
       330
       +
       	): Promise<Result<AtpBlob<string>, string>> {

     

       331
       331
       +
       		if (!this.atcute || !this.user) return err('not authenticated');

     

       332
       332
       +
       		const tokenResult = await this.getServiceAuth(

     

       333
       333
       +
       			'com.atproto.repo.uploadBlob',

     

       334
       334
       +
       			Math.floor(Date.now() / 1000) + 60

     

       335
       335
       +
       		);

     

       336
       336
       +
       		if (!tokenResult.ok) return tokenResult;

     

       337
       337
       +
       		const result = await xhrPost(

     

       338
       338
       +
       			`${this.user.pds}xrpc/com.atproto.repo.uploadBlob`,

     

       339
       339
       +
       			blob,

     

       340
       340
       +
       			{ authorization: `Bearer ${tokenResult.value}` },

     

       341
       341
       +
       			(uploaded, total) => onProgress?.(uploaded / total)

     

       342
       342
       +
       		);

     

       343
       343
       +
       		if (!result.ok) return err(`upload failed: ${result.error.message}`);

     

       344
       344
       +
       		return ok(result.value);

     

       345
       345
       +
       	}

     

       346
       346
       +
       

     

       347
       347
       +
       	async uploadVideo(

     

       348
       348
       +
       		blob: Blob,

     

       349
       349
       +
       		mimeType: string,

     

       350
       350
       +
       		onStatus?: (status: UploadStatus) => void

     

       351
       351
       +
       	): Promise<Result<AtpBlob<string>, string>> {

     

       352
       352
       +
       		if (!this.atcute || !this.user) return err('not authenticated');

     

       353
       353
       +
       

     

       354
       354
       +
       		onStatus?.({ stage: 'auth' });

     

       355
       355
       +
       		const tokenResult = await this.getServiceAuth(

     

       356
       356
       +
       			'com.atproto.repo.uploadBlob',

     

       357
       357
       +
       			Math.floor(Date.now() / 1000) + 60 * 30

     

       358
       358
       +
       		);

     

       359
       359
       +
       		if (!tokenResult.ok) return tokenResult;

     

       360
       360
       +
       

     

       361
       361
       +
       		onStatus?.({ stage: 'uploading' });

     

       362
       362
       +
       		const uploadUrl = new URL('https://video.bsky.app/xrpc/app.bsky.video.uploadVideo');

     

       363
       363
       +
       		uploadUrl.searchParams.append('did', this.user.did);

     

       364
       364
       +
       		uploadUrl.searchParams.append('name', 'video');

     

       365
       365
       +
       

     

       366
       366
       +
       		const uploadResult = await xhrPost(

     

       367
       367
       +
       			uploadUrl.toString(),

     

       368
       368
       +
       			blob,

     

       369
       369
       +
       			{

     

       370
       370
       +
       				Authorization: `Bearer ${tokenResult.value}`,

     

       371
       371
       +
       				'Content-Type': mimeType

     

       372
       372
       +
       			},

     

       373
       373
       +
       			(uploaded, total) => onStatus?.({ stage: 'uploading', progress: uploaded / total })

     

       374
       374
       +
       		);

     

       375
       375
       +
       		if (!uploadResult.ok) return err(`failed to upload video: ${uploadResult.error.message}`);

     

       376
       376
       +
       		const jobStatus = uploadResult.value;

     

       377
       377
       +
       		let videoBlobRef: AtpBlob<string> = jobStatus.blob;

     

       378
       378
       +
       

     

       379
       379
       +
       		onStatus?.({ stage: 'processing' });

     

       380
       380
       +
       		while (!videoBlobRef) {

     

       381
       381
       +
       			await new Promise((resolve) => setTimeout(resolve, 1000));

     

       382
       382
       +
       

     

       383
       383
       +
       			const statusResponse = await fetch(

     

       384
       384
       +
       				`https://video.bsky.app/xrpc/app.bsky.video.getJobStatus?jobId=${jobStatus.jobId}`

     

       385
       385
       +
       			);

     

       386
       386
       +
       

     

       387
       387
       +
       			if (!statusResponse.ok) {

     

       388
       388
       +
       				const error = await statusResponse.json();

     

       389
       389
       +
       				// reuse blob

     

       390
       390
       +
       				if (error.error === 'already_exists' && error.blob) {

     

       391
       391
       +
       					videoBlobRef = error.blob;

     

       392
       392
       +
       					break;

     

       393
       393
       +
       				}

     

       394
       394
       +
       				return err(`failed to get job status: ${error.message || error.error}`);

     

       395
       395
       +
       			}

     

       396
       396
       +
       

     

       397
       397
       +
       			const status = await statusResponse.json();

     

       398
       398
       +
       			if (status.jobStatus.blob) {

     

       399
       399
       +
       				videoBlobRef = status.jobStatus.blob;

     

       400
       400
       +
       			} else if (status.jobStatus.state === 'JOB_STATE_FAILED') {

     

       401
       401
       +
       				return err(`video processing failed: ${status.jobStatus.error || 'unknown error'}`);

     

       402
       402
       +
       			} else if (status.jobStatus.progress !== undefined) {

     

       403
       403
       +
       				onStatus?.({

     

       404
       404
       +
       					stage: 'processing',

     

       405
       405
       +
       					progress: status.jobStatus.progress / 100

     

       406
       406
       +
       				});

     

       407
       407
       +
       			}

     

       408
       408
       +
       		}

     

       409
       409
       +
       

     

       410
       410
       +
       		onStatus?.({ stage: 'complete' });

     

       411
       411
       +
       		return ok(videoBlobRef);

     

       214
       412
        
       	}

     

       215
       413
        
       }

     

       216
       414
        
       

     

       415
       415
       +
       export const newPublicClient = async (ident: ActorIdentifier): Promise<AtpClient> => {

     

       416
       416
       +
       	const atp = new AtpClient();

     

       417
       417
       +
       	const didDoc = await resolveDidDoc(ident);

     

       418
       418
       +
       	if (!didDoc.ok) {

     

       419
       419
       +
       		console.error('failed to resolve did doc', didDoc.error);

     

       420
       420
       +
       		return atp;

     

       421
       421
       +
       	}

     

       422
       422
       +
       	atp.atcute = new AtcuteClient({ handler: simpleFetchHandler({ service: didDoc.value.pds }) });

     

       423
       423
       +
       	atp.user = didDoc.value;

     

       424
       424
       +
       	return atp;

     

       425
       425
       +
       };

     

       426
       426
       +
       

     

       427
       427
       +
       // Wrappers that use the cache

     

       428
       428
       +
       

     

       429
       429
       +
       export const resolveHandle = async (

     

       430
       430
       +
       	identifier: ActorIdentifier

     

       431
       431
       +
       ): Promise<Result<AtprotoDid, string>> => {

     

       432
       432
       +
       	if (isDid(identifier)) return ok(identifier as AtprotoDid);

     

       433
       433
       +
       

     

       434
       434
       +
       	try {

     

       435
       435
       +
       		const did = await cache.resolveHandle(identifier);

     

       436
       436
       +
       		return ok(did);

     

       437
       437
       +
       	} catch (e) {

     

       438
       438
       +
       		return err(String(e));

     

       439
       439
       +
       	}

     

       440
       440
       +
       };

     

       441
       441
       +
       

     

       442
       442
       +
       export const resolveDidDoc = async (ident: ActorIdentifier): Promise<Result<MiniDoc, string>> => {

     

       443
       443
       +
       	try {

     

       444
       444
       +
       		const doc = await cache.resolveDidDoc(ident);

     

       445
       445
       +
       		return ok(doc);

     

       446
       446
       +
       	} catch (e) {

     

       447
       447
       +
       		return err(String(e));

     

       448
       448
       +
       	}

     

       449
       449
       +
       };

     

       450
       450
       +
       

     

       451
       451
       +
       type NotificationsStreamEncoder = WebSocket.Encoder<undefined, Notification>;

     

       452
       452
       +
       export type NotificationsStream = WebSocket<NotificationsStreamEncoder>;

     

       453
       453
       +
       export type NotificationsStreamEvent = WebSocket.Event<NotificationsStreamEncoder>;

     

       454
       454
       +
       

     

       455
       455
       +
       export const streamNotifications = (

     

       456
       456
       +
       	subjects: Did[],

     

       457
       457
       +
       	...sources: BacklinksSource[]

     

       458
       458
       +
       ): NotificationsStream => {

     

       459
       459
       +
       	const url = new URL(spacedustUrl);

     

       460
       460
       +
       	url.protocol = 'wss:';

     

       461
       461
       +
       	url.pathname = '/subscribe';

     

       462
       462
       +
       	const searchParams = [];

     

       463
       463
       +
       	sources.every((source) => searchParams.push(['wantedSources', source]));

     

       464
       464
       +
       	subjects.every((subject) => searchParams.push(['wantedSubjectDids', subject]));

     

       465
       465
       +
       	subjects.every((subject) => searchParams.push(['wantedSubjects', `at://${subject}`]));

     

       466
       466
       +
       	searchParams.push(['instant', 'true']);

     

       467
       467
       +
       	url.search = `?${new URLSearchParams(searchParams)}`;

     

       468
       468
       +
       	// console.log(`streaming notifications: ${url}`);

     

       469
       469
       +
       	const encoder = WebSocket.getDefaultEncoder<undefined, Notification>();

     

       470
       470
       +
       	const ws = new WebSocket<typeof encoder>(url.toString(), {

     

       471
       471
       +
       		encoder

     

       472
       472
       +
       	});

     

       473
       473
       +
       	return ws;

     

       474
       474
       +
       };

     

       475
       475
       +
       

     

       217
       476
        
       const fetchMicrocosm = async <

     

       218
       477
        
       	Schema extends XRPCQueryMetadata,

     

       219
       478
        
       	Input extends Schema['params'] extends ObjectSchema ? InferOutput<Schema['params']> : undefined,

     
···

       225
       484
        
       	init?: RequestInit

     

       226
       485
        
       ): Promise<Result<Output, string>> => {

     

       227
       486
        
       	if (!schema.output || schema.output.type === 'blob') return err('schema must be blob');

     

       487
       487
       +
       	api.pathname = `/xrpc/${schema.nsid}`;

     

       488
       488
       +
       	api.search = params ? `?${new URLSearchParams(params)}` : '';

     

       228
       489
        
       	try {

     

       229
       229
       -
       		api.pathname = `/xrpc/${schema.nsid}`;

     

       230
       230
       -
       		api.search = params ? `?${new URLSearchParams(params)}` : '';

     

       231
       231
       -
       		console.info(`fetching:`, api.href);

     

       232
       232
       -
       		const response = await fetch(api, init);

     

       490
       490
       +
       		const body = await fetchJson(api, init);

     

       491
       491
       +
       		if (!body.ok) return err(body.error);

     

       492
       492
       +
       		const parsed = safeParse(schema.output.schema, body.value);

     

       493
       493
       +
       		if (!parsed.ok) return err(parsed.message);

     

       494
       494
       +
       		return ok(parsed.value as Output);

     

       495
       495
       +
       	} catch (error) {

     

       496
       496
       +
       		return err(`FetchError: ${error}`);

     

       497
       497
       +
       	}

     

       498
       498
       +
       };

     

       499
       499
       +
       

     

       500
       500
       +
       const fetchJson = async (url: URL, init?: RequestInit): Promise<Result<unknown, string>> => {

     

       501
       501
       +
       	try {

     

       502
       502
       +
       		const response = await fetch(url, init);

     

       233
       503
        
       		const body = await response.json();

     

       234
       504
        
       		if (response.status === 400) return err(`${body.error}: ${body.message}`);

     

       235
       505
        
       		if (response.status !== 200) return err(`UnexpectedStatusCode: ${response.status}`);

     

       236
       236
       -
       		const parsed = safeParse(schema.output.schema, body);

     

       237
       237
       -
       		if (!parsed.ok) return err(parsed.message);

     

       238
       238
       -
       		return ok(parsed.value as Output);

     

       506
       506
       +
       		return ok(body);

     

       239
       507
        
       	} catch (error) {

     

       240
       508
        
       		return err(`FetchError: ${error}`);

     

       241
       509
        
       	}

+124 -76

src/lib/at/fetch.ts

···

       1
       1
       -
       import type { ActorIdentifier, CanonicalResourceUri } from '@atcute/lexicons';

     

       2
       2
       -
       import type { AtpClient } from './client';

     

       3
       3
       -
       import { err, map, ok, type Result } from '$lib/result';

     

       1
       1
       +
       import {

     

       2
       2
       +
       	parseCanonicalResourceUri,

     

       3
       3
       +
       	type CanonicalResourceUri,

     

       4
       4
       +
       	type Cid,

     

       5
       5
       +
       	type ResourceUri

     

       6
       6
       +
       } from '@atcute/lexicons';

     

       7
       7
       +
       import { type AtpClient } from './client';

     

       8
       8
       +
       import { err, expect, ok, type Ok, type Result } from '$lib/result';

     

       4
       9
        
       import type { Backlinks } from './constellation';

     

       5
       10
        
       import { AppBskyFeedPost } from '@atcute/bluesky';

     

       11
       11
       +
       import type { Did, RecordKey } from '@atcute/lexicons/syntax';

     

       12
       12
       +
       import { replySource, toCanonicalUri } from '$lib';

     

       6
       13
        
       

     

       7
       7
       -
       export type PostWithUri = { uri: CanonicalResourceUri; record: AppBskyFeedPost.Main };

     

       14
       14
       +
       export type PostWithUri = { uri: ResourceUri; cid: Cid | undefined; record: AppBskyFeedPost.Main };

     

       8
       15
        
       export type PostWithBacklinks = PostWithUri & {

     

       9
       9
       -
       	replies: Result<Backlinks, string>;

     

       16
       16
       +
       	replies?: Backlinks;

     

       10
       17
        
       };

     

       11
       11
       -
       export type PostsWithReplyBacklinks = PostWithBacklinks[];

     

       12
       18
        
       

     

       13
       13
       -
       export const fetchPostsWithBacklinks = async (

     

       19
       19
       +
       export const fetchPosts = async (

     

       14
       20
        
       	client: AtpClient,

     

       15
       15
       -
       	repo: ActorIdentifier,

     

       16
       21
        
       	cursor?: string,

     

       17
       17
       -
       	limit?: number

     

       18
       18
       -
       ): Promise<Result<{ posts: PostsWithReplyBacklinks; cursor?: string }, string>> => {

     

       19
       19
       -
       	const recordsList = await client.listRecords('app.bsky.feed.post', repo, cursor, limit);

     

       22
       22
       +
       	limit?: number,

     

       23
       23
       +
       	withBacklinks: boolean = true

     

       24
       24
       +
       ): Promise<Result<{ posts: PostWithBacklinks[]; cursor?: string }, string>> => {

     

       25
       25
       +
       	const recordsList = await client.listRecords('app.bsky.feed.post', cursor, limit);

     

       20
       26
        
       	if (!recordsList.ok) return err(`can't retrieve posts: ${recordsList.error}`);

     

       21
       27
        
       	cursor = recordsList.value.cursor;

     

       22
       28
        
       	const records = recordsList.value.records;

     

       23
       29
        
       

     

       24
       24
       -
       	const allBacklinks = await Promise.all(

     

       25
       25
       -
       		records.map((r) =>

     

       26
       26
       -
       			client

     

       27
       27
       -
       				.getBacklinksUri(r.uri as CanonicalResourceUri, 'app.bsky.feed.post:reply.parent.uri')

     

       28
       28
       -
       				.then(

     

       29
       29
       -
       					(res): PostWithBacklinks => ({

     

       30
       30
       -
       						uri: r.uri as CanonicalResourceUri,

     

       31
       31
       -
       						record: r.value as AppBskyFeedPost.Main,

     

       32
       32
       -
       						replies: res

     

       33
       33
       -
       					})

     

       34
       34
       -
       				)

     

       35
       35
       -
       		)

     

       36
       36
       -
       	);

     

       30
       30
       +
       	if (!withBacklinks) {

     

       31
       31
       +
       		return ok({

     

       32
       32
       +
       			posts: records.map((r) => ({

     

       33
       33
       +
       				uri: r.uri,

     

       34
       34
       +
       				cid: r.cid,

     

       35
       35
       +
       				record: r.value as AppBskyFeedPost.Main

     

       36
       36
       +
       			})),

     

       37
       37
       +
       			cursor

     

       38
       38
       +
       		});

     

       39
       39
       +
       	}

     

       37
       40
        
       

     

       38
       38
       -
       	return ok({ posts: allBacklinks, cursor });

     

       41
       41
       +
       	try {

     

       42
       42
       +
       		const allBacklinks = await Promise.all(

     

       43
       43
       +
       			records.map(async (r): Promise<PostWithBacklinks> => {

     

       44
       44
       +
       				const result = await client.getBacklinksUri(r.uri, replySource);

     

       45
       45
       +
       				if (!result.ok) throw `cant fetch replies: ${result.error}`;

     

       46
       46
       +
       				const replies = result.value;

     

       47
       47
       +
       				return {

     

       48
       48
       +
       					uri: r.uri,

     

       49
       49
       +
       					cid: r.cid,

     

       50
       50
       +
       					record: r.value as AppBskyFeedPost.Main,

     

       51
       51
       +
       					replies

     

       52
       52
       +
       				};

     

       53
       53
       +
       			})

     

       54
       54
       +
       		);

     

       55
       55
       +
       		return ok({ posts: allBacklinks, cursor });

     

       56
       56
       +
       	} catch (error) {

     

       57
       57
       +
       		return err(`cant fetch posts backlinks: ${error}`);

     

       58
       58
       +
       	}

     

       39
       59
        
       };

     

       40
       60
        
       

     

       41
       61
        
       export const hydratePosts = async (

     

       42
       62
        
       	client: AtpClient,

     

       43
       43
       -
       	data: PostsWithReplyBacklinks

     

       44
       44
       -
       ): Promise<Map<CanonicalResourceUri, AppBskyFeedPost.Main>> => {

     

       45
       45
       -
       	const allPosts = await Promise.all(

     

       46
       46
       -
       		data.map(async (post) => {

     

       47
       47
       -
       			const result: Result<PostWithUri, string>[] = [ok({ uri: post.uri, record: post.record })];

     

       48
       48
       -
       			if (post.replies.ok) {

     

       49
       49
       -
       				const replies = await Promise.all(

     

       50
       50
       -
       					post.replies.value.records.map((r) =>

     

       51
       51
       -
       						client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey).then((res) =>

     

       52
       52
       -
       							map(

     

       53
       53
       -
       								res,

     

       54
       54
       -
       								(d): PostWithUri => ({

     

       55
       55
       -
       									uri: `at://${r.did}/app.bsky.feed.post/${r.rkey}` as CanonicalResourceUri,

     

       56
       56
       -
       									record: d

     

       57
       57
       -
       								})

     

       58
       58
       -
       							)

     

       59
       59
       -
       						)

     

       60
       60
       -
       					)

     

       61
       61
       -
       				);

     

       62
       62
       -
       				result.push(...replies);

     

       63
       63
       +
       	repo: Did,

     

       64
       64
       +
       	data: PostWithBacklinks[],

     

       65
       65
       +
       	cacheFn: (did: Did, rkey: RecordKey) => Ok<PostWithUri> | undefined

     

       66
       66
       +
       ): Promise<Result<Map<ResourceUri, PostWithUri>, string>> => {

     

       67
       67
       +
       	let posts: Map<ResourceUri, PostWithUri> = new Map();

     

       68
       68
       +
       	try {

     

       69
       69
       +
       		const allPosts = await Promise.all(

     

       70
       70
       +
       			data.map(async (post) => {

     

       71
       71
       +
       				const result: PostWithUri[] = [post];

     

       72
       72
       +
       				if (post.replies) {

     

       73
       73
       +
       					const replies = await Promise.all(

     

       74
       74
       +
       						post.replies.records.map(async (r) => {

     

       75
       75
       +
       							const reply =

     

       76
       76
       +
       								cacheFn(r.did, r.rkey) ??

     

       77
       77
       +
       								(await client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey));

     

       78
       78
       +
       							if (!reply.ok) throw `cant fetch reply: ${reply.error}`;

     

       79
       79
       +
       							return reply.value;

     

       80
       80
       +
       						})

     

       81
       81
       +
       					);

     

       82
       82
       +
       					result.push(...replies);

     

       83
       83
       +
       				}

     

       84
       84
       +
       				return result;

     

       85
       85
       +
       			})

     

       86
       86
       +
       		);

     

       87
       87
       +
       		posts = new Map(allPosts.flat().map((post) => [post.uri, post]));

     

       88
       88
       +
       	} catch (error) {

     

       89
       89
       +
       		return err(`cant hydrate immediate replies: ${error}`);

     

       90
       90
       +
       	}

     

       91
       91
       +
       

     

       92
       92
       +
       	const fetchUpwardsChain = async (post: PostWithUri) => {

     

       93
       93
       +
       		let parent = post.record.reply?.parent;

     

       94
       94
       +
       		while (parent) {

     

       95
       95
       +
       			const parentUri = parent.uri as CanonicalResourceUri;

     

       96
       96
       +
       			// if we already have this parent, then we already fetched this chain / are fetching it

     

       97
       97
       +
       			if (posts.has(parentUri)) return;

     

       98
       98
       +
       			const parsedParentUri = expect(parseCanonicalResourceUri(parentUri));

     

       99
       99
       +
       			const p =

     

       100
       100
       +
       				cacheFn(parsedParentUri.repo, parsedParentUri.rkey) ??

     

       101
       101
       +
       				(await client.getRecord(

     

       102
       102
       +
       					AppBskyFeedPost.mainSchema,

     

       103
       103
       +
       					parsedParentUri.repo,

     

       104
       104
       +
       					parsedParentUri.rkey

     

       105
       105
       +
       				));

     

       106
       106
       +
       			if (p.ok) {

     

       107
       107
       +
       				posts.set(p.value.uri, p.value);

     

       108
       108
       +
       				parent = p.value.record.reply?.parent;

     

       109
       109
       +
       				continue;

     

       63
       110
        
       			}

     

       64
       64
       -
       			return result;

     

       65
       65
       -
       		})

     

       66
       66
       -
       	);

     

       67
       67
       -
       	const posts = new Map(

     

       68
       68
       -
       		allPosts

     

       69
       69
       -
       			.flat()

     

       70
       70
       -
       			.flatMap((res) => (res.ok ? [res.value] : []))

     

       71
       71
       -
       			.map((post) => [post.uri, post.record])

     

       72
       72
       -
       	);

     

       111
       111
       +
       			// TODO: handle deleted parent posts

     

       112
       112
       +
       			parent = undefined;

     

       113
       113
       +
       		}

     

       114
       114
       +
       	};

     

       115
       115
       +
       	await Promise.all(posts.values().map(fetchUpwardsChain));

     

       73
       116
        
       

     

       74
       74
       -
       	// hydrate posts

     

       75
       75
       -
       	const missingPosts = await Promise.all(

     

       76
       76
       -
       		Array.from(posts).map(async ([uri, record]) => {

     

       77
       77
       -
       			let result: PostWithUri[] = [{ uri, record }];

     

       78
       78
       -
       			let parent = record.reply?.parent;

     

       79
       79
       -
       			while (parent) {

     

       80
       80
       -
       				if (posts.has(parent.uri as CanonicalResourceUri)) {

     

       81
       81
       -
       					return result;

     

       82
       82
       -
       				}

     

       83
       83
       -
       				const p = await client.getRecordUri(AppBskyFeedPost.mainSchema, parent.uri);

     

       84
       84
       -
       				if (p.ok) {

     

       85
       85
       -
       					result = [{ uri: parent.uri as CanonicalResourceUri, record: p.value }, ...result];

     

       86
       86
       -
       					parent = p.value.reply?.parent;

     

       87
       87
       -
       					continue;

     

       88
       88
       -
       				}

     

       89
       89
       -
       				parent = undefined;

     

       117
       117
       +
       	try {

     

       118
       118
       +
       		const fetchDownwardsChain = async (post: PostWithUri) => {

     

       119
       119
       +
       			const { repo: postRepo } = expect(parseCanonicalResourceUri(post.uri));

     

       120
       120
       +
       			if (repo === postRepo) return;

     

       121
       121
       +
       

     

       122
       122
       +
       			// get chains that are the same author until we exhaust them

     

       123
       123
       +
       			const backlinks = await client.getBacklinksUri(post.uri, replySource);

     

       124
       124
       +
       			if (!backlinks.ok) return;

     

       125
       125
       +
       

     

       126
       126
       +
       			const promises = [];

     

       127
       127
       +
       			for (const reply of backlinks.value.records) {

     

       128
       128
       +
       				if (reply.did !== postRepo) continue;

     

       129
       129
       +
       				// if we already have this reply, then we already fetched this chain / are fetching it

     

       130
       130
       +
       				if (posts.has(toCanonicalUri(reply))) continue;

     

       131
       131
       +
       				const record =

     

       132
       132
       +
       					cacheFn(reply.did, reply.rkey) ??

     

       133
       133
       +
       					(await client.getRecord(AppBskyFeedPost.mainSchema, reply.did, reply.rkey));

     

       134
       134
       +
       				if (!record.ok) break; // TODO: this doesnt handle deleted posts in between

     

       135
       135
       +
       				posts.set(record.value.uri, record.value);

     

       136
       136
       +
       				promises.push(fetchDownwardsChain(record.value));

     

       90
       137
        
       			}

     

       91
       91
       -
       			return result;

     

       92
       92
       -
       		})

     

       93
       93
       -
       	);

     

       94
       94
       -
       	for (const post of missingPosts.flat()) {

     

       95
       95
       -
       		posts.set(post.uri, post.record);

     

       138
       138
       +
       

     

       139
       139
       +
       			await Promise.all(promises);

     

       140
       140
       +
       		};

     

       141
       141
       +
       		await Promise.all(posts.values().map(fetchDownwardsChain));

     

       142
       142
       +
       	} catch (error) {

     

       143
       143
       +
       		return err(`cant fetch post reply chain: ${error}`);

     

       96
       144
        
       	}

     

       97
       145
        
       

     

       98
       98
       -
       	return posts;

     

       146
       146
       +
       	return ok(posts);

     

       99
       147
        
       };

src/lib/at/index.ts

···

       1
       1
       +
       import { settings } from '$lib/settings';

     

       2
       2
       +
       import { get } from 'svelte/store';

     

       3
       3
       +
       

     

       4
       4
       +
       export const slingshotUrl: URL = new URL(get(settings).endpoints.slingshot);

     

       5
       5
       +
       export const spacedustUrl: URL = new URL(get(settings).endpoints.spacedust);

     

       6
       6
       +
       export const constellationUrl: URL = new URL(get(settings).endpoints.constellation);

+91

src/lib/at/oauth.ts

···

       1
       1
       +
       import {

     

       2
       2
       +
       	configureOAuth,

     

       3
       3
       +
       	createAuthorizationUrl,

     

       4
       4
       +
       	finalizeAuthorization,

     

       5
       5
       +
       	OAuthUserAgent,

     

       6
       6
       +
       	getSession,

     

       7
       7
       +
       	deleteStoredSession

     

       8
       8
       +
       } from '@atcute/oauth-browser-client';

     

       9
       9
       +
       

     

       10
       10
       +
       import {

     

       11
       11
       +
       	CompositeDidDocumentResolver,

     

       12
       12
       +
       	LocalActorResolver,

     

       13
       13
       +
       	PlcDidDocumentResolver,

     

       14
       14
       +
       	WebDidDocumentResolver,

     

       15
       15
       +
       	XrpcHandleResolver

     

       16
       16
       +
       } from '@atcute/identity-resolver';

     

       17
       17
       +
       import type { ActorIdentifier } from '@atcute/lexicons';

     

       18
       18
       +
       import { err, ok, type Result } from '$lib/result';

     

       19
       19
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       20
       20
       +
       import { clientId, oauthMetadata, redirectUri } from '$lib/oauth';

     

       21
       21
       +
       import { slingshotUrl } from '.';

     

       22
       22
       +
       

     

       23
       23
       +
       configureOAuth({

     

       24
       24
       +
       	metadata: {

     

       25
       25
       +
       		client_id: clientId,

     

       26
       26
       +
       		redirect_uri: redirectUri

     

       27
       27
       +
       	},

     

       28
       28
       +
       	identityResolver: new LocalActorResolver({

     

       29
       29
       +
       		handleResolver: new XrpcHandleResolver({ serviceUrl: slingshotUrl.href }),

     

       30
       30
       +
       

     

       31
       31
       +
       		didDocumentResolver: new CompositeDidDocumentResolver({

     

       32
       32
       +
       			methods: {

     

       33
       33
       +
       				plc: new PlcDidDocumentResolver(),

     

       34
       34
       +
       				web: new WebDidDocumentResolver()

     

       35
       35
       +
       			}

     

       36
       36
       +
       		})

     

       37
       37
       +
       	})

     

       38
       38
       +
       });

     

       39
       39
       +
       

     

       40
       40
       +
       export const sessions = {

     

       41
       41
       +
       	get: async (did: AtprotoDid) => {

     

       42
       42
       +
       		const session = await getSession(did, { allowStale: true });

     

       43
       43
       +
       		return new OAuthUserAgent(session);

     

       44
       44
       +
       	},

     

       45
       45
       +
       	remove: async (did: AtprotoDid) => {

     

       46
       46
       +
       		try {

     

       47
       47
       +
       			const agent = await sessions.get(did);

     

       48
       48
       +
       			await agent.signOut();

     

       49
       49
       +
       		} catch {

     

       50
       50
       +
       			deleteStoredSession(did);

     

       51
       51
       +
       		}

     

       52
       52
       +
       	}

     

       53
       53
       +
       };

     

       54
       54
       +
       

     

       55
       55
       +
       export const flow = {

     

       56
       56
       +
       	start: async (identifier: ActorIdentifier): Promise<Result<null, string>> => {

     

       57
       57
       +
       		try {

     

       58
       58
       +
       			const authUrl = await createAuthorizationUrl({

     

       59
       59
       +
       				target: { type: 'account', identifier },

     

       60
       60
       +
       				scope: oauthMetadata.scope

     

       61
       61
       +
       			});

     

       62
       62
       +
       			// recommended to wait for the browser to persist local storage before proceeding

     

       63
       63
       +
       			await new Promise((resolve) => setTimeout(resolve, 200));

     

       64
       64
       +
       			// redirect the user to sign in and authorize the app

     

       65
       65
       +
       			window.location.assign(authUrl);

     

       66
       66
       +
       			// if this is on an async function, ideally the function should never ever resolve.

     

       67
       67
       +
       			// the only way it should resolve at this point is if the user aborted the authorization

     

       68
       68
       +
       			// by returning back to this page (thanks to back-forward page caching)

     

       69
       69
       +
       			await new Promise((_resolve, reject) => {

     

       70
       70
       +
       				const listener = () => {

     

       71
       71
       +
       					reject(new Error(`user aborted the login request`));

     

       72
       72
       +
       				};

     

       73
       73
       +
       				window.addEventListener('pageshow', listener, { once: true });

     

       74
       74
       +
       			});

     

       75
       75
       +
       			return ok(null);

     

       76
       76
       +
       		} catch (error) {

     

       77
       77
       +
       			return err(`login error: ${error}`);

     

       78
       78
       +
       		}

     

       79
       79
       +
       	},

     

       80
       80
       +
       	finalize: async (url: URL): Promise<Result<OAuthUserAgent | null, string>> => {

     

       81
       81
       +
       		try {

     

       82
       82
       +
       			// createAuthorizationUrl asks server to put the params in the hash

     

       83
       83
       +
       			const params = new URLSearchParams(url.hash.slice(1));

     

       84
       84
       +
       			if (!params.has('code')) return ok(null);

     

       85
       85
       +
       			const { session } = await finalizeAuthorization(params);

     

       86
       86
       +
       			return ok(new OAuthUserAgent(session));

     

       87
       87
       +
       		} catch (error) {

     

       88
       88
       +
       			return err(`login error: ${error}`);

     

       89
       89
       +
       		}

     

       90
       90
       +
       	}

     

       91
       91
       +
       };

+16

src/lib/at/stardust.ts

···

       1
       1
       +
       import type { CanonicalResourceUri, RecordKey } from '@atcute/lexicons';

     

       2
       2
       +
       import type { BacklinksSource } from './constellation';

     

       3
       3
       +
       

     

       4
       4
       +
       export type Notification = {

     

       5
       5
       +
       	kind: 'link';

     

       6
       6
       +
       	origin: string;

     

       7
       7
       +
       	link: LinkNotification;

     

       8
       8
       +
       };

     

       9
       9
       +
       

     

       10
       10
       +
       export type LinkNotification = {

     

       11
       11
       +
       	operation: 'create'; // todo: delete in the future

     

       12
       12
       +
       	source: BacklinksSource;

     

       13
       13
       +
       	source_record: CanonicalResourceUri;

     

       14
       14
       +
       	source_rev: RecordKey;

     

       15
       15
       +
       	subject: CanonicalResourceUri;

     

       16
       16
       +
       };

+19

src/lib/at/types.ts

···

       1
       1
       +
       import type {

     

       2
       2
       +
       	AppBskyEmbedExternal,

     

       3
       3
       +
       	AppBskyEmbedImages,

     

       4
       4
       +
       	AppBskyEmbedRecord,

     

       5
       5
       +
       	AppBskyEmbedRecordWithMedia,

     

       6
       6
       +
       	AppBskyEmbedVideo

     

       7
       7
       +
       } from '@atcute/bluesky';

     

       8
       8
       +
       

     

       9
       9
       +
       export type AppBskyEmbeds =

     

       10
       10
       +
       	| AppBskyEmbedExternal.Main

     

       11
       11
       +
       	| AppBskyEmbedImages.Main

     

       12
       12
       +
       	| AppBskyEmbedRecord.Main

     

       13
       13
       +
       	| AppBskyEmbedRecordWithMedia.Main

     

       14
       14
       +
       	| AppBskyEmbedVideo.Main;

     

       15
       15
       +
       

     

       16
       16
       +
       export type AppBskyEmbedMedia =

     

       17
       17
       +
       	| AppBskyEmbedImages.Main

     

       18
       18
       +
       	| AppBskyEmbedVideo.Main

     

       19
       19
       +
       	| AppBskyEmbedExternal.Main;

+201 -50

src/lib/cache.ts

···

       1
       1
       -
       import { Cache, type CacheOptions } from '@wora/cache-persist';

     

       2
       2
       -
       import { LRUCache } from 'lru-cache';

     

       1
       1
       +
       import { createCache } from 'async-cache-dedupe';

     

       2
       2
       +
       

     

       3
       3
       +
       const DB_NAME = 'nucleus-cache';

     

       4
       4
       +
       const STORE_NAME = 'keyvalue';

     

       5
       5
       +
       const DB_VERSION = 1;

     

       6
       6
       +
       

     

       7
       7
       +
       type WriteOp =

     

       8
       8
       +
       	| {

     

       9
       9
       +
       			type: 'put';

     

       10
       10
       +
       			key: string;

     

       11
       11
       +
       			value: { value: unknown; expires: number };

     

       12
       12
       +
       			resolve: () => void;

     

       13
       13
       +
       			reject: (err: unknown) => void;

     

       14
       14
       +
       	  }

     

       15
       15
       +
       	| { type: 'delete'; key: string; resolve: () => void; reject: (err: unknown) => void };

     

       16
       16
       +
       type ReadOp = {

     

       17
       17
       +
       	key: string;

     

       18
       18
       +
       	resolve: (val: unknown) => void;

     

       19
       19
       +
       	reject: (err: unknown) => void;

     

       20
       20
       +
       };

     

       21
       21
       +
       

     

       22
       22
       +
       class IDBStorage {

     

       23
       23
       +
       	private dbPromise: Promise<IDBDatabase> | null = null;

     

       24
       24
       +
       

     

       25
       25
       +
       	private getBatch: ReadOp[] = [];

     

       26
       26
       +
       	private writeBatch: WriteOp[] = [];

     

       27
       27
       +
       

     

       28
       28
       +
       	private getFlushScheduled = false;

     

       29
       29
       +
       	private writeFlushScheduled = false;

     

       30
       30
       +
       

     

       31
       31
       +
       	constructor() {

     

       32
       32
       +
       		if (typeof indexedDB === 'undefined') return;

     

       3
       33
        
       

     

       4
       4
       -
       export interface PersistedLRUOptions {

     

       5
       5
       -
       	prefix?: string;

     

       6
       6
       -
       	max: number;

     

       7
       7
       -
       	ttl?: number;

     

       8
       8
       -
       	persistOptions?: CacheOptions;

     

       9
       9
       -
       }

     

       34
       34
       +
       		this.dbPromise = new Promise((resolve, reject) => {

     

       35
       35
       +
       			const request = indexedDB.open(DB_NAME, DB_VERSION);

     

       10
       36
        
       

     

       11
       11
       -
       // eslint-disable-next-line @typescript-eslint/no-empty-object-type

     

       12
       12
       -
       export class PersistedLRU<K extends string, V extends {}> {

     

       13
       13
       -
       	private memory: LRUCache<K, V>;

     

       14
       14
       -
       	private storage: Cache; // from wora/cache-persist

     

       37
       37
       +
       			request.onerror = () => {

     

       38
       38
       +
       				console.error('IDB open error:', request.error);

     

       39
       39
       +
       				reject(request.error);

     

       40
       40
       +
       			};

     

       15
       41
        
       

     

       16
       16
       -
       	private prefix = ''; // or derive from options

     

       42
       42
       +
       			request.onsuccess = () => resolve(request.result);

     

       17
       43
        
       

     

       18
       18
       -
       	constructor(opts: PersistedLRUOptions) {

     

       19
       19
       -
       		this.memory = new LRUCache<K, V>({

     

       20
       20
       -
       			max: opts.max,

     

       21
       21
       -
       			ttl: opts.ttl

     

       44
       44
       +
       			request.onupgradeneeded = (event) => {

     

       45
       45
       +
       				const db = (event.target as IDBOpenDBRequest).result;

     

       46
       46
       +
       				if (!db.objectStoreNames.contains(STORE_NAME)) db.createObjectStore(STORE_NAME);

     

       47
       47
       +
       			};

     

       22
       48
        
       		});

     

       23
       23
       -
       		this.storage = new Cache(opts.persistOptions);

     

       24
       24
       -
       		this.prefix = opts.prefix ? `${opts.prefix}%` : '';

     

       49
       49
       +
       	}

     

       25
       50
        
       

     

       26
       26
       -
       		this.init();

     

       51
       51
       +
       	async get(key: string): Promise<unknown> {

     

       52
       52
       +
       		// checking in-flight writes

     

       53
       53
       +
       		for (let i = this.writeBatch.length - 1; i >= 0; i--) {

     

       54
       54
       +
       			const op = this.writeBatch[i];

     

       55
       55
       +
       			if (op.key === key) {

     

       56
       56
       +
       				if (op.type === 'delete') return undefined;

     

       57
       57
       +
       				if (op.type === 'put') {

     

       58
       58
       +
       					// if expired we dont want it

     

       59
       59
       +
       					if (op.value.expires < Date.now()) return undefined;

     

       60
       60
       +
       					return op.value.value;

     

       61
       61
       +
       				}

     

       62
       62
       +
       			}

     

       63
       63
       +
       		}

     

       64
       64
       +
       

     

       65
       65
       +
       		if (!this.dbPromise) return undefined;

     

       66
       66
       +
       

     

       67
       67
       +
       		return new Promise((resolve, reject) => {

     

       68
       68
       +
       			this.getBatch.push({ key, resolve, reject });

     

       69
       69
       +
       			this.scheduleGetFlush();

     

       70
       70
       +
       		});

     

       27
       71
        
       	}

     

       28
       72
        
       

     

       29
       29
       -
       	async init(): Promise<void> {

     

       30
       30
       -
       		await this.storage.restore();

     

       73
       73
       +
       	private scheduleGetFlush() {

     

       74
       74
       +
       		if (this.getFlushScheduled) return;

     

       75
       75
       +
       		this.getFlushScheduled = true;

     

       76
       76
       +
       		queueMicrotask(() => this.flushGetBatch());

     

       77
       77
       +
       	}

     

       78
       78
       +
       

     

       79
       79
       +
       	private async flushGetBatch() {

     

       80
       80
       +
       		this.getFlushScheduled = false;

     

       81
       81
       +
       		const batch = this.getBatch;

     

       82
       82
       +
       		this.getBatch = [];

     

       83
       83
       +
       

     

       84
       84
       +
       		if (batch.length === 0) return;

     

       31
       85
        
       

     

       32
       32
       -
       		const state = this.storage.getState();

     

       33
       33
       -
       		for (const [key, val] of Object.entries(state)) {

     

       34
       34
       -
       			try {

     

       35
       35
       -
       				console.log('restoring', key);

     

       36
       36
       -
       				const k = this.unprefix(key) as unknown as K;

     

       37
       37
       -
       				const v = val as V;

     

       38
       38
       -
       				this.memory.set(k, v);

     

       39
       39
       -
       			} catch (err) {

     

       40
       40
       -
       				console.warn('skipping invalid persisted entry', key, err);

     

       41
       41
       -
       			}

     

       86
       86
       +
       		try {

     

       87
       87
       +
       			const db = await this.dbPromise;

     

       88
       88
       +
       			if (!db) throw new Error('DB not available');

     

       89
       89
       +
       

     

       90
       90
       +
       			const transaction = db.transaction(STORE_NAME, 'readonly');

     

       91
       91
       +
       			const store = transaction.objectStore(STORE_NAME);

     

       92
       92
       +
       

     

       93
       93
       +
       			batch.forEach(({ key, resolve }) => {

     

       94
       94
       +
       				try {

     

       95
       95
       +
       					const request = store.get(key);

     

       96
       96
       +
       					request.onsuccess = () => {

     

       97
       97
       +
       						const result = request.result;

     

       98
       98
       +
       						if (!result) {

     

       99
       99
       +
       							resolve(undefined);

     

       100
       100
       +
       							return;

     

       101
       101
       +
       						}

     

       102
       102
       +
       						if (result.expires < Date.now()) {

     

       103
       103
       +
       							// Fire-and-forget removal for expired items

     

       104
       104
       +
       							this.remove(key).catch(() => {});

     

       105
       105
       +
       							resolve(undefined);

     

       106
       106
       +
       							return;

     

       107
       107
       +
       						}

     

       108
       108
       +
       						resolve(result.value);

     

       109
       109
       +
       					};

     

       110
       110
       +
       					request.onerror = () => resolve(undefined);

     

       111
       111
       +
       				} catch {

     

       112
       112
       +
       					resolve(undefined);

     

       113
       113
       +
       				}

     

       114
       114
       +
       			});

     

       115
       115
       +
       		} catch (error) {

     

       116
       116
       +
       			batch.forEach(({ reject }) => reject(error));

     

       42
       117
        
       		}

     

       43
       118
        
       	}

     

       44
       119
        
       

     

       45
       45
       -
       	get(key: K): V | undefined {

     

       46
       46
       -
       		return this.memory.get(key);

     

       120
       120
       +
       	async set(key: string, value: unknown, ttl: number): Promise<void> {

     

       121
       121
       +
       		if (!this.dbPromise) return;

     

       122
       122
       +
       

     

       123
       123
       +
       		const expires = Date.now() + ttl * 1000;

     

       124
       124
       +
       		const storageValue = { value, expires };

     

       125
       125
       +
       

     

       126
       126
       +
       		return new Promise((resolve, reject) => {

     

       127
       127
       +
       			this.writeBatch.push({ type: 'put', key, value: storageValue, resolve, reject });

     

       128
       128
       +
       			this.scheduleWriteFlush();

     

       129
       129
       +
       		});

     

       130
       130
       +
       	}

     

       131
       131
       +
       

     

       132
       132
       +
       	async remove(key: string): Promise<void> {

     

       133
       133
       +
       		if (!this.dbPromise) return;

     

       134
       134
       +
       

     

       135
       135
       +
       		return new Promise((resolve, reject) => {

     

       136
       136
       +
       			this.writeBatch.push({ type: 'delete', key, resolve, reject });

     

       137
       137
       +
       			this.scheduleWriteFlush();

     

       138
       138
       +
       		});

     

       139
       139
       +
       	}

     

       140
       140
       +
       

     

       141
       141
       +
       	private scheduleWriteFlush() {

     

       142
       142
       +
       		if (this.writeFlushScheduled) return;

     

       143
       143
       +
       		this.writeFlushScheduled = true;

     

       144
       144
       +
       		queueMicrotask(() => this.flushWriteBatch());

     

       47
       145
        
       	}

     

       48
       48
       -
       	set(key: K, value: V): void {

     

       49
       49
       -
       		this.memory.set(key, value);

     

       50
       50
       -
       		this.storage.set(this.prefixed(key), value);

     

       51
       51
       -
       		this.storage.flush(); // TODO: uh evil and fucked up (this whole file is evil honestly)

     

       146
       146
       +
       

     

       147
       147
       +
       	private async flushWriteBatch() {

     

       148
       148
       +
       		this.writeFlushScheduled = false;

     

       149
       149
       +
       		const batch = this.writeBatch;

     

       150
       150
       +
       		this.writeBatch = [];

     

       151
       151
       +
       

     

       152
       152
       +
       		if (batch.length === 0) return;

     

       153
       153
       +
       

     

       154
       154
       +
       		try {

     

       155
       155
       +
       			const db = await this.dbPromise;

     

       156
       156
       +
       			if (!db) throw new Error('DB not available');

     

       157
       157
       +
       

     

       158
       158
       +
       			const transaction = db.transaction(STORE_NAME, 'readwrite');

     

       159
       159
       +
       			const store = transaction.objectStore(STORE_NAME);

     

       160
       160
       +
       

     

       161
       161
       +
       			batch.forEach((op) => {

     

       162
       162
       +
       				try {

     

       163
       163
       +
       					let request: IDBRequest;

     

       164
       164
       +
       					if (op.type === 'put') request = store.put(op.value, op.key);

     

       165
       165
       +
       					else request = store.delete(op.key);

     

       166
       166
       +
       

     

       167
       167
       +
       					request.onsuccess = () => op.resolve();

     

       168
       168
       +
       					request.onerror = () => op.reject(request.error);

     

       169
       169
       +
       				} catch (err) {

     

       170
       170
       +
       					op.reject(err);

     

       171
       171
       +
       				}

     

       172
       172
       +
       			});

     

       173
       173
       +
       		} catch (error) {

     

       174
       174
       +
       			batch.forEach(({ reject }) => reject(error));

     

       175
       175
       +
       		}

     

       52
       176
        
       	}

     

       53
       53
       -
       	has(key: K): boolean {

     

       54
       54
       -
       		return this.memory.has(key);

     

       177
       177
       +
       

     

       178
       178
       +
       	async clear(): Promise<void> {

     

       179
       179
       +
       		if (!this.dbPromise) return;

     

       180
       180
       +
       		try {

     

       181
       181
       +
       			const db = await this.dbPromise;

     

       182
       182
       +
       			return new Promise<void>((resolve, reject) => {

     

       183
       183
       +
       				const transaction = db.transaction(STORE_NAME, 'readwrite');

     

       184
       184
       +
       				const store = transaction.objectStore(STORE_NAME);

     

       185
       185
       +
       				const request = store.clear();

     

       186
       186
       +
       

     

       187
       187
       +
       				request.onerror = () => reject(request.error);

     

       188
       188
       +
       				request.onsuccess = () => resolve();

     

       189
       189
       +
       			});

     

       190
       190
       +
       		} catch (e) {

     

       191
       191
       +
       			console.error('IDB clear error', e);

     

       192
       192
       +
       		}

     

       55
       193
        
       	}

     

       56
       56
       -
       	delete(key: K): void {

     

       57
       57
       -
       		this.memory.delete(key);

     

       58
       58
       -
       		this.storage.delete(this.prefixed(key));

     

       194
       194
       +
       

     

       195
       195
       +
       	async exists(key: string): Promise<boolean> {

     

       196
       196
       +
       		return (await this.get(key)) !== undefined;

     

       59
       197
        
       	}

     

       60
       60
       -
       	clear(): void {

     

       61
       61
       -
       		this.memory.clear();

     

       62
       62
       -
       		this.storage.purge(); // clears stored state

     

       198
       198
       +
       

     

       199
       199
       +
       	async invalidate(key: string): Promise<void> {

     

       200
       200
       +
       		return this.remove(key);

     

       63
       201
        
       	}

     

       64
       202
        
       

     

       65
       65
       -
       	private prefixed(key: K): string {

     

       66
       66
       -
       		return this.prefix + key;

     

       203
       203
       +
       	// noops

     

       204
       204
       +
       	// eslint-disable-next-line @typescript-eslint/no-unused-vars

     

       205
       205
       +
       	async getTTL(key: string): Promise<void> {

     

       206
       206
       +
       		return;

     

       67
       207
        
       	}

     

       68
       68
       -
       	private unprefix(prefixed: string): string {

     

       69
       69
       -
       		return prefixed.slice(this.prefix.length);

     

       208
       208
       +
       	async refresh(): Promise<void> {

     

       209
       209
       +
       		return;

     

       70
       210
        
       	}

     

       71
       211
        
       }

     

       212
       212
       +
       

     

       213
       213
       +
       export const cache = createCache({

     

       214
       214
       +
       	storage: {

     

       215
       215
       +
       		type: 'custom',

     

       216
       216
       +
       		options: {

     

       217
       217
       +
       			storage: new IDBStorage()

     

       218
       218
       +
       		}

     

       219
       219
       +
       	},

     

       220
       220
       +
       	ttl: 60 * 60 * 24, // 24 hours

     

       221
       221
       +
       	onError: (err) => console.error(err)

     

       222
       222
       +
       });

+12

src/lib/cdn.ts

···

       1
       1
       +
       import type { Did } from '@atcute/lexicons';

     

       2
       2
       +
       

     

       3
       3
       +
       export const cdn = `https://cdn.bsky.app`;

     

       4
       4
       +
       

     

       5
       5
       +
       export type ImageKind = 'avatar_thumbnail' | 'avatar' | 'feed_thumbnail' | 'feed_fullsize';

     

       6
       6
       +
       export type ImageFormat = 'webp' | 'png' | 'jpg';

     

       7
       7
       +
       

     

       8
       8
       +
       export const img = (kind: ImageKind, did: Did, blob: string, format: ImageFormat = 'webp') =>

     

       9
       9
       +
       	`${cdn}/img/${kind}/plain/${did}/${blob}@${format}`;

     

       10
       10
       +
       

     

       11
       11
       +
       export const blob = (pds: string, did: Did, cid: string) =>

     

       12
       12
       +
       	`${pds}/xrpc/com.atproto.sync.getBlob?did=${did}&cid=${cid}`;

+17

src/lib/date.ts

···

       1
       1
       +
       export const getRelativeTime = (date: Date, now: Date = new Date()) => {

     

       2
       2
       +
       	const diff = now.getTime() - date.getTime();

     

       3
       3
       +
       	const seconds = Math.floor(diff / 1000);

     

       4
       4
       +
       	const minutes = Math.floor(seconds / 60);

     

       5
       5
       +
       	const hours = Math.floor(minutes / 60);

     

       6
       6
       +
       	const days = Math.floor(hours / 24);

     

       7
       7
       +
       	const months = Math.floor(days / 30);

     

       8
       8
       +
       	const years = Math.floor(months / 12);

     

       9
       9
       +
       

     

       10
       10
       +
       	if (years > 0) return `${years}y`;

     

       11
       11
       +
       	if (months > 0) return `${months}mo`;

     

       12
       12
       +
       	if (days > 0) return `${days}d`;

     

       13
       13
       +
       	if (hours > 0) return `${hours}h`;

     

       14
       14
       +
       	if (minutes > 0) return `${minutes}m`;

     

       15
       15
       +
       	if (seconds > 0) return `${seconds}s`;

     

       16
       16
       +
       	return 'now';

     

       17
       17
       +
       };

src/lib/domain.ts

···

       1
       1
       +
       import { dev } from '$app/environment';

     

       2
       2
       +
       import { env } from '$env/dynamic/public';

     

       3
       3
       +
       

     

       4
       4
       +
       export const domain = dev ? 'http://127.0.0.1:5173' : env.PUBLIC_DOMAIN!;

     

       5
       5
       +
       

     

       6
       6
       +
       export default domain;

+240

src/lib/following.ts

···

       1
       1
       +
       import { type ActorIdentifier, type Did, type ResourceUri } from '@atcute/lexicons';

     

       2
       2
       +
       import type { PostWithUri } from './at/fetch';

     

       3
       3
       +
       import type { BacklinksSource } from './at/constellation';

     

       4
       4
       +
       import { extractDidFromUri, repostSource } from '$lib';

     

       5
       5
       +
       import type { AppBskyGraphFollow } from '@atcute/bluesky';

     

       6
       6
       +
       

     

       7
       7
       +
       export type Sort = 'recent' | 'active' | 'conversational';

     

       8
       8
       +
       

     

       9
       9
       +
       export const sortFollowedUser = (

     

       10
       10
       +
       	sort: Sort,

     

       11
       11
       +
       	statsA: NonNullable<ReturnType<typeof calculateFollowedUserStats>>,

     

       12
       12
       +
       	statsB: NonNullable<ReturnType<typeof calculateFollowedUserStats>>

     

       13
       13
       +
       ) => {

     

       14
       14
       +
       	if (sort === 'conversational') {

     

       15
       15
       +
       		if (Math.abs(statsB.conversationalScore! - statsA.conversationalScore!) > 0.1)

     

       16
       16
       +
       			return statsB.conversationalScore! - statsA.conversationalScore!;

     

       17
       17
       +
       	} else {

     

       18
       18
       +
       		if (sort === 'active')

     

       19
       19
       +
       			if (Math.abs(statsB.activeScore! - statsA.activeScore!) > 0.0001)

     

       20
       20
       +
       				return statsB.activeScore! - statsA.activeScore!;

     

       21
       21
       +
       	}

     

       22
       22
       +
       	return statsB.lastPostAt!.getTime() - statsA.lastPostAt!.getTime();

     

       23
       23
       +
       };

     

       24
       24
       +
       

     

       25
       25
       +
       const userStatsCache = new Map<

     

       26
       26
       +
       	Did,

     

       27
       27
       +
       	{ timestamp: number; stats: ReturnType<typeof _calculateStats> }

     

       28
       28
       +
       >();

     

       29
       29
       +
       const STATS_CACHE_TTL = 60 * 1000;

     

       30
       30
       +
       

     

       31
       31
       +
       export const calculateFollowedUserStats = (

     

       32
       32
       +
       	sort: Sort,

     

       33
       33
       +
       	did: Did,

     

       34
       34
       +
       	posts: Map<Did, Map<ResourceUri, PostWithUri>>,

     

       35
       35
       +
       	interactionScores: Map<ActorIdentifier, number> | null,

     

       36
       36
       +
       	now: number

     

       37
       37
       +
       ) => {

     

       38
       38
       +
       	if (sort === 'active') {

     

       39
       39
       +
       		const cached = userStatsCache.get(did);

     

       40
       40
       +
       		if (cached && now - cached.timestamp < STATS_CACHE_TTL) {

     

       41
       41
       +
       			const postsMap = posts.get(did);

     

       42
       42
       +
       			if (postsMap && postsMap.size > 0) return { ...cached.stats, did };

     

       43
       43
       +
       		}

     

       44
       44
       +
       	}

     

       45
       45
       +
       

     

       46
       46
       +
       	const stats = _calculateStats(sort, did, posts, interactionScores, now);

     

       47
       47
       +
       

     

       48
       48
       +
       	if (stats && sort === 'active') userStatsCache.set(did, { timestamp: now, stats });

     

       49
       49
       +
       

     

       50
       50
       +
       	return stats;

     

       51
       51
       +
       };

     

       52
       52
       +
       

     

       53
       53
       +
       const _calculateStats = (

     

       54
       54
       +
       	sort: Sort,

     

       55
       55
       +
       	did: Did,

     

       56
       56
       +
       	posts: Map<Did, Map<ResourceUri, PostWithUri>>,

     

       57
       57
       +
       	interactionScores: Map<ActorIdentifier, number> | null,

     

       58
       58
       +
       	now: number

     

       59
       59
       +
       ) => {

     

       60
       60
       +
       	const postsMap = posts.get(did);

     

       61
       61
       +
       	if (!postsMap || postsMap.size === 0) return null;

     

       62
       62
       +
       

     

       63
       63
       +
       	let lastPostAtTime = 0;

     

       64
       64
       +
       	let activeScore = 0;

     

       65
       65
       +
       	let recentPostCount = 0;

     

       66
       66
       +
       	const quarterPosts = 6 * 60 * 60 * 1000;

     

       67
       67
       +
       	const gravity = 2.0;

     

       68
       68
       +
       

     

       69
       69
       +
       	for (const post of postsMap.values()) {

     

       70
       70
       +
       		const t = new Date(post.record.createdAt).getTime();

     

       71
       71
       +
       		if (t > lastPostAtTime) lastPostAtTime = t;

     

       72
       72
       +
       		const ageMs = Math.max(0, now - t);

     

       73
       73
       +
       		if (ageMs < quarterPosts) recentPostCount++;

     

       74
       74
       +
       		if (sort === 'active') {

     

       75
       75
       +
       			const ageHours = ageMs / (1000 * 60 * 60);

     

       76
       76
       +
       			activeScore += 1 / Math.pow(ageHours + 1, gravity);

     

       77
       77
       +
       		}

     

       78
       78
       +
       	}

     

       79
       79
       +
       

     

       80
       80
       +
       	let conversationalScore = 0;

     

       81
       81
       +
       	if (sort === 'conversational' && interactionScores)

     

       82
       82
       +
       		conversationalScore = interactionScores.get(did) || 0;

     

       83
       83
       +
       

     

       84
       84
       +
       	return {

     

       85
       85
       +
       		did,

     

       86
       86
       +
       		lastPostAt: new Date(lastPostAtTime),

     

       87
       87
       +
       		activeScore,

     

       88
       88
       +
       		conversationalScore,

     

       89
       89
       +
       		recentPostCount

     

       90
       90
       +
       	};

     

       91
       91
       +
       };

     

       92
       92
       +
       

     

       93
       93
       +
       const quoteWeight = 4;

     

       94
       94
       +
       const replyWeight = 6;

     

       95
       95
       +
       const repostWeight = 2;

     

       96
       96
       +
       

     

       97
       97
       +
       const oneDay = 24 * 60 * 60 * 1000;

     

       98
       98
       +
       const halfLifeMs = 3 * oneDay;

     

       99
       99
       +
       const decayLambda = 0.693 / halfLifeMs;

     

       100
       100
       +
       

     

       101
       101
       +
       const rateBaseline = 1;

     

       102
       102
       +
       const ratePower = 0.5;

     

       103
       103
       +
       const windowSize = 7 * oneDay;

     

       104
       104
       +
       

     

       105
       105
       +
       const rateCache = new Map<Did, { rate: number; calculatedAt: number; postCount: number }>();

     

       106
       106
       +
       

     

       107
       107
       +
       const getPostRate = (did: Did, posts: Map<ResourceUri, PostWithUri>, now: number): number => {

     

       108
       108
       +
       	const cached = rateCache.get(did);

     

       109
       109
       +
       	if (cached && cached.postCount === posts.size && now - cached.calculatedAt < 5 * 60 * 1000)

     

       110
       110
       +
       		return cached.rate;

     

       111
       111
       +
       

     

       112
       112
       +
       	let volume = 0;

     

       113
       113
       +
       	let minTime = now;

     

       114
       114
       +
       	let maxTime = 0;

     

       115
       115
       +
       	let hasRecentPosts = false;

     

       116
       116
       +
       

     

       117
       117
       +
       	for (const [, post] of posts) {

     

       118
       118
       +
       		const t = new Date(post.record.createdAt).getTime();

     

       119
       119
       +
       		if (now - t < windowSize) {

     

       120
       120
       +
       			volume += 1;

     

       121
       121
       +
       			if (t < minTime) minTime = t;

     

       122
       122
       +
       			if (t > maxTime) maxTime = t;

     

       123
       123
       +
       			hasRecentPosts = true;

     

       124
       124
       +
       		}

     

       125
       125
       +
       	}

     

       126
       126
       +
       

     

       127
       127
       +
       	let rate = 0;

     

       128
       128
       +
       	if (hasRecentPosts) {

     

       129
       129
       +
       		const days = Math.max((maxTime - minTime) / oneDay, 1);

     

       130
       130
       +
       		rate = volume / days;

     

       131
       131
       +
       	}

     

       132
       132
       +
       

     

       133
       133
       +
       	rateCache.set(did, { rate, calculatedAt: now, postCount: posts.size });

     

       134
       134
       +
       	return rate;

     

       135
       135
       +
       };

     

       136
       136
       +
       

     

       137
       137
       +
       export const calculateInteractionScores = (

     

       138
       138
       +
       	user: Did,

     

       139
       139
       +
       	followsMap: Map<ResourceUri, AppBskyGraphFollow.Main>,

     

       140
       140
       +
       	allPosts: Map<Did, Map<ResourceUri, PostWithUri>>,

     

       141
       141
       +
       	allBacklinks: Map<BacklinksSource, Map<ResourceUri, Map<Did, Set<string>>>>,

     

       142
       142
       +
       	replyIndex: Map<Did, Set<ResourceUri>>,

     

       143
       143
       +
       	now: number

     

       144
       144
       +
       ) => {

     

       145
       145
       +
       	const scores = new Map<Did, number>();

     

       146
       146
       +
       

     

       147
       147
       +
       	const decay = (time: number) => {

     

       148
       148
       +
       		const age = Math.max(0, now - time);

     

       149
       149
       +
       		return Math.exp(-decayLambda * age);

     

       150
       150
       +
       	};

     

       151
       151
       +
       

     

       152
       152
       +
       	const addScore = (did: Did, weight: number, time: number) => {

     

       153
       153
       +
       		const current = scores.get(did) ?? 0;

     

       154
       154
       +
       		scores.set(did, current + weight * decay(time));

     

       155
       155
       +
       	};

     

       156
       156
       +
       

     

       157
       157
       +
       	// 1. process my posts (me -> others)

     

       158
       158
       +
       	const myPosts = allPosts.get(user);

     

       159
       159
       +
       	if (myPosts) {

     

       160
       160
       +
       		const seenRoots = new Set<ResourceUri>();

     

       161
       161
       +
       		for (const post of myPosts.values()) {

     

       162
       162
       +
       			const t = new Date(post.record.createdAt).getTime();

     

       163
       163
       +
       

     

       164
       164
       +
       			if (post.record.reply) {

     

       165
       165
       +
       				const parentUri = post.record.reply.parent.uri;

     

       166
       166
       +
       				const rootUri = post.record.reply.root.uri;

     

       167
       167
       +
       

     

       168
       168
       +
       				const targetDid = extractDidFromUri(parentUri);

     

       169
       169
       +
       				if (targetDid && targetDid !== user) addScore(targetDid, replyWeight, t);

     

       170
       170
       +
       

     

       171
       171
       +
       				if (parentUri !== rootUri && !seenRoots.has(rootUri)) {

     

       172
       172
       +
       					const rootDid = extractDidFromUri(rootUri);

     

       173
       173
       +
       					if (rootDid && rootDid !== user) addScore(rootDid, replyWeight, t);

     

       174
       174
       +
       					seenRoots.add(rootUri);

     

       175
       175
       +
       				}

     

       176
       176
       +
       			}

     

       177
       177
       +
       

     

       178
       178
       +
       			if (post.record.embed?.$type === 'app.bsky.embed.record') {

     

       179
       179
       +
       				const targetDid = extractDidFromUri(post.record.embed.record.uri);

     

       180
       180
       +
       				if (targetDid && targetDid !== user) addScore(targetDid, quoteWeight, t);

     

       181
       181
       +
       			}

     

       182
       182
       +
       		}

     

       183
       183
       +
       	}

     

       184
       184
       +
       

     

       185
       185
       +
       	// 2. process others -> me (using reply index)

     

       186
       186
       +
       	const repliesToMe = replyIndex.get(user);

     

       187
       187
       +
       	if (repliesToMe) {

     

       188
       188
       +
       		for (const uri of repliesToMe) {

     

       189
       189
       +
       			const authorDid = extractDidFromUri(uri);

     

       190
       190
       +
       			if (!authorDid || authorDid === user) continue;

     

       191
       191
       +
       

     

       192
       192
       +
       			const postsMap = allPosts.get(authorDid);

     

       193
       193
       +
       			const post = postsMap?.get(uri);

     

       194
       194
       +
       			if (!post) continue;

     

       195
       195
       +
       

     

       196
       196
       +
       			const t = new Date(post.record.createdAt).getTime();

     

       197
       197
       +
       			addScore(authorDid, replyWeight, t);

     

       198
       198
       +
       		}

     

       199
       199
       +
       	}

     

       200
       200
       +
       

     

       201
       201
       +
       	// 3. process reposts on my posts

     

       202
       202
       +
       	const repostBacklinks = allBacklinks.get(repostSource);

     

       203
       203
       +
       	if (repostBacklinks && myPosts) {

     

       204
       204
       +
       		for (const [uri, myPost] of myPosts) {

     

       205
       205
       +
       			const didMap = repostBacklinks.get(uri);

     

       206
       206
       +
       			if (!didMap) continue;

     

       207
       207
       +
       

     

       208
       208
       +
       			const t = new Date(myPost.record.createdAt).getTime();

     

       209
       209
       +
       			const adds = new Map<Did, { score: number; repostCount: number }>();

     

       210
       210
       +
       

     

       211
       211
       +
       			for (const [did, rkeys] of didMap) {

     

       212
       212
       +
       				if (did === user) continue;

     

       213
       213
       +
       

     

       214
       214
       +
       				let add = adds.get(did) ?? { score: 0, repostCount: 0 };

     

       215
       215
       +
       				const diminishFactor = 9;

     

       216
       216
       +
       

     

       217
       217
       +
       				// each rkey is a separate repost record, apply diminishing returns

     

       218
       218
       +
       				for (let i = 0; i < rkeys.size; i++) {

     

       219
       219
       +
       					const weight = repostWeight * (diminishFactor / (add.repostCount + diminishFactor));

     

       220
       220
       +
       					add = {

     

       221
       221
       +
       						score: add.score + weight,

     

       222
       222
       +
       						repostCount: add.repostCount + 1

     

       223
       223
       +
       					};

     

       224
       224
       +
       				}

     

       225
       225
       +
       				adds.set(did, add);

     

       226
       226
       +
       			}

     

       227
       227
       +
       

     

       228
       228
       +
       			for (const [did, add] of adds.entries()) addScore(did, add.score, t);

     

       229
       229
       +
       		}

     

       230
       230
       +
       	}

     

       231
       231
       +
       

     

       232
       232
       +
       	// normalize by posting rate

     

       233
       233
       +
       	for (const [did, score] of scores) {

     

       234
       234
       +
       		const posts = allPosts.get(did);

     

       235
       235
       +
       		const rate = posts ? getPostRate(did, posts, now) : 0;

     

       236
       236
       +
       		scores.set(did, score / Math.pow(rate + rateBaseline, ratePower));

     

       237
       237
       +
       	}

     

       238
       238
       +
       

     

       239
       239
       +
       	return scores;

     

       240
       240
       +
       };

+38 -2

src/lib/index.ts

···

       1
       1
       -
       import { AtpClient } from './at/client';

     

       1
       1
       +
       import type {

     

       2
       2
       +
       	CanonicalResourceUri,

     

       3
       3
       +
       	Did,

     

       4
       4
       +
       	ParsedCanonicalResourceUri,

     

       5
       5
       +
       	ParsedResourceUri,

     

       6
       6
       +
       	ResourceUri

     

       7
       7
       +
       } from '@atcute/lexicons';

     

       8
       8
       +
       import type { Backlink, BacklinksSource } from './at/constellation';

     

       9
       9
       +
       import { parse as parseTid } from '@atcute/tid';

     

       2
       10
        
       

     

       3
       3
       -
       export const client = new AtpClient();

     

       11
       11
       +
       export const toResourceUri = (parsed: ParsedResourceUri): ResourceUri => {

     

       12
       12
       +
       	return `at://${parsed.repo}${parsed.collection ? `/${parsed.collection}${parsed.rkey ? `/${parsed.rkey}` : ''}` : ''}`;

     

       13
       13
       +
       };

     

       14
       14
       +
       export const toCanonicalUri = (

     

       15
       15
       +
       	parsed: ParsedCanonicalResourceUri | Backlink

     

       16
       16
       +
       ): CanonicalResourceUri => {

     

       17
       17
       +
       	if ('did' in parsed) return `at://${parsed.did}/${parsed.collection}/${parsed.rkey}`;

     

       18
       18
       +
       	return `at://${parsed.repo}/${parsed.collection}/${parsed.rkey}${parsed.fragment ? `#${parsed.fragment}` : ''}`;

     

       19
       19
       +
       };

     

       20
       20
       +
       

     

       21
       21
       +
       export const extractDidFromUri = (uri: string): Did | null => {

     

       22
       22
       +
       	if (!uri.startsWith('at://')) return null;

     

       23
       23
       +
       	const idx = uri.indexOf('/', 5);

     

       24
       24
       +
       	if (idx === -1) return uri.slice(5) as Did;

     

       25
       25
       +
       	return uri.slice(5, idx) as Did;

     

       26
       26
       +
       };

     

       27
       27
       +
       

     

       28
       28
       +
       export const likeSource: BacklinksSource = 'app.bsky.feed.like:subject.uri';

     

       29
       29
       +
       export const repostSource: BacklinksSource = 'app.bsky.feed.repost:subject.uri';

     

       30
       30
       +
       export const replySource: BacklinksSource = 'app.bsky.feed.post:reply.parent.uri';

     

       31
       31
       +
       

     

       32
       32
       +
       export const timestampFromCursor = (cursor: string | undefined) => {

     

       33
       33
       +
       	if (!cursor) return undefined;

     

       34
       34
       +
       	try {

     

       35
       35
       +
       		return parseTid(cursor).timestamp;

     

       36
       36
       +
       	} catch {

     

       37
       37
       +
       		return undefined;

     

       38
       38
       +
       	}

     

       39
       39
       +
       };

+24

src/lib/oauth.ts

···

       1
       1
       +
       import domain from '$lib/domain';

     

       2
       2
       +
       import { dev } from '$app/environment';

     

       3
       3
       +
       

     

       4
       4
       +
       export const oauthMetadata = {

     

       5
       5
       +
       	client_id: `${domain}/oauth-client-metadata.json`,

     

       6
       6
       +
       	client_name: 'nucleus',

     

       7
       7
       +
       	client_uri: domain,

     

       8
       8
       +
       	logo_uri: `${domain}/favicon.png`,

     

       9
       9
       +
       	redirect_uris: [`${domain}/`],

     

       10
       10
       +
       	scope:

     

       11
       11
       +
       		'atproto repo:*?action=create&action=update&action=delete rpc:com.atproto.repo.uploadBlob?aud=* blob:*/*',

     

       12
       12
       +
       	grant_types: ['authorization_code', 'refresh_token'],

     

       13
       13
       +
       	response_types: ['code'],

     

       14
       14
       +
       	token_endpoint_auth_method: 'none',

     

       15
       15
       +
       	application_type: 'web',

     

       16
       16
       +
       	dpop_bound_access_tokens: true

     

       17
       17
       +
       };

     

       18
       18
       +
       

     

       19
       19
       +
       export const redirectUri = `${domain}/`;

     

       20
       20
       +
       export const clientId = dev

     

       21
       21
       +
       	? `http://localhost` +

     

       22
       22
       +
       		`?redirect_uri=${encodeURIComponent(redirectUri)}` +

     

       23
       23
       +
       		`&scope=${encodeURIComponent(oauthMetadata.scope)}`

     

       24
       24
       +
       	: oauthMetadata.client_id;

+15 -11

src/lib/result.ts

···

       1
       1
       -
       export type Result<T, E> =

     

       2
       2
       -
       	| {

     

       3
       3
       -
       			ok: true;

     

       4
       4
       -
       			value: T;

     

       5
       5
       -
       	  }

     

       6
       6
       -
       	| {

     

       7
       7
       -
       			ok: false;

     

       8
       8
       -
       			error: E;

     

       9
       9
       -
       	  };

     

       1
       1
       +
       export type Ok<T> = {

     

       2
       2
       +
       	ok: true;

     

       3
       3
       +
       	value: T;

     

       4
       4
       +
       };

     

       5
       5
       +
       export type Err<E> = {

     

       6
       6
       +
       	ok: false;

     

       7
       7
       +
       	error: E;

     

       8
       8
       +
       };

     

       9
       9
       +
       export type Result<T, E> = Ok<T> | Err<E>;

     

       10
       10
        
       

     

       11
       11
       -
       export const ok = <T, E>(value: T): Result<T, E> => {

     

       11
       11
       +
       export const ok = <T>(value: T): Ok<T> => {

     

       12
       12
        
       	return { ok: true, value };

     

       13
       13
        
       };

     

       14
       14
       -
       export const err = <T, E>(error: E): Result<T, E> => {

     

       14
       14
       +
       export const err = <E>(error: E): Err<E> => {

     

       15
       15
       +
       	console.error(error);

     

       15
       16
        
       	return { ok: false, error };

     

       16
       17
        
       };

     

       17
       18
        
       export const expect = <T, E>(v: Result<T, E>, msg: string = 'expected result to not be error:') => {

     
···

       26
       27
        
       	}

     

       27
       28
        
       	return err(v.error);

     

       28
       29
        
       };

     

       30
       30
       +
       

     

       31
       31
       +
       export type OkType<R> = R extends { ok: true; value: infer T } ? T : never;

     

       32
       32
       +
       export type ErrType<R> = R extends { ok: false; error: infer E } ? E : never;

+72

src/lib/richtext/index.ts

···

       1
       1
       +
       import RichtextBuilder, { type BakedRichtext } from '@atcute/bluesky-richtext-builder';

     

       2
       2
       +
       import { tokenize, type Token } from '$lib/richtext/parser';

     

       3
       3
       +
       import type { Did, GenericUri, Handle } from '@atcute/lexicons';

     

       4
       4
       +
       import { resolveHandle } from '$lib/at/client';

     

       5
       5
       +
       

     

       6
       6
       +
       export const parseToRichText = (text: string): ReturnType<typeof processTokens> =>

     

       7
       7
       +
       	processTokens(tokenize(text));

     

       8
       8
       +
       

     

       9
       9
       +
       const processTokens = async (tokens: Token[]): Promise<BakedRichtext> => {

     

       10
       10
       +
       	const rt = new RichtextBuilder();

     

       11
       11
       +
       

     

       12
       12
       +
       	for (const token of tokens) {

     

       13
       13
       +
       		switch (token.type) {

     

       14
       14
       +
       			case 'text':

     

       15
       15
       +
       				rt.addText(token.content);

     

       16
       16
       +
       				break;

     

       17
       17
       +
       			case 'mention': {

     

       18
       18
       +
       				let did: Did | undefined = token.did as Did | undefined;

     

       19
       19
       +
       				if (!did) {

     

       20
       20
       +
       					const handle = token.handle as Handle;

     

       21
       21
       +
       					const result = await resolveHandle(handle);

     

       22
       22
       +
       					if (result.ok) did = result.value;

     

       23
       23
       +
       				}

     

       24
       24
       +
       				if (did) rt.addMention(token.raw, did);

     

       25
       25
       +
       				else rt.addText(token.raw);

     

       26
       26
       +
       				break;

     

       27
       27
       +
       			}

     

       28
       28
       +
       			case 'topic':

     

       29
       29
       +
       				rt.addTag(token.name);

     

       30
       30
       +
       				break;

     

       31
       31
       +
       			case 'autolink':

     

       32
       32
       +
       				rt.addLink(token.url, token.url as GenericUri);

     

       33
       33
       +
       				break;

     

       34
       34
       +
       			case 'link': {

     

       35
       35
       +
       				// flatten children to text

     

       36
       36
       +
       				const text = flattenToText(token.children);

     

       37
       37
       +
       				rt.addLink(text, token.url as GenericUri);

     

       38
       38
       +
       				break;

     

       39
       39
       +
       			}

     

       40
       40
       +
       			case 'escape':

     

       41
       41
       +
       				rt.addText(token.escaped);

     

       42
       42
       +
       				break;

     

       43
       43
       +
       			// formatting tokens (strong, emphasis, etc.) don't map to facets

     

       44
       44
       +
       			// so just extract their text content

     

       45
       45
       +
       			case 'strong':

     

       46
       46
       +
       			case 'emphasis':

     

       47
       47
       +
       			case 'underline':

     

       48
       48
       +
       			case 'delete':

     

       49
       49
       +
       				rt.addText(flattenToText(token.children));

     

       50
       50
       +
       				break;

     

       51
       51
       +
       			case 'code':

     

       52
       52
       +
       				rt.addText(token.content);

     

       53
       53
       +
       				break;

     

       54
       54
       +
       			case 'emote':

     

       55
       55
       +
       				// handle emotes as needed

     

       56
       56
       +
       				rt.addText(token.raw);

     

       57
       57
       +
       				break;

     

       58
       58
       +
       		}

     

       59
       59
       +
       	}

     

       60
       60
       +
       

     

       61
       61
       +
       	return rt.build();

     

       62
       62
       +
       };

     

       63
       63
       +
       

     

       64
       64
       +
       const flattenToText = (tokens: Token[]): string => {

     

       65
       65
       +
       	return tokens

     

       66
       66
       +
       		.map((t) => {

     

       67
       67
       +
       			if ('content' in t) return t.content;

     

       68
       68
       +
       			if ('children' in t) return flattenToText(t.children);

     

       69
       69
       +
       			return t.raw;

     

       70
       70
       +
       		})

     

       71
       71
       +
       		.join('');

     

       72
       72
       +
       };

+349

src/lib/richtext/parser.ts

···

       1
       1
       +
       // taken and modified from: https://github.com/mary-ext/atcute/blob/trunk/packages/bluesky/richtext-parser/lib/index.ts

     

       2
       2
       +
       

     

       3
       3
       +
       const ESCAPE_RE = /^\\([^0-9A-Za-z\s])/;

     

       4
       4
       +
       

     

       5
       5
       +
       const MENTION_RE = /^[@＠]([a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*(?:\.[a-zA-Z]{2,}))($|\s|\p{P})/u;

     

       6
       6
       +
       

     

       7
       7
       +
       const DID_RE = /^(did:([a-z0-9]+):([A-Za-z0-9.\-_%:]+))($|\s|\p{P})/u;

     

       8
       8
       +
       

     

       9
       9
       +
       const TOPIC_RE =

     

       10
       10
       +
       	/^(?:#(?!\ufe0f|\u20e3)|＃)([\p{N}]*[\p{L}\p{M}\p{Pc}][\p{L}\p{M}\p{Pc}\p{N}]*)($|\s|\p{P})/u;

     

       11
       11
       +
       

     

       12
       12
       +
       const EMOTE_RE = /^:([\w-]+):/;

     

       13
       13
       +
       

     

       14
       14
       +
       const AUTOLINK_RE = /^https?:\/\/[\S]+/;

     

       15
       15
       +
       const AUTOLINK_BACKPEDAL_RE = /(?:(?<!\(.*)\))?[.,;]*$/;

     

       16
       16
       +
       

     

       17
       17
       +
       const LINK_RE =

     

       18
       18
       +
       	/^\[((?:\[[^\]]*\]|[^[\]]|\](?=[^[]*\]))*)\]\(\s*<?((?:\([^)]*\)|[^\s\\]|\\.)*?)>?(?:\s+['"]([^]*?)['"])?\s*\)/;

     

       19
       19
       +
       const UNESCAPE_URL_RE = /\\([^0-9A-Za-z\s])/g;

     

       20
       20
       +
       

     

       21
       21
       +
       const EMPHASIS_RE =

     

       22
       22
       +
       	/^\b_((?:__|\\[^]|[^\\_])+?)_\b|^\*(?=\S)((?:\*\*|\\[^]|\s+(?:\\[^]|[^\s*\\]|\*\*)|[^\s*\\])+?)\*(?!\*)/;

     

       23
       23
       +
       

     

       24
       24
       +
       const STRONG_RE = /^\*\*((?:\\[^]|[^\\])+?)\*\*(?!\*)/;

     

       25
       25
       +
       

     

       26
       26
       +
       const UNDERLINE_RE = /^__((?:\\[^]|~(?!~)|[^~\\]|\s(?!~~))+?)__(?!_)/;

     

       27
       27
       +
       

     

       28
       28
       +
       const DELETE_RE = /^~~((?:\\[^]|~(?!~)|[^~\\]|\s(?!~~))+?)~~/;

     

       29
       29
       +
       

     

       30
       30
       +
       const CODE_RE = /^(`+)([^]*?[^`])\1(?!`)/;

     

       31
       31
       +
       const CODE_ESCAPE_BACKTICKS_RE = /^ (?= *`)|(` *) $/g;

     

       32
       32
       +
       

     

       33
       33
       +
       const TEXT_RE =

     

       34
       34
       +
       	/^[^]+?(?:(?=$|[~*_`:\\[]|https?:\/\/)|(?<=\s|[(){}/\\[\]\-|:;'".,=+])(?=[@＠#＃]|did:[a-z0-9]+:))/;

     

       35
       35
       +
       

     

       36
       36
       +
       export interface EscapeToken {

     

       37
       37
       +
       	type: 'escape';

     

       38
       38
       +
       	raw: string;

     

       39
       39
       +
       	escaped: string;

     

       40
       40
       +
       }

     

       41
       41
       +
       

     

       42
       42
       +
       export interface MentionToken {

     

       43
       43
       +
       	type: 'mention';

     

       44
       44
       +
       	raw: string;

     

       45
       45
       +
       	handle?: string;

     

       46
       46
       +
       	did?: string;

     

       47
       47
       +
       }

     

       48
       48
       +
       

     

       49
       49
       +
       export interface TopicToken {

     

       50
       50
       +
       	type: 'topic';

     

       51
       51
       +
       	raw: string;

     

       52
       52
       +
       	name: string;

     

       53
       53
       +
       }

     

       54
       54
       +
       

     

       55
       55
       +
       export interface EmoteToken {

     

       56
       56
       +
       	type: 'emote';

     

       57
       57
       +
       	raw: string;

     

       58
       58
       +
       	name: string;

     

       59
       59
       +
       }

     

       60
       60
       +
       

     

       61
       61
       +
       export interface AutolinkToken {

     

       62
       62
       +
       	type: 'autolink';

     

       63
       63
       +
       	raw: string;

     

       64
       64
       +
       	url: string;

     

       65
       65
       +
       }

     

       66
       66
       +
       

     

       67
       67
       +
       export interface LinkToken {

     

       68
       68
       +
       	type: 'link';

     

       69
       69
       +
       	raw: string;

     

       70
       70
       +
       	url: string;

     

       71
       71
       +
       	children: Token[];

     

       72
       72
       +
       }

     

       73
       73
       +
       

     

       74
       74
       +
       export interface UnderlineToken {

     

       75
       75
       +
       	type: 'underline';

     

       76
       76
       +
       	raw: string;

     

       77
       77
       +
       	children: Token[];

     

       78
       78
       +
       }

     

       79
       79
       +
       

     

       80
       80
       +
       export interface StrongToken {

     

       81
       81
       +
       	type: 'strong';

     

       82
       82
       +
       	raw: string;

     

       83
       83
       +
       	children: Token[];

     

       84
       84
       +
       }

     

       85
       85
       +
       

     

       86
       86
       +
       export interface EmphasisToken {

     

       87
       87
       +
       	type: 'emphasis';

     

       88
       88
       +
       	raw: string;

     

       89
       89
       +
       	children: Token[];

     

       90
       90
       +
       }

     

       91
       91
       +
       

     

       92
       92
       +
       export interface DeleteToken {

     

       93
       93
       +
       	type: 'delete';

     

       94
       94
       +
       	raw: string;

     

       95
       95
       +
       	children: Token[];

     

       96
       96
       +
       }

     

       97
       97
       +
       

     

       98
       98
       +
       export interface CodeToken {

     

       99
       99
       +
       	type: 'code';

     

       100
       100
       +
       	raw: string;

     

       101
       101
       +
       	content: string;

     

       102
       102
       +
       }

     

       103
       103
       +
       

     

       104
       104
       +
       export interface TextToken {

     

       105
       105
       +
       	type: 'text';

     

       106
       106
       +
       	raw: string;

     

       107
       107
       +
       	content: string;

     

       108
       108
       +
       }

     

       109
       109
       +
       

     

       110
       110
       +
       export type Token =

     

       111
       111
       +
       	| EscapeToken

     

       112
       112
       +
       	| MentionToken

     

       113
       113
       +
       	| TopicToken

     

       114
       114
       +
       	| EmoteToken

     

       115
       115
       +
       	| AutolinkToken

     

       116
       116
       +
       	| LinkToken

     

       117
       117
       +
       	| StrongToken

     

       118
       118
       +
       	| EmphasisToken

     

       119
       119
       +
       	| UnderlineToken

     

       120
       120
       +
       	| DeleteToken

     

       121
       121
       +
       	| CodeToken

     

       122
       122
       +
       	| TextToken;

     

       123
       123
       +
       

     

       124
       124
       +
       const tokenizeEscape = (src: string): EscapeToken | undefined => {

     

       125
       125
       +
       	const match = ESCAPE_RE.exec(src);

     

       126
       126
       +
       	if (match) {

     

       127
       127
       +
       		return {

     

       128
       128
       +
       			type: 'escape',

     

       129
       129
       +
       			raw: match[0],

     

       130
       130
       +
       			escaped: match[1]

     

       131
       131
       +
       		};

     

       132
       132
       +
       	}

     

       133
       133
       +
       };

     

       134
       134
       +
       

     

       135
       135
       +
       const tokenizeMention = (src: string): MentionToken | undefined => {

     

       136
       136
       +
       	const match = MENTION_RE.exec(src);

     

       137
       137
       +
       	if (match && match[2] !== '@') {

     

       138
       138
       +
       		const suffix = match[2].length;

     

       139
       139
       +
       

     

       140
       140
       +
       		return {

     

       141
       141
       +
       			type: 'mention',

     

       142
       142
       +
       			raw: suffix > 0 ? match[0].slice(0, -suffix) : match[0],

     

       143
       143
       +
       			handle: match[1]

     

       144
       144
       +
       		};

     

       145
       145
       +
       	}

     

       146
       146
       +
       

     

       147
       147
       +
       	const didMatch = DID_RE.exec(src);

     

       148
       148
       +
       	if (didMatch) {

     

       149
       149
       +
       		const suffix = didMatch[4].length;

     

       150
       150
       +
       

     

       151
       151
       +
       		return {

     

       152
       152
       +
       			type: 'mention',

     

       153
       153
       +
       			raw: suffix > 0 ? didMatch[0].slice(0, -suffix) : didMatch[0],

     

       154
       154
       +
       			did: didMatch[1]

     

       155
       155
       +
       		};

     

       156
       156
       +
       	}

     

       157
       157
       +
       };

     

       158
       158
       +
       

     

       159
       159
       +
       const tokenizeTopic = (src: string): TopicToken | undefined => {

     

       160
       160
       +
       	const match = TOPIC_RE.exec(src);

     

       161
       161
       +
       	if (match && match[2] !== '#') {

     

       162
       162
       +
       		const suffix = match[2].length;

     

       163
       163
       +
       

     

       164
       164
       +
       		return {

     

       165
       165
       +
       			type: 'topic',

     

       166
       166
       +
       			raw: suffix > 0 ? match[0].slice(0, -suffix) : match[0],

     

       167
       167
       +
       			name: match[1]

     

       168
       168
       +
       		};

     

       169
       169
       +
       	}

     

       170
       170
       +
       };

     

       171
       171
       +
       

     

       172
       172
       +
       const tokenizeEmote = (src: string): EmoteToken | undefined => {

     

       173
       173
       +
       	const match = EMOTE_RE.exec(src);

     

       174
       174
       +
       	if (match) {

     

       175
       175
       +
       		return {

     

       176
       176
       +
       			type: 'emote',

     

       177
       177
       +
       			raw: match[0],

     

       178
       178
       +
       			name: match[1]

     

       179
       179
       +
       		};

     

       180
       180
       +
       	}

     

       181
       181
       +
       };

     

       182
       182
       +
       

     

       183
       183
       +
       const tokenizeAutolink = (src: string): AutolinkToken | undefined => {

     

       184
       184
       +
       	const match = AUTOLINK_RE.exec(src);

     

       185
       185
       +
       	if (match) {

     

       186
       186
       +
       		const url = match[0].replace(AUTOLINK_BACKPEDAL_RE, '');

     

       187
       187
       +
       

     

       188
       188
       +
       		return {

     

       189
       189
       +
       			type: 'autolink',

     

       190
       190
       +
       			raw: url,

     

       191
       191
       +
       			url: url

     

       192
       192
       +
       		};

     

       193
       193
       +
       	}

     

       194
       194
       +
       };

     

       195
       195
       +
       

     

       196
       196
       +
       const tokenizeLink = (src: string): LinkToken | undefined => {

     

       197
       197
       +
       	const match = LINK_RE.exec(src);

     

       198
       198
       +
       	if (match) {

     

       199
       199
       +
       		return {

     

       200
       200
       +
       			type: 'link',

     

       201
       201
       +
       			raw: match[0],

     

       202
       202
       +
       			url: match[2].replace(UNESCAPE_URL_RE, '$1'),

     

       203
       203
       +
       			children: tokenize(match[1])

     

       204
       204
       +
       		};

     

       205
       205
       +
       	}

     

       206
       206
       +
       };

     

       207
       207
       +
       

     

       208
       208
       +
       const _tokenizeEmphasis = (src: string): EmphasisToken | undefined => {

     

       209
       209
       +
       	const match = EMPHASIS_RE.exec(src);

     

       210
       210
       +
       	if (match) {

     

       211
       211
       +
       		return {

     

       212
       212
       +
       			type: 'emphasis',

     

       213
       213
       +
       			raw: match[0],

     

       214
       214
       +
       			children: tokenize(match[2] || match[1])

     

       215
       215
       +
       		};

     

       216
       216
       +
       	}

     

       217
       217
       +
       };

     

       218
       218
       +
       

     

       219
       219
       +
       const _tokenizeStrong = (src: string): StrongToken | undefined => {

     

       220
       220
       +
       	const match = STRONG_RE.exec(src);

     

       221
       221
       +
       	if (match) {

     

       222
       222
       +
       		return {

     

       223
       223
       +
       			type: 'strong',

     

       224
       224
       +
       			raw: match[0],

     

       225
       225
       +
       			children: tokenize(match[1])

     

       226
       226
       +
       		};

     

       227
       227
       +
       	}

     

       228
       228
       +
       };

     

       229
       229
       +
       

     

       230
       230
       +
       const _tokenizeUnderline = (src: string): UnderlineToken | undefined => {

     

       231
       231
       +
       	const match = UNDERLINE_RE.exec(src);

     

       232
       232
       +
       	if (match) {

     

       233
       233
       +
       		return {

     

       234
       234
       +
       			type: 'underline',

     

       235
       235
       +
       			raw: match[0],

     

       236
       236
       +
       			children: tokenize(match[1])

     

       237
       237
       +
       		};

     

       238
       238
       +
       	}

     

       239
       239
       +
       };

     

       240
       240
       +
       

     

       241
       241
       +
       const tokenizeEmStrongU = (

     

       242
       242
       +
       	src: string

     

       243
       243
       +
       ): EmphasisToken | StrongToken | UnderlineToken | undefined => {

     

       244
       244
       +
       	let token: EmphasisToken | StrongToken | UnderlineToken | undefined;

     

       245
       245
       +
       

     

       246
       246
       +
       	{

     

       247
       247
       +
       		const match = _tokenizeEmphasis(src);

     

       248
       248
       +
       		if (match && (!token || match.raw.length > token.raw.length)) {

     

       249
       249
       +
       			token = match;

     

       250
       250
       +
       		}

     

       251
       251
       +
       	}

     

       252
       252
       +
       

     

       253
       253
       +
       	{

     

       254
       254
       +
       		const match = _tokenizeStrong(src);

     

       255
       255
       +
       		if (match && (!token || match.raw.length > token.raw.length)) {

     

       256
       256
       +
       			token = match;

     

       257
       257
       +
       		}

     

       258
       258
       +
       	}

     

       259
       259
       +
       

     

       260
       260
       +
       	{

     

       261
       261
       +
       		const match = _tokenizeUnderline(src);

     

       262
       262
       +
       		if (match && (!token || match.raw.length > token.raw.length)) {

     

       263
       263
       +
       			token = match;

     

       264
       264
       +
       		}

     

       265
       265
       +
       	}

     

       266
       266
       +
       

     

       267
       267
       +
       	return token;

     

       268
       268
       +
       };

     

       269
       269
       +
       

     

       270
       270
       +
       const tokenizeDelete = (src: string): DeleteToken | undefined => {

     

       271
       271
       +
       	const match = DELETE_RE.exec(src);

     

       272
       272
       +
       	if (match) {

     

       273
       273
       +
       		return {

     

       274
       274
       +
       			type: 'delete',

     

       275
       275
       +
       			raw: match[0],

     

       276
       276
       +
       			children: tokenize(match[1])

     

       277
       277
       +
       		};

     

       278
       278
       +
       	}

     

       279
       279
       +
       };

     

       280
       280
       +
       

     

       281
       281
       +
       const tokenizeCode = (src: string): CodeToken | undefined => {

     

       282
       282
       +
       	const match = CODE_RE.exec(src);

     

       283
       283
       +
       	if (match) {

     

       284
       284
       +
       		return {

     

       285
       285
       +
       			type: 'code',

     

       286
       286
       +
       			raw: match[0],

     

       287
       287
       +
       			content: match[2].replace(CODE_ESCAPE_BACKTICKS_RE, '$1')

     

       288
       288
       +
       		};

     

       289
       289
       +
       	}

     

       290
       290
       +
       };

     

       291
       291
       +
       

     

       292
       292
       +
       const tokenizeText = (src: string): TextToken | undefined => {

     

       293
       293
       +
       	const match = TEXT_RE.exec(src);

     

       294
       294
       +
       	if (match) {

     

       295
       295
       +
       		return {

     

       296
       296
       +
       			type: 'text',

     

       297
       297
       +
       			raw: match[0],

     

       298
       298
       +
       			content: match[0]

     

       299
       299
       +
       		};

     

       300
       300
       +
       	}

     

       301
       301
       +
       };

     

       302
       302
       +
       

     

       303
       303
       +
       export const tokenize = (src: string): Token[] => {

     

       304
       304
       +
       	const tokens: Token[] = [];

     

       305
       305
       +
       

     

       306
       306
       +
       	let last: Token | undefined;

     

       307
       307
       +
       	let token: Token | undefined;

     

       308
       308
       +
       

     

       309
       309
       +
       	while (src) {

     

       310
       310
       +
       		last = token;

     

       311
       311
       +
       

     

       312
       312
       +
       		if (

     

       313
       313
       +
       			(token =

     

       314
       314
       +
       				tokenizeEscape(src) ||

     

       315
       315
       +
       				tokenizeMention(src) ||

     

       316
       316
       +
       				tokenizeAutolink(src) ||

     

       317
       317
       +
       				tokenizeTopic(src) ||

     

       318
       318
       +
       				tokenizeEmote(src) ||

     

       319
       319
       +
       				tokenizeLink(src) ||

     

       320
       320
       +
       				tokenizeEmStrongU(src) ||

     

       321
       321
       +
       				tokenizeDelete(src) ||

     

       322
       322
       +
       				tokenizeCode(src))

     

       323
       323
       +
       		) {

     

       324
       324
       +
       			src = src.slice(token.raw.length);

     

       325
       325
       +
       			tokens.push(token);

     

       326
       326
       +
       			continue;

     

       327
       327
       +
       		}

     

       328
       328
       +
       

     

       329
       329
       +
       		if ((token = tokenizeText(src))) {

     

       330
       330
       +
       			src = src.slice(token.raw.length);

     

       331
       331
       +
       

     

       332
       332
       +
       			if (last && last.type === 'text') {

     

       333
       333
       +
       				last.raw += token.raw;

     

       334
       334
       +
       				last.content += token.content;

     

       335
       335
       +
       				token = last;

     

       336
       336
       +
       			} else {

     

       337
       337
       +
       				tokens.push(token);

     

       338
       338
       +
       			}

     

       339
       339
       +
       

     

       340
       340
       +
       			continue;

     

       341
       341
       +
       		}

     

       342
       342
       +
       

     

       343
       343
       +
       		if (src) {

     

       344
       344
       +
       			throw new Error(`infinite loop encountered`);

     

       345
       345
       +
       		}

     

       346
       346
       +
       	}

     

       347
       347
       +
       

     

       348
       348
       +
       	return tokens;

     

       349
       349
       +
       };

+156

src/lib/router.svelte.ts

···

       1
       1
       +
       /* eslint-disable svelte/no-navigation-without-resolve */

     

       2
       2
       +
       import { pushState, replaceState } from '$app/navigation';

     

       3
       3
       +
       import { SvelteMap } from 'svelte/reactivity';

     

       4
       4
       +
       

     

       5
       5
       +
       export const routes = [

     

       6
       6
       +
       	{ path: '/', order: 0 },

     

       7
       7
       +
       	{ path: '/following', order: 1 },

     

       8
       8
       +
       	{ path: '/notifications', order: 2 },

     

       9
       9
       +
       	{ path: '/settings/:tab', order: 3 },

     

       10
       10
       +
       	{ path: '/profile/:actor', order: 4 }

     

       11
       11
       +
       ] as const;

     

       12
       12
       +
       

     

       13
       13
       +
       export type RouteConfig = (typeof routes)[number];

     

       14
       14
       +
       export type RoutePath = RouteConfig['path'];

     

       15
       15
       +
       

     

       16
       16
       +
       type ExtractParams<Path extends string> =

     

       17
       17
       +
       	// eslint-disable-next-line @typescript-eslint/no-unused-vars

     

       18
       18
       +
       	Path extends `${infer Start}/:${infer Param}/${infer Rest}`

     

       19
       19
       +
       		? { [K in Param | keyof ExtractParams<`/${Rest}`>]: string }

     

       20
       20
       +
       		: // eslint-disable-next-line @typescript-eslint/no-unused-vars

     

       21
       21
       +
       			Path extends `${infer Start}/:${infer Param}`

     

       22
       22
       +
       			? { [K in Param]: string }

     

       23
       23
       +
       			: Record<string, never>;

     

       24
       24
       +
       

     

       25
       25
       +
       export type Route<K extends RoutePath = RoutePath> = {

     

       26
       26
       +
       	[T in K]: {

     

       27
       27
       +
       		params: ExtractParams<T>;

     

       28
       28
       +
       		path: T;

     

       29
       29
       +
       		order: number;

     

       30
       30
       +
       		url: string;

     

       31
       31
       +
       	};

     

       32
       32
       +
       }[K];

     

       33
       33
       +
       

     

       34
       34
       +
       type RouteNode = {

     

       35
       35
       +
       	children: Map<string, RouteNode>;

     

       36
       36
       +
       	paramName?: string;

     

       37
       37
       +
       	paramChild?: RouteNode;

     

       38
       38
       +
       	config?: RouteConfig;

     

       39
       39
       +
       };

     

       40
       40
       +
       

     

       41
       41
       +
       const fallbackRoute: Route<'/'> = {

     

       42
       42
       +
       	params: {},

     

       43
       43
       +
       	path: '/',

     

       44
       44
       +
       	order: 0,

     

       45
       45
       +
       	url: '/'

     

       46
       46
       +
       };

     

       47
       47
       +
       

     

       48
       48
       +
       export class Router {

     

       49
       49
       +
       	current = $state<Route>(fallbackRoute);

     

       50
       50
       +
       

     

       51
       51
       +
       	direction = $state<'left' | 'right' | 'none'>('none');

     

       52
       52
       +
       	scrollPositions = new SvelteMap<string, number>();

     

       53
       53
       +
       	// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       54
       54
       +
       	private root: RouteNode = { children: new Map() };

     

       55
       55
       +
       

     

       56
       56
       +
       	constructor() {

     

       57
       57
       +
       		for (const route of routes) this.addRoute(route);

     

       58
       58
       +
       	}

     

       59
       59
       +
       

     

       60
       60
       +
       	private addRoute(config: RouteConfig) {

     

       61
       61
       +
       		const segments = config.path.split('/').filter(Boolean);

     

       62
       62
       +
       		let node = this.root;

     

       63
       63
       +
       

     

       64
       64
       +
       		for (const segment of segments) {

     

       65
       65
       +
       			if (segment.startsWith(':')) {

     

       66
       66
       +
       				const paramName = segment.slice(1);

     

       67
       67
       +
       				// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       68
       68
       +
       				if (!node.paramChild) node.paramChild = { children: new Map(), paramName };

     

       69
       69
       +
       				node = node.paramChild;

     

       70
       70
       +
       			} else {

     

       71
       71
       +
       				// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       72
       72
       +
       				if (!node.children.has(segment)) node.children.set(segment, { children: new Map() });

     

       73
       73
       +
       				node = node.children.get(segment)!;

     

       74
       74
       +
       			}

     

       75
       75
       +
       		}

     

       76
       76
       +
       		node.config = config;

     

       77
       77
       +
       	}

     

       78
       78
       +
       

     

       79
       79
       +
       	init() {

     

       80
       80
       +
       		if (typeof window === 'undefined') return;

     

       81
       81
       +
       		// initialize state

     

       82
       82
       +
       		this._updateState(window.location.pathname);

     

       83
       83
       +
       		// update state on browser navigation

     

       84
       84
       +
       		window.addEventListener('popstate', () => this._updateState(window.location.pathname));

     

       85
       85
       +
       	}

     

       86
       86
       +
       

     

       87
       87
       +
       	match(urlPath: string): Route | undefined {

     

       88
       88
       +
       		const segments = urlPath.split('/').filter(Boolean);

     

       89
       89
       +
       		const params: Record<string, string> = {};

     

       90
       90
       +
       

     

       91
       91
       +
       		let node = this.root;

     

       92
       92
       +
       

     

       93
       93
       +
       		for (const segment of segments) {

     

       94
       94
       +
       			if (node.children.has(segment)) {

     

       95
       95
       +
       				node = node.children.get(segment)!;

     

       96
       96
       +
       			} else if (node.paramChild) {

     

       97
       97
       +
       				node = node.paramChild;

     

       98
       98
       +
       				if (node.paramName) params[node.paramName] = decodeURIComponent(segment);

     

       99
       99
       +
       			} else {

     

       100
       100
       +
       				return undefined;

     

       101
       101
       +
       			}

     

       102
       102
       +
       		}

     

       103
       103
       +
       

     

       104
       104
       +
       		if (node.config)

     

       105
       105
       +
       			return {

     

       106
       106
       +
       				params: params as unknown,

     

       107
       107
       +
       				path: node.config.path,

     

       108
       108
       +
       				order: node.config.order,

     

       109
       109
       +
       				url: urlPath

     

       110
       110
       +
       			} as Route<typeof node.config.path>;

     

       111
       111
       +
       

     

       112
       112
       +
       		return undefined;

     

       113
       113
       +
       	}

     

       114
       114
       +
       

     

       115
       115
       +
       	updateDirection(newOrder: number, oldOrder: number) {

     

       116
       116
       +
       		if (newOrder === oldOrder) this.direction = 'none';

     

       117
       117
       +
       		else if (newOrder > oldOrder) this.direction = 'right';

     

       118
       118
       +
       		else this.direction = 'left';

     

       119
       119
       +
       	}

     

       120
       120
       +
       

     

       121
       121
       +
       	private _updateState(url: string) {

     

       122
       122
       +
       		const target = this.match(url);

     

       123
       123
       +
       		if (!target) return;

     

       124
       124
       +
       

     

       125
       125
       +
       		// save scroll position

     

       126
       126
       +
       		if (typeof window !== 'undefined') this.scrollPositions.set(this.current.url, window.scrollY);

     

       127
       127
       +
       

     

       128
       128
       +
       		this.updateDirection(target.order, this.current.order);

     

       129
       129
       +
       		this.current = target;

     

       130
       130
       +
       

     

       131
       131
       +
       		if (typeof window !== 'undefined') {

     

       132
       132
       +
       			setTimeout(() => {

     

       133
       133
       +
       				const savedScroll = this.scrollPositions.get(target.url) ?? 0;

     

       134
       134
       +
       				window.scrollTo({ top: savedScroll, behavior: 'auto' });

     

       135
       135
       +
       			}, 0);

     

       136
       136
       +
       		}

     

       137
       137
       +
       	}

     

       138
       138
       +
       

     

       139
       139
       +
       	navigate(url: string, { replace = false } = {}) {

     

       140
       140
       +
       		if (typeof window === 'undefined') return;

     

       141
       141
       +
       		if (this.current.url === url) return;

     

       142
       142
       +
       

     

       143
       143
       +
       		if (replace) replaceState(url, {});

     

       144
       144
       +
       		else pushState(url, {});

     

       145
       145
       +
       

     

       146
       146
       +
       		this._updateState(url);

     

       147
       147
       +
       	}

     

       148
       148
       +
       

     

       149
       149
       +
       	replace(url: string) {

     

       150
       150
       +
       		this.navigate(url, { replace: true });

     

       151
       151
       +
       	}

     

       152
       152
       +
       

     

       153
       153
       +
       	back() {

     

       154
       154
       +
       		if (typeof window !== 'undefined') history.back();

     

       155
       155
       +
       	}

     

       156
       156
       +
       }

+87

src/lib/settings.ts

···

       1
       1
       +
       import { writable } from 'svelte/store';

     

       2
       2
       +
       import { defaultTheme, type Theme } from './theme';

     

       3
       3
       +
       

     

       4
       4
       +
       export type ApiEndpoints = Record<string, string> & {

     

       5
       5
       +
       	slingshot: string;

     

       6
       6
       +
       	spacedust: string;

     

       7
       7
       +
       	constellation: string;

     

       8
       8
       +
       	jetstream: string;

     

       9
       9
       +
       };

     

       10
       10
       +
       export type Settings = {

     

       11
       11
       +
       	endpoints: ApiEndpoints;

     

       12
       12
       +
       	theme: Theme;

     

       13
       13
       +
       	socialAppUrl: string;

     

       14
       14
       +
       };

     

       15
       15
       +
       

     

       16
       16
       +
       export const defaultSettings: Settings = {

     

       17
       17
       +
       	endpoints: {

     

       18
       18
       +
       		slingshot: 'https://slingshot.microcosm.blue',

     

       19
       19
       +
       		spacedust: 'https://spacedust.microcosm.blue',

     

       20
       20
       +
       		constellation: 'https://constellation.microcosm.blue',

     

       21
       21
       +
       		jetstream: 'wss://jetstream2.fr.hose.cam'

     

       22
       22
       +
       	},

     

       23
       23
       +
       	theme: defaultTheme,

     

       24
       24
       +
       	socialAppUrl: 'https://bsky.app'

     

       25
       25
       +
       };

     

       26
       26
       +
       

     

       27
       27
       +
       const createSettingsStore = () => {

     

       28
       28
       +
       	// Prevent SSR crash if localStorage is missing

     

       29
       29
       +
       	const stored = typeof localStorage !== 'undefined' ? localStorage.getItem('settings') : null;

     

       30
       30
       +
       

     

       31
       31
       +
       	const initial: Partial<Settings> = stored ? JSON.parse(stored) : defaultSettings;

     

       32
       32
       +
       	initial.endpoints = { ...defaultSettings.endpoints, ...initial.endpoints };

     

       33
       33
       +
       	initial.theme = { ...defaultSettings.theme, ...initial.theme };

     

       34
       34
       +
       	initial.socialAppUrl = initial.socialAppUrl ?? defaultSettings.socialAppUrl;

     

       35
       35
       +
       

     

       36
       36
       +
       	const { subscribe, set, update } = writable<Settings>(initial as Settings);

     

       37
       37
       +
       

     

       38
       38
       +
       	subscribe((settings) => {

     

       39
       39
       +
       		if (typeof document === 'undefined') return;

     

       40
       40
       +
       		const theme = settings.theme;

     

       41
       41
       +
       		document.documentElement.style.setProperty('--nucleus-bg', theme.bg);

     

       42
       42
       +
       		document.documentElement.style.setProperty('--nucleus-fg', theme.fg);

     

       43
       43
       +
       		document.documentElement.style.setProperty('--nucleus-accent', theme.accent);

     

       44
       44
       +
       		document.documentElement.style.setProperty('--nucleus-accent2', theme.accent2);

     

       45
       45
       +
       

     

       46
       46
       +
       		const oldMeta = document.querySelector('meta[name="theme-color"]');

     

       47
       47
       +
       		if (oldMeta) oldMeta.remove();

     

       48
       48
       +
       

     

       49
       49
       +
       		const metaThemeColor = document.createElement('meta');

     

       50
       50
       +
       		metaThemeColor.setAttribute('name', 'theme-color');

     

       51
       51
       +
       		metaThemeColor.setAttribute('content', theme.bg);

     

       52
       52
       +
       		document.head.appendChild(metaThemeColor);

     

       53
       53
       +
       	});

     

       54
       54
       +
       

     

       55
       55
       +
       	return {

     

       56
       56
       +
       		subscribe,

     

       57
       57
       +
       		set: (value: Settings) => {

     

       58
       58
       +
       			if (typeof localStorage !== 'undefined')

     

       59
       59
       +
       				localStorage.setItem('settings', JSON.stringify(value));

     

       60
       60
       +
       			set(value);

     

       61
       61
       +
       		},

     

       62
       62
       +
       		update: (fn: (value: Settings) => Settings) => {

     

       63
       63
       +
       			update((value) => {

     

       64
       64
       +
       				const newValue = fn(value);

     

       65
       65
       +
       				if (typeof localStorage !== 'undefined')

     

       66
       66
       +
       					localStorage.setItem('settings', JSON.stringify(newValue));

     

       67
       67
       +
       				return newValue;

     

       68
       68
       +
       			});

     

       69
       69
       +
       		},

     

       70
       70
       +
       		reset: () => {

     

       71
       71
       +
       			if (typeof localStorage !== 'undefined')

     

       72
       72
       +
       				localStorage.setItem('settings', JSON.stringify(defaultSettings));

     

       73
       73
       +
       			set(defaultSettings);

     

       74
       74
       +
       		}

     

       75
       75
       +
       	};

     

       76
       76
       +
       };

     

       77
       77
       +
       

     

       78
       78
       +
       export const settings = createSettingsStore();

     

       79
       79
       +
       

     

       80
       80
       +
       export const needsReload = (current: Settings, other: Settings): boolean => {

     

       81
       81
       +
       	return (

     

       82
       82
       +
       		current.endpoints.slingshot !== other.endpoints.slingshot ||

     

       83
       83
       +
       		current.endpoints.spacedust !== other.endpoints.spacedust ||

     

       84
       84
       +
       		current.endpoints.constellation !== other.endpoints.constellation ||

     

       85
       85
       +
       		current.endpoints.jetstream !== other.endpoints.jetstream

     

       86
       86
       +
       	);

     

       87
       87
       +
       };

+490

src/lib/state.svelte.ts

···

       1
       1
       +
       import { writable } from 'svelte/store';

     

       2
       2
       +
       import {

     

       3
       3
       +
       	AtpClient,

     

       4
       4
       +
       	newPublicClient,

     

       5
       5
       +
       	type NotificationsStream,

     

       6
       6
       +
       	type NotificationsStreamEvent

     

       7
       7
       +
       } from './at/client';

     

       8
       8
       +
       import { SvelteMap, SvelteDate, SvelteSet } from 'svelte/reactivity';

     

       9
       9
       +
       import type { Did, Handle, InferOutput, Nsid, RecordKey, ResourceUri } from '@atcute/lexicons';

     

       10
       10
       +
       import { fetchPosts, hydratePosts, type PostWithUri } from './at/fetch';

     

       11
       11
       +
       import { parseCanonicalResourceUri, type AtprotoDid } from '@atcute/lexicons/syntax';

     

       12
       12
       +
       import { AppBskyActorProfile, AppBskyFeedPost, type AppBskyGraphFollow } from '@atcute/bluesky';

     

       13
       13
       +
       import type { ComAtprotoRepoListRecords } from '@atcute/atproto';

     

       14
       14
       +
       import type { JetstreamSubscription, JetstreamEvent } from '@atcute/jetstream';

     

       15
       15
       +
       import { expect, ok } from './result';

     

       16
       16
       +
       import type { Backlink, BacklinksSource } from './at/constellation';

     

       17
       17
       +
       import { now as tidNow } from '@atcute/tid';

     

       18
       18
       +
       import type { Records } from '@atcute/lexicons/ambient';

     

       19
       19
       +
       import {

     

       20
       20
       +
       	extractDidFromUri,

     

       21
       21
       +
       	likeSource,

     

       22
       22
       +
       	replySource,

     

       23
       23
       +
       	repostSource,

     

       24
       24
       +
       	timestampFromCursor,

     

       25
       25
       +
       	toCanonicalUri

     

       26
       26
       +
       } from '$lib';

     

       27
       27
       +
       import { Router } from './router.svelte';

     

       28
       28
       +
       

     

       29
       29
       +
       export const notificationStream = writable<NotificationsStream | null>(null);

     

       30
       30
       +
       export const jetstream = writable<JetstreamSubscription | null>(null);

     

       31
       31
       +
       

     

       32
       32
       +
       export const profiles = new SvelteMap<Did, AppBskyActorProfile.Main>();

     

       33
       33
       +
       export const handles = new SvelteMap<Did, Handle>();

     

       34
       34
       +
       

     

       35
       35
       +
       // source -> subject -> did (who did the interaction) -> rkey

     

       36
       36
       +
       export type BacklinksMap = SvelteMap<

     

       37
       37
       +
       	BacklinksSource,

     

       38
       38
       +
       	SvelteMap<ResourceUri, SvelteMap<Did, SvelteSet<RecordKey>>>

     

       39
       39
       +
       >;

     

       40
       40
       +
       export const allBacklinks: BacklinksMap = new SvelteMap();

     

       41
       41
       +
       

     

       42
       42
       +
       export const addBacklinks = (

     

       43
       43
       +
       	subject: ResourceUri,

     

       44
       44
       +
       	source: BacklinksSource,

     

       45
       45
       +
       	links: Iterable<Backlink>

     

       46
       46
       +
       ) => {

     

       47
       47
       +
       	let subjectMap = allBacklinks.get(source);

     

       48
       48
       +
       	if (!subjectMap) {

     

       49
       49
       +
       		subjectMap = new SvelteMap();

     

       50
       50
       +
       		allBacklinks.set(source, subjectMap);

     

       51
       51
       +
       	}

     

       52
       52
       +
       

     

       53
       53
       +
       	let didMap = subjectMap.get(subject);

     

       54
       54
       +
       	if (!didMap) {

     

       55
       55
       +
       		didMap = new SvelteMap();

     

       56
       56
       +
       		subjectMap.set(subject, didMap);

     

       57
       57
       +
       	}

     

       58
       58
       +
       

     

       59
       59
       +
       	for (const link of links) {

     

       60
       60
       +
       		let rkeys = didMap.get(link.did);

     

       61
       61
       +
       		if (!rkeys) {

     

       62
       62
       +
       			rkeys = new SvelteSet();

     

       63
       63
       +
       			didMap.set(link.did, rkeys);

     

       64
       64
       +
       		}

     

       65
       65
       +
       		rkeys.add(link.rkey);

     

       66
       66
       +
       	}

     

       67
       67
       +
       };

     

       68
       68
       +
       

     

       69
       69
       +
       export const removeBacklinks = (

     

       70
       70
       +
       	subject: ResourceUri,

     

       71
       71
       +
       	source: BacklinksSource,

     

       72
       72
       +
       	links: Iterable<Backlink>

     

       73
       73
       +
       ) => {

     

       74
       74
       +
       	const didMap = allBacklinks.get(source)?.get(subject);

     

       75
       75
       +
       	if (!didMap) return;

     

       76
       76
       +
       

     

       77
       77
       +
       	for (const link of links) {

     

       78
       78
       +
       		const rkeys = didMap.get(link.did);

     

       79
       79
       +
       		if (!rkeys) continue;

     

       80
       80
       +
       		rkeys.delete(link.rkey);

     

       81
       81
       +
       		if (rkeys.size === 0) didMap.delete(link.did);

     

       82
       82
       +
       	}

     

       83
       83
       +
       };

     

       84
       84
       +
       

     

       85
       85
       +
       export const findBacklinksBy = (subject: ResourceUri, source: BacklinksSource, did: Did) => {

     

       86
       86
       +
       	const rkeys = allBacklinks.get(source)?.get(subject)?.get(did) ?? [];

     

       87
       87
       +
       	// reconstruct the collection from the source

     

       88
       88
       +
       	const collection = source.split(':')[0] as Nsid;

     

       89
       89
       +
       	return rkeys.values().map((rkey) => ({ did, collection, rkey }));

     

       90
       90
       +
       };

     

       91
       91
       +
       

     

       92
       92
       +
       export const hasBacklink = (subject: ResourceUri, source: BacklinksSource, did: Did): boolean => {

     

       93
       93
       +
       	return allBacklinks.get(source)?.get(subject)?.has(did) ?? false;

     

       94
       94
       +
       };

     

       95
       95
       +
       

     

       96
       96
       +
       export const getAllBacklinksFor = (subject: ResourceUri, source: BacklinksSource): Backlink[] => {

     

       97
       97
       +
       	const subjectMap = allBacklinks.get(source);

     

       98
       98
       +
       	if (!subjectMap) return [];

     

       99
       99
       +
       

     

       100
       100
       +
       	const didMap = subjectMap.get(subject);

     

       101
       101
       +
       	if (!didMap) return [];

     

       102
       102
       +
       

     

       103
       103
       +
       	const collection = source.split(':')[0] as Nsid;

     

       104
       104
       +
       	const result: Backlink[] = [];

     

       105
       105
       +
       

     

       106
       106
       +
       	for (const [did, rkeys] of didMap)

     

       107
       107
       +
       		for (const rkey of rkeys) result.push({ did, collection, rkey });

     

       108
       108
       +
       

     

       109
       109
       +
       	return result;

     

       110
       110
       +
       };

     

       111
       111
       +
       

     

       112
       112
       +
       export const isBlockedBy = (subject: Did, blocker: Did): boolean => {

     

       113
       113
       +
       	return hasBacklink(`at://${subject}`, 'app.bsky.graph.block:subject', blocker);

     

       114
       114
       +
       };

     

       115
       115
       +
       

     

       116
       116
       +
       // eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       117
       117
       +
       const getNestedValue = (obj: any, path: string[]): any => {

     

       118
       118
       +
       	return path.reduce((current, key) => current?.[key], obj);

     

       119
       119
       +
       };

     

       120
       120
       +
       

     

       121
       121
       +
       // eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       122
       122
       +
       const setNestedValue = (obj: any, path: string[], value: any): void => {

     

       123
       123
       +
       	const lastKey = path[path.length - 1];

     

       124
       124
       +
       	const parent = path.slice(0, -1).reduce((current, key) => {

     

       125
       125
       +
       		if (current[key] === undefined) current[key] = {};

     

       126
       126
       +
       		return current[key];

     

       127
       127
       +
       	}, obj);

     

       128
       128
       +
       	parent[lastKey] = value;

     

       129
       129
       +
       };

     

       130
       130
       +
       

     

       131
       131
       +
       export const backlinksCursors = new SvelteMap<

     

       132
       132
       +
       	Did,

     

       133
       133
       +
       	SvelteMap<BacklinksSource, string | undefined>

     

       134
       134
       +
       >();

     

       135
       135
       +
       

     

       136
       136
       +
       export const fetchLinksUntil = async (

     

       137
       137
       +
       	client: AtpClient,

     

       138
       138
       +
       	backlinkSource: BacklinksSource,

     

       139
       139
       +
       	timestamp: number = -1

     

       140
       140
       +
       ) => {

     

       141
       141
       +
       	const did = client.user?.did;

     

       142
       142
       +
       	if (!did) return;

     

       143
       143
       +
       

     

       144
       144
       +
       	let cursorMap = backlinksCursors.get(did);

     

       145
       145
       +
       	if (!cursorMap) {

     

       146
       146
       +
       		cursorMap = new SvelteMap<BacklinksSource, string | undefined>();

     

       147
       147
       +
       		backlinksCursors.set(did, cursorMap);

     

       148
       148
       +
       	}

     

       149
       149
       +
       

     

       150
       150
       +
       	const [_collection, source] = backlinkSource.split(':');

     

       151
       151
       +
       	const collection = _collection as keyof Records;

     

       152
       152
       +
       	const cursor = cursorMap.get(backlinkSource);

     

       153
       153
       +
       

     

       154
       154
       +
       	// if already fetched we dont need to fetch again

     

       155
       155
       +
       	const cursorTimestamp = timestampFromCursor(cursor);

     

       156
       156
       +
       	if (cursorTimestamp && cursorTimestamp <= timestamp) return;

     

       157
       157
       +
       

     

       158
       158
       +
       	console.log(`${did}: fetchLinksUntil`, backlinkSource, cursor, timestamp);

     

       159
       159
       +
       	const result = await client.listRecordsUntil(collection, cursor, timestamp);

     

       160
       160
       +
       

     

       161
       161
       +
       	if (!result.ok) {

     

       162
       162
       +
       		console.error('failed to fetch links until', result.error);

     

       163
       163
       +
       		return;

     

       164
       164
       +
       	}

     

       165
       165
       +
       	cursorMap.set(backlinkSource, result.value.cursor);

     

       166
       166
       +
       

     

       167
       167
       +
       	const path = source.split('.');

     

       168
       168
       +
       	for (const record of result.value.records) {

     

       169
       169
       +
       		const uri = getNestedValue(record.value, path);

     

       170
       170
       +
       		const parsedUri = parseCanonicalResourceUri(record.uri);

     

       171
       171
       +
       		if (!parsedUri.ok) continue;

     

       172
       172
       +
       		addBacklinks(uri, `${collection}:${source}`, [

     

       173
       173
       +
       			{

     

       174
       174
       +
       				did: parsedUri.value.repo,

     

       175
       175
       +
       				collection: parsedUri.value.collection,

     

       176
       176
       +
       				rkey: parsedUri.value.rkey

     

       177
       177
       +
       			}

     

       178
       178
       +
       		]);

     

       179
       179
       +
       	}

     

       180
       180
       +
       };

     

       181
       181
       +
       

     

       182
       182
       +
       export const deletePostBacklink = async (

     

       183
       183
       +
       	client: AtpClient,

     

       184
       184
       +
       	post: PostWithUri,

     

       185
       185
       +
       	source: BacklinksSource

     

       186
       186
       +
       ) => {

     

       187
       187
       +
       	const did = client.user?.did;

     

       188
       188
       +
       	if (!did) return;

     

       189
       189
       +
       	const collection = source.split(':')[0] as Nsid;

     

       190
       190
       +
       	const links = findBacklinksBy(post.uri, source, did);

     

       191
       191
       +
       	removeBacklinks(post.uri, source, links);

     

       192
       192
       +
       	await Promise.allSettled(

     

       193
       193
       +
       		links.map((link) =>

     

       194
       194
       +
       			client.atcute?.post('com.atproto.repo.deleteRecord', {

     

       195
       195
       +
       				input: { repo: did, collection, rkey: link.rkey! }

     

       196
       196
       +
       			})

     

       197
       197
       +
       		)

     

       198
       198
       +
       	);

     

       199
       199
       +
       };

     

       200
       200
       +
       

     

       201
       201
       +
       export const createPostBacklink = async (

     

       202
       202
       +
       	client: AtpClient,

     

       203
       203
       +
       	post: PostWithUri,

     

       204
       204
       +
       	source: BacklinksSource

     

       205
       205
       +
       ) => {

     

       206
       206
       +
       	const did = client.user?.did;

     

       207
       207
       +
       	if (!did) return;

     

       208
       208
       +
       	const [_collection, subject] = source.split(':');

     

       209
       209
       +
       	const collection = _collection as Nsid;

     

       210
       210
       +
       	const rkey = tidNow();

     

       211
       211
       +
       	addBacklinks(post.uri, source, [

     

       212
       212
       +
       		{

     

       213
       213
       +
       			did,

     

       214
       214
       +
       			collection,

     

       215
       215
       +
       			rkey

     

       216
       216
       +
       		}

     

       217
       217
       +
       	]);

     

       218
       218
       +
       	const record = {

     

       219
       219
       +
       		$type: collection,

     

       220
       220
       +
       		// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       221
       221
       +
       		createdAt: new Date().toISOString()

     

       222
       222
       +
       	};

     

       223
       223
       +
       	const subjectPath = subject.split('.');

     

       224
       224
       +
       	setNestedValue(record, subjectPath, post.uri);

     

       225
       225
       +
       	setNestedValue(record, [...subjectPath.slice(0, -1), 'cid'], post.cid);

     

       226
       226
       +
       	await client.atcute?.post('com.atproto.repo.createRecord', {

     

       227
       227
       +
       		input: {

     

       228
       228
       +
       			repo: did,

     

       229
       229
       +
       			collection,

     

       230
       230
       +
       			rkey,

     

       231
       231
       +
       			record

     

       232
       232
       +
       		}

     

       233
       233
       +
       	});

     

       234
       234
       +
       };

     

       235
       235
       +
       

     

       236
       236
       +
       export const pulsingPostId = writable<string | null>(null);

     

       237
       237
       +
       

     

       238
       238
       +
       export const viewClient = new AtpClient();

     

       239
       239
       +
       export const clients = new SvelteMap<Did, AtpClient>();

     

       240
       240
       +
       export const getClient = async (did: Did): Promise<AtpClient> => {

     

       241
       241
       +
       	if (!clients.has(did)) clients.set(did, await newPublicClient(did));

     

       242
       242
       +
       	return clients.get(did)!;

     

       243
       243
       +
       };

     

       244
       244
       +
       

     

       245
       245
       +
       export const follows = new SvelteMap<Did, SvelteMap<ResourceUri, AppBskyGraphFollow.Main>>();

     

       246
       246
       +
       

     

       247
       247
       +
       export const addFollows = (

     

       248
       248
       +
       	did: Did,

     

       249
       249
       +
       	followMap: Iterable<[ResourceUri, AppBskyGraphFollow.Main]>

     

       250
       250
       +
       ) => {

     

       251
       251
       +
       	if (!follows.has(did)) {

     

       252
       252
       +
       		follows.set(did, new SvelteMap(followMap));

     

       253
       253
       +
       		return;

     

       254
       254
       +
       	}

     

       255
       255
       +
       	const map = follows.get(did)!;

     

       256
       256
       +
       	for (const [uri, record] of followMap) map.set(uri, record);

     

       257
       257
       +
       };

     

       258
       258
       +
       

     

       259
       259
       +
       export const fetchFollows = async (did: AtprotoDid) => {

     

       260
       260
       +
       	const client = await getClient(did);

     

       261
       261
       +
       	const res = await client.listRecordsUntil('app.bsky.graph.follow');

     

       262
       262
       +
       	if (!res.ok) return;

     

       263
       263
       +
       	addFollows(

     

       264
       264
       +
       		did,

     

       265
       265
       +
       		res.value.records.map((follow) => [follow.uri, follow.value as AppBskyGraphFollow.Main])

     

       266
       266
       +
       	);

     

       267
       267
       +
       };

     

       268
       268
       +
       

     

       269
       269
       +
       // this fetches up to three days of posts and interactions for using in following list

     

       270
       270
       +
       export const fetchForInteractions = async (did: AtprotoDid) => {

     

       271
       271
       +
       	const threeDaysAgo = (Date.now() - 3 * 24 * 60 * 60 * 1000) * 1000;

     

       272
       272
       +
       

     

       273
       273
       +
       	const client = await getClient(did);

     

       274
       274
       +
       	const res = await client.listRecordsUntil('app.bsky.feed.post', undefined, threeDaysAgo);

     

       275
       275
       +
       	if (!res.ok) return;

     

       276
       276
       +
       	addPostsRaw(did, res.value);

     

       277
       277
       +
       

     

       278
       278
       +
       	const cursorTimestamp = timestampFromCursor(res.value.cursor) ?? -1;

     

       279
       279
       +
       	const timestamp = Math.min(cursorTimestamp, threeDaysAgo);

     

       280
       280
       +
       	console.log(`${did}: fetchForInteractions`, res.value.cursor, timestamp);

     

       281
       281
       +
       	await Promise.all([repostSource].map((s) => fetchLinksUntil(client, s, timestamp)));

     

       282
       282
       +
       };

     

       283
       283
       +
       

     

       284
       284
       +
       export const allPosts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();

     

       285
       285
       +
       // did -> post uris that are replies to that did

     

       286
       286
       +
       export const replyIndex = new SvelteMap<Did, SvelteSet<ResourceUri>>();

     

       287
       287
       +
       

     

       288
       288
       +
       export const getPost = (did: Did, rkey: RecordKey) =>

     

       289
       289
       +
       	allPosts.get(did)?.get(toCanonicalUri({ did, collection: 'app.bsky.feed.post', rkey }));

     

       290
       290
       +
       const hydrateCacheFn: Parameters<typeof hydratePosts>[3] = (did, rkey) => {

     

       291
       291
       +
       	const cached = getPost(did, rkey);

     

       292
       292
       +
       	return cached ? ok(cached) : undefined;

     

       293
       293
       +
       };

     

       294
       294
       +
       

     

       295
       295
       +
       export const addPostsRaw = (

     

       296
       296
       +
       	did: AtprotoDid,

     

       297
       297
       +
       	newPosts: InferOutput<ComAtprotoRepoListRecords.mainSchema['output']['schema']>

     

       298
       298
       +
       ) => {

     

       299
       299
       +
       	const postsWithUri = newPosts.records.map(

     

       300
       300
       +
       		(post) =>

     

       301
       301
       +
       			({ cid: post.cid, uri: post.uri, record: post.value as AppBskyFeedPost.Main }) as PostWithUri

     

       302
       302
       +
       	);

     

       303
       303
       +
       	addPosts(postsWithUri);

     

       304
       304
       +
       };

     

       305
       305
       +
       

     

       306
       306
       +
       export const addPosts = (newPosts: Iterable<PostWithUri>) => {

     

       307
       307
       +
       	for (const post of newPosts) {

     

       308
       308
       +
       		const parsedUri = expect(parseCanonicalResourceUri(post.uri));

     

       309
       309
       +
       		let posts = allPosts.get(parsedUri.repo);

     

       310
       310
       +
       		if (!posts) {

     

       311
       311
       +
       			posts = new SvelteMap();

     

       312
       312
       +
       			allPosts.set(parsedUri.repo, posts);

     

       313
       313
       +
       		}

     

       314
       314
       +
       		posts.set(post.uri, post);

     

       315
       315
       +
       		if (post.record.reply) {

     

       316
       316
       +
       			addBacklinks(post.record.reply.parent.uri, replySource, [

     

       317
       317
       +
       				{

     

       318
       318
       +
       					did: parsedUri.repo,

     

       319
       319
       +
       					collection: parsedUri.collection,

     

       320
       320
       +
       					rkey: parsedUri.rkey

     

       321
       321
       +
       				}

     

       322
       322
       +
       			]);

     

       323
       323
       +
       

     

       324
       324
       +
       			// update reply index

     

       325
       325
       +
       			const parentDid = extractDidFromUri(post.record.reply.parent.uri);

     

       326
       326
       +
       			if (parentDid) {

     

       327
       327
       +
       				let set = replyIndex.get(parentDid);

     

       328
       328
       +
       				if (!set) {

     

       329
       329
       +
       					set = new SvelteSet();

     

       330
       330
       +
       					replyIndex.set(parentDid, set);

     

       331
       331
       +
       				}

     

       332
       332
       +
       				set.add(post.uri);

     

       333
       333
       +
       			}

     

       334
       334
       +
       		}

     

       335
       335
       +
       	}

     

       336
       336
       +
       };

     

       337
       337
       +
       

     

       338
       338
       +
       export const timelines = new SvelteMap<Did, SvelteSet<ResourceUri>>();

     

       339
       339
       +
       export const postCursors = new SvelteMap<Did, { value?: string; end: boolean }>();

     

       340
       340
       +
       

     

       341
       341
       +
       const traversePostChain = (post: PostWithUri) => {

     

       342
       342
       +
       	const result = [post.uri];

     

       343
       343
       +
       	const parentUri = post.record.reply?.parent.uri;

     

       344
       344
       +
       	if (parentUri) {

     

       345
       345
       +
       		const parentPost = allPosts.get(extractDidFromUri(parentUri)!)?.get(parentUri);

     

       346
       346
       +
       		if (parentPost) result.push(...traversePostChain(parentPost));

     

       347
       347
       +
       	}

     

       348
       348
       +
       	return result;

     

       349
       349
       +
       };

     

       350
       350
       +
       export const addTimeline = (did: Did, uris: Iterable<ResourceUri>) => {

     

       351
       351
       +
       	let timeline = timelines.get(did);

     

       352
       352
       +
       	if (!timeline) {

     

       353
       353
       +
       		timeline = new SvelteSet();

     

       354
       354
       +
       		timelines.set(did, timeline);

     

       355
       355
       +
       	}

     

       356
       356
       +
       	for (const uri of uris) {

     

       357
       357
       +
       		const post = allPosts.get(did)?.get(uri);

     

       358
       358
       +
       		// we need to traverse the post chain to add all posts in the chain to the timeline

     

       359
       359
       +
       		// because the parent posts might not be in the timeline yet

     

       360
       360
       +
       		const chain = post ? traversePostChain(post) : [uri];

     

       361
       361
       +
       		for (const uri of chain) timeline.add(uri);

     

       362
       362
       +
       	}

     

       363
       363
       +
       };

     

       364
       364
       +
       

     

       365
       365
       +
       export const fetchTimeline = async (

     

       366
       366
       +
       	did: AtprotoDid,

     

       367
       367
       +
       	limit: number = 6,

     

       368
       368
       +
       	withBacklinks: boolean = true

     

       369
       369
       +
       ) => {

     

       370
       370
       +
       	const targetClient = await getClient(did);

     

       371
       371
       +
       

     

       372
       372
       +
       	const cursor = postCursors.get(did);

     

       373
       373
       +
       	if (cursor && cursor.end) return;

     

       374
       374
       +
       

     

       375
       375
       +
       	const accPosts = await fetchPosts(targetClient, cursor?.value, limit, withBacklinks);

     

       376
       376
       +
       	if (!accPosts.ok) throw `cant fetch posts ${did}: ${accPosts.error}`;

     

       377
       377
       +
       

     

       378
       378
       +
       	// if the cursor is undefined, we've reached the end of the timeline

     

       379
       379
       +
       	postCursors.set(did, { value: accPosts.value.cursor, end: !accPosts.value.cursor });

     

       380
       380
       +
       	const hydrated = await hydratePosts(targetClient, did, accPosts.value.posts, hydrateCacheFn);

     

       381
       381
       +
       	if (!hydrated.ok) throw `cant hydrate posts ${did}: ${hydrated.error}`;

     

       382
       382
       +
       

     

       383
       383
       +
       	addPosts(hydrated.value.values());

     

       384
       384
       +
       	addTimeline(did, hydrated.value.keys());

     

       385
       385
       +
       

     

       386
       386
       +
       	console.log(`${did}: fetchTimeline`, accPosts.value.cursor);

     

       387
       387
       +
       };

     

       388
       388
       +
       

     

       389
       389
       +
       export const fetchInteractionsUntil = async (client: AtpClient, did: Did) => {

     

       390
       390
       +
       	const cursor = postCursors.get(did);

     

       391
       391
       +
       	if (!cursor) return;

     

       392
       392
       +
       	const timestamp = timestampFromCursor(cursor.value);

     

       393
       393
       +
       	await Promise.all([likeSource, repostSource].map((s) => fetchLinksUntil(client, s, timestamp)));

     

       394
       394
       +
       };

     

       395
       395
       +
       

     

       396
       396
       +
       export const handleJetstreamEvent = async (event: JetstreamEvent) => {

     

       397
       397
       +
       	if (event.kind !== 'commit') return;

     

       398
       398
       +
       

     

       399
       399
       +
       	const { did, commit } = event;

     

       400
       400
       +
       	const uri: ResourceUri = toCanonicalUri({ did, ...commit });

     

       401
       401
       +
       	if (commit.collection === 'app.bsky.feed.post') {

     

       402
       402
       +
       		if (commit.operation === 'create') {

     

       403
       403
       +
       			const posts = [

     

       404
       404
       +
       				{

     

       405
       405
       +
       					record: commit.record as AppBskyFeedPost.Main,

     

       406
       406
       +
       					uri,

     

       407
       407
       +
       					cid: commit.cid

     

       408
       408
       +
       				}

     

       409
       409
       +
       			];

     

       410
       410
       +
       			const client = await getClient(did);

     

       411
       411
       +
       			const hydrated = await hydratePosts(client, did, posts, hydrateCacheFn);

     

       412
       412
       +
       			if (!hydrated.ok) {

     

       413
       413
       +
       				console.error(`cant hydrate posts ${did}: ${hydrated.error}`);

     

       414
       414
       +
       				return;

     

       415
       415
       +
       			}

     

       416
       416
       +
       			addPosts(hydrated.value.values());

     

       417
       417
       +
       			addTimeline(did, hydrated.value.keys());

     

       418
       418
       +
       		} else if (commit.operation === 'delete') {

     

       419
       419
       +
       			allPosts.get(did)?.delete(uri);

     

       420
       420
       +
       		}

     

       421
       421
       +
       	}

     

       422
       422
       +
       };

     

       423
       423
       +
       

     

       424
       424
       +
       const handlePostNotification = async (event: NotificationsStreamEvent & { type: 'message' }) => {

     

       425
       425
       +
       	const parsedSubjectUri = expect(parseCanonicalResourceUri(event.data.link.subject));

     

       426
       426
       +
       	const did = parsedSubjectUri.repo as AtprotoDid;

     

       427
       427
       +
       	const client = await getClient(did);

     

       428
       428
       +
       	const subjectPost = await client.getRecord(

     

       429
       429
       +
       		AppBskyFeedPost.mainSchema,

     

       430
       430
       +
       		did,

     

       431
       431
       +
       		parsedSubjectUri.rkey

     

       432
       432
       +
       	);

     

       433
       433
       +
       	if (!subjectPost.ok) return;

     

       434
       434
       +
       

     

       435
       435
       +
       	const parsedSourceUri = expect(parseCanonicalResourceUri(event.data.link.source_record));

     

       436
       436
       +
       	const posts = [

     

       437
       437
       +
       		{

     

       438
       438
       +
       			record: subjectPost.value.record,

     

       439
       439
       +
       			uri: event.data.link.subject,

     

       440
       440
       +
       			cid: subjectPost.value.cid,

     

       441
       441
       +
       			replies: {

     

       442
       442
       +
       				cursor: null,

     

       443
       443
       +
       				total: 1,

     

       444
       444
       +
       				records: [

     

       445
       445
       +
       					{

     

       446
       446
       +
       						did: parsedSourceUri.repo,

     

       447
       447
       +
       						collection: parsedSourceUri.collection,

     

       448
       448
       +
       						rkey: parsedSourceUri.rkey

     

       449
       449
       +
       					}

     

       450
       450
       +
       				]

     

       451
       451
       +
       			}

     

       452
       452
       +
       		}

     

       453
       453
       +
       	];

     

       454
       454
       +
       	const hydrated = await hydratePosts(client, did, posts, hydrateCacheFn);

     

       455
       455
       +
       	if (!hydrated.ok) {

     

       456
       456
       +
       		console.error(`cant hydrate posts ${did}: ${hydrated.error}`);

     

       457
       457
       +
       		return;

     

       458
       458
       +
       	}

     

       459
       459
       +
       

     

       460
       460
       +
       	// console.log(hydrated);

     

       461
       461
       +
       	addPosts(hydrated.value.values());

     

       462
       462
       +
       	addTimeline(did, hydrated.value.keys());

     

       463
       463
       +
       };

     

       464
       464
       +
       

     

       465
       465
       +
       const handleBacklink = (event: NotificationsStreamEvent & { type: 'message' }) => {

     

       466
       466
       +
       	const parsedSource = expect(parseCanonicalResourceUri(event.data.link.source_record));

     

       467
       467
       +
       	addBacklinks(event.data.link.subject, event.data.link.source, [

     

       468
       468
       +
       		{

     

       469
       469
       +
       			did: parsedSource.repo,

     

       470
       470
       +
       			collection: parsedSource.collection,

     

       471
       471
       +
       			rkey: parsedSource.rkey

     

       472
       472
       +
       		}

     

       473
       473
       +
       	]);

     

       474
       474
       +
       };

     

       475
       475
       +
       

     

       476
       476
       +
       export const handleNotification = async (event: NotificationsStreamEvent) => {

     

       477
       477
       +
       	if (event.type === 'message') {

     

       478
       478
       +
       		if (event.data.link.source.startsWith('app.bsky.feed.post')) handlePostNotification(event);

     

       479
       479
       +
       		else handleBacklink(event);

     

       480
       480
       +
       	}

     

       481
       481
       +
       };

     

       482
       482
       +
       

     

       483
       483
       +
       export const currentTime = new SvelteDate();

     

       484
       484
       +
       

     

       485
       485
       +
       if (typeof window !== 'undefined')

     

       486
       486
       +
       	setInterval(() => {

     

       487
       487
       +
       		currentTime.setTime(Date.now());

     

       488
       488
       +
       	}, 1000);

     

       489
       489
       +
       

     

       490
       490
       +
       export const router = new Router();

-13

src/lib/theme.svelte.ts

···

       1
       1
       -
       export const theme = $state({

     

       2
       2
       -
       	bg: '#11001c', // slate-900 - deep blue-grey background

     

       3
       3
       -
       	fg: '#f8fafc', // slate-50 - crisp white foreground

     

       4
       4
       -
       	accent: '#ec4899', // pink-500 - vibrant pink accent

     

       5
       5
       -
       	accent2: '#8b5cf6' // violet-500 - purple secondary accent

     

       6
       6
       -
       });

     

       7
       7
       -
       

     

       8
       8
       -
       export const setTheme = (bg: string, fg: string, accent: string, accent2: string) => {

     

       9
       9
       -
       	theme.bg = bg;

     

       10
       10
       -
       	theme.fg = fg;

     

       11
       11
       -
       	theme.accent = accent;

     

       12
       12
       -
       	theme.accent2 = accent2;

     

       13
       13
       -
       };

+75

src/lib/theme.ts

···

       1
       1
       +
       export type Theme = Record<string, string> & {

     

       2
       2
       +
       	bg: string;

     

       3
       3
       +
       	fg: string;

     

       4
       4
       +
       	accent: string;

     

       5
       5
       +
       	accent2: string;

     

       6
       6
       +
       };

     

       7
       7
       +
       

     

       8
       8
       +
       export const defaultTheme: Theme = {

     

       9
       9
       +
       	bg: '#11001c',

     

       10
       10
       +
       	fg: '#f8fafc',

     

       11
       11
       +
       	accent: '#ec4899',

     

       12
       12
       +
       	accent2: '#8b5cf6'

     

       13
       13
       +
       };

     

       14
       14
       +
       

     

       15
       15
       +
       export const hashColor = (input: string): string => {

     

       16
       16
       +
       	let hash: number;

     

       17
       17
       +
       

     

       18
       18
       +
       	const id = input.split(':').pop() || input;

     

       19
       19
       +
       

     

       20
       20
       +
       	hash = 0;

     

       21
       21
       +
       	for (let i = 0; i < Math.min(10, id.length); i++) hash = (hash << 4) + id.charCodeAt(i);

     

       22
       22
       +
       	hash = hash >>> 0;

     

       23
       23
       +
       

     

       24
       24
       +
       	// magic mixing

     

       25
       25
       +
       	hash ^= hash >>> 16;

     

       26
       26
       +
       	hash = Math.imul(hash, 0x21f0aaad);

     

       27
       27
       +
       	hash ^= hash >>> 15;

     

       28
       28
       +
       	hash = hash >>> 0;

     

       29
       29
       +
       

     

       30
       30
       +
       	const hue = hash % 360;

     

       31
       31
       +
       	const saturation = 0.8 + ((hash >>> 10) % 20) * 0.01; // 80-100%

     

       32
       32
       +
       	const lightness = 0.45 + ((hash >>> 20) % 35) * 0.01; // 45-80%

     

       33
       33
       +
       

     

       34
       34
       +
       	const rgb = hslToRgb(hue, saturation, lightness);

     

       35
       35
       +
       	const hex = rgb.map((value) => value.toString(16).padStart(2, '0')).join('');

     

       36
       36
       +
       

     

       37
       37
       +
       	return `#${hex}`;

     

       38
       38
       +
       };

     

       39
       39
       +
       

     

       40
       40
       +
       const hslToRgb = (h: number, s: number, l: number): [number, number, number] => {

     

       41
       41
       +
       	const c = (1 - Math.abs(2 * l - 1)) * s;

     

       42
       42
       +
       	const hPrime = h / 60;

     

       43
       43
       +
       	const x = c * (1 - Math.abs((hPrime % 2) - 1));

     

       44
       44
       +
       	const m = l - c / 2;

     

       45
       45
       +
       

     

       46
       46
       +
       	let r: number, g: number, b: number;

     

       47
       47
       +
       

     

       48
       48
       +
       	if (hPrime < 1) {

     

       49
       49
       +
       		r = c;

     

       50
       50
       +
       		g = x;

     

       51
       51
       +
       		b = 0;

     

       52
       52
       +
       	} else if (hPrime < 2) {

     

       53
       53
       +
       		r = x;

     

       54
       54
       +
       		g = c;

     

       55
       55
       +
       		b = 0;

     

       56
       56
       +
       	} else if (hPrime < 3) {

     

       57
       57
       +
       		r = 0;

     

       58
       58
       +
       		g = c;

     

       59
       59
       +
       		b = x;

     

       60
       60
       +
       	} else if (hPrime < 4) {

     

       61
       61
       +
       		r = 0;

     

       62
       62
       +
       		g = x;

     

       63
       63
       +
       		b = c;

     

       64
       64
       +
       	} else if (hPrime < 5) {

     

       65
       65
       +
       		r = x;

     

       66
       66
       +
       		g = 0;

     

       67
       67
       +
       		b = c;

     

       68
       68
       +
       	} else {

     

       69
       69
       +
       		r = c;

     

       70
       70
       +
       		g = 0;

     

       71
       71
       +
       		b = x;

     

       72
       72
       +
       	}

     

       73
       73
       +
       

     

       74
       74
       +
       	return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];

     

       75
       75
       +
       };

+174

src/lib/thread.ts

···

       1
       1
       +
       import { parseCanonicalResourceUri, type Did, type ResourceUri } from '@atcute/lexicons';

     

       2
       2
       +
       import type { Account } from './accounts';

     

       3
       3
       +
       import { expect } from './result';

     

       4
       4
       +
       import type { PostWithUri } from './at/fetch';

     

       5
       5
       +
       

     

       6
       6
       +
       export type ThreadPost = {

     

       7
       7
       +
       	data: PostWithUri;

     

       8
       8
       +
       	account: Did;

     

       9
       9
       +
       	did: Did;

     

       10
       10
       +
       	rkey: string;

     

       11
       11
       +
       	parentUri: ResourceUri | null;

     

       12
       12
       +
       	depth: number;

     

       13
       13
       +
       	newestTime: number;

     

       14
       14
       +
       };

     

       15
       15
       +
       

     

       16
       16
       +
       export type Thread = {

     

       17
       17
       +
       	rootUri: ResourceUri;

     

       18
       18
       +
       	posts: ThreadPost[];

     

       19
       19
       +
       	newestTime: number;

     

       20
       20
       +
       	branchParentPost?: ThreadPost;

     

       21
       21
       +
       };

     

       22
       22
       +
       

     

       23
       23
       +
       export const buildThreads = (

     

       24
       24
       +
       	account: Did,

     

       25
       25
       +
       	timeline: Set<ResourceUri>,

     

       26
       26
       +
       	posts: Map<Did, Map<ResourceUri, PostWithUri>>

     

       27
       27
       +
       ): Thread[] => {

     

       28
       28
       +
       	const threadMap = new Map<ResourceUri, ThreadPost[]>();

     

       29
       29
       +
       

     

       30
       30
       +
       	// group posts by root uri into "thread" chains

     

       31
       31
       +
       	for (const uri of timeline) {

     

       32
       32
       +
       		const parsedUri = expect(parseCanonicalResourceUri(uri));

     

       33
       33
       +
       		const data = posts.get(parsedUri.repo)?.get(uri);

     

       34
       34
       +
       		if (!data) continue;

     

       35
       35
       +
       

     

       36
       36
       +
       		const rootUri = (data.record.reply?.root.uri as ResourceUri) || uri;

     

       37
       37
       +
       		const parentUri = (data.record.reply?.parent.uri as ResourceUri) || null;

     

       38
       38
       +
       

     

       39
       39
       +
       		const post: ThreadPost = {

     

       40
       40
       +
       			data,

     

       41
       41
       +
       			account,

     

       42
       42
       +
       			did: parsedUri.repo,

     

       43
       43
       +
       			rkey: parsedUri.rkey,

     

       44
       44
       +
       			parentUri,

     

       45
       45
       +
       			depth: 0,

     

       46
       46
       +
       			newestTime: new Date(data.record.createdAt).getTime()

     

       47
       47
       +
       		};

     

       48
       48
       +
       

     

       49
       49
       +
       		if (!threadMap.has(rootUri)) threadMap.set(rootUri, []);

     

       50
       50
       +
       

     

       51
       51
       +
       		threadMap.get(rootUri)!.push(post);

     

       52
       52
       +
       	}

     

       53
       53
       +
       

     

       54
       54
       +
       	const threads: Thread[] = [];

     

       55
       55
       +
       

     

       56
       56
       +
       	for (const [rootUri, posts] of threadMap) {

     

       57
       57
       +
       		const uriToPost = new Map(posts.map((p) => [p.data.uri, p]));

     

       58
       58
       +
       		const childrenMap = new Map<ResourceUri | null, ThreadPost[]>();

     

       59
       59
       +
       

     

       60
       60
       +
       		// calculate depths

     

       61
       61
       +
       		for (const post of posts) {

     

       62
       62
       +
       			let depth = 0;

     

       63
       63
       +
       			let currentUri = post.parentUri;

     

       64
       64
       +
       

     

       65
       65
       +
       			while (currentUri && uriToPost.has(currentUri)) {

     

       66
       66
       +
       				depth++;

     

       67
       67
       +
       				currentUri = uriToPost.get(currentUri)!.parentUri;

     

       68
       68
       +
       			}

     

       69
       69
       +
       

     

       70
       70
       +
       			post.depth = depth;

     

       71
       71
       +
       

     

       72
       72
       +
       			if (!childrenMap.has(post.parentUri)) childrenMap.set(post.parentUri, []);

     

       73
       73
       +
       			childrenMap.get(post.parentUri)!.push(post);

     

       74
       74
       +
       		}

     

       75
       75
       +
       

     

       76
       76
       +
       		childrenMap

     

       77
       77
       +
       			.values()

     

       78
       78
       +
       			.forEach((children) => children.sort((a, b) => b.newestTime - a.newestTime));

     

       79
       79
       +
       

     

       80
       80
       +
       		const createThread = (

     

       81
       81
       +
       			posts: ThreadPost[],

     

       82
       82
       +
       			rootUri: ResourceUri,

     

       83
       83
       +
       			branchParentUri?: ResourceUri

     

       84
       84
       +
       		): Thread => {

     

       85
       85
       +
       			return {

     

       86
       86
       +
       				rootUri,

     

       87
       87
       +
       				posts,

     

       88
       88
       +
       				newestTime: Math.max(...posts.map((p) => p.newestTime)),

     

       89
       89
       +
       				branchParentPost: branchParentUri ? uriToPost.get(branchParentUri) : undefined

     

       90
       90
       +
       			};

     

       91
       91
       +
       		};

     

       92
       92
       +
       

     

       93
       93
       +
       		const collectSubtree = (startPost: ThreadPost): ThreadPost[] => {

     

       94
       94
       +
       			const result: ThreadPost[] = [];

     

       95
       95
       +
       			const addWithChildren = (post: ThreadPost) => {

     

       96
       96
       +
       				result.push(post);

     

       97
       97
       +
       				const children = childrenMap.get(post.data.uri) || [];

     

       98
       98
       +
       				children.forEach(addWithChildren);

     

       99
       99
       +
       			};

     

       100
       100
       +
       			addWithChildren(startPost);

     

       101
       101
       +
       			return result;

     

       102
       102
       +
       		};

     

       103
       103
       +
       

     

       104
       104
       +
       		// find posts with >2 children to split them into separate chains

     

       105
       105
       +
       		const branchingPoints = Array.from(childrenMap.entries())

     

       106
       106
       +
       			.filter(([, children]) => children.length > 1)

     

       107
       107
       +
       			.map(([uri]) => uri);

     

       108
       108
       +
       

     

       109
       109
       +
       		if (branchingPoints.length === 0) {

     

       110
       110
       +
       			const roots = childrenMap.get(null) || [];

     

       111
       111
       +
       			const allPosts = roots.flatMap((root) => collectSubtree(root));

     

       112
       112
       +
       			threads.push(createThread(allPosts, rootUri));

     

       113
       113
       +
       		} else {

     

       114
       114
       +
       			for (const branchParentUri of branchingPoints) {

     

       115
       115
       +
       				const branches = childrenMap.get(branchParentUri) || [];

     

       116
       116
       +
       

     

       117
       117
       +
       				const sortedBranches = [...branches].sort((a, b) => a.newestTime - b.newestTime);

     

       118
       118
       +
       

     

       119
       119
       +
       				sortedBranches.forEach((branchRoot, index) => {

     

       120
       120
       +
       					const isOldestBranch = index === 0;

     

       121
       121
       +
       					const branchPosts: ThreadPost[] = [];

     

       122
       122
       +
       

     

       123
       123
       +
       					// the oldest branch has the full context

     

       124
       124
       +
       					// todo: consider letting the user decide this..?

     

       125
       125
       +
       					if (isOldestBranch && branchParentUri !== null) {

     

       126
       126
       +
       						const parentChain: ThreadPost[] = [];

     

       127
       127
       +
       						let currentUri: ResourceUri | null = branchParentUri;

     

       128
       128
       +
       						while (currentUri && uriToPost.has(currentUri)) {

     

       129
       129
       +
       							parentChain.unshift(uriToPost.get(currentUri)!);

     

       130
       130
       +
       							currentUri = uriToPost.get(currentUri)!.parentUri;

     

       131
       131
       +
       						}

     

       132
       132
       +
       						branchPosts.push(...parentChain);

     

       133
       133
       +
       					}

     

       134
       134
       +
       

     

       135
       135
       +
       					branchPosts.push(...collectSubtree(branchRoot));

     

       136
       136
       +
       

     

       137
       137
       +
       					const minDepth = Math.min(...branchPosts.map((p) => p.depth));

     

       138
       138
       +
       					branchPosts.forEach((p) => (p.depth = p.depth - minDepth));

     

       139
       139
       +
       

     

       140
       140
       +
       					threads.push(

     

       141
       141
       +
       						createThread(

     

       142
       142
       +
       							branchPosts,

     

       143
       143
       +
       							branchRoot.data.uri,

     

       144
       144
       +
       							isOldestBranch ? undefined : (branchParentUri ?? undefined)

     

       145
       145
       +
       						)

     

       146
       146
       +
       					);

     

       147
       147
       +
       				});

     

       148
       148
       +
       			}

     

       149
       149
       +
       		}

     

       150
       150
       +
       	}

     

       151
       151
       +
       

     

       152
       152
       +
       	threads.sort((a, b) => b.newestTime - a.newestTime);

     

       153
       153
       +
       

     

       154
       154
       +
       	// console.log(threads);

     

       155
       155
       +
       

     

       156
       156
       +
       	return threads;

     

       157
       157
       +
       };

     

       158
       158
       +
       

     

       159
       159
       +
       export const isOwnPost = (post: ThreadPost, accounts: Account[]) =>

     

       160
       160
       +
       	accounts.some((account) => account.did === post.did);

     

       161
       161
       +
       export const hasNonOwnPost = (posts: ThreadPost[], accounts: Account[]) =>

     

       162
       162
       +
       	posts.some((post) => !isOwnPost(post, accounts));

     

       163
       163
       +
       

     

       164
       164
       +
       // todo: add more filtering options

     

       165
       165
       +
       export type FilterOptions = {

     

       166
       166
       +
       	viewOwnPosts: boolean;

     

       167
       167
       +
       };

     

       168
       168
       +
       

     

       169
       169
       +
       export const filterThreads = (threads: Thread[], accounts: Account[], opts: FilterOptions) =>

     

       170
       170
       +
       	threads.filter((thread) => {

     

       171
       171
       +
       		if (thread.posts.length === 0) return false;

     

       172
       172
       +
       		if (!opts.viewOwnPosts) return hasNonOwnPost(thread.posts, accounts);

     

       173
       173
       +
       		return true;

     

       174
       174
       +
       	});

+2 -3

src/routes/+layout.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
        
       	import '../app.css';

     

       3
       3
       -
       	import { theme } from '$lib/theme.svelte';

     

       4
       3
        
       	import favicon from '$lib/assets/favicon.svg';

     

       5
       4
        
       

     

       6
       5
        
       	let { children } = $props();

     
···

       11
       10
        
       </svelte:head>

     

       12
       11
        
       

     

       13
       12
        
       <div

     

       14
       14
       -
       	class="grain min-h-screen transition-colors duration-300"

     

       15
       15
       -
       	style="background: {theme.bg}; color: {theme.fg};"

     

       13
       13
       +
       	id="app-root"

     

       14
       14
       +
       	class="min-h-screen bg-(--nucleus-bg) text-(--nucleus-fg) transition-colors duration-300"

     

       16
       15
        
       >

     

       17
       16
        
       	{@render children?.()}

     

       18
       17
        
       </div>

+1 -1

src/routes/+layout.ts

···

       1
       1
        
       export const ssr = false;

     

       2
       2
       -
       export const prerender = false;

     

       2
       2
       +
       export const prerender = true;

     

       3
       3
        
       export const csr = true;

-415

src/routes/+page.svelte

···

       1
       1
       -
       <script lang="ts">

     

       2
       2
       -
       	import BskyPost from '$components/BskyPost.svelte';

     

       3
       3
       -
       	import PostComposer from '$components/PostComposer.svelte';

     

       4
       4
       -
       	import AccountSelector from '$components/AccountSelector.svelte';

     

       5
       5
       -
       	import { AtpClient } from '$lib/at/client';

     

       6
       6
       -
       	import { accounts, addAccount, type Account } from '$lib/accounts';

     

       7
       7
       -
       	import {

     

       8
       8
       -
       		type Did,

     

       9
       9
       -
       		type Handle,

     

       10
       10
       -
       		parseCanonicalResourceUri,

     

       11
       11
       -
       		type ResourceUri

     

       12
       12
       -
       	} from '@atcute/lexicons';

     

       13
       13
       -
       	import { onMount } from 'svelte';

     

       14
       14
       -
       	import { theme } from '$lib/theme.svelte';

     

       15
       15
       -
       	import { fetchPostsWithBacklinks, hydratePosts } from '$lib/at/fetch';

     

       16
       16
       -
       	import { expect } from '$lib/result';

     

       17
       17
       -
       	import type { AppBskyFeedPost } from '@atcute/bluesky';

     

       18
       18
       -
       	import { SvelteMap } from 'svelte/reactivity';

     

       19
       19
       -
       	import { InfiniteLoader, LoaderState } from 'svelte-infinite';

     

       20
       20
       -
       

     

       21
       21
       -
       	let loaderState = new LoaderState();

     

       22
       22
       -
       	let scrollContainer = $state<HTMLDivElement>();

     

       23
       23
       -
       

     

       24
       24
       -
       	let selectedDid = $state<Did | null>(null);

     

       25
       25
       -
       	let clients = new SvelteMap<Did, AtpClient>();

     

       26
       26
       -
       	let selectedClient = $derived(selectedDid ? clients.get(selectedDid) : null);

     

       27
       27
       -
       

     

       28
       28
       -
       	let viewClient = $state<AtpClient>(new AtpClient());

     

       29
       29
       -
       

     

       30
       30
       -
       	onMount(async () => {

     

       31
       31
       -
       		if ($accounts.length > 0) {

     

       32
       32
       -
       			loaderState.status = 'LOADING';

     

       33
       33
       -
       			selectedDid = $accounts[0].did;

     

       34
       34
       -
       			Promise.all($accounts.map(loginAccount)).then(() => {

     

       35
       35
       -
       				loadMore();

     

       36
       36
       -
       			});

     

       37
       37
       -
       		}

     

       38
       38
       -
       	});

     

       39
       39
       -
       

     

       40
       40
       -
       	const loginAccount = async (account: Account) => {

     

       41
       41
       -
       		const client = new AtpClient();

     

       42
       42
       -
       		const result = await client.login(account.handle, account.password);

     

       43
       43
       -
       		if (result.ok) clients.set(account.did, client);

     

       44
       44
       -
       	};

     

       45
       45
       -
       

     

       46
       46
       -
       	const handleAccountSelected = async (did: Did) => {

     

       47
       47
       -
       		selectedDid = did;

     

       48
       48
       -
       		const account = $accounts.find((acc) => acc.did === did);

     

       49
       49
       -
       		if (account && (!clients.has(account.did) || !clients.get(account.did)?.atcute))

     

       50
       50
       -
       			await loginAccount(account);

     

       51
       51
       -
       	};

     

       52
       52
       -
       

     

       53
       53
       -
       	const handleLogout = async (did: Did) => {

     

       54
       54
       -
       		$accounts = $accounts.filter((acc) => acc.did !== did);

     

       55
       55
       -
       		clients.delete(did);

     

       56
       56
       -
       		posts.delete(did);

     

       57
       57
       -
       		cursors.delete(did);

     

       58
       58
       -
       		selectedDid = $accounts[0]?.did;

     

       59
       59
       -
       	};

     

       60
       60
       -
       

     

       61
       61
       -
       	const handleLoginSucceed = async (did: Did, handle: Handle, password: string) => {

     

       62
       62
       -
       		const newAccount: Account = { did, handle, password };

     

       63
       63
       -
       		addAccount(newAccount);

     

       64
       64
       -
       		selectedDid = did;

     

       65
       65
       -
       		loginAccount(newAccount).then(() => fetchTimeline(newAccount));

     

       66
       66
       -
       	};

     

       67
       67
       -
       

     

       68
       68
       -
       	let posts = new SvelteMap<Did, SvelteMap<ResourceUri, AppBskyFeedPost.Main>>();

     

       69
       69
       -
       	let cursors = new SvelteMap<Did, { value?: string; end: boolean }>();

     

       70
       70
       -
       

     

       71
       71
       -
       	const fetchTimeline = async (account: Account) => {

     

       72
       72
       -
       		const client = clients.get(account.did);

     

       73
       73
       -
       		if (!client) return;

     

       74
       74
       -
       

     

       75
       75
       -
       		const cursor = cursors.get(account.did);

     

       76
       76
       -
       		if (cursor && cursor.end) return;

     

       77
       77
       -
       

     

       78
       78
       -
       		const accPosts = await fetchPostsWithBacklinks(client, account.did, cursor?.value, 6);

     

       79
       79
       -
       		if (!accPosts.ok) {

     

       80
       80
       -
       			throw `failed to fetch posts for account ${account.handle}: ${accPosts.error}`;

     

       81
       81
       -
       		}

     

       82
       82
       -
       

     

       83
       83
       -
       		// if the cursor is undefined, we've reached the end of the timeline

     

       84
       84
       -
       		if (!accPosts.value.cursor) {

     

       85
       85
       -
       			cursors.set(account.did, { ...cursor, end: true });

     

       86
       86
       -
       			return;

     

       87
       87
       -
       		}

     

       88
       88
       -
       

     

       89
       89
       -
       		cursors.set(account.did, { value: accPosts.value.cursor, end: false });

     

       90
       90
       -
       		const accTimeline = await hydratePosts(client, accPosts.value.posts);

     

       91
       91
       -
       		if (!posts.has(account.did)) {

     

       92
       92
       -
       			posts.set(account.did, new SvelteMap(accTimeline));

     

       93
       93
       -
       			return;

     

       94
       94
       -
       		}

     

       95
       95
       -
       		const map = posts.get(account.did)!;

     

       96
       96
       -
       		for (const [uri, record] of accTimeline) map.set(uri, record);

     

       97
       97
       -
       	};

     

       98
       98
       -
       

     

       99
       99
       -
       	const fetchTimelines = (newAccounts: Account[]) => Promise.all(newAccounts.map(fetchTimeline));

     

       100
       100
       -
       

     

       101
       101
       -
       	let loading = $state(false);

     

       102
       102
       -
       	let loadError = $state('');

     

       103
       103
       -
       	const loadMore = async () => {

     

       104
       104
       -
       		if (loading || $accounts.length === 0) return;

     

       105
       105
       -
       

     

       106
       106
       -
       		loading = true;

     

       107
       107
       -
       		try {

     

       108
       108
       -
       			await fetchTimelines($accounts);

     

       109
       109
       -
       			loaderState.loaded();

     

       110
       110
       -
       		} catch (error) {

     

       111
       111
       -
       			loadError = `${error}`;

     

       112
       112
       -
       			loaderState.error();

     

       113
       113
       -
       		} finally {

     

       114
       114
       -
       			loading = false;

     

       115
       115
       -
       			if (cursors.values().every((cursor) => cursor.end)) loaderState.complete();

     

       116
       116
       -
       		}

     

       117
       117
       -
       	};

     

       118
       118
       -
       

     

       119
       119
       -
       	let reverseChronological = $state(true);

     

       120
       120
       -
       	let viewOwnPosts = $state(false);

     

       121
       121
       -
       

     

       122
       122
       -
       	type ThreadPost = {

     

       123
       123
       -
       		uri: ResourceUri;

     

       124
       124
       -
       		did: Did;

     

       125
       125
       -
       		rkey: string;

     

       126
       126
       -
       		record: AppBskyFeedPost.Main;

     

       127
       127
       -
       		parentUri: ResourceUri | null;

     

       128
       128
       -
       		depth: number;

     

       129
       129
       -
       		newestTime: number;

     

       130
       130
       -
       	};

     

       131
       131
       -
       

     

       132
       132
       -
       	type Thread = {

     

       133
       133
       -
       		rootUri: ResourceUri;

     

       134
       134
       -
       		posts: ThreadPost[];

     

       135
       135
       -
       		newestTime: number;

     

       136
       136
       -
       		branchParentPost?: ThreadPost;

     

       137
       137
       -
       	};

     

       138
       138
       -
       

     

       139
       139
       -
       	const buildThreads = (timelines: Map<Did, Map<ResourceUri, AppBskyFeedPost.Main>>): Thread[] => {

     

       140
       140
       -
       		// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       141
       141
       -
       		const threadMap = new Map<ResourceUri, ThreadPost[]>();

     

       142
       142
       -
       

     

       143
       143
       -
       		// Single pass: create posts and group by thread

     

       144
       144
       -
       		for (const [, timeline] of timelines) {

     

       145
       145
       -
       			for (const [uri, record] of timeline) {

     

       146
       146
       -
       				const parsedUri = expect(parseCanonicalResourceUri(uri));

     

       147
       147
       -
       				const rootUri = (record.reply?.root.uri as ResourceUri) || uri;

     

       148
       148
       -
       				const parentUri = (record.reply?.parent.uri as ResourceUri) || null;

     

       149
       149
       -
       

     

       150
       150
       -
       				const post: ThreadPost = {

     

       151
       151
       -
       					uri,

     

       152
       152
       -
       					did: parsedUri.repo,

     

       153
       153
       -
       					rkey: parsedUri.rkey,

     

       154
       154
       -
       					record,

     

       155
       155
       -
       					parentUri,

     

       156
       156
       -
       					depth: 0,

     

       157
       157
       -
       					newestTime: new Date(record.createdAt).getTime()

     

       158
       158
       -
       				};

     

       159
       159
       -
       

     

       160
       160
       -
       				if (!threadMap.has(rootUri)) {

     

       161
       161
       -
       					threadMap.set(rootUri, []);

     

       162
       162
       -
       				}

     

       163
       163
       -
       				threadMap.get(rootUri)!.push(post);

     

       164
       164
       -
       			}

     

       165
       165
       -
       		}

     

       166
       166
       -
       

     

       167
       167
       -
       		const threads: Thread[] = [];

     

       168
       168
       -
       

     

       169
       169
       -
       		for (const [rootUri, posts] of threadMap) {

     

       170
       170
       -
       			const uriToPost = new Map(posts.map((p) => [p.uri, p]));

     

       171
       171
       -
       			// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       172
       172
       -
       			const childrenMap = new Map<ResourceUri | null, ThreadPost[]>();

     

       173
       173
       -
       

     

       174
       174
       -
       			// Calculate depth and group by parent

     

       175
       175
       -
       			for (const post of posts) {

     

       176
       176
       -
       				let depth = 0;

     

       177
       177
       -
       				let currentUri = post.parentUri;

     

       178
       178
       -
       

     

       179
       179
       -
       				while (currentUri && uriToPost.has(currentUri)) {

     

       180
       180
       -
       					depth++;

     

       181
       181
       -
       					currentUri = uriToPost.get(currentUri)!.parentUri;

     

       182
       182
       -
       				}

     

       183
       183
       -
       

     

       184
       184
       -
       				post.depth = depth;

     

       185
       185
       -
       

     

       186
       186
       -
       				if (!childrenMap.has(post.parentUri)) childrenMap.set(post.parentUri, []);

     

       187
       187
       -
       				childrenMap.get(post.parentUri)!.push(post);

     

       188
       188
       -
       			}

     

       189
       189
       -
       

     

       190
       190
       -
       			// Sort children by time (newest first)

     

       191
       191
       -
       			childrenMap

     

       192
       192
       -
       				.values()

     

       193
       193
       -
       				.forEach((children) => children.sort((a, b) => b.newestTime - a.newestTime));

     

       194
       194
       -
       

     

       195
       195
       -
       			// Helper to create a thread from posts

     

       196
       196
       -
       			const createThread = (

     

       197
       197
       -
       				posts: ThreadPost[],

     

       198
       198
       -
       				rootUri: ResourceUri,

     

       199
       199
       -
       				branchParentUri?: ResourceUri

     

       200
       200
       -
       			): Thread => {

     

       201
       201
       -
       				return {

     

       202
       202
       -
       					rootUri,

     

       203
       203
       -
       					posts,

     

       204
       204
       -
       					newestTime: Math.max(...posts.map((p) => p.newestTime)),

     

       205
       205
       -
       					branchParentPost: branchParentUri ? uriToPost.get(branchParentUri) : undefined

     

       206
       206
       -
       				};

     

       207
       207
       -
       			};

     

       208
       208
       -
       

     

       209
       209
       -
       			// Helper to collect all posts in a subtree

     

       210
       210
       -
       			const collectSubtree = (startPost: ThreadPost): ThreadPost[] => {

     

       211
       211
       -
       				const result: ThreadPost[] = [];

     

       212
       212
       -
       				const addWithChildren = (post: ThreadPost) => {

     

       213
       213
       -
       					result.push(post);

     

       214
       214
       -
       					const children = childrenMap.get(post.uri) || [];

     

       215
       215
       -
       					children.forEach(addWithChildren);

     

       216
       216
       -
       				};

     

       217
       217
       -
       				addWithChildren(startPost);

     

       218
       218
       -
       				return result;

     

       219
       219
       -
       			};

     

       220
       220
       -
       

     

       221
       221
       -
       			// Find branching points (posts with 2+ children)

     

       222
       222
       -
       			const branchingPoints = Array.from(childrenMap.entries())

     

       223
       223
       -
       				.filter(([, children]) => children.length > 1)

     

       224
       224
       -
       				.map(([uri]) => uri);

     

       225
       225
       -
       

     

       226
       226
       -
       			if (branchingPoints.length === 0) {

     

       227
       227
       -
       				// No branches - single thread

     

       228
       228
       -
       				const roots = childrenMap.get(null) || [];

     

       229
       229
       -
       				const allPosts = roots.flatMap((root) => collectSubtree(root));

     

       230
       230
       -
       				threads.push(createThread(allPosts, rootUri));

     

       231
       231
       -
       			} else {

     

       232
       232
       -
       				// Has branches - split into separate threads

     

       233
       233
       -
       				for (const branchParentUri of branchingPoints) {

     

       234
       234
       -
       					const branches = childrenMap.get(branchParentUri) || [];

     

       235
       235
       -
       

     

       236
       236
       -
       					// Sort branches oldest to newest for processing

     

       237
       237
       -
       					const sortedBranches = [...branches].sort((a, b) => a.newestTime - b.newestTime);

     

       238
       238
       -
       

     

       239
       239
       -
       					sortedBranches.forEach((branchRoot, index) => {

     

       240
       240
       -
       						const isOldestBranch = index === 0;

     

       241
       241
       -
       						const branchPosts: ThreadPost[] = [];

     

       242
       242
       -
       

     

       243
       243
       -
       						// If oldest branch, include parent chain

     

       244
       244
       -
       						if (isOldestBranch && branchParentUri !== null) {

     

       245
       245
       -
       							const parentChain: ThreadPost[] = [];

     

       246
       246
       -
       							let currentUri: ResourceUri | null = branchParentUri;

     

       247
       247
       -
       							while (currentUri && uriToPost.has(currentUri)) {

     

       248
       248
       -
       								parentChain.unshift(uriToPost.get(currentUri)!);

     

       249
       249
       -
       								currentUri = uriToPost.get(currentUri)!.parentUri;

     

       250
       250
       -
       							}

     

       251
       251
       -
       							branchPosts.push(...parentChain);

     

       252
       252
       -
       						}

     

       253
       253
       -
       

     

       254
       254
       -
       						// Add branch posts

     

       255
       255
       -
       						branchPosts.push(...collectSubtree(branchRoot));

     

       256
       256
       -
       

     

       257
       257
       -
       						// Recalculate depths for display

     

       258
       258
       -
       						const minDepth = Math.min(...branchPosts.map((p) => p.depth));

     

       259
       259
       -
       						branchPosts.forEach((p) => (p.depth = p.depth - minDepth));

     

       260
       260
       -
       

     

       261
       261
       -
       						threads.push(

     

       262
       262
       -
       							createThread(

     

       263
       263
       -
       								branchPosts,

     

       264
       264
       -
       								branchRoot.uri,

     

       265
       265
       -
       								isOldestBranch ? undefined : (branchParentUri ?? undefined)

     

       266
       266
       -
       							)

     

       267
       267
       -
       						);

     

       268
       268
       -
       					});

     

       269
       269
       -
       				}

     

       270
       270
       -
       			}

     

       271
       271
       -
       		}

     

       272
       272
       -
       

     

       273
       273
       -
       		// Sort threads by newest time (descending) so older branches appear first

     

       274
       274
       -
       		threads.sort((a, b) => b.newestTime - a.newestTime);

     

       275
       275
       -
       

     

       276
       276
       -
       		return threads;

     

       277
       277
       -
       	};

     

       278
       278
       -
       

     

       279
       279
       -
       	// Filtering functions

     

       280
       280
       -
       	const isOwnPost = (post: ThreadPost, accounts: Account[]) =>

     

       281
       281
       -
       		accounts.some((account) => account.did === post.did);

     

       282
       282
       -
       	const hasNonOwnPost = (posts: ThreadPost[], accounts: Account[]) =>

     

       283
       283
       -
       		posts.some((post) => !isOwnPost(post, accounts));

     

       284
       284
       -
       	const filterThreads = (threads: Thread[], accounts: Account[]) =>

     

       285
       285
       -
       		threads.filter((thread) => {

     

       286
       286
       -
       			if (!viewOwnPosts) {

     

       287
       287
       -
       				return hasNonOwnPost(thread.posts, accounts);

     

       288
       288
       -
       			}

     

       289
       289
       -
       			return true;

     

       290
       290
       -
       		});

     

       291
       291
       -
       

     

       292
       292
       -
       	let threads = $derived(filterThreads(buildThreads(posts), $accounts));

     

       293
       293
       -
       </script>

     

       294
       294
       -
       

     

       295
       295
       -
       <div class="mx-auto flex h-screen max-w-2xl flex-col p-4">

     

       296
       296
       -
       	<div class="mb-6 flex-shrink-0">

     

       297
       297
       -
       		<h1 class="text-3xl font-bold tracking-tight" style="color: {theme.fg};">nucleus</h1>

     

       298
       298
       -
       		<div class="mt-1 flex gap-2">

     

       299
       299
       -
       			<div class="h-1 w-11 rounded-full" style="background: {theme.accent};"></div>

     

       300
       300
       -
       			<div class="h-1 w-8 rounded-full" style="background: {theme.accent2};"></div>

     

       301
       301
       -
       		</div>

     

       302
       302
       -
       	</div>

     

       303
       303
       -
       

     

       304
       304
       -
       	<div class="flex-shrink-0 space-y-4">

     

       305
       305
       -
       		<div class="flex min-h-16 items-stretch gap-2">

     

       306
       306
       -
       			<AccountSelector

     

       307
       307
       -
       				accounts={$accounts}

     

       308
       308
       -
       				bind:selectedDid

     

       309
       309
       -
       				onAccountSelected={handleAccountSelected}

     

       310
       310
       -
       				onLoginSucceed={handleLoginSucceed}

     

       311
       311
       -
       				onLogout={handleLogout}

     

       312
       312
       -
       			/>

     

       313
       313
       -
       

     

       314
       314
       -
       			{#if selectedClient}

     

       315
       315
       -
       				<div class="flex-1">

     

       316
       316
       -
       					<PostComposer

     

       317
       317
       -
       						client={selectedClient}

     

       318
       318
       -
       						onPostSent={(uri, record) => posts.get(selectedDid!)?.set(uri, record)}

     

       319
       319
       -
       					/>

     

       320
       320
       -
       				</div>

     

       321
       321
       -
       			{:else}

     

       322
       322
       -
       				<div

     

       323
       323
       -
       					class="flex flex-1 items-center justify-center rounded-sm border-2 px-4 py-2.5 backdrop-blur-sm"

     

       324
       324
       -
       					style="border-color: {theme.accent}33; background: {theme.accent}0a;"

     

       325
       325
       -
       				>

     

       326
       326
       -
       					<p class="text-sm opacity-80" style="color: {theme.fg};">

     

       327
       327
       -
       						select or add an account to post

     

       328
       328
       -
       					</p>

     

       329
       329
       -
       				</div>

     

       330
       330
       -
       			{/if}

     

       331
       331
       -
       		</div>

     

       332
       332
       -
       

     

       333
       333
       -
       		<hr

     

       334
       334
       -
       			class="h-[4px] w-full rounded-full border-0"

     

       335
       335
       -
       			style="background: linear-gradient(to right, {theme.accent}, {theme.accent2});"

     

       336
       336
       -
       		/>

     

       337
       337
       -
       	</div>

     

       338
       338
       -
       

     

       339
       339
       -
       	<div class="mt-4 overflow-y-scroll [scrollbar-width:none]" bind:this={scrollContainer}>

     

       340
       340
       -
       		{#if $accounts.length > 0}

     

       341
       341
       -
       			{@render renderThreads()}

     

       342
       342
       -
       		{:else}

     

       343
       343
       -
       			<div class="flex justify-center py-4">

     

       344
       344
       -
       				<p class="text-xl opacity-80" style="color: {theme.fg};">

     

       345
       345
       -
       					<span class="text-4xl">x_x</span> <br /> no accounts are logged in!

     

       346
       346
       -
       				</p>

     

       347
       347
       -
       			</div>

     

       348
       348
       -
       		{/if}

     

       349
       349
       -
       	</div>

     

       350
       350
       -
       </div>

     

       351
       351
       -
       

     

       352
       352
       -
       {#snippet renderThreads()}

     

       353
       353
       -
       	<InfiniteLoader

     

       354
       354
       -
       		{loaderState}

     

       355
       355
       -
       		triggerLoad={loadMore}

     

       356
       356
       -
       		loopDetectionTimeout={0}

     

       357
       357
       -
       		intersectionOptions={{ root: scrollContainer }}

     

       358
       358
       -
       	>

     

       359
       359
       -
       		{@render threadsView()}

     

       360
       360
       -
       		{#snippet noData()}

     

       361
       361
       -
       			<div class="flex justify-center py-4">

     

       362
       362
       -
       				<p class="text-xl opacity-80" style="color: {theme.fg};">

     

       363
       363
       -
       					all posts seen! <span class="text-2xl">:o</span>

     

       364
       364
       -
       				</p>

     

       365
       365
       -
       			</div>

     

       366
       366
       -
       		{/snippet}

     

       367
       367
       -
       		{#snippet loading()}

     

       368
       368
       -
       			<div class="flex justify-center">

     

       369
       369
       -
       				<div

     

       370
       370
       -
       					class="h-12 w-12 animate-spin rounded-full border-4 border-t-transparent"

     

       371
       371
       -
       					style="border-color: {theme.accent} {theme.accent} {theme.accent} transparent;"

     

       372
       372
       -
       				></div>

     

       373
       373
       -
       			</div>

     

       374
       374
       -
       		{/snippet}

     

       375
       375
       -
       		{#snippet error()}

     

       376
       376
       -
       			<div class="flex justify-center py-4">

     

       377
       377
       -
       				<p class="text-xl opacity-80" style="color: {theme.fg};">

     

       378
       378
       -
       					<span class="text-4xl">:(</span> <br /> an error occurred while loading posts: {loadError}

     

       379
       379
       -
       				</p>

     

       380
       380
       -
       			</div>

     

       381
       381
       -
       		{/snippet}

     

       382
       382
       -
       	</InfiniteLoader>

     

       383
       383
       -
       {/snippet}

     

       384
       384
       -
       

     

       385
       385
       -
       {#snippet threadsView()}

     

       386
       386
       -
       	{#each threads as thread (thread.rootUri)}

     

       387
       387
       -
       		<div class="flex {reverseChronological ? 'flex-col' : 'flex-col-reverse'} mb-6.5">

     

       388
       388
       -
       			{#if thread.branchParentPost}

     

       389
       389
       -
       				{@const post = thread.branchParentPost}

     

       390
       390
       -
       				<div class="mb-1.5 flex items-center gap-1.5">

     

       391
       391
       -
       					<span class="text-sm text-nowrap opacity-60" style="color: {theme.fg};"

     

       392
       392
       -
       						>{reverseChronological ? '↱' : '↳'}</span

     

       393
       393
       -
       					>

     

       394
       394
       -
       					<BskyPost

     

       395
       395
       -
       						mini

     

       396
       396
       -
       						client={viewClient}

     

       397
       397
       -
       						identifier={post.did}

     

       398
       398
       -
       						rkey={post.rkey}

     

       399
       399
       -
       						record={post.record}

     

       400
       400
       -
       					/>

     

       401
       401
       -
       				</div>

     

       402
       402
       -
       			{/if}

     

       403
       403
       -
       			{#each thread.posts as post (post.uri)}

     

       404
       404
       -
       				<div class="mb-1.5">

     

       405
       405
       -
       					<BskyPost

     

       406
       406
       -
       						client={viewClient}

     

       407
       407
       -
       						identifier={post.did}

     

       408
       408
       -
       						rkey={post.rkey}

     

       409
       409
       -
       						record={post.record}

     

       410
       410
       -
       					/>

     

       411
       411
       -
       				</div>

     

       412
       412
       -
       			{/each}

     

       413
       413
       -
       		</div>

     

       414
       414
       -
       	{/each}

     

       415
       415
       -
       {/snippet}

+360

src/routes/[...catchall]/+page.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import PostComposer, { type State as PostComposerState } from '$components/PostComposer.svelte';

     

       3
       3
       +
       	import AccountSelector from '$components/AccountSelector.svelte';

     

       4
       4
       +
       	import SettingsView from '$components/SettingsView.svelte';

     

       5
       5
       +
       	import NotificationsView from '$components/NotificationsView.svelte';

     

       6
       6
       +
       	import FollowingView from '$components/FollowingView.svelte';

     

       7
       7
       +
       	import TimelineView from '$components/TimelineView.svelte';

     

       8
       8
       +
       	import ProfileView from '$components/ProfileView.svelte';

     

       9
       9
       +
       	import { AtpClient, streamNotifications } from '$lib/at/client';

     

       10
       10
       +
       	import { accounts, type Account } from '$lib/accounts';

     

       11
       11
       +
       	import { onMount } from 'svelte';

     

       12
       12
       +
       	import {

     

       13
       13
       +
       		clients,

     

       14
       14
       +
       		postCursors,

     

       15
       15
       +
       		fetchForInteractions,

     

       16
       16
       +
       		fetchFollows,

     

       17
       17
       +
       		follows,

     

       18
       18
       +
       		notificationStream,

     

       19
       19
       +
       		viewClient,

     

       20
       20
       +
       		jetstream,

     

       21
       21
       +
       		handleJetstreamEvent,

     

       22
       22
       +
       		handleNotification,

     

       23
       23
       +
       		addPosts,

     

       24
       24
       +
       		addTimeline,

     

       25
       25
       +
       		router

     

       26
       26
       +
       	} from '$lib/state.svelte';

     

       27
       27
       +
       	import { get } from 'svelte/store';

     

       28
       28
       +
       	import Icon from '@iconify/svelte';

     

       29
       29
       +
       	import { sessions } from '$lib/at/oauth';

     

       30
       30
       +
       	import type { AtprotoDid, Did } from '@atcute/lexicons/syntax';

     

       31
       31
       +
       	import type { PageProps } from './+page';

     

       32
       32
       +
       	import { JetstreamSubscription } from '@atcute/jetstream';

     

       33
       33
       +
       	import { settings } from '$lib/settings';

     

       34
       34
       +
       	import type { Sort } from '$lib/following';

     

       35
       35
       +
       	import { SvelteMap } from 'svelte/reactivity';

     

       36
       36
       +
       

     

       37
       37
       +
       	const { data: loadData }: PageProps = $props();

     

       38
       38
       +
       

     

       39
       39
       +
       	const currentRoute = $derived(router.current);

     

       40
       40
       +
       

     

       41
       41
       +
       	// svelte-ignore state_referenced_locally

     

       42
       42
       +
       	let errors = $state(loadData.client.ok ? [] : [loadData.client.error]);

     

       43
       43
       +
       	let errorsOpen = $state(false);

     

       44
       44
       +
       

     

       45
       45
       +
       	let selectedDid = $state((localStorage.getItem('selectedDid') ?? null) as AtprotoDid | null);

     

       46
       46
       +
       	$effect(() => {

     

       47
       47
       +
       		if (selectedDid) localStorage.setItem('selectedDid', selectedDid);

     

       48
       48
       +
       		else localStorage.removeItem('selectedDid');

     

       49
       49
       +
       	});

     

       50
       50
       +
       	const selectedClient = $derived(selectedDid ? clients.get(selectedDid) : undefined);

     

       51
       51
       +
       

     

       52
       52
       +
       	const loginAccount = async (account: Account) => {

     

       53
       53
       +
       		if (clients.has(account.did)) return;

     

       54
       54
       +
       		const client = new AtpClient();

     

       55
       55
       +
       		const result = await client.login(await sessions.get(account.did));

     

       56
       56
       +
       		if (!result.ok) {

     

       57
       57
       +
       			errors.push(`failed to login into @${account.handle ?? account.did}: ${result.error}`);

     

       58
       58
       +
       			return;

     

       59
       59
       +
       		}

     

       60
       60
       +
       		clients.set(account.did, client);

     

       61
       61
       +
       	};

     

       62
       62
       +
       	const handleAccountSelected = async (did: AtprotoDid) => {

     

       63
       63
       +
       		selectedDid = did;

     

       64
       64
       +
       		const account = $accounts.find((acc) => acc.did === did);

     

       65
       65
       +
       		if (account && (!clients.has(account.did) || !clients.get(account.did)?.atcute))

     

       66
       66
       +
       			await loginAccount(account);

     

       67
       67
       +
       	};

     

       68
       68
       +
       	const handleLogout = async (did: AtprotoDid) => {

     

       69
       69
       +
       		await sessions.remove(did);

     

       70
       70
       +
       		const newAccounts = $accounts.filter((acc) => acc.did !== did);

     

       71
       71
       +
       		$accounts = newAccounts;

     

       72
       72
       +
       		clients.delete(did);

     

       73
       73
       +
       		postCursors.delete(did);

     

       74
       74
       +
       		handleAccountSelected(newAccounts[0]?.did);

     

       75
       75
       +
       	};

     

       76
       76
       +
       

     

       77
       77
       +
       	let followingSort = $state('active' as Sort);

     

       78
       78
       +
       

     

       79
       79
       +
       	// Animation logic derived from router direction

     

       80
       80
       +
       	let animClass = $state('animate-fade-in-scale');

     

       81
       81
       +
       	$effect(() => {

     

       82
       82
       +
       		if (router.direction === 'right') animClass = 'animate-slide-in-right';

     

       83
       83
       +
       		else if (router.direction === 'left') animClass = 'animate-slide-in-left';

     

       84
       84
       +
       		else animClass = 'animate-fade-in-scale';

     

       85
       85
       +
       	});

     

       86
       86
       +
       

     

       87
       87
       +
       	let postComposerState = $state<PostComposerState>({

     

       88
       88
       +
       		focus: 'null',

     

       89
       89
       +
       		text: '',

     

       90
       90
       +
       		blobsState: new SvelteMap()

     

       91
       91
       +
       	});

     

       92
       92
       +
       	let showScrollToTop = $state(false);

     

       93
       93
       +
       	const handleScroll = () => {

     

       94
       94
       +
       		if (currentRoute.path === '/' || currentRoute.path === '/profile/:actor')

     

       95
       95
       +
       			showScrollToTop = window.scrollY > 300;

     

       96
       96
       +
       	};

     

       97
       97
       +
       	const scrollToTop = () => window.scrollTo({ top: 0, behavior: 'smooth' });

     

       98
       98
       +
       

     

       99
       99
       +
       	onMount(() => {

     

       100
       100
       +
       		router.init();

     

       101
       101
       +
       

     

       102
       102
       +
       		window.addEventListener('scroll', handleScroll);

     

       103
       103
       +
       

     

       104
       104
       +
       		accounts.subscribe((newAccounts) => {

     

       105
       105
       +
       			get(notificationStream)?.stop();

     

       106
       106
       +
       			// jetstream.set(null);

     

       107
       107
       +
       			if (newAccounts.length === 0) return;

     

       108
       108
       +
       			notificationStream.set(

     

       109
       109
       +
       				streamNotifications(

     

       110
       110
       +
       					newAccounts.map((account) => account.did),

     

       111
       111
       +
       					'app.bsky.feed.post:reply.parent.uri',

     

       112
       112
       +
       					'app.bsky.feed.post:embed.record.record.uri',

     

       113
       113
       +
       					'app.bsky.feed.post:embed.record.uri',

     

       114
       114
       +
       					'app.bsky.feed.repost:subject.uri',

     

       115
       115
       +
       					'app.bsky.feed.like:subject.uri',

     

       116
       116
       +
       					'app.bsky.graph.follow:subject'

     

       117
       117
       +
       				)

     

       118
       118
       +
       			);

     

       119
       119
       +
       		});

     

       120
       120
       +
       		notificationStream.subscribe((stream) => {

     

       121
       121
       +
       			if (!stream) return;

     

       122
       122
       +
       			stream.listen(handleNotification);

     

       123
       123
       +
       		});

     

       124
       124
       +
       

     

       125
       125
       +
       		console.log(`creating jetstream subscription to ${$settings.endpoints.jetstream}`);

     

       126
       126
       +
       		const jetstreamSub = new JetstreamSubscription({

     

       127
       127
       +
       			url: $settings.endpoints.jetstream,

     

       128
       128
       +
       			wantedCollections: ['app.bsky.feed.post'],

     

       129
       129
       +
       			// this is here because if wantedDids is zero jetstream will send all events

     

       130
       130
       +
       			wantedDids: ['did:web:guestbook.gaze.systems']

     

       131
       131
       +
       		});

     

       132
       132
       +
       		jetstream.set(jetstreamSub);

     

       133
       133
       +
       

     

       134
       134
       +
       		(async () => {

     

       135
       135
       +
       			console.log('polling for jetstream...');

     

       136
       136
       +
       			for await (const event of jetstreamSub) handleJetstreamEvent(event);

     

       137
       137
       +
       		})();

     

       138
       138
       +
       

     

       139
       139
       +
       		if ($accounts.length > 0) {

     

       140
       140
       +
       			if (loadData.client.ok && loadData.client.value) {

     

       141
       141
       +
       				const loggedInDid = loadData.client.value.user!.did as AtprotoDid;

     

       142
       142
       +
       				selectedDid = loggedInDid;

     

       143
       143
       +
       				clients.set(loggedInDid, loadData.client.value);

     

       144
       144
       +
       			}

     

       145
       145
       +
       			if (!$accounts.some((account) => account.did === selectedDid)) selectedDid = $accounts[0].did;

     

       146
       146
       +
       			// console.log('onMount selectedDid', selectedDid);

     

       147
       147
       +
       			Promise.all($accounts.map(loginAccount)).then(() => {

     

       148
       148
       +
       				$accounts.forEach((account) => {

     

       149
       149
       +
       					fetchFollows(account.did).then(() =>

     

       150
       150
       +
       						follows

     

       151
       151
       +
       							.get(account.did)

     

       152
       152
       +
       							?.forEach((follow) => fetchForInteractions(follow.subject as AtprotoDid))

     

       153
       153
       +
       					);

     

       154
       154
       +
       					fetchForInteractions(account.did);

     

       155
       155
       +
       				});

     

       156
       156
       +
       			});

     

       157
       157
       +
       		} else {

     

       158
       158
       +
       			selectedDid = null;

     

       159
       159
       +
       		}

     

       160
       160
       +
       

     

       161
       161
       +
       		return () => window.removeEventListener('scroll', handleScroll);

     

       162
       162
       +
       	});

     

       163
       163
       +
       

     

       164
       164
       +
       	$effect(() => {

     

       165
       165
       +
       		const wantedDids: Did[] = ['did:web:guestbook.gaze.systems'];

     

       166
       166
       +
       

     

       167
       167
       +
       		for (const followMap of follows.values())

     

       168
       168
       +
       			for (const follow of followMap.values()) wantedDids.push(follow.subject);

     

       169
       169
       +
       		for (const account of $accounts) wantedDids.push(account.did);

     

       170
       170
       +
       

     

       171
       171
       +
       		// console.log('updating jetstream options:', wantedDids);

     

       172
       172
       +
       		$jetstream?.updateOptions({ wantedDids });

     

       173
       173
       +
       	});

     

       174
       174
       +
       </script>

     

       175
       175
       +
       

     

       176
       176
       +
       {#snippet appButton(

     

       177
       177
       +
       	onClick: () => void,

     

       178
       178
       +
       	icon: string,

     

       179
       179
       +
       	ariaLabel: string,

     

       180
       180
       +
       	isActive: boolean,

     

       181
       181
       +
       	iconHover?: string

     

       182
       182
       +
       )}

     

       183
       183
       +
       	<button

     

       184
       184
       +
       		onclick={onClick}

     

       185
       185
       +
       		class="group rounded-sm p-2 transition-all hover:scale-110 hover:shadow-lg

     

       186
       186
       +
       		{isActive

     

       187
       187
       +
       			? 'bg-(--nucleus-accent)/25 text-(--nucleus-accent)'

     

       188
       188
       +
       			: 'bg-(--nucleus-accent)/10 text-(--nucleus-accent) hover:bg-(--nucleus-accent)/15'}"

     

       189
       189
       +
       		aria-label={ariaLabel}

     

       190
       190
       +
       	>

     

       191
       191
       +
       		<Icon class="group-hover:hidden" {icon} width={28} />

     

       192
       192
       +
       		<Icon class="hidden group-hover:block" icon={iconHover ?? icon} width={28} />

     

       193
       193
       +
       	</button>

     

       194
       194
       +
       {/snippet}

     

       195
       195
       +
       

     

       196
       196
       +
       {#snippet routeButton({

     

       197
       197
       +
       	route,

     

       198
       198
       +
       	path = route,

     

       199
       199
       +
       	icon,

     

       200
       200
       +
       	iconHover = `${icon}-solid`,

     

       201
       201
       +
       	ariaLabel = path.split('/').pop() ?? path

     

       202
       202
       +
       }: {

     

       203
       203
       +
       	route: (typeof currentRoute)['path'];

     

       204
       204
       +
       	path?: string;

     

       205
       205
       +
       	icon: string;

     

       206
       206
       +
       	ariaLabel?: string;

     

       207
       207
       +
       	iconHover?: string;

     

       208
       208
       +
       })}

     

       209
       209
       +
       	{@render appButton(

     

       210
       210
       +
       		() => router.navigate(path),

     

       211
       211
       +
       		icon,

     

       212
       212
       +
       		ariaLabel,

     

       213
       213
       +
       		currentRoute.path === route,

     

       214
       214
       +
       		iconHover

     

       215
       215
       +
       	)}

     

       216
       216
       +
       {/snippet}

     

       217
       217
       +
       

     

       218
       218
       +
       <div class="mx-auto flex min-h-dvh max-w-2xl flex-col">

     

       219
       219
       +
       	<div class="flex-1">

     

       220
       220
       +
       		<!-- timeline -->

     

       221
       221
       +
       		<TimelineView

     

       222
       222
       +
       			class={currentRoute.path === '/' ? `${animClass}` : 'hidden'}

     

       223
       223
       +
       			client={selectedClient}

     

       224
       224
       +
       			showReplies={true}

     

       225
       225
       +
       			bind:postComposerState

     

       226
       226
       +
       		/>

     

       227
       227
       +
       

     

       228
       228
       +
       		{#if currentRoute.path === '/settings/:tab'}

     

       229
       229
       +
       			<div class={animClass}>

     

       230
       230
       +
       				<SettingsView tab={currentRoute.params.tab} />

     

       231
       231
       +
       			</div>

     

       232
       232
       +
       		{:else if currentRoute.path === '/notifications'}

     

       233
       233
       +
       			<div class={animClass}>

     

       234
       234
       +
       				<NotificationsView />

     

       235
       235
       +
       			</div>

     

       236
       236
       +
       		{:else if currentRoute.path === '/following'}

     

       237
       237
       +
       			<div class={animClass}>

     

       238
       238
       +
       				<FollowingView client={selectedClient} bind:followingSort />

     

       239
       239
       +
       			</div>

     

       240
       240
       +
       		{:else if currentRoute.path === '/profile/:actor'}

     

       241
       241
       +
       			{#key currentRoute.params.actor}

     

       242
       242
       +
       				<div class={animClass}>

     

       243
       243
       +
       					<ProfileView

     

       244
       244
       +
       						client={selectedClient ?? viewClient}

     

       245
       245
       +
       						onBack={() => router.back()}

     

       246
       246
       +
       						actor={currentRoute.params.actor}

     

       247
       247
       +
       						bind:postComposerState

     

       248
       248
       +
       					/>

     

       249
       249
       +
       				</div>

     

       250
       250
       +
       			{/key}

     

       251
       251
       +
       		{/if}

     

       252
       252
       +
       	</div>

     

       253
       253
       +
       

     

       254
       254
       +
       	<!-- header / footer -->

     

       255
       255
       +
       	<div id="app-footer" class="sticky bottom-0 z-10 mt-4">

     

       256
       256
       +
       		{#if errors.length > 0}

     

       257
       257
       +
       			<div class="relative m-3 mb-1 error-disclaimer">

     

       258
       258
       +
       				<div class="flex items-center gap-2 text-red-500">

     

       259
       259
       +
       					<Icon class="inline h-10 w-10" icon="heroicons:exclamation-triangle-16-solid" />

     

       260
       260
       +
       					there are ({errors.length}) errors

     

       261
       261
       +
       					<div class="grow"></div>

     

       262
       262
       +
       					<button onclick={() => (errorsOpen = !errorsOpen)} class="action-button p-1 px-1.5"

     

       263
       263
       +
       						>{errorsOpen ? 'hide details' : 'see details'}</button

     

       264
       264
       +
       					>

     

       265
       265
       +
       				</div>

     

       266
       266
       +
       				{#if errorsOpen}

     

       267
       267
       +
       					<div

     

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

     

       269
       269
       +
       					>

     

       270
       270
       +
       						{#each errors as error, idx (idx)}

     

       271
       271
       +
       							<p>• {error}</p>

     

       272
       272
       +
       						{/each}

     

       273
       273
       +
       					</div>

     

       274
       274
       +
       				{/if}

     

       275
       275
       +
       			</div>

     

       276
       276
       +
       		{/if}

     

       277
       277
       +
       

     

       278
       278
       +
       		<div

     

       279
       279
       +
       			class="

     

       280
       280
       +
       			{['/', '/following', '/profile/:actor'].includes(router.current.path) ? '' : 'hidden'}

     

       281
       281
       +
       			z-20 w-full max-w-2xl p-2.5 px-4 pb-1 transition-all

     

       282
       282
       +
       			"

     

       283
       283
       +
       		>

     

       284
       284
       +
       			<!-- composer and error disclaimer (above thread list, not scrollable) -->

     

       285
       285
       +
       			<div class="footer-border-bg rounded-sm px-0.5 py-0.5">

     

       286
       286
       +
       				<div class="footer-bg flex gap-2 rounded-sm p-1.5 shadow-2xl">

     

       287
       287
       +
       					<AccountSelector

     

       288
       288
       +
       						client={viewClient}

     

       289
       289
       +
       						accounts={$accounts}

     

       290
       290
       +
       						bind:selectedDid

     

       291
       291
       +
       						onAccountSelected={handleAccountSelected}

     

       292
       292
       +
       						onLogout={handleLogout}

     

       293
       293
       +
       					/>

     

       294
       294
       +
       

     

       295
       295
       +
       					{#if selectedClient}

     

       296
       296
       +
       						<div class="flex-1">

     

       297
       297
       +
       							<PostComposer

     

       298
       298
       +
       								client={selectedClient}

     

       299
       299
       +
       								onPostSent={(post) => {

     

       300
       300
       +
       									addPosts([post]);

     

       301
       301
       +
       									addTimeline(selectedDid!, [post.uri]);

     

       302
       302
       +
       								}}

     

       303
       303
       +
       								bind:_state={postComposerState}

     

       304
       304
       +
       							/>

     

       305
       305
       +
       						</div>

     

       306
       306
       +
       					{:else}

     

       307
       307
       +
       						<div

     

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

     

       309
       309
       +
       						>

     

       310
       310
       +
       							<p class="text-sm opacity-80">select or add an account to post</p>

     

       311
       311
       +
       						</div>

     

       312
       312
       +
       					{/if}

     

       313
       313
       +
       

     

       314
       314
       +
       					{#if postComposerState.focus === 'null' && showScrollToTop}

     

       315
       315
       +
       						{@render appButton(scrollToTop, 'heroicons:arrow-up-16-solid', 'scroll to top', false)}

     

       316
       316
       +
       					{/if}

     

       317
       317
       +
       				</div>

     

       318
       318
       +
       			</div>

     

       319
       319
       +
       		</div>

     

       320
       320
       +
       

     

       321
       321
       +
       		<div id="footer-portal" class="contents"></div>

     

       322
       322
       +
       

     

       323
       323
       +
       		<div class="footer-border-bg rounded-t-sm px-0.5 pt-0.5">

     

       324
       324
       +
       			<div class="footer-bg rounded-t-sm">

     

       325
       325
       +
       				<div class="flex items-center gap-1.5 px-2 py-1">

     

       326
       326
       +
       					<div class="mb-2">

     

       327
       327
       +
       						<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>

     

       328
       328
       +
       						<div class="mt-1 flex gap-2">

     

       329
       329
       +
       							<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>

     

       330
       330
       +
       							<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>

     

       331
       331
       +
       						</div>

     

       332
       332
       +
       					</div>

     

       333
       333
       +
       					<div class="grow"></div>

     

       334
       334
       +
       					{@render routeButton({ route: '/', icon: 'heroicons:home' })}

     

       335
       335
       +
       					{@render routeButton({ route: '/following', icon: 'heroicons:users' })}

     

       336
       336
       +
       					{@render routeButton({ route: '/notifications', icon: 'heroicons:bell' })}

     

       337
       337
       +
       					{@render routeButton({

     

       338
       338
       +
       						path: '/settings/advanced',

     

       339
       339
       +
       						route: '/settings/:tab',

     

       340
       340
       +
       						icon: 'heroicons:cog-6-tooth'

     

       341
       341
       +
       					})}

     

       342
       342
       +
       				</div>

     

       343
       343
       +
       			</div>

     

       344
       344
       +
       		</div>

     

       345
       345
       +
       	</div>

     

       346
       346
       +
       </div>

     

       347
       347
       +
       

     

       348
       348
       +
       <style>

     

       349
       349
       +
       	.footer-bg {

     

       350
       350
       +
       		background: linear-gradient(

     

       351
       351
       +
       			to right,

     

       352
       352
       +
       			color-mix(in srgb, var(--nucleus-accent) 18%, var(--nucleus-bg)),

     

       353
       353
       +
       			color-mix(in srgb, var(--nucleus-accent2) 13%, var(--nucleus-bg))

     

       354
       354
       +
       		);

     

       355
       355
       +
       	}

     

       356
       356
       +
       

     

       357
       357
       +
       	.footer-border-bg {

     

       358
       358
       +
       		background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));

     

       359
       359
       +
       	}

     

       360
       360
       +
       </style>

+46

src/routes/[...catchall]/+page.ts

···

       1
       1
       +
       import { addAccount, loggingIn } from '$lib/accounts';

     

       2
       2
       +
       import { AtpClient } from '$lib/at/client';

     

       3
       3
       +
       import { flow, sessions } from '$lib/at/oauth';

     

       4
       4
       +
       import { err, ok, type Result } from '$lib/result';

     

       5
       5
       +
       import type { PageLoad } from './$types';

     

       6
       6
       +
       

     

       7
       7
       +
       export const prerender = false;

     

       8
       8
       +
       

     

       9
       9
       +
       export type PageProps = {

     

       10
       10
       +
       	data: {

     

       11
       11
       +
       		client: Result<AtpClient | null, string>;

     

       12
       12
       +
       	};

     

       13
       13
       +
       };

     

       14
       14
       +
       

     

       15
       15
       +
       export const load: PageLoad = async (): Promise<PageProps['data']> => {

     

       16
       16
       +
       	return { client: await handleLogin() };

     

       17
       17
       +
       };

     

       18
       18
       +
       

     

       19
       19
       +
       const handleLogin = async (): Promise<Result<AtpClient | null, string>> => {

     

       20
       20
       +
       	const account = loggingIn.get();

     

       21
       21
       +
       	if (!account) return ok(null);

     

       22
       22
       +
       

     

       23
       23
       +
       	const currentUrl = new URL(window.location.href);

     

       24
       24
       +
       	// scrub history so auth state cant be replayed

     

       25
       25
       +
       	try {

     

       26
       26
       +
       		history.replaceState(null, '', '/');

     

       27
       27
       +
       	} catch {

     

       28
       28
       +
       		// if router was unitialized then we probably dont need to scrub anyway

     

       29
       29
       +
       		// so its fine

     

       30
       30
       +
       	}

     

       31
       31
       +
       

     

       32
       32
       +
       	loggingIn.set(null);

     

       33
       33
       +
       	await sessions.remove(account.did);

     

       34
       34
       +
       	const agent = await flow.finalize(currentUrl);

     

       35
       35
       +
       	if (!agent.ok || !agent.value) {

     

       36
       36
       +
       		if (!agent.ok) return err(agent.error);

     

       37
       37
       +
       		return err('no session was logged into?!');

     

       38
       38
       +
       	}

     

       39
       39
       +
       

     

       40
       40
       +
       	const client = new AtpClient();

     

       41
       41
       +
       	const result = await client.login(agent.value);

     

       42
       42
       +
       	if (!result.ok) return err(result.error);

     

       43
       43
       +
       

     

       44
       44
       +
       	addAccount(account);

     

       45
       45
       +
       	return ok(client);

     

       46
       46
       +
       };

+13

src/routes/oauth-client-metadata.json/+server.ts

···

       1
       1
       +
       import { clientId, oauthMetadata } from '$lib/oauth';

     

       2
       2
       +
       import { domain } from '$lib/domain';

     

       3
       3
       +
       import { json } from '@sveltejs/kit';

     

       4
       4
       +
       

     

       5
       5
       +
       export const prerender = true;

     

       6
       6
       +
       

     

       7
       7
       +
       export const GET = () => {

     

       8
       8
       +
       	return json({

     

       9
       9
       +
       		...oauthMetadata,

     

       10
       10
       +
       		client_id: clientId,

     

       11
       11
       +
       		client_uri: domain

     

       12
       12
       +
       	});

     

       13
       13
       +
       };

+5 -2

svelte.config.js

···

       1
       1
       -
       import adapter from '@sveltejs/adapter-auto';

     

       1
       1
       +
       import adapter from '@sveltejs/adapter-static';

     

       2
       2
        
       import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

     

       3
       3
        
       

     

       4
       4
        
       /** @type {import('@sveltejs/kit').Config} */

     
···

       11
       11
        
       		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.

     

       12
       12
        
       		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.

     

       13
       13
        
       		// See https://svelte.dev/docs/kit/adapters for more information about adapters.

     

       14
       14
       -
       		adapter: adapter(),

     

       14
       14
       +
       		adapter: adapter({

     

       15
       15
       +
       			fallback: 'index.html',

     

       16
       16
       +
       			precompress: true

     

       17
       17
       +
       		}),

     

       15
       18
        
       		alias: {

     

       16
       19
        
       			$lib: 'src/lib',

     

       17
       20
        
       			'$lib/*': 'src/lib/*',

+1 -7

tsconfig.json

···

       10
       10
        
       		"sourceMap": true,

     

       11
       11
        
       		"strict": true,

     

       12
       12
        
       		"moduleResolution": "bundler",

     

       13
       13
       -
       		"jsx": "react-jsx",

     

       14
       14
       -
       		"paths": {

     

       15
       15
       -
       			"$components": ["./src/components"],

     

       16
       16
       -
       			"$components/*": ["./src/components/*"],

     

       17
       17
       -
       			"$lib": ["./src/lib"],

     

       18
       18
       -
       			"$lib/*": ["./src/lib/*"]

     

       19
       19
       -
       		}

     

       13
       13
       +
       		"jsx": "react-jsx"

     

       20
       14
        
       	}

     

       21
       15
        
       	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias

     

       22
       16
        
       	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files

Compare changes