comparing 249f7b2052ee25525955816871105388b6e8c22f 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

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

+373 -326

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

     

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

     

       5
       5
       +
           "npm:@atcute/bluesky@^3.2.9": "3.2.9",

     

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

     

       7
       7
       +
           "npm:@atcute/identity-resolver@^1.1.4": "1.1.4_@atcute+identity@1.1.1",

     

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

     

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

     

       10
       10
       +
           "npm:@atcute/oauth-browser-client@^2.0.1": "2.0.1_@atcute+identity@1.1.1",

     

       9
       11
        
           "npm:@atcute/tid@^1.0.3": "1.0.3",

     

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

     

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

     

       12
       12
       -
           "npm:@iconify/svelte@^5.0.2": "5.0.2_svelte@5.40.1__acorn@8.15.0",

     

       12
       12
       +
           "npm:@eslint/compat@^1.4.1": "1.4.1_eslint@9.39.0",

     

       13
       13
       +
           "npm:@eslint/js@^9.39.0": "9.39.0",

     

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

     

       15
       15
       +
           "npm:@iconify/svelte@^5.1.0": "5.1.0_svelte@5.43.2__acorn@8.15.0",

     

       13
       16
        
           "npm:@soffinal/websocket@~0.2.1": "0.2.1_typescript@5.9.3",

     

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

     

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

     

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

     

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

     

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

     

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

     

       17
       17
       +
           "npm:@sveltejs/adapter-static@^3.0.10": "3.0.10_@sveltejs+kit@2.48.4__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.2____acorn@8.15.0___vite@7.1.12____@types+node@24.10.0____picomatch@4.0.3___@types+node@24.10.0__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.10.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",

     

       18
       18
       +
           "npm:@sveltejs/kit@^2.48.4": "2.48.4_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.10.0",

     

       19
       19
       +
           "npm:@sveltejs/vite-plugin-svelte@^6.2.1": "6.2.1_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",

     

       20
       20
       +
           "npm:@tailwindcss/forms@~0.5.10": "0.5.10_tailwindcss@4.1.16",

     

       21
       21
       +
           "npm:@tailwindcss/vite@^4.1.16": "4.1.16_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0",

     

       22
       22
       +
           "npm:@types/node@^24.10.0": "24.10.0",

     

       20
       23
        
           "npm:@wora/cache-persist@^2.2.1": "2.2.1",

     

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

     

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

     

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

     

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

     

       24
       24
       +
           "npm:eslint-config-prettier@^10.1.8": "10.1.8_eslint@9.39.0",

     

       25
       25
       +
           "npm:eslint-plugin-svelte@^3.13.0": "3.13.0_eslint@9.39.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6",

     

       26
       26
       +
           "npm:eslint@^9.39.0": "9.39.0",

     

       27
       27
       +
           "npm:globals@^16.5.0": "16.5.0",

     

       25
       28
        
           "npm:hash-wasm@^4.12.0": "4.12.0",

     

       26
       29
        
           "npm:lru-cache@^11.2.2": "11.2.2",

     

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

     

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

     

       30
       30
       +
           "npm:prettier-plugin-svelte@^3.4.0": "3.4.0_prettier@3.6.2_svelte@5.43.2__acorn@8.15.0",

     

       31
       31
       +
           "npm:prettier-plugin-tailwindcss@~0.6.14": "0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.2___acorn@8.15.0_svelte@5.43.2__acorn@8.15.0",

     

       29
       32
        
           "npm:prettier@^3.6.2": "3.6.2",

     

       30
       30
       -
           "npm:svelte-awesome-color-picker@^4.0.2": "4.0.2_svelte@5.40.1__acorn@8.15.0",

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       34
       34
       +
           "npm:svelte-check@^4.3.3": "4.3.3_svelte@5.43.2__acorn@8.15.0_typescript@5.9.3",

     

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

     

       36
       36
       +
           "npm:svelte-infinite@~0.5.1": "0.5.1_svelte@5.43.2__acorn@8.15.0",

     

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

     

       38
       38
       +
           "npm:svelte@^5.43.2": "5.43.2_acorn@8.15.0",

     

       39
       39
       +
           "npm:tailwindcss@^4.1.16": "4.1.16",

     

       40
       40
       +
           "npm:typescript-eslint@^8.46.3": "8.46.3_eslint@9.39.0_typescript@5.9.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3",

     

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

     

       42
       42
       +
           "npm:vite@^7.1.12": "7.1.12_@types+node@24.10.0_picomatch@4.0.3"

     

       38
       43
        
         },

     

       39
       44
        
         "npm": {

     

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

     

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

     

       45
       45
       +
           "@atcute/atproto@3.1.8": {

     

       46
       46
       +
             "integrity": "sha512-Miu+S7RSgAYbmQWtHJKfSFUN5Kliqoo4YH0rILPmBtfmlZieORJgXNj9oO/Uive0/ulWkiRse07ATIcK8JxMnw==",

     

       42
       47
        
             "dependencies": [

     

       43
       48
        
               "@atcute/lexicons"

     

       44
       49
        
             ]

     

       45
       50
        
           },

     

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

     

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

     

       51
       51
       +
           "@atcute/bluesky@3.2.9": {

     

       52
       52
       +
             "integrity": "sha512-69+mAnnH/uyMoT3/jHLBNILHa3+dm8utDKbm/2xqSPMLvRK47Wo5COlpchu8Xq+NGisHqukhHYT8NYdQFfSJhA==",

     

       48
       53
        
             "dependencies": [

     

       49
       54
        
               "@atcute/atproto",

     

       50
       55
        
               "@atcute/lexicons"

     
···

       57
       62
        
               "@atcute/lexicons"

     

       58
       63
        
             ]

     

       59
       64
        
           },

     

       65
       65
       +
           "@atcute/identity-resolver@1.1.4_@atcute+identity@1.1.1": {

     

       66
       66
       +
             "integrity": "sha512-/SVh8vf2cXFJenmBnGeYF2aY3WGQm3cJeew5NWTlkqoy3LvJ5wkvKq9PWu4Tv653VF40rPOp6LOdVr9Fa+q5rA==",

     

       67
       67
       +
             "dependencies": [

     

       68
       68
       +
               "@atcute/identity",

     

       69
       69
       +
               "@atcute/lexicons",

     

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

     

       71
       71
       +
               "@badrap/valita"

     

       72
       72
       +
             ]

     

       73
       73
       +
           },

     

       60
       74
        
           "@atcute/identity@1.1.1": {

     

       61
       75
        
             "integrity": "sha512-zax42n693VEhnC+5tndvO2KLDTMkHOz8UExwmklvJv7R9VujfEwiSWhcv6Jgwb3ellaG8wjiQ1lMOIjLLvwh0Q==",

     

       62
       76
        
             "dependencies": [

     
···

       71
       85
        
               "esm-env"

     

       72
       86
        
             ]

     

       73
       87
        
           },

     

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

     

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

     

       90
       90
       +
             "dependencies": [

     

       91
       91
       +
               "@atcute/uint8array"

     

       92
       92
       +
             ]

     

       93
       93
       +
           },

     

       94
       94
       +
           "@atcute/oauth-browser-client@2.0.1_@atcute+identity@1.1.1": {

     

       95
       95
       +
             "integrity": "sha512-lG021GkeORG06zfFf4bH85egObjBEKHNgAWHvbtY/E2dX4wxo88hf370pJDx8acdnuUJLJ2VKPikJtZwo4Heeg==",

     

       96
       96
       +
             "dependencies": [

     

       97
       97
       +
               "@atcute/client",

     

       98
       98
       +
               "@atcute/identity",

     

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

     

       100
       100
       +
               "@atcute/lexicons",

     

       101
       101
       +
               "@atcute/multibase",

     

       102
       102
       +
               "@atcute/uint8array",

     

       103
       103
       +
               "nanoid@5.1.6"

     

       104
       104
       +
             ]

     

       105
       105
       +
           },

     

       74
       106
        
           "@atcute/tid@1.0.3": {

     

       75
       107
        
             "integrity": "sha512-wfMJx1IMdnu0CZgWl0uR4JO2s6PGT1YPhpytD4ZHzEYKKQVuqV6Eb/7vieaVo1eYNMp2FrY67FZObeR7utRl2w=="

     

       108
       108
       +
           },

     

       109
       109
       +
           "@atcute/uint8array@1.0.5": {

     

       110
       110
       +
             "integrity": "sha512-XLWWxoR2HNl2qU+FCr0rp1APwJXci7HnzbOQLxK55OaMNBXZ19+xNC5ii4QCsThsDxa4JS/JTzuiQLziITWf2Q=="

     

       111
       111
       +
           },

     

       112
       112
       +
           "@atcute/util-fetch@1.0.3": {

     

       113
       113
       +
             "integrity": "sha512-f8zzTb/xlKIwv2OQ31DhShPUNCmIIleX6p7qIXwWwEUjX6x8skUtpdISSjnImq01LXpltGV5y8yhV4/Mlb7CRQ==",

     

       114
       114
       +
             "dependencies": [

     

       115
       115
       +
               "@badrap/valita"

     

       116
       116
       +
             ]

     

       76
       117
        
           },

     

       77
       118
        
           "@badrap/valita@0.4.6": {

     

       78
       119
        
             "integrity": "sha512-4kdqcjyxo/8RQ8ayjms47HCWZIF5981oE5nIenbfThKDxWXtEHKipAOWlflpPJzZx9y/JWYQkp18Awr7VuepFg=="

     

       79
       120
        
           },

     

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

     

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

     

       121
       121
       +
           "@esbuild/aix-ppc64@0.25.12": {

     

       122
       122
       +
             "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",

     

       82
       123
        
             "os": ["aix"],

     

       83
       124
        
             "cpu": ["ppc64"]

     

       84
       125
        
           },

     

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

     

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

     

       126
       126
       +
           "@esbuild/android-arm64@0.25.12": {

     

       127
       127
       +
             "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",

     

       87
       128
        
             "os": ["android"],

     

       88
       129
        
             "cpu": ["arm64"]

     

       89
       130
        
           },

     

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

     

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

     

       131
       131
       +
           "@esbuild/android-arm@0.25.12": {

     

       132
       132
       +
             "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",

     

       92
       133
        
             "os": ["android"],

     

       93
       134
        
             "cpu": ["arm"]

     

       94
       135
        
           },

     

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

     

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

     

       136
       136
       +
           "@esbuild/android-x64@0.25.12": {

     

       137
       137
       +
             "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",

     

       97
       138
        
             "os": ["android"],

     

       98
       139
        
             "cpu": ["x64"]

     

       99
       140
        
           },

     

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

     

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

     

       141
       141
       +
           "@esbuild/darwin-arm64@0.25.12": {

     

       142
       142
       +
             "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",

     

       102
       143
        
             "os": ["darwin"],

     

       103
       144
        
             "cpu": ["arm64"]

     

       104
       145
        
           },

     

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

     

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

     

       146
       146
       +
           "@esbuild/darwin-x64@0.25.12": {

     

       147
       147
       +
             "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",

     

       107
       148
        
             "os": ["darwin"],

     

       108
       149
        
             "cpu": ["x64"]

     

       109
       150
        
           },

     

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

     

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

     

       151
       151
       +
           "@esbuild/freebsd-arm64@0.25.12": {

     

       152
       152
       +
             "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",

     

       112
       153
        
             "os": ["freebsd"],

     

       113
       154
        
             "cpu": ["arm64"]

     

       114
       155
        
           },

     

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

     

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

     

       156
       156
       +
           "@esbuild/freebsd-x64@0.25.12": {

     

       157
       157
       +
             "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",

     

       117
       158
        
             "os": ["freebsd"],

     

       118
       159
        
             "cpu": ["x64"]

     

       119
       160
        
           },

     

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

     

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

     

       161
       161
       +
           "@esbuild/linux-arm64@0.25.12": {

     

       162
       162
       +
             "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",

     

       122
       163
        
             "os": ["linux"],

     

       123
       164
        
             "cpu": ["arm64"]

     

       124
       165
        
           },

     

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

     

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

     

       166
       166
       +
           "@esbuild/linux-arm@0.25.12": {

     

       167
       167
       +
             "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",

     

       127
       168
        
             "os": ["linux"],

     

       128
       169
        
             "cpu": ["arm"]

     

       129
       170
        
           },

     

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

     

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

     

       171
       171
       +
           "@esbuild/linux-ia32@0.25.12": {

     

       172
       172
       +
             "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",

     

       132
       173
        
             "os": ["linux"],

     

       133
       174
        
             "cpu": ["ia32"]

     

       134
       175
        
           },

     

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

     

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

     

       176
       176
       +
           "@esbuild/linux-loong64@0.25.12": {

     

       177
       177
       +
             "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",

     

       137
       178
        
             "os": ["linux"],

     

       138
       179
        
             "cpu": ["loong64"]

     

       139
       180
        
           },

     

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

     

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

     

       181
       181
       +
           "@esbuild/linux-mips64el@0.25.12": {

     

       182
       182
       +
             "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",

     

       142
       183
        
             "os": ["linux"],

     

       143
       184
        
             "cpu": ["mips64el"]

     

       144
       185
        
           },

     

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

     

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

     

       186
       186
       +
           "@esbuild/linux-ppc64@0.25.12": {

     

       187
       187
       +
             "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",

     

       147
       188
        
             "os": ["linux"],

     

       148
       189
        
             "cpu": ["ppc64"]

     

       149
       190
        
           },

     

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

     

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

     

       191
       191
       +
           "@esbuild/linux-riscv64@0.25.12": {

     

       192
       192
       +
             "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",

     

       152
       193
        
             "os": ["linux"],

     

       153
       194
        
             "cpu": ["riscv64"]

     

       154
       195
        
           },

     

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

     

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

     

       196
       196
       +
           "@esbuild/linux-s390x@0.25.12": {

     

       197
       197
       +
             "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",

     

       157
       198
        
             "os": ["linux"],

     

       158
       199
        
             "cpu": ["s390x"]

     

       159
       200
        
           },

     

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

     

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

     

       201
       201
       +
           "@esbuild/linux-x64@0.25.12": {

     

       202
       202
       +
             "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",

     

       162
       203
        
             "os": ["linux"],

     

       163
       204
        
             "cpu": ["x64"]

     

       164
       205
        
           },

     

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

     

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

     

       206
       206
       +
           "@esbuild/netbsd-arm64@0.25.12": {

     

       207
       207
       +
             "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",

     

       167
       208
        
             "os": ["netbsd"],

     

       168
       209
        
             "cpu": ["arm64"]

     

       169
       210
        
           },

     

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

     

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

     

       211
       211
       +
           "@esbuild/netbsd-x64@0.25.12": {

     

       212
       212
       +
             "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",

     

       172
       213
        
             "os": ["netbsd"],

     

       173
       214
        
             "cpu": ["x64"]

     

       174
       215
        
           },

     

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

     

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

     

       216
       216
       +
           "@esbuild/openbsd-arm64@0.25.12": {

     

       217
       217
       +
             "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",

     

       177
       218
        
             "os": ["openbsd"],

     

       178
       219
        
             "cpu": ["arm64"]

     

       179
       220
        
           },

     

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

     

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

     

       221
       221
       +
           "@esbuild/openbsd-x64@0.25.12": {

     

       222
       222
       +
             "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",

     

       182
       223
        
             "os": ["openbsd"],

     

       183
       224
        
             "cpu": ["x64"]

     

       184
       225
        
           },

     

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

     

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

     

       226
       226
       +
           "@esbuild/openharmony-arm64@0.25.12": {

     

       227
       227
       +
             "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",

     

       187
       228
        
             "os": ["openharmony"],

     

       188
       229
        
             "cpu": ["arm64"]

     

       189
       230
        
           },

     

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

     

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

     

       231
       231
       +
           "@esbuild/sunos-x64@0.25.12": {

     

       232
       232
       +
             "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",

     

       192
       233
        
             "os": ["sunos"],

     

       193
       234
        
             "cpu": ["x64"]

     

       194
       235
        
           },

     

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

     

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

     

       236
       236
       +
           "@esbuild/win32-arm64@0.25.12": {

     

       237
       237
       +
             "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",

     

       197
       238
        
             "os": ["win32"],

     

       198
       239
        
             "cpu": ["arm64"]

     

       199
       240
        
           },

     

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

     

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

     

       241
       241
       +
           "@esbuild/win32-ia32@0.25.12": {

     

       242
       242
       +
             "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",

     

       202
       243
        
             "os": ["win32"],

     

       203
       244
        
             "cpu": ["ia32"]

     

       204
       245
        
           },

     

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

     

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

     

       246
       246
       +
           "@esbuild/win32-x64@0.25.12": {

     

       247
       247
       +
             "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",

     

       207
       248
        
             "os": ["win32"],

     

       208
       249
        
             "cpu": ["x64"]

     

       209
       250
        
           },

     

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

     

       251
       251
       +
           "@eslint-community/eslint-utils@4.9.0_eslint@9.39.0": {

     

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

     

       212
       253
        
             "dependencies": [

     

       213
       254
        
               "eslint",

     

       214
       255
        
               "eslint-visitor-keys@3.4.3"

     

       215
       256
        
             ]

     

       216
       257
        
           },

     

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

     

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

     

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

     

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

     

       219
       260
        
           },

     

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

     

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

     

       261
       261
       +
           "@eslint/compat@1.4.1_eslint@9.39.0": {

     

       262
       262
       +
             "integrity": "sha512-cfO82V9zxxGBxcQDr1lfaYB7wykTa0b00mGa36FrJl7iTFd0Z2cHfEYuxcBRP/iNijCsWsEkA+jzT8hGYmv33w==",

     

       222
       263
        
             "dependencies": [

     

       223
       264
        
               "@eslint/core",

     

       224
       265
        
               "eslint"

     
···

       227
       268
        
               "eslint"

     

       228
       269
        
             ]

     

       229
       270
        
           },

     

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

     

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

     

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

     

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

     

       232
       273
        
             "dependencies": [

     

       233
       274
        
               "@eslint/object-schema",

     

       234
       275
        
               "debug",

     

       235
       276
        
               "minimatch@3.1.2"

     

       236
       277
        
             ]

     

       237
       278
        
           },

     

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

     

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

     

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

     

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

     

       240
       281
        
             "dependencies": [

     

       241
       282
        
               "@eslint/core"

     

       242
       283
        
             ]

     

       243
       284
        
           },

     

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

     

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

     

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

     

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

     

       246
       287
        
             "dependencies": [

     

       247
       288
        
               "@types/json-schema"

     

       248
       289
        
             ]

     
···

       261
       302
        
               "strip-json-comments"

     

       262
       303
        
             ]

     

       263
       304
        
           },

     

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

     

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

     

       305
       305
       +
           "@eslint/js@9.39.0": {

     

       306
       306
       +
             "integrity": "sha512-BIhe0sW91JGPiaF1mOuPy5v8NflqfjIcDNpC+LbW9f609WVRX1rArrhi6Z2ymvrAry9jw+5POTj4t2t62o8Bmw=="

     

       266
       307
        
           },

     

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

     

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

     

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

     

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

     

       269
       310
        
           },

     

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

     

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

     

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

     

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

     

       272
       313
        
             "dependencies": [

     

       273
       314
        
               "@eslint/core",

     

       274
       315
        
               "levn"

     

       275
       316
        
             ]

     

       276
       317
        
           },

     

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

     

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

     

       320
       320
       +
             "dependencies": [

     

       321
       321
       +
               "@floating-ui/utils"

     

       322
       322
       +
             ]

     

       323
       323
       +
           },

     

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

     

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

     

       326
       326
       +
             "dependencies": [

     

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

     

       328
       328
       +
               "@floating-ui/utils"

     

       329
       329
       +
             ]

     

       330
       330
       +
           },

     

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

     

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

     

       333
       333
       +
           },

     

       277
       334
        
           "@humanfs/core@0.19.1": {

     

       278
       335
        
             "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="

     

       279
       336
        
           },

     
···

       290
       347
        
           "@humanwhocodes/retry@0.4.3": {

     

       291
       348
        
             "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="

     

       292
       349
        
           },

     

       293
       293
       -
           "@iconify/svelte@5.0.2_svelte@5.40.1__acorn@8.15.0": {

     

       294
       294
       -
             "integrity": "sha512-1iWUT+1veS/QOAzKDG0NPgBtJYGoJqEPwF97voTm8jw6PQ6yU0hL73lEwFoTGMrZmatLvh9cjRBmeSHHaltmrg==",

     

       350
       350
       +
           "@iconify/svelte@5.1.0_svelte@5.43.2__acorn@8.15.0": {

     

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

     

       295
       352
        
             "dependencies": [

     

       296
       353
        
               "@iconify/types",

     

       297
       354
        
               "svelte"

     
···

       299
       356
        
           },

     

       300
       357
        
           "@iconify/types@2.0.0": {

     

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

     

       302
       302
       -
           },

     

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

     

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

     

       305
       305
       -
             "dependencies": [

     

       306
       306
       -
               "minipass"

     

       307
       307
       -
             ]

     

       308
       359
        
           },

     

       309
       360
        
           "@jridgewell/gen-mapping@0.3.13": {

     

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

     
···

       353
       404
        
           "@polka/url@1.0.0-next.29": {

     

       354
       405
        
             "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="

     

       355
       406
        
           },

     

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

     

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

     

       407
       407
       +
           "@rollup/rollup-android-arm-eabi@4.52.5": {

     

       408
       408
       +
             "integrity": "sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==",

     

       358
       409
        
             "os": ["android"],

     

       359
       410
        
             "cpu": ["arm"]

     

       360
       411
        
           },

     

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

     

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

     

       412
       412
       +
           "@rollup/rollup-android-arm64@4.52.5": {

     

       413
       413
       +
             "integrity": "sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==",

     

       363
       414
        
             "os": ["android"],

     

       364
       415
        
             "cpu": ["arm64"]

     

       365
       416
        
           },

     

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

     

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

     

       417
       417
       +
           "@rollup/rollup-darwin-arm64@4.52.5": {

     

       418
       418
       +
             "integrity": "sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==",

     

       368
       419
        
             "os": ["darwin"],

     

       369
       420
        
             "cpu": ["arm64"]

     

       370
       421
        
           },

     

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

     

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

     

       422
       422
       +
           "@rollup/rollup-darwin-x64@4.52.5": {

     

       423
       423
       +
             "integrity": "sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==",

     

       373
       424
        
             "os": ["darwin"],

     

       374
       425
        
             "cpu": ["x64"]

     

       375
       426
        
           },

     

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

     

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

     

       427
       427
       +
           "@rollup/rollup-freebsd-arm64@4.52.5": {

     

       428
       428
       +
             "integrity": "sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==",

     

       378
       429
        
             "os": ["freebsd"],

     

       379
       430
        
             "cpu": ["arm64"]

     

       380
       431
        
           },

     

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

     

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

     

       432
       432
       +
           "@rollup/rollup-freebsd-x64@4.52.5": {

     

       433
       433
       +
             "integrity": "sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==",

     

       383
       434
        
             "os": ["freebsd"],

     

       384
       435
        
             "cpu": ["x64"]

     

       385
       436
        
           },

     

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

     

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

     

       437
       437
       +
           "@rollup/rollup-linux-arm-gnueabihf@4.52.5": {

     

       438
       438
       +
             "integrity": "sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==",

     

       388
       439
        
             "os": ["linux"],

     

       389
       440
        
             "cpu": ["arm"]

     

       390
       441
        
           },

     

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

     

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

     

       442
       442
       +
           "@rollup/rollup-linux-arm-musleabihf@4.52.5": {

     

       443
       443
       +
             "integrity": "sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==",

     

       393
       444
        
             "os": ["linux"],

     

       394
       445
        
             "cpu": ["arm"]

     

       395
       446
        
           },

     

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

     

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

     

       447
       447
       +
           "@rollup/rollup-linux-arm64-gnu@4.52.5": {

     

       448
       448
       +
             "integrity": "sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==",

     

       398
       449
        
             "os": ["linux"],

     

       399
       450
        
             "cpu": ["arm64"]

     

       400
       451
        
           },

     

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

     

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

     

       452
       452
       +
           "@rollup/rollup-linux-arm64-musl@4.52.5": {

     

       453
       453
       +
             "integrity": "sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==",

     

       403
       454
        
             "os": ["linux"],

     

       404
       455
        
             "cpu": ["arm64"]

     

       405
       456
        
           },

     

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

     

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

     

       457
       457
       +
           "@rollup/rollup-linux-loong64-gnu@4.52.5": {

     

       458
       458
       +
             "integrity": "sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==",

     

       408
       459
        
             "os": ["linux"],

     

       409
       460
        
             "cpu": ["loong64"]

     

       410
       461
        
           },

     

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

     

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

     

       462
       462
       +
           "@rollup/rollup-linux-ppc64-gnu@4.52.5": {

     

       463
       463
       +
             "integrity": "sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==",

     

       413
       464
        
             "os": ["linux"],

     

       414
       465
        
             "cpu": ["ppc64"]

     

       415
       466
        
           },

     

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

     

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

     

       467
       467
       +
           "@rollup/rollup-linux-riscv64-gnu@4.52.5": {

     

       468
       468
       +
             "integrity": "sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==",

     

       418
       469
        
             "os": ["linux"],

     

       419
       470
        
             "cpu": ["riscv64"]

     

       420
       471
        
           },

     

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

     

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

     

       472
       472
       +
           "@rollup/rollup-linux-riscv64-musl@4.52.5": {

     

       473
       473
       +
             "integrity": "sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==",

     

       423
       474
        
             "os": ["linux"],

     

       424
       475
        
             "cpu": ["riscv64"]

     

       425
       476
        
           },

     

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

     

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

     

       477
       477
       +
           "@rollup/rollup-linux-s390x-gnu@4.52.5": {

     

       478
       478
       +
             "integrity": "sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==",

     

       428
       479
        
             "os": ["linux"],

     

       429
       480
        
             "cpu": ["s390x"]

     

       430
       481
        
           },

     

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

     

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

     

       482
       482
       +
           "@rollup/rollup-linux-x64-gnu@4.52.5": {

     

       483
       483
       +
             "integrity": "sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==",

     

       433
       484
        
             "os": ["linux"],

     

       434
       485
        
             "cpu": ["x64"]

     

       435
       486
        
           },

     

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

     

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

     

       487
       487
       +
           "@rollup/rollup-linux-x64-musl@4.52.5": {

     

       488
       488
       +
             "integrity": "sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==",

     

       438
       489
        
             "os": ["linux"],

     

       439
       490
        
             "cpu": ["x64"]

     

       440
       491
        
           },

     

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

     

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

     

       492
       492
       +
           "@rollup/rollup-openharmony-arm64@4.52.5": {

     

       493
       493
       +
             "integrity": "sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==",

     

       443
       494
        
             "os": ["openharmony"],

     

       444
       495
        
             "cpu": ["arm64"]

     

       445
       496
        
           },

     

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

     

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

     

       497
       497
       +
           "@rollup/rollup-win32-arm64-msvc@4.52.5": {

     

       498
       498
       +
             "integrity": "sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==",

     

       448
       499
        
             "os": ["win32"],

     

       449
       500
        
             "cpu": ["arm64"]

     

       450
       501
        
           },

     

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

     

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

     

       502
       502
       +
           "@rollup/rollup-win32-ia32-msvc@4.52.5": {

     

       503
       503
       +
             "integrity": "sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==",

     

       453
       504
        
             "os": ["win32"],

     

       454
       505
        
             "cpu": ["ia32"]

     

       455
       506
        
           },

     

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

     

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

     

       507
       507
       +
           "@rollup/rollup-win32-x64-gnu@4.52.5": {

     

       508
       508
       +
             "integrity": "sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==",

     

       458
       509
        
             "os": ["win32"],

     

       459
       510
        
             "cpu": ["x64"]

     

       460
       511
        
           },

     

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

     

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

     

       512
       512
       +
           "@rollup/rollup-win32-x64-msvc@4.52.5": {

     

       513
       513
       +
             "integrity": "sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==",

     

       463
       514
        
             "os": ["win32"],

     

       464
       515
        
             "cpu": ["x64"]

     

       465
       516
        
           },

     
···

       485
       536
        
               "acorn"

     

       486
       537
        
             ]

     

       487
       538
        
           },

     

       488
       488
       -
           "@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": {

     

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

     

       539
       539
       +
           "@sveltejs/adapter-static@3.0.10_@sveltejs+kit@2.48.4__@sveltejs+vite-plugin-svelte@6.2.1___svelte@5.43.2____acorn@8.15.0___vite@7.1.12____@types+node@24.10.0____picomatch@4.0.3___@types+node@24.10.0__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__acorn@8.15.0__@types+node@24.10.0_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {

     

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

     

       490
       541
        
             "dependencies": [

     

       491
       542
        
               "@sveltejs/kit"

     

       492
       543
        
             ]

     

       493
       544
        
           },

     

       494
       494
       -
           "@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": {

     

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

     

       545
       545
       +
           "@sveltejs/kit@2.48.4_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_acorn@8.15.0_@types+node@24.10.0": {

     

       546
       546
       +
             "integrity": "sha512-TGFX1pZUt9qqY20Cv5NyYvy0iLWHf2jXi8s+eCGsig7jQMdwZWKUFMR6TbvFNhfDSUpc1sH/Y5EHv20g3HHA3g==",

     

       496
       547
        
             "dependencies": [

     

       497
       548
        
               "@standard-schema/spec",

     

       498
       549
        
               "@sveltejs/acorn-typescript",

     
···

       513
       564
        
             ],

     

       514
       565
        
             "bin": true

     

       515
       566
        
           },

     

       516
       516
       -
           "@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": {

     

       567
       567
       +
           "@sveltejs/vite-plugin-svelte-inspector@5.0.1_@sveltejs+vite-plugin-svelte@6.2.1__svelte@5.43.2___acorn@8.15.0__vite@7.1.12___@types+node@24.10.0___picomatch@4.0.3__@types+node@24.10.0_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {

     

       517
       568
        
             "integrity": "sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==",

     

       518
       569
        
             "dependencies": [

     

       519
       570
        
               "@sveltejs/vite-plugin-svelte",

     
···

       522
       573
        
               "vite"

     

       523
       574
        
             ]

     

       524
       575
        
           },

     

       525
       525
       -
           "@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": {

     

       576
       576
       +
           "@sveltejs/vite-plugin-svelte@6.2.1_svelte@5.43.2__acorn@8.15.0_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {

     

       526
       577
        
             "integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==",

     

       527
       578
        
             "dependencies": [

     

       528
       579
        
               "@sveltejs/vite-plugin-svelte-inspector",

     
···

       534
       585
        
               "vitefu"

     

       535
       586
        
             ]

     

       536
       587
        
           },

     

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

     

       588
       588
       +
           "@tailwindcss/forms@0.5.10_tailwindcss@4.1.16": {

     

       538
       589
        
             "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==",

     

       539
       590
        
             "dependencies": [

     

       540
       591
        
               "mini-svg-data-uri",

     

       541
       592
        
               "tailwindcss"

     

       542
       593
        
             ]

     

       543
       594
        
           },

     

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

     

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

     

       595
       595
       +
           "@tailwindcss/node@4.1.16": {

     

       596
       596
       +
             "integrity": "sha512-BX5iaSsloNuvKNHRN3k2RcCuTEgASTo77mofW0vmeHkfrDWaoFAFvNHpEgtu0eqyypcyiBkDWzSMxJhp3AUVcw==",

     

       546
       597
        
             "dependencies": [

     

       547
       598
        
               "@jridgewell/remapping",

     

       548
       599
        
               "enhanced-resolve",

     
···

       553
       604
        
               "tailwindcss"

     

       554
       605
        
             ]

     

       555
       606
        
           },

     

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

     

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

     

       607
       607
       +
           "@tailwindcss/oxide-android-arm64@4.1.16": {

     

       608
       608
       +
             "integrity": "sha512-8+ctzkjHgwDJ5caq9IqRSgsP70xhdhJvm+oueS/yhD5ixLhqTw9fSL1OurzMUhBwE5zK26FXLCz2f/RtkISqHA==",

     

       558
       609
        
             "os": ["android"],

     

       559
       610
        
             "cpu": ["arm64"]

     

       560
       611
        
           },

     

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

     

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

     

       612
       612
       +
           "@tailwindcss/oxide-darwin-arm64@4.1.16": {

     

       613
       613
       +
             "integrity": "sha512-C3oZy5042v2FOALBZtY0JTDnGNdS6w7DxL/odvSny17ORUnaRKhyTse8xYi3yKGyfnTUOdavRCdmc8QqJYwFKA==",

     

       563
       614
        
             "os": ["darwin"],

     

       564
       615
        
             "cpu": ["arm64"]

     

       565
       616
        
           },

     

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

     

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

     

       617
       617
       +
           "@tailwindcss/oxide-darwin-x64@4.1.16": {

     

       618
       618
       +
             "integrity": "sha512-vjrl/1Ub9+JwU6BP0emgipGjowzYZMjbWCDqwA2Z4vCa+HBSpP4v6U2ddejcHsolsYxwL5r4bPNoamlV0xDdLg==",

     

       568
       619
        
             "os": ["darwin"],

     

       569
       620
        
             "cpu": ["x64"]

     

       570
       621
        
           },

     

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

     

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

     

       622
       622
       +
           "@tailwindcss/oxide-freebsd-x64@4.1.16": {

     

       623
       623
       +
             "integrity": "sha512-TSMpPYpQLm+aR1wW5rKuUuEruc/oOX3C7H0BTnPDn7W/eMw8W+MRMpiypKMkXZfwH8wqPIRKppuZoedTtNj2tg==",

     

       573
       624
        
             "os": ["freebsd"],

     

       574
       625
        
             "cpu": ["x64"]

     

       575
       626
        
           },

     

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

     

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

     

       627
       627
       +
           "@tailwindcss/oxide-linux-arm-gnueabihf@4.1.16": {

     

       628
       628
       +
             "integrity": "sha512-p0GGfRg/w0sdsFKBjMYvvKIiKy/LNWLWgV/plR4lUgrsxFAoQBFrXkZ4C0w8IOXfslB9vHK/JGASWD2IefIpvw==",

     

       578
       629
        
             "os": ["linux"],

     

       579
       630
        
             "cpu": ["arm"]

     

       580
       631
        
           },

     

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

     

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

     

       632
       632
       +
           "@tailwindcss/oxide-linux-arm64-gnu@4.1.16": {

     

       633
       633
       +
             "integrity": "sha512-DoixyMmTNO19rwRPdqviTrG1rYzpxgyYJl8RgQvdAQUzxC1ToLRqtNJpU/ATURSKgIg6uerPw2feW0aS8SNr/w==",

     

       583
       634
        
             "os": ["linux"],

     

       584
       635
        
             "cpu": ["arm64"]

     

       585
       636
        
           },

     

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

     

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

     

       637
       637
       +
           "@tailwindcss/oxide-linux-arm64-musl@4.1.16": {

     

       638
       638
       +
             "integrity": "sha512-H81UXMa9hJhWhaAUca6bU2wm5RRFpuHImrwXBUvPbYb+3jo32I9VIwpOX6hms0fPmA6f2pGVlybO6qU8pF4fzQ==",

     

       588
       639
        
             "os": ["linux"],

     

       589
       640
        
             "cpu": ["arm64"]

     

       590
       641
        
           },

     

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

     

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

     

       642
       642
       +
           "@tailwindcss/oxide-linux-x64-gnu@4.1.16": {

     

       643
       643
       +
             "integrity": "sha512-ZGHQxDtFC2/ruo7t99Qo2TTIvOERULPl5l0K1g0oK6b5PGqjYMga+FcY1wIUnrUxY56h28FxybtDEla+ICOyew==",

     

       593
       644
        
             "os": ["linux"],

     

       594
       645
        
             "cpu": ["x64"]

     

       595
       646
        
           },

     

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

     

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

     

       647
       647
       +
           "@tailwindcss/oxide-linux-x64-musl@4.1.16": {

     

       648
       648
       +
             "integrity": "sha512-Oi1tAaa0rcKf1Og9MzKeINZzMLPbhxvm7rno5/zuP1WYmpiG0bEHq4AcRUiG2165/WUzvxkW4XDYCscZWbTLZw==",

     

       598
       649
        
             "os": ["linux"],

     

       599
       650
        
             "cpu": ["x64"]

     

       600
       651
        
           },

     

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

     

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

     

       652
       652
       +
           "@tailwindcss/oxide-wasm32-wasi@4.1.16": {

     

       653
       653
       +
             "integrity": "sha512-B01u/b8LteGRwucIBmCQ07FVXLzImWESAIMcUU6nvFt/tYsQ6IHz8DmZ5KtvmwxD+iTYBtM1xwoGXswnlu9v0Q==",

     

       603
       654
        
             "cpu": ["wasm32"]

     

       604
       655
        
           },

     

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

     

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

     

       656
       656
       +
           "@tailwindcss/oxide-win32-arm64-msvc@4.1.16": {

     

       657
       657
       +
             "integrity": "sha512-zX+Q8sSkGj6HKRTMJXuPvOcP8XfYON24zJBRPlszcH1Np7xuHXhWn8qfFjIujVzvH3BHU+16jBXwgpl20i+v9A==",

     

       607
       658
        
             "os": ["win32"],

     

       608
       659
        
             "cpu": ["arm64"]

     

       609
       660
        
           },

     

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

     

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

     

       661
       661
       +
           "@tailwindcss/oxide-win32-x64-msvc@4.1.16": {

     

       662
       662
       +
             "integrity": "sha512-m5dDFJUEejbFqP+UXVstd4W/wnxA4F61q8SoL+mqTypId2T2ZpuxosNSgowiCnLp2+Z+rivdU0AqpfgiD7yCBg==",

     

       612
       663
        
             "os": ["win32"],

     

       613
       664
        
             "cpu": ["x64"]

     

       614
       665
        
           },

     

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

     

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

     

       617
       617
       -
             "dependencies": [

     

       618
       618
       -
               "detect-libc",

     

       619
       619
       -
               "tar"

     

       620
       620
       -
             ],

     

       666
       666
       +
           "@tailwindcss/oxide@4.1.16": {

     

       667
       667
       +
             "integrity": "sha512-2OSv52FRuhdlgyOQqgtQHuCgXnS8nFSYRp2tJ+4WZXKgTxqPy7SMSls8c3mPT5pkZ17SBToGM5LHEJBO7miEdg==",

     

       621
       668
        
             "optionalDependencies": [

     

       622
       669
        
               "@tailwindcss/oxide-android-arm64",

     

       623
       670
        
               "@tailwindcss/oxide-darwin-arm64",

     
···

       631
       678
        
               "@tailwindcss/oxide-wasm32-wasi",

     

       632
       679
        
               "@tailwindcss/oxide-win32-arm64-msvc",

     

       633
       680
        
               "@tailwindcss/oxide-win32-x64-msvc"

     

       634
       634
       -
             ],

     

       635
       635
       -
             "scripts": true

     

       681
       681
       +
             ]

     

       636
       682
        
           },

     

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

     

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

     

       683
       683
       +
           "@tailwindcss/vite@4.1.16_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {

     

       684
       684
       +
             "integrity": "sha512-bbguNBcDxsRmi9nnlWJxhfDWamY3lmcyACHcdO1crxfzuLpOhHLLtEIN/nCbbAtj5rchUgQD17QVAKi1f7IsKg==",

     

       639
       685
        
             "dependencies": [

     

       640
       686
        
               "@tailwindcss/node",

     

       641
       687
        
               "@tailwindcss/oxide",

     
···

       652
       698
        
           "@types/json-schema@7.0.15": {

     

       653
       699
        
             "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="

     

       654
       700
        
           },

     

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

     

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

     

       701
       701
       +
           "@types/node@24.10.0": {

     

       702
       702
       +
             "integrity": "sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==",

     

       657
       703
        
             "dependencies": [

     

       658
       704
        
               "undici-types"

     

       659
       705
        
             ]

     

       660
       706
        
           },

     

       661
       661
       -
           "@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": {

     

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

     

       707
       707
       +
           "@typescript-eslint/eslint-plugin@8.46.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3_eslint@9.39.0_typescript@5.9.3": {

     

       708
       708
       +
             "integrity": "sha512-sbaQ27XBUopBkRiuY/P9sWGOWUW4rl8fDoHIUmLpZd8uldsTyB4/Zg6bWTegPoTLnKj9Hqgn3QD6cjPNB32Odw==",

     

       663
       709
        
             "dependencies": [

     

       664
       710
        
               "@eslint-community/regexpp",

     

       665
       711
        
               "@typescript-eslint/parser",

     
···

       675
       721
        
               "typescript"

     

       676
       722
        
             ]

     

       677
       723
        
           },

     

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

     

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

     

       724
       724
       +
           "@typescript-eslint/parser@8.46.3_eslint@9.39.0_typescript@5.9.3": {

     

       725
       725
       +
             "integrity": "sha512-6m1I5RmHBGTnUGS113G04DMu3CpSdxCAU/UvtjNWL4Nuf3MW9tQhiJqRlHzChIkhy6kZSAQmc+I1bcGjE3yNKg==",

     

       680
       726
        
             "dependencies": [

     

       681
       727
        
               "@typescript-eslint/scope-manager",

     

       682
       728
        
               "@typescript-eslint/types",

     
···

       687
       733
        
               "typescript"

     

       688
       734
        
             ]

     

       689
       735
        
           },

     

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

     

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

     

       736
       736
       +
           "@typescript-eslint/project-service@8.46.3_typescript@5.9.3": {

     

       737
       737
       +
             "integrity": "sha512-Fz8yFXsp2wDFeUElO88S9n4w1I4CWDTXDqDr9gYvZgUpwXQqmZBr9+NTTql5R3J7+hrJZPdpiWaB9VNhAKYLuQ==",

     

       692
       738
        
             "dependencies": [

     

       693
       739
        
               "@typescript-eslint/tsconfig-utils",

     

       694
       740
        
               "@typescript-eslint/types",

     
···

       696
       742
        
               "typescript"

     

       697
       743
        
             ]

     

       698
       744
        
           },

     

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

     

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

     

       745
       745
       +
           "@typescript-eslint/scope-manager@8.46.3": {

     

       746
       746
       +
             "integrity": "sha512-FCi7Y1zgrmxp3DfWfr+3m9ansUUFoy8dkEdeQSgA9gbm8DaHYvZCdkFRQrtKiedFf3Ha6VmoqoAaP68+i+22kg==",

     

       701
       747
        
             "dependencies": [

     

       702
       748
        
               "@typescript-eslint/types",

     

       703
       749
        
               "@typescript-eslint/visitor-keys"

     

       704
       750
        
             ]

     

       705
       751
        
           },

     

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

     

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

     

       752
       752
       +
           "@typescript-eslint/tsconfig-utils@8.46.3_typescript@5.9.3": {

     

       753
       753
       +
             "integrity": "sha512-GLupljMniHNIROP0zE7nCcybptolcH8QZfXOpCfhQDAdwJ/ZTlcaBOYebSOZotpti/3HrHSw7D3PZm75gYFsOA==",

     

       708
       754
        
             "dependencies": [

     

       709
       755
        
               "typescript"

     

       710
       756
        
             ]

     

       711
       757
        
           },

     

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

     

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

     

       758
       758
       +
           "@typescript-eslint/type-utils@8.46.3_eslint@9.39.0_typescript@5.9.3": {

     

       759
       759
       +
             "integrity": "sha512-ZPCADbr+qfz3aiTTYNNkCbUt+cjNwI/5McyANNrFBpVxPt7GqpEYz5ZfdwuFyGUnJ9FdDXbGODUu6iRCI6XRXw==",

     

       714
       760
        
             "dependencies": [

     

       715
       761
        
               "@typescript-eslint/types",

     

       716
       762
        
               "@typescript-eslint/typescript-estree",

     
···

       721
       767
        
               "typescript"

     

       722
       768
        
             ]

     

       723
       769
        
           },

     

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

     

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

     

       770
       770
       +
           "@typescript-eslint/types@8.46.3": {

     

       771
       771
       +
             "integrity": "sha512-G7Ok9WN/ggW7e/tOf8TQYMaxgID3Iujn231hfi0Pc7ZheztIJVpO44ekY00b7akqc6nZcvregk0Jpah3kep6hA=="

     

       726
       772
        
           },

     

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

     

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

     

       773
       773
       +
           "@typescript-eslint/typescript-estree@8.46.3_typescript@5.9.3": {

     

       774
       774
       +
             "integrity": "sha512-f/NvtRjOm80BtNM5OQtlaBdM5BRFUv7gf381j9wygDNL+qOYSNOgtQ/DCndiYi80iIOv76QqaTmp4fa9hwI0OA==",

     

       729
       775
        
             "dependencies": [

     

       730
       776
        
               "@typescript-eslint/project-service",

     

       731
       777
        
               "@typescript-eslint/tsconfig-utils",

     
···

       740
       786
        
               "typescript"

     

       741
       787
        
             ]

     

       742
       788
        
           },

     

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

     

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

     

       789
       789
       +
           "@typescript-eslint/utils@8.46.3_eslint@9.39.0_typescript@5.9.3": {

     

       790
       790
       +
             "integrity": "sha512-VXw7qmdkucEx9WkmR3ld/u6VhRyKeiF1uxWwCy/iuNfokjJ7VhsgLSOTjsol8BunSw190zABzpwdNsze2Kpo4g==",

     

       745
       791
        
             "dependencies": [

     

       746
       792
        
               "@eslint-community/eslint-utils",

     

       747
       793
        
               "@typescript-eslint/scope-manager",

     
···

       751
       797
        
               "typescript"

     

       752
       798
        
             ]

     

       753
       799
        
           },

     

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

     

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

     

       800
       800
       +
           "@typescript-eslint/visitor-keys@8.46.3": {

     

       801
       801
       +
             "integrity": "sha512-uk574k8IU0rOF/AjniX8qbLSGURJVUCeM5e4MIMKBFFi8weeiLrG1fyQejyLXQpRZbU/1BuQasleV/RfHC3hHg==",

     

       756
       802
        
             "dependencies": [

     

       757
       803
        
               "@typescript-eslint/types",

     

       758
       804
        
               "eslint-visitor-keys@4.2.1"

     
···

       836
       882
        
               "readdirp"

     

       837
       883
        
             ]

     

       838
       884
        
           },

     

       839
       839
       -
           "chownr@3.0.0": {

     

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

     

       841
       841
       -
           },

     

       842
       885
        
           "clsx@2.1.1": {

     

       843
       886
        
             "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="

     

       844
       887
        
           },

     
···

       887
       930
        
           "detect-libc@2.1.2": {

     

       888
       931
        
             "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="

     

       889
       932
        
           },

     

       890
       890
       -
           "devalue@5.4.1": {

     

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

     

       933
       933
       +
           "devalue@5.4.2": {

     

       934
       934
       +
             "integrity": "sha512-MwPZTKEPK2k8Qgfmqrd48ZKVvzSQjgW0lXLxiIBA8dQjtf/6mw6pggHNLcyDKyf+fI6eXxlQwPsfaCMTU5U+Bw=="

     

       892
       935
        
           },

     

       893
       936
        
           "enhanced-resolve@5.18.3": {

     

       894
       937
        
             "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",

     
···

       897
       940
        
               "tapable"

     

       898
       941
        
             ]

     

       899
       942
        
           },

     

       900
       900
       -
           "esbuild@0.25.11": {

     

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

     

       943
       943
       +
           "esbuild@0.25.12": {

     

       944
       944
       +
             "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",

     

       902
       945
        
             "optionalDependencies": [

     

       903
       946
        
               "@esbuild/aix-ppc64",

     

       904
       947
        
               "@esbuild/android-arm",

     
···

       933
       976
        
           "escape-string-regexp@4.0.0": {

     

       934
       977
        
             "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="

     

       935
       978
        
           },

     

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

     

       979
       979
       +
           "eslint-config-prettier@10.1.8_eslint@9.39.0": {

     

       937
       980
        
             "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",

     

       938
       981
        
             "dependencies": [

     

       939
       982
        
               "eslint"

     

       940
       983
        
             ],

     

       941
       984
        
             "bin": true

     

       942
       985
        
           },

     

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

     

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

     

       986
       986
       +
           "eslint-plugin-svelte@3.13.0_eslint@9.39.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6": {

     

       987
       987
       +
             "integrity": "sha512-2ohCCQJJTNbIpQCSDSTWj+FN0OVfPmSO03lmSNT7ytqMaWF6kpT86LdzDqtm4sh7TVPl/OEWJ/d7R87bXP2Vjg==",

     

       945
       988
        
             "dependencies": [

     

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

     

       947
       990
        
               "@jridgewell/sourcemap-codec",

     

       948
       991
        
               "eslint",

     

       949
       992
        
               "esutils",

     

       950
       950
       -
               "globals@16.4.0",

     

       993
       993
       +
               "globals@16.5.0",

     

       951
       994
        
               "known-css-properties",

     

       952
       995
        
               "postcss",

     

       953
       996
        
               "postcss-load-config",

     
···

       973
       1016
        
           "eslint-visitor-keys@4.2.1": {

     

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

     

       975
       1018
        
           },

     

       976
       976
       -
           "eslint@9.37.0": {

     

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

     

       1019
       1019
       +
           "eslint@9.39.0": {

     

       1020
       1020
       +
             "integrity": "sha512-iy2GE3MHrYTL5lrCtMZ0X1KLEKKUjmK0kzwcnefhR66txcEmXZD2YWgR5GNdcEwkNx3a0siYkSvl0vIC+Svjmg==",

     

       978
       1021
        
             "dependencies": [

     

       979
       1022
        
               "@eslint-community/eslint-utils",

     

       980
       1023
        
               "@eslint-community/regexpp",

     
···

       988
       1031
        
               "@humanwhocodes/module-importer",

     

       989
       1032
        
               "@humanwhocodes/retry",

     

       990
       1033
        
               "@types/estree",

     

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

     

       992
       1034
        
               "ajv",

     

       993
       1035
        
               "chalk",

     

       994
       1036
        
               "cross-spawn",

     
···

       1031
       1073
        
               "estraverse"

     

       1032
       1074
        
             ]

     

       1033
       1075
        
           },

     

       1034
       1034
       -
           "esrap@2.1.0": {

     

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

     

       1076
       1076
       +
           "esrap@2.1.2": {

     

       1077
       1077
       +
             "integrity": "sha512-DgvlIQeowRNyvLPWW4PT7Gu13WznY288Du086E751mwwbsgr29ytBiYeLzAGIo0qk3Ujob0SDk8TiSaM5WQzNg==",

     

       1036
       1078
        
             "dependencies": [

     

       1037
       1079
        
               "@jridgewell/sourcemap-codec"

     

       1038
       1080
        
             ]

     
···

       1132
       1174
        
           "globals@14.0.0": {

     

       1133
       1175
        
             "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="

     

       1134
       1176
        
           },

     

       1135
       1135
       -
           "globals@16.4.0": {

     

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

     

       1177
       1177
       +
           "globals@16.5.0": {

     

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

     

       1137
       1179
        
           },

     

       1138
       1180
        
           "graceful-fs@4.2.11": {

     

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

     
···

       1226
       1268
        
               "type-check"

     

       1227
       1269
        
             ]

     

       1228
       1270
        
           },

     

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

     

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

     

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

     

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

     

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

     

       1274
       1274
       +
             "cpu": ["arm64"]

     

       1275
       1275
       +
           },

     

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

     

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

     

       1231
       1278
        
             "os": ["darwin"],

     

       1232
       1279
        
             "cpu": ["arm64"]

     

       1233
       1280
        
           },

     

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

     

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

     

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

     

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

     

       1236
       1283
        
             "os": ["darwin"],

     

       1237
       1284
        
             "cpu": ["x64"]

     

       1238
       1285
        
           },

     

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

     

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

     

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

     

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

     

       1241
       1288
        
             "os": ["freebsd"],

     

       1242
       1289
        
             "cpu": ["x64"]

     

       1243
       1290
        
           },

     

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

     

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

     

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

     

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

     

       1246
       1293
        
             "os": ["linux"],

     

       1247
       1294
        
             "cpu": ["arm"]

     

       1248
       1295
        
           },

     

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

     

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

     

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

     

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

     

       1251
       1298
        
             "os": ["linux"],

     

       1252
       1299
        
             "cpu": ["arm64"]

     

       1253
       1300
        
           },

     

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

     

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

     

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

     

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

     

       1256
       1303
        
             "os": ["linux"],

     

       1257
       1304
        
             "cpu": ["arm64"]

     

       1258
       1305
        
           },

     

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

     

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

     

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

     

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

     

       1261
       1308
        
             "os": ["linux"],

     

       1262
       1309
        
             "cpu": ["x64"]

     

       1263
       1310
        
           },

     

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

     

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

     

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

     

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

     

       1266
       1313
        
             "os": ["linux"],

     

       1267
       1314
        
             "cpu": ["x64"]

     

       1268
       1315
        
           },

     

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

     

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

     

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

     

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

     

       1271
       1318
        
             "os": ["win32"],

     

       1272
       1319
        
             "cpu": ["arm64"]

     

       1273
       1320
        
           },

     

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

     

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

     

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

     

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

     

       1276
       1323
        
             "os": ["win32"],

     

       1277
       1324
        
             "cpu": ["x64"]

     

       1278
       1325
        
           },

     

       1279
       1279
       -
           "lightningcss@1.30.1": {

     

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

     

       1326
       1326
       +
           "lightningcss@1.30.2": {

     

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

     

       1281
       1328
        
             "dependencies": [

     

       1282
       1329
        
               "detect-libc"

     

       1283
       1330
        
             ],

     

       1284
       1331
        
             "optionalDependencies": [

     

       1332
       1332
       +
               "lightningcss-android-arm64",

     

       1285
       1333
        
               "lightningcss-darwin-arm64",

     

       1286
       1334
        
               "lightningcss-darwin-x64",

     

       1287
       1335
        
               "lightningcss-freebsd-x64",

     
···

       1312
       1360
        
           "lru-cache@11.2.2": {

     

       1313
       1361
        
             "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg=="

     

       1314
       1362
        
           },

     

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

     

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

     

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

     

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

     

       1317
       1365
        
             "dependencies": [

     

       1318
       1366
        
               "@jridgewell/sourcemap-codec"

     

       1319
       1367
        
             ]

     
···

       1344
       1392
        
               "brace-expansion@2.0.2"

     

       1345
       1393
        
             ]

     

       1346
       1394
        
           },

     

       1347
       1347
       -
           "minipass@7.1.2": {

     

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

     

       1349
       1349
       -
           },

     

       1350
       1350
       -
           "minizlib@3.1.0": {

     

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

     

       1352
       1352
       -
             "dependencies": [

     

       1353
       1353
       -
               "minipass"

     

       1354
       1354
       -
             ]

     

       1355
       1355
       -
           },

     

       1356
       1395
        
           "mri@1.2.0": {

     

       1357
       1396
        
             "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="

     

       1358
       1397
        
           },

     
···

       1364
       1403
        
           },

     

       1365
       1404
        
           "nanoid@3.3.11": {

     

       1366
       1405
        
             "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",

     

       1406
       1406
       +
             "bin": true

     

       1407
       1407
       +
           },

     

       1408
       1408
       +
           "nanoid@5.1.6": {

     

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

     

       1367
       1410
        
             "bin": true

     

       1368
       1411
        
           },

     

       1369
       1412
        
           "natural-compare@1.4.0": {

     
···

       1446
       1489
        
           "postcss@8.5.6": {

     

       1447
       1490
        
             "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",

     

       1448
       1491
        
             "dependencies": [

     

       1449
       1449
       -
               "nanoid",

     

       1492
       1492
       +
               "nanoid@3.3.11",

     

       1450
       1493
        
               "picocolors",

     

       1451
       1494
        
               "source-map-js"

     

       1452
       1495
        
             ]

     
···

       1454
       1497
        
           "prelude-ls@1.2.1": {

     

       1455
       1498
        
             "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="

     

       1456
       1499
        
           },

     

       1457
       1457
       -
           "prettier-plugin-svelte@3.4.0_prettier@3.6.2_svelte@5.40.1__acorn@8.15.0": {

     

       1500
       1500
       +
           "prettier-plugin-svelte@3.4.0_prettier@3.6.2_svelte@5.43.2__acorn@8.15.0": {

     

       1458
       1501
        
             "integrity": "sha512-pn1ra/0mPObzqoIQn/vUTR3ZZI6UuZ0sHqMK5x2jMLGrs53h0sXhkVuDcrlssHwIMk7FYrMjHBPoUSyyEEDlBQ==",

     

       1459
       1502
        
             "dependencies": [

     

       1460
       1503
        
               "prettier",

     

       1461
       1504
        
               "svelte"

     

       1462
       1505
        
             ]

     

       1463
       1506
        
           },

     

       1464
       1464
       -
           "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": {

     

       1507
       1507
       +
           "prettier-plugin-tailwindcss@0.6.14_prettier@3.6.2_prettier-plugin-svelte@3.4.0__prettier@3.6.2__svelte@5.43.2___acorn@8.15.0_svelte@5.43.2__acorn@8.15.0": {

     

       1465
       1508
        
             "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",

     

       1466
       1509
        
             "dependencies": [

     

       1467
       1510
        
               "prettier",

     
···

       1490
       1533
        
           "reusify@1.1.0": {

     

       1491
       1534
        
             "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="

     

       1492
       1535
        
           },

     

       1493
       1493
       -
           "rollup@4.52.4": {

     

       1494
       1494
       -
             "integrity": "sha512-CLEVl+MnPAiKh5pl4dEWSyMTpuflgNQiLGhMv8ezD5W/qP8AKvmYpCOKRRNOh7oRKnauBZ4SyeYkMS+1VSyKwQ==",

     

       1536
       1536
       +
           "rollup@4.52.5": {

     

       1537
       1537
       +
             "integrity": "sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==",

     

       1495
       1538
        
             "dependencies": [

     

       1496
       1539
        
               "@types/estree"

     

       1497
       1540
        
             ],

     
···

       1538
       1581
        
             "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",

     

       1539
       1582
        
             "bin": true

     

       1540
       1583
        
           },

     

       1541
       1541
       -
           "set-cookie-parser@2.7.1": {

     

       1542
       1542
       -
             "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ=="

     

       1584
       1584
       +
           "set-cookie-parser@2.7.2": {

     

       1585
       1585
       +
             "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw=="

     

       1543
       1586
        
           },

     

       1544
       1587
        
           "shebang-command@2.0.0": {

     

       1545
       1588
        
             "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",

     
···

       1570
       1613
        
               "has-flag"

     

       1571
       1614
        
             ]

     

       1572
       1615
        
           },

     

       1573
       1573
       -
           "svelte-awesome-color-picker@4.0.2_svelte@5.40.1__acorn@8.15.0": {

     

       1574
       1574
       -
             "integrity": "sha512-Ez72goMMNmw6sZhB1/BXEA8984lEkudPrdlNS+y3nHm2Lnk1w4nwy5NFyWPxTP7nFnLxhIqyV3VuJVG4PokKwg==",

     

       1616
       1616
       +
           "svelte-awesome-color-picker@4.1.0_svelte@5.43.2__acorn@8.15.0": {

     

       1617
       1617
       +
             "integrity": "sha512-afiSB3eTBlqu96f4+rjBvqG3eCaLwuneNYHe587Wr4Ien6yQWeztGZunPT0FmiI7wFFBVNUlJQLYutII8LfQUg==",

     

       1575
       1618
        
             "dependencies": [

     

       1576
       1619
        
               "colord",

     

       1577
       1620
        
               "svelte",

     

       1578
       1621
        
               "svelte-awesome-slider"

     

       1579
       1622
        
             ]

     

       1580
       1623
        
           },

     

       1581
       1581
       -
           "svelte-awesome-slider@2.0.0_svelte@5.40.1__acorn@8.15.0": {

     

       1624
       1624
       +
           "svelte-awesome-slider@2.0.0_svelte@5.43.2__acorn@8.15.0": {

     

       1582
       1625
        
             "integrity": "sha512-YBkOdYm1Feaqsn2JkJBRs+Kc/X3Qy/3GuVmI7GmoYDjBaHkjx9uH4khTuED22z57Hg3gGWeDhp/clIjWDdLNaw==",

     

       1583
       1626
        
             "dependencies": [

     

       1584
       1627
        
               "svelte"

     

       1585
       1628
        
             ]

     

       1586
       1629
        
           },

     

       1587
       1587
       -
           "svelte-check@4.3.3_svelte@5.40.1__acorn@8.15.0_typescript@5.9.3": {

     

       1630
       1630
       +
           "svelte-check@4.3.3_svelte@5.43.2__acorn@8.15.0_typescript@5.9.3": {

     

       1588
       1631
        
             "integrity": "sha512-RYP0bEwenDXzfv0P1sKAwjZSlaRyqBn0Fz1TVni58lqyEiqgwztTpmodJrGzP6ZT2aHl4MbTvWP6gbmQ3FOnBg==",

     

       1589
       1632
        
             "dependencies": [

     

       1590
       1633
        
               "@jridgewell/trace-mapping",

     
···

       1597
       1640
        
             ],

     

       1598
       1641
        
             "bin": true

     

       1599
       1642
        
           },

     

       1600
       1600
       -
           "svelte-eslint-parser@1.3.3_svelte@5.40.1__acorn@8.15.0_postcss@8.5.6": {

     

       1601
       1601
       -
             "integrity": "sha512-oTrDR8Z7Wnguut7QH3YKh7JR19xv1seB/bz4dxU5J/86eJtZOU4eh0/jZq4dy6tAlz/KROxnkRQspv5ZEt7t+Q==",

     

       1643
       1643
       +
           "svelte-device-info@1.0.6": {

     

       1644
       1644
       +
             "integrity": "sha512-G13YYkxnlz5AryOps8KFHFt8+5Ne7JiZgTxtYEXLVBF4UAwu9I1F+Xcd9rfhTZqUUtF9fm4qJpSi3I6p1JUt6Q==",

     

       1645
       1645
       +
             "dependencies": [

     

       1646
       1646
       +
               "tslib"

     

       1647
       1647
       +
             ]

     

       1648
       1648
       +
           },

     

       1649
       1649
       +
           "svelte-eslint-parser@1.4.0_svelte@5.43.2__acorn@8.15.0_postcss@8.5.6": {

     

       1650
       1650
       +
             "integrity": "sha512-fjPzOfipR5S7gQ/JvI9r2H8y9gMGXO3JtmrylHLLyahEMquXI0lrebcjT+9/hNgDej0H7abTyox5HpHmW1PSWA==",

     

       1602
       1651
        
             "dependencies": [

     

       1603
       1652
        
               "eslint-scope",

     

       1604
       1653
        
               "eslint-visitor-keys@4.2.1",

     
···

       1612
       1661
        
               "svelte"

     

       1613
       1662
        
             ]

     

       1614
       1663
        
           },

     

       1615
       1615
       -
           "svelte-infinite@0.5.0_svelte@5.40.1__acorn@8.15.0": {

     

       1616
       1616
       -
             "integrity": "sha512-3ZomRQcQzg8VWtnqO4MvPC0Jt3hvh1wmC47t64BcI+8UXTl0FJYVfB7ky4d1NJ3mf/KZZa+hcIZJPnV9cOt8gQ==",

     

       1664
       1664
       +
           "svelte-infinite@0.5.1_svelte@5.43.2__acorn@8.15.0": {

     

       1665
       1665
       +
             "integrity": "sha512-NvpYWrHPcLHZQMnqUXgKGpOSMq9kMQ6sa8+WO80jLrgBFX+LWoKvAsrc1d1g+eiaagNAE9HalWWJ4KDtYi/+sw==",

     

       1617
       1666
        
             "dependencies": [

     

       1618
       1667
        
               "svelte"

     

       1619
       1668
        
             ]

     

       1620
       1669
        
           },

     

       1621
       1621
       -
           "svelte@5.40.1_acorn@8.15.0": {

     

       1622
       1622
       -
             "integrity": "sha512-0R3t2oiLxJNJb2buz61MNfPdkjeyj2qTCM7TtIv/4ZfF12zD7Ig8iIo+C8febroy+9S4QJ7qfijtearSdO/1ww==",

     

       1670
       1670
       +
           "svelte-portal@2.2.1": {

     

       1671
       1671
       +
             "integrity": "sha512-uF7is5sM4aq5iN7QF/67XLnTUvQCf2iiG/B1BHTqLwYVY1dsVmTeXZ/LeEyU6dLjApOQdbEG9lkqHzxiQtOLEQ=="

     

       1672
       1672
       +
           },

     

       1673
       1673
       +
           "svelte@5.43.2_acorn@8.15.0": {

     

       1674
       1674
       +
             "integrity": "sha512-ro1umEzX8rT5JpCmlf0PPv7ncD8MdVob9e18bhwqTKNoLjS8kDvhVpaoYVPc+qMwDAOfcwJtyY7ZFSDbOaNPgA==",

     

       1623
       1675
        
             "dependencies": [

     

       1624
       1676
        
               "@jridgewell/remapping",

     

       1625
       1677
        
               "@jridgewell/sourcemap-codec",

     
···

       1637
       1689
        
               "zimmerframe"

     

       1638
       1690
        
             ]

     

       1639
       1691
        
           },

     

       1640
       1640
       -
           "tailwindcss@4.1.14": {

     

       1641
       1641
       -
             "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA=="

     

       1692
       1692
       +
           "tailwindcss@4.1.16": {

     

       1693
       1693
       +
             "integrity": "sha512-pONL5awpaQX4LN5eiv7moSiSPd/DLDzKVRJz8Q9PgzmAdd1R4307GQS2ZpfiN7ZmekdQrfhZZiSE5jkLR4WNaA=="

     

       1642
       1694
        
           },

     

       1643
       1695
        
           "tapable@2.3.0": {

     

       1644
       1696
        
             "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="

     

       1645
       1697
        
           },

     

       1646
       1646
       -
           "tar@7.5.1": {

     

       1647
       1647
       -
             "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",

     

       1648
       1648
       -
             "dependencies": [

     

       1649
       1649
       -
               "@isaacs/fs-minipass",

     

       1650
       1650
       -
               "chownr",

     

       1651
       1651
       -
               "minipass",

     

       1652
       1652
       -
               "minizlib",

     

       1653
       1653
       -
               "yallist"

     

       1654
       1654
       -
             ]

     

       1655
       1655
       -
           },

     

       1656
       1698
        
           "tinyglobby@0.2.15_picomatch@4.0.3": {

     

       1657
       1699
        
             "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",

     

       1658
       1700
        
             "dependencies": [

     
···

       1675
       1717
        
               "typescript"

     

       1676
       1718
        
             ]

     

       1677
       1719
        
           },

     

       1720
       1720
       +
           "tslib@2.8.1": {

     

       1721
       1721
       +
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="

     

       1722
       1722
       +
           },

     

       1678
       1723
        
           "type-check@0.4.0": {

     

       1679
       1724
        
             "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",

     

       1680
       1725
        
             "dependencies": [

     

       1681
       1726
        
               "prelude-ls"

     

       1682
       1727
        
             ]

     

       1683
       1728
        
           },

     

       1684
       1684
       -
           "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": {

     

       1685
       1685
       -
             "integrity": "sha512-VHgijW803JafdSsDO8I761r3SHrgk4T00IdyQ+/UsthtgPRsBWQLqoSxOolxTpxRKi1kGXK0bSz4CoAc9ObqJA==",

     

       1729
       1729
       +
           "typescript-eslint@8.46.3_eslint@9.39.0_typescript@5.9.3_@typescript-eslint+parser@8.46.3__eslint@9.39.0__typescript@5.9.3": {

     

       1730
       1730
       +
             "integrity": "sha512-bAfgMavTuGo+8n6/QQDVQz4tZ4f7Soqg53RbrlZQEoAltYop/XR4RAts/I0BrO3TTClTSTFJ0wYbla+P8cEWJA==",

     

       1686
       1731
        
             "dependencies": [

     

       1687
       1732
        
               "@typescript-eslint/eslint-plugin",

     

       1688
       1733
        
               "@typescript-eslint/parser",

     
···

       1696
       1741
        
             "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",

     

       1697
       1742
        
             "bin": true

     

       1698
       1743
        
           },

     

       1699
       1699
       -
           "undici-types@7.14.0": {

     

       1700
       1700
       -
             "integrity": "sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA=="

     

       1744
       1744
       +
           "undici-types@7.16.0": {

     

       1745
       1745
       +
             "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="

     

       1701
       1746
        
           },

     

       1702
       1747
        
           "uri-js@4.4.1": {

     

       1703
       1748
        
             "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",

     
···

       1708
       1753
        
           "util-deprecate@1.0.2": {

     

       1709
       1754
        
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="

     

       1710
       1755
        
           },

     

       1711
       1711
       -
           "vite@7.1.10_@types+node@24.8.0_picomatch@4.0.3": {

     

       1712
       1712
       -
             "integrity": "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA==",

     

       1756
       1756
       +
           "vite@7.1.12_@types+node@24.10.0_picomatch@4.0.3": {

     

       1757
       1757
       +
             "integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",

     

       1713
       1758
        
             "dependencies": [

     

       1714
       1759
        
               "@types/node",

     

       1715
       1760
        
               "esbuild",

     
···

       1727
       1772
        
             ],

     

       1728
       1773
        
             "bin": true

     

       1729
       1774
        
           },

     

       1730
       1730
       -
           "vitefu@1.1.1_vite@7.1.10__@types+node@24.8.0__picomatch@4.0.3_@types+node@24.8.0": {

     

       1775
       1775
       +
           "vitefu@1.1.1_vite@7.1.12__@types+node@24.10.0__picomatch@4.0.3_@types+node@24.10.0": {

     

       1731
       1776
        
             "integrity": "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ==",

     

       1732
       1777
        
             "dependencies": [

     

       1733
       1778
        
               "vite"

     
···

       1746
       1791
        
           "word-wrap@1.2.5": {

     

       1747
       1792
        
             "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="

     

       1748
       1793
        
           },

     

       1749
       1749
       -
           "yallist@5.0.0": {

     

       1750
       1750
       -
             "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw=="

     

       1751
       1751
       -
           },

     

       1752
       1794
        
           "yaml@1.10.2": {

     

       1753
       1795
        
             "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="

     

       1754
       1796
        
           },

     
···

       1762
       1804
        
         "workspace": {

     

       1763
       1805
        
           "packageJson": {

     

       1764
       1806
        
             "dependencies": [

     

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

     

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

     

       1807
       1807
       +
               "npm:@atcute/atproto@^3.1.8",

     

       1808
       1808
       +
               "npm:@atcute/bluesky@^3.2.9",

     

       1767
       1809
        
               "npm:@atcute/client@^4.0.5",

     

       1810
       1810
       +
               "npm:@atcute/identity-resolver@^1.1.4",

     

       1768
       1811
        
               "npm:@atcute/identity@^1.1.1",

     

       1769
       1812
        
               "npm:@atcute/lexicons@^1.2.2",

     

       1813
       1813
       +
               "npm:@atcute/oauth-browser-client@^2.0.1",

     

       1770
       1814
        
               "npm:@atcute/tid@^1.0.3",

     

       1771
       1771
       -
               "npm:@eslint/compat@^1.4.0",

     

       1772
       1772
       -
               "npm:@eslint/js@^9.36.0",

     

       1773
       1773
       -
               "npm:@iconify/svelte@^5.0.2",

     

       1815
       1815
       +
               "npm:@eslint/compat@^1.4.1",

     

       1816
       1816
       +
               "npm:@eslint/js@^9.39.0",

     

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

     

       1818
       1818
       +
               "npm:@iconify/svelte@^5.1.0",

     

       1774
       1819
        
               "npm:@soffinal/websocket@~0.2.1",

     

       1775
       1775
       -
               "npm:@sveltejs/adapter-auto@^6.1.0",

     

       1776
       1776
       -
               "npm:@sveltejs/kit@^2.43.2",

     

       1777
       1777
       -
               "npm:@sveltejs/vite-plugin-svelte@^6.2.0",

     

       1820
       1820
       +
               "npm:@sveltejs/adapter-static@^3.0.10",

     

       1821
       1821
       +
               "npm:@sveltejs/kit@^2.48.4",

     

       1822
       1822
       +
               "npm:@sveltejs/vite-plugin-svelte@^6.2.1",

     

       1778
       1823
        
               "npm:@tailwindcss/forms@~0.5.10",

     

       1779
       1779
       -
               "npm:@tailwindcss/vite@^4.1.13",

     

       1780
       1780
       -
               "npm:@types/node@24",

     

       1824
       1824
       +
               "npm:@tailwindcss/vite@^4.1.16",

     

       1825
       1825
       +
               "npm:@types/node@^24.10.0",

     

       1781
       1826
        
               "npm:@wora/cache-persist@^2.2.1",

     

       1782
       1827
        
               "npm:eslint-config-prettier@^10.1.8",

     

       1783
       1783
       -
               "npm:eslint-plugin-svelte@^3.12.4",

     

       1784
       1784
       -
               "npm:eslint@^9.36.0",

     

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

     

       1828
       1828
       +
               "npm:eslint-plugin-svelte@^3.13.0",

     

       1829
       1829
       +
               "npm:eslint@^9.39.0",

     

       1830
       1830
       +
               "npm:globals@^16.5.0",

     

       1786
       1831
        
               "npm:hash-wasm@^4.12.0",

     

       1787
       1832
        
               "npm:lru-cache@^11.2.2",

     

       1788
       1833
        
               "npm:prettier-plugin-svelte@^3.4.0",

     

       1789
       1834
        
               "npm:prettier-plugin-tailwindcss@~0.6.14",

     

       1790
       1835
        
               "npm:prettier@^3.6.2",

     

       1791
       1791
       -
               "npm:svelte-awesome-color-picker@^4.0.2",

     

       1792
       1792
       -
               "npm:svelte-check@^4.3.2",

     

       1793
       1793
       -
               "npm:svelte-infinite@0.5",

     

       1794
       1794
       -
               "npm:svelte@^5.39.5",

     

       1795
       1795
       -
               "npm:tailwindcss@^4.1.13",

     

       1796
       1796
       -
               "npm:typescript-eslint@^8.44.1",

     

       1797
       1797
       -
               "npm:typescript@^5.9.2",

     

       1798
       1798
       -
               "npm:vite@^7.1.7"

     

       1836
       1836
       +
               "npm:svelte-awesome-color-picker@^4.1.0",

     

       1837
       1837
       +
               "npm:svelte-check@^4.3.3",

     

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

     

       1839
       1839
       +
               "npm:svelte-infinite@~0.5.1",

     

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

     

       1841
       1841
       +
               "npm:svelte@^5.43.2",

     

       1842
       1842
       +
               "npm:tailwindcss@^4.1.16",

     

       1843
       1843
       +
               "npm:typescript-eslint@^8.46.3",

     

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

     

       1845
       1845
       +
               "npm:vite@^7.1.12"

     

       1799
       1846
        
             ]

     

       1800
       1847
        
           }

     

       1801
       1848
        
         }

+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-s5rq8htDjR0I8MxPtLq1NYIywXGEdYbZZvE7I5+TCIU=";

     

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

+27 -22

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

     

       17
       17
       +
       		"@atcute/atproto": "^3.1.8",

     

       18
       18
       +
       		"@atcute/bluesky": "^3.2.9",

     

       19
       19
        
       		"@atcute/client": "^4.0.5",

     

       20
       20
        
       		"@atcute/identity": "^1.1.1",

     

       21
       21
       +
       		"@atcute/identity-resolver": "^1.1.4",

     

       21
       22
        
       		"@atcute/lexicons": "^1.2.2",

     

       23
       23
       +
       		"@atcute/oauth-browser-client": "^2.0.1",

     

       22
       24
        
       		"@atcute/tid": "^1.0.3",

     

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

     

       23
       26
        
       		"@soffinal/websocket": "^0.2.1",

     

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

     

       25
       28
        
       		"hash-wasm": "^4.12.0",

     

       26
       29
        
       		"lru-cache": "^11.2.2",

     

       27
       27
       -
       		"svelte-infinite": "^0.5.0"

     

       30
       30
       +
       		"svelte-device-info": "^1.0.6",

     

       31
       31
       +
       		"svelte-infinite": "^0.5.1",

     

       32
       32
       +
       		"svelte-portal": "^2.2.1"

     

       28
       33
        
       	},

     

       29
       34
        
       	"devDependencies": {

     

       30
       30
       -
       		"@eslint/compat": "^1.4.0",

     

       31
       31
       -
       		"@eslint/js": "^9.36.0",

     

       32
       32
       -
       		"@iconify/svelte": "^5.0.2",

     

       33
       33
       -
       		"@sveltejs/adapter-auto": "^6.1.0",

     

       34
       34
       -
       		"@sveltejs/kit": "^2.43.2",

     

       35
       35
       -
       		"@sveltejs/vite-plugin-svelte": "^6.2.0",

     

       35
       35
       +
       		"@eslint/compat": "^1.4.1",

     

       36
       36
       +
       		"@eslint/js": "^9.39.0",

     

       37
       37
       +
       		"@iconify/svelte": "^5.1.0",

     

       38
       38
       +
       		"@sveltejs/adapter-static": "^3.0.10",

     

       39
       39
       +
       		"@sveltejs/kit": "^2.48.4",

     

       40
       40
       +
       		"@sveltejs/vite-plugin-svelte": "^6.2.1",

     

       36
       41
        
       		"@tailwindcss/forms": "^0.5.10",

     

       37
       37
       -
       		"@tailwindcss/vite": "^4.1.13",

     

       38
       38
       -
       		"@types/node": "^24",

     

       39
       39
       -
       		"eslint": "^9.36.0",

     

       42
       42
       +
       		"@tailwindcss/vite": "^4.1.16",

     

       43
       43
       +
       		"@types/node": "^24.10.0",

     

       44
       44
       +
       		"eslint": "^9.39.0",

     

       40
       45
        
       		"eslint-config-prettier": "^10.1.8",

     

       41
       41
       -
       		"eslint-plugin-svelte": "^3.12.4",

     

       42
       42
       -
       		"globals": "^16.4.0",

     

       46
       46
       +
       		"eslint-plugin-svelte": "^3.13.0",

     

       47
       47
       +
       		"globals": "^16.5.0",

     

       43
       48
        
       		"prettier": "^3.6.2",

     

       44
       49
        
       		"prettier-plugin-svelte": "^3.4.0",

     

       45
       50
        
       		"prettier-plugin-tailwindcss": "^0.6.14",

     

       46
       46
       -
       		"svelte": "^5.39.5",

     

       47
       47
       -
       		"svelte-awesome-color-picker": "^4.0.2",

     

       48
       48
       -
       		"svelte-check": "^4.3.2",

     

       49
       49
       -
       		"tailwindcss": "^4.1.13",

     

       50
       50
       -
       		"typescript": "^5.9.2",

     

       51
       51
       -
       		"typescript-eslint": "^8.44.1",

     

       52
       52
       -
       		"vite": "^7.1.7"

     

       51
       51
       +
       		"svelte": "^5.43.2",

     

       52
       52
       +
       		"svelte-awesome-color-picker": "^4.1.0",

     

       53
       53
       +
       		"svelte-check": "^4.3.3",

     

       54
       54
       +
       		"tailwindcss": "^4.1.16",

     

       55
       55
       +
       		"typescript": "^5.9.3",

     

       56
       56
       +
       		"typescript-eslint": "^8.46.3",

     

       57
       57
       +
       		"vite": "^7.1.12"

     

       53
       58
        
       	}

     

       54
       59
        
       }

resources/screenshot.png

This is a binary file and will not be displayed.

+33 -1

src/app.css

···

       1
       1
        
       @import 'tailwindcss';

     

       2
       2
       +
       

     

       2
       3
        
       @plugin '@tailwindcss/forms';

     

       3
       4
        
       

     

       4
       5
        
       @theme {

     
···

       23
       24
        
       }

     

       24
       25
        
       

     

       25
       26
        
       @utility single-line-input {

     

       26
       26
       -
       	@apply w-full rounded-sm border-2 px-3 py-2 font-medium transition-all focus:scale-[1.02] focus:shadow-lg focus:outline-none;

     

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

     

       27
       31
        
       }

     

       28
       32
        
       

     

       29
       33
        
       @utility action-button {

     

       30
       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;

     

       31
       35
        
       }

     

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

     

       33
       45
        
       :root {

     

       34
       46
        
       	scrollbar-width: thin;

     

       35
       47
        
       	scrollbar-color: var(--nucleus-accent) var(--nucleus-bg);

     
···

       39
       51
        
       	@apply hover:cursor-pointer;

     

       40
       52
        
       }

     

       41
       53
        
       

     

       54
       54
       +
       a {

     

       55
       55
       +
       	&:hover {

     

       56
       56
       +
       		@apply cursor-pointer underline;

     

       57
       57
       +
       	}

     

       58
       58
       +
       }

     

       59
       59
       +
       

     

       42
       60
        
       .grain:before {

     

       43
       61
        
       	content: '';

     

       44
       62
        
       	background-color: transparent;

     
···

       63
       81
        
       	--picker-height: 8rem;

     

       64
       82
        
       	--picker-width: 8rem;

     

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

+135 -221

src/components/AccountSelector.svelte

···

       1
       1
        
       <script lang="ts">

     

       2
       2
       -
       	import { generateColorForDid, type Account } from '$lib/accounts';

     

       2
       2
       +
       	import { generateColorForDid, loggingIn, type Account } from '$lib/accounts';

     

       3
       3
        
       	import { AtpClient } from '$lib/at/client';

     

       4
       4
       -
       	import type { Did, Handle } from '@atcute/lexicons';

     

       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';

     

       7
       12
        
       

     

       8
       13
        
       	interface Props {

     

       9
       14
        
       		client: AtpClient;

     

       10
       15
        
       		accounts: Array<Account>;

     

       11
       11
       -
       		selectedDid?: Did | null;

     

       12
       12
       -
       		onAccountSelected: (did: Did) => void;

     

       13
       13
       -
       		onLoginSucceed: (did: Did, handle: Handle, password: string) => void;

     

       14
       14
       -
       		onLogout: (did: Did) => void;

     

       16
       16
       +
       		selectedDid?: AtprotoDid | null;

     

       17
       17
       +
       		onAccountSelected: (did: AtprotoDid) => void;

     

       18
       18
       +
       		onLogout: (did: AtprotoDid) => void;

     

       15
       19
        
       	}

     

       16
       20
        
       

     

       17
       21
        
       	let {

     
···

       19
       23
        
       		accounts = [],

     

       20
       24
        
       		selectedDid = $bindable(null),

     

       21
       25
        
       		onAccountSelected,

     

       22
       22
       -
       		onLoginSucceed,

     

       23
       26
        
       		onLogout

     

       24
       27
        
       	}: Props = $props();

     

       25
       28
        
       

     

       26
       29
        
       	let isDropdownOpen = $state(false);

     

       27
       30
        
       	let isLoginModalOpen = $state(false);

     

       28
       31
        
       	let loginHandle = $state('');

     

       29
       29
       -
       	let loginPassword = $state('');

     

       30
       32
        
       	let loginError = $state('');

     

       31
       33
        
       	let isLoggingIn = $state(false);

     

       32
       34
        
       

     

       33
       33
       -
       	const toggleDropdown = (e: MouseEvent) => {

     

       34
       34
       -
       		e.stopPropagation();

     

       35
       35
       -
       		isDropdownOpen = !isDropdownOpen;

     

       36
       36
       -
       	};

     

       35
       35
       +
       	const toggleDropdown = () => (isDropdownOpen = !isDropdownOpen);

     

       36
       36
       +
       	const closeDropdown = () => (isDropdownOpen = false);

     

       37
       37
        
       

     

       38
       38
       -
       	const selectAccount = (did: Did) => {

     

       38
       38
       +
       	const selectAccount = (did: AtprotoDid) => {

     

       39
       39
        
       		onAccountSelected(did);

     

       40
       40
       -
       		isDropdownOpen = false;

     

       40
       40
       +
       		closeDropdown();

     

       41
       41
        
       	};

     

       42
       42
        
       

     

       43
       43
        
       	const openLoginModal = () => {

     

       44
       44
        
       		isLoginModalOpen = true;

     

       45
       45
       -
       		isDropdownOpen = false;

     

       45
       45
       +
       		closeDropdown();

     

       46
       46
        
       		loginHandle = '';

     

       47
       47
       -
       		loginPassword = '';

     

       48
       47
        
       		loginError = '';

     

       48
       48
       +
       		// HACK: i hate this but it works so it doesnt really matter

     

       49
       49
       +
       		setTimeout(() => document.getElementById('handle')?.focus(), 100);

     

       49
       50
        
       	};

     

       50
       51
        
       

     

       51
       52
        
       	const closeLoginModal = () => {

     

       53
       53
       +
       		document.getElementById('handle')?.blur();

     

       52
       54
        
       		isLoginModalOpen = false;

     

       53
       55
        
       		loginHandle = '';

     

       54
       54
       -
       		loginPassword = '';

     

       55
       56
        
       		loginError = '';

     

       56
       57
        
       	};

     

       57
       58
        
       

     

       58
       59
        
       	const handleLogin = async () => {

     

       59
       59
       -
       		if (!loginHandle || !loginPassword) {

     

       60
       60
       -
       			loginError = 'please enter both handle and password';

     

       61
       61
       -
       			return;

     

       62
       62
       -
       		}

     

       60
       60
       +
       		try {

     

       61
       61
       +
       			if (!loginHandle) throw 'please enter handle';

     

       63
       62
        
       

     

       64
       64
       -
       		isLoggingIn = true;

     

       65
       65
       -
       		loginError = '';

     

       63
       63
       +
       			isLoggingIn = true;

     

       64
       64
       +
       			loginError = '';

     

       66
       65
        
       

     

       67
       67
       -
       		try {

     

       68
       68
       -
       			const client = new AtpClient();

     

       69
       69
       -
       			const result = await client.login(loginHandle as Handle, loginPassword);

     

       70
       70
       -
       

     

       71
       71
       -
       			if (!result.ok) {

     

       72
       72
       -
       				loginError = result.error;

     

       73
       73
       -
       				isLoggingIn = false;

     

       74
       74
       -
       				return;

     

       75
       75
       -
       			}

     

       66
       66
       +
       			let handle: Handle;

     

       67
       67
       +
       			if (isHandle(loginHandle)) handle = loginHandle;

     

       68
       68
       +
       			else throw 'handle is invalid';

     

       76
       69
        
       

     

       77
       77
       -
       			if (!client.didDoc) {

     

       78
       78
       -
       				loginError = 'failed to get did document';

     

       79
       79
       -
       				isLoggingIn = false;

     

       80
       80
       -
       				return;

     

       81
       81
       -
       			}

     

       70
       70
       +
       			let did = await client.resolveHandle(handle);

     

       71
       71
       +
       			if (!did.ok) throw did.error;

     

       82
       72
        
       

     

       83
       83
       -
       			onLoginSucceed(client.didDoc.did, loginHandle as Handle, loginPassword);

     

       84
       84
       -
       			closeLoginModal();

     

       73
       73
       +
       			await initiateLogin(did.value, handle);

     

       85
       74
        
       		} catch (error) {

     

       86
       75
        
       			loginError = `login failed: ${error}`;

     

       76
       76
       +
       			loggingIn.set(null);

     

       87
       77
        
       		} finally {

     

       88
       78
        
       			isLoggingIn = false;

     

       89
       79
        
       		}

     

       90
       80
        
       	};

     

       91
       81
        
       

     

       92
       92
       -
       	const handleKeydown = (event: KeyboardEvent) => {

     

       93
       93
       -
       		if (event.key === 'Escape') {

     

       94
       94
       -
       			closeLoginModal();

     

       95
       95
       -
       		} else if (event.key === 'Enter' && !isLoggingIn) {

     

       96
       96
       -
       			handleLogin();

     

       97
       97
       -
       		}

     

       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;

     

       98
       86
        
       	};

     

       99
       87
        
       

     

       100
       100
       -
       	const closeDropdown = () => {

     

       101
       101
       -
       		isDropdownOpen = false;

     

       88
       88
       +
       	const handleKeydown = (event: KeyboardEvent) => {

     

       89
       89
       +
       		if (event.key === 'Enter' && !isLoggingIn) handleLogin();

     

       102
       90
        
       	};

     

       103
       91
        
       </script>

     

       104
       92
        
       

     

       105
       105
       -
       <svelte:window onclick={closeDropdown} />

     

       106
       106
       -
       

     

       107
       107
       -
       <div class="relative">

     

       108
       108
       -
       	<button

     

       109
       109
       -
       		onclick={toggleDropdown}

     

       110
       110
       -
       		class="flex h-16 w-16 items-center justify-center rounded-sm shadow-lg transition-all hover:scale-105 hover:shadow-xl"

     

       111
       111
       -
       	>

     

       112
       112
       -
       		{#if selectedDid}

     

       113
       113
       -
       			<ProfilePicture {client} did={selectedDid} size={15} />

     

       114
       114
       -
       		{:else}

     

       115
       115
       -
       			<PfpPlaceholder color="var(--nucleus-accent)" size={15} />

     

       116
       116
       -
       		{/if}

     

       117
       117
       -
       	</button>

     

       118
       118
       -
       

     

       119
       119
       -
       	{#if isDropdownOpen}

     

       120
       120
       -
       		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       121
       121
       -
       		<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       122
       122
       -
       		<div

     

       123
       123
       -
       			class="absolute left-0 z-10 mt-3 min-w-52 animate-fade-in-scale-fast overflow-hidden rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg)/94 shadow-2xl backdrop-blur-lg transition-all"

     

       124
       124
       -
       			onclick={(e) => e.stopPropagation()}

     

       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"

     

       125
       102
        
       		>

     

       126
       126
       -
       			{#if accounts.length > 0}

     

       127
       127
       -
       				<div class="p-2">

     

       128
       128
       -
       					{#each accounts as account (account.did)}

     

       129
       129
       -
       						{@const color = generateColorForDid(account.did)}

     

       130
       130
       -
       						<button

     

       131
       131
       -
       							onclick={() => selectAccount(account.did)}

     

       132
       132
       -
       							class="

     

       133
       133
       -
           							group flex w-full items-center gap-3 rounded-sm p-2 text-left text-sm font-medium transition-all

     

       134
       134
       -
           							{account.did === selectedDid ? 'shadow-lg' : ''}

     

       135
       135
       -
       							"

     

       136
       136
       -
       							style="color: {color}; background: {account.did === selectedDid

     

       137
       137
       -
       								? `linear-gradient(135deg, color-mix(in srgb, var(--nucleus-accent) 20%, transparent), color-mix(in srgb, var(--nucleus-accent2) 20%, transparent))`

     

       138
       138
       -
       								: 'transparent'};"

     

       139
       139
       -
       						>

     

       140
       140
       -
       							<span>@{account.handle}</span>

     

       141
       141
       -
       							<svg

     

       142
       142
       -
       								xmlns="http://www.w3.org/2000/svg"

     

       143
       143
       -
       								onclick={() => onLogout(account.did)}

     

       144
       144
       -
       								class="ml-auto hidden h-5 w-5 text-(--nucleus-accent) transition-all group-hover:[display:block] hover:scale-[1.2] hover:shadow-md"

     

       145
       145
       -
       								width="24"

     

       146
       146
       -
       								height="24"

     

       147
       147
       -
       								viewBox="0 0 20 20"

     

       148
       148
       -
       								><path

     

       149
       149
       -
       									fill="currentColor"

     

       150
       150
       -
       									fill-rule="evenodd"

     

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

     

       152
       152
       -
       									clip-rule="evenodd"

     

       153
       153
       -
       								/></svg

     

       154
       154
       -
       							>

     

       155
       155
       -
       

     

       156
       156
       -
       							{#if account.did === selectedDid}

     

       157
       157
       -
       								<svg

     

       158
       158
       -
       									xmlns="http://www.w3.org/2000/svg"

     

       159
       159
       -
       									class="ml-auto h-5 w-5 text-(--nucleus-accent) group-hover:hidden"

     

       160
       160
       -
       									width="24"

     

       161
       161
       -
       									height="24"

     

       162
       162
       -
       									viewBox="0 0 24 24"

     

       163
       163
       -
       									><path

     

       164
       164
       -
       										fill="currentColor"

     

       165
       165
       -
       										fill-rule="evenodd"

     

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

     

       167
       167
       -
       										clip-rule="evenodd"

     

       168
       168
       -
       										stroke-width="1.5"

     

       169
       169
       -
       										stroke="currentColor"

     

       170
       170
       -
       									/></svg

     

       171
       171
       -
       								>

     

       172
       172
       -
       							{/if}

     

       173
       173
       -
       						</button>

     

       174
       174
       -
       					{/each}

     

       175
       175
       -
       				</div>

     

       176
       176
       -
       				<div

     

       177
       177
       -
       					class="mx-2 h-px bg-gradient-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"

     

       178
       178
       -
       				></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} />

     

       179
       107
        
       			{/if}

     

       180
       180
       -
       			<button

     

       181
       181
       -
       				onclick={openLoginModal}

     

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

     

       183
       183
       -
       			>

     

       184
       184
       -
       				<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       185
       185
       -
       					<path

     

       186
       186
       -
       						stroke-linecap="round"

     

       187
       187
       -
       						stroke-linejoin="round"

     

       188
       188
       -
       						stroke-width="2.5"

     

       189
       189
       -
       						d="M12 4v16m8-8H4"

     

       190
       190
       -
       					/>

     

       191
       191
       -
       				</svg>

     

       192
       192
       -
       				<span>add account</span>

     

       193
       193
       -
       			</button>

     

       194
       194
       -
       		</div>

     

       195
       195
       -
       	{/if}

     

       196
       196
       -
       </div>

     

       108
       108
       +
       		</button>

     

       109
       109
       +
       	{/snippet}

     

       197
       110
        
       

     

       198
       198
       -
       {#if isLoginModalOpen}

     

       199
       199
       -
       	<div

     

       200
       200
       -
       		class="fixed inset-0 z-50 flex items-center justify-center bg-(--nucleus-bg)/80 backdrop-blur-sm"

     

       201
       201
       -
       		onclick={closeLoginModal}

     

       202
       202
       -
       		onkeydown={handleKeydown}

     

       203
       203
       -
       		role="button"

     

       204
       204
       -
       		tabindex="-1"

     

       205
       205
       -
       	>

     

       206
       206
       -
       		<!-- svelte-ignore a11y_interactive_supports_focus -->

     

       207
       207
       -
       		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       208
       208
       -
       		<div

     

       209
       209
       -
       			class="w-full max-w-md animate-fade-in-scale rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) p-4 shadow-2xl transition-all"

     

       210
       210
       -
       			onclick={(e) => e.stopPropagation()}

     

       211
       211
       -
       			role="dialog"

     

       212
       212
       -
       		>

     

       213
       213
       -
       			<div class="mb-6 flex items-center justify-between">

     

       214
       214
       -
       				<div>

     

       215
       215
       -
       					<h2 class="text-2xl font-bold">add account</h2>

     

       216
       216
       -
       					<div class="mt-2 flex gap-2">

     

       217
       217
       -
       						<div class="h-1 w-10 rounded-full bg-(--nucleus-accent)"></div>

     

       218
       218
       -
       						<div class="h-1 w-9 rounded-full bg-(--nucleus-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} />

     

       219
       124
        
       					</div>

     

       220
       220
       -
       				</div>

     

       221
       221
       -
       				<!-- svelte-ignore a11y_consider_explicit_label -->

     

       125
       125
       +
       				{/snippet}

     

       222
       126
        
       				<button

     

       223
       223
       -
       					onclick={closeLoginModal}

     

       224
       224
       -
       					class="rounded-xl p-2 text-(--nucleus-fg)/40 transition-all hover:scale-110 hover:text-(--nucleus-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'};"

     

       225
       135
        
       				>

     

       226
       226
       -
       					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       227
       227
       -
       						<path

     

       228
       228
       -
       							stroke-linecap="round"

     

       229
       229
       -
       							stroke-linejoin="round"

     

       230
       230
       -
       							stroke-width="2.5"

     

       231
       231
       -
       							d="M6 18L18 6M6 6l12 12"

     

       232
       232
       -
       						/>

     

       233
       233
       -
       					</svg>

     

       234
       234
       -
       				</button>

     

       235
       235
       -
       			</div>

     

       136
       136
       +
       					<span>@{account.handle}</span>

     

       236
       137
        
       

     

       237
       237
       -
       			<div class="space-y-5">

     

       238
       238
       -
       				<div>

     

       239
       239
       -
       					<label for="handle" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       240
       240
       -
       						handle

     

       241
       241
       -
       					</label>

     

       242
       242
       -
       					<input

     

       243
       243
       -
       						id="handle"

     

       244
       244
       -
       						type="text"

     

       245
       245
       -
       						bind:value={loginHandle}

     

       246
       246
       -
       						placeholder="example.bsky.social"

     

       247
       247
       -
       						class="single-line-input border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3"

     

       248
       248
       -
       						disabled={isLoggingIn}

     

       249
       249
       -
       					/>

     

       250
       250
       -
       				</div>

     

       138
       138
       +
       					<div class="grow"></div>

     

       251
       139
        
       

     

       252
       252
       -
       				<div>

     

       253
       253
       -
       					<label for="password" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       254
       254
       -
       						app password

     

       255
       255
       -
       					</label>

     

       256
       256
       -
       					<input

     

       257
       257
       -
       						id="password"

     

       258
       258
       -
       						type="password"

     

       259
       259
       -
       						bind:value={loginPassword}

     

       260
       260
       -
       						placeholder="xxxx-xxxx-xxxx-xxxx"

     

       261
       261
       -
       						class="single-line-input border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3"

     

       262
       262
       -
       						disabled={isLoggingIn}

     

       263
       263
       -
       					/>

     

       264
       264
       -
       				</div>

     

       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"

     

       149
       149
       +
       						/>

     

       150
       150
       +
       					{/if}

     

       151
       151
       +
       				</button>

     

       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>

     

       265
       164
        
       

     

       266
       266
       -
       				{#if loginError}

     

       267
       267
       -
       					<div

     

       268
       268
       -
       						class="rounded-sm border-2 p-4"

     

       269
       269
       -
       						style="background: #ef444422; border-color: #ef4444;"

     

       270
       270
       -
       					>

     

       271
       271
       -
       						<p class="text-sm font-medium" style="color: #fca5a5;">{loginError}</p>

     

       272
       272
       -
       					</div>

     

       273
       273
       -
       				{/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>

     

       274
       181
        
       

     

       275
       275
       -
       				<div class="flex gap-3 pt-3">

     

       276
       276
       -
       					<button onclick={closeLoginModal} class="flex-1 action-button" disabled={isLoggingIn}>

     

       277
       277
       -
       						cancel

     

       278
       278
       -
       					</button>

     

       279
       279
       -
       					<button

     

       280
       280
       -
       						onclick={handleLogin}

     

       281
       281
       -
       						class="flex-1 action-button border-transparent text-(--nucleus-fg)"

     

       282
       282
       -
       						style="background: linear-gradient(135deg, var(--nucleus-accent), var(--nucleus-accent2));"

     

       283
       283
       -
       						disabled={isLoggingIn}

     

       284
       284
       -
       					>

     

       285
       285
       -
       						{isLoggingIn ? 'logging in...' : 'login'}

     

       286
       286
       -
       					</button>

     

       287
       287
       -
       				</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>

     

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

     

       289
       203
        
       		</div>

     

       290
       204
        
       	</div>

     

       291
       291
       -
       {/if}

     

       205
       205
       +
       </Popup>

+455 -156

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';

     

       3
       3
       +
       	import {

     

       4
       4
       +
       		AppBskyActorProfile,

     

       5
       5
       +
       		AppBskyEmbedExternal,

     

       6
       6
       +
       		AppBskyEmbedImages,

     

       7
       7
       +
       		AppBskyEmbedVideo,

     

       8
       8
       +
       		AppBskyFeedPost

     

       9
       9
       +
       	} from '@atcute/bluesky';

     

       4
       10
        
       	import {

     

       5
       11
        
       		parseCanonicalResourceUri,

     

       6
       12
        
       		type ActorIdentifier,

     
···

       11
       17
        
       		type ResourceUri

     

       12
       18
        
       	} from '@atcute/lexicons';

     

       13
       19
        
       	import { expect, ok } from '$lib/result';

     

       14
       14
       -
       	import { generateColorForDid } from '$lib/accounts';

     

       20
       20
       +
       	import { accounts, generateColorForDid } from '$lib/accounts';

     

       15
       21
        
       	import ProfilePicture from './ProfilePicture.svelte';

     

       16
       22
        
       	import { isBlob } from '@atcute/lexicons/interfaces';

     

       17
       23
        
       	import { blob, img } from '$lib/cdn';

     

       18
       24
        
       	import BskyPost from './BskyPost.svelte';

     

       19
       25
        
       	import Icon from '@iconify/svelte';

     

       20
       26
        
       	import { type Backlink, type BacklinksSource } from '$lib/at/constellation';

     

       21
       21
       -
       	import { postActions, type PostActions } from '$lib';

     

       27
       27
       +
       	import { clients, postActions, posts, pulsingPostId, type PostActions } from '$lib/state.svelte';

     

       22
       28
        
       	import * as TID from '@atcute/tid';

     

       23
       29
        
       	import type { PostWithUri } from '$lib/at/fetch';

     

       24
       24
       -
       	import type { Writable } from 'svelte/store';

     

       25
       30
        
       	import { onMount } from 'svelte';

     

       31
       31
       +
       	import { isActorIdentifier, type AtprotoDid } from '@atcute/lexicons/syntax';

     

       32
       32
       +
       	import { derived } from 'svelte/store';

     

       33
       33
       +
       	import Device from 'svelte-device-info';

     

       34
       34
       +
       	import Dropdown from './Dropdown.svelte';

     

       35
       35
       +
       	import { type AppBskyEmbeds } from '$lib/at/types';

     

       36
       36
       +
       	import { settings } from '$lib/settings';

     

       26
       37
        
       

     

       27
       38
        
       	interface Props {

     

       28
       39
        
       		client: AtpClient;

     

       29
       29
       -
       		selectedDid: Writable<Did | null>;

     

       30
       40
        
       		// post

     

       31
       41
        
       		did: Did;

     

       32
       42
        
       		rkey: RecordKey;

     

       33
       43
        
       		// replyBacklinks?: Backlinks;

     

       44
       44
       +
       		quoteDepth?: number;

     

       34
       45
        
       		data?: PostWithUri;

     

       35
       46
        
       		mini?: boolean;

     

       36
       47
        
       		isOnPostComposer?: boolean;

     
···

       40
       51
        
       

     

       41
       52
        
       	const {

     

       42
       53
        
       		client,

     

       43
       43
       -
       		selectedDid,

     

       44
       54
        
       		did,

     

       45
       55
        
       		rkey,

     

       56
       56
       +
       		quoteDepth = 0,

     

       46
       57
        
       		data,

     

       47
       58
        
       		mini,

     

       48
       59
        
       		onQuote,

     
···

       50
       61
        
       		isOnPostComposer = false /* replyBacklinks */

     

       51
       62
        
       	}: Props = $props();

     

       52
       63
        
       

     

       64
       64
       +
       	const selectedDid = $derived(client.user?.did ?? null);

     

       65
       65
       +
       	const actionClient = $derived(clients.get(did as AtprotoDid));

     

       66
       66
       +
       

     

       53
       67
        
       	const aturi: CanonicalResourceUri = `at://${did}/app.bsky.feed.post/${rkey}`;

     

       54
       68
        
       	const color = generateColorForDid(did);

     

       55
       69
        
       

     
···

       61
       75
        
       	const post = data

     

       62
       76
        
       		? Promise.resolve(ok(data))

     

       63
       77
        
       		: client.getRecord(AppBskyFeedPost.mainSchema, did, rkey);

     

       78
       78
       +
       	let profile: AppBskyActorProfile.Main | null = $state(null);

     

       79
       79
       +
       	onMount(async () => {

     

       80
       80
       +
       		const p = await client.getProfile(did);

     

       81
       81
       +
       		if (!p.ok) return;

     

       82
       82
       +
       		profile = p.value;

     

       83
       83
       +
       		console.log(profile.description);

     

       84
       84
       +
       	});

     

       64
       85
        
       	// const replies = replyBacklinks

     

       65
       86
        
       	// 	? Promise.resolve(ok(replyBacklinks))

     

       66
       87
        
       	// 	: client.getBacklinks(

     
···

       70
       91
        
       	// 			'app.bsky.feed.post:reply.parent.uri'

     

       71
       92
        
       	// 		);

     

       72
       93
        
       

     

       94
       94
       +
       	const postId = `timeline-post-${aturi}-${quoteDepth}`;

     

       95
       95
       +
       	const isPulsing = derived(pulsingPostId, (pulsingPostId) => pulsingPostId === postId);

     

       96
       96
       +
       

     

       97
       97
       +
       	const scrollToAndPulse = (targetUri: ResourceUri) => {

     

       98
       98
       +
       		const targetId = `timeline-post-${targetUri}-0`;

     

       99
       99
       +
       		console.log(`Scrolling to ${targetId}`);

     

       100
       100
       +
       		const element = document.getElementById(targetId);

     

       101
       101
       +
       		if (!element) return;

     

       102
       102
       +
       

     

       103
       103
       +
       		element.scrollIntoView({ behavior: 'smooth', block: 'center' });

     

       104
       104
       +
       

     

       105
       105
       +
       		setTimeout(() => {

     

       106
       106
       +
       			document.documentElement.style.setProperty(

     

       107
       107
       +
       				'--nucleus-selected-post',

     

       108
       108
       +
       				generateColorForDid(expect(parseCanonicalResourceUri(targetUri)).repo)

     

       109
       109
       +
       			);

     

       110
       110
       +
       			pulsingPostId.set(targetId);

     

       111
       111
       +
       			// Clear pulse after animation

     

       112
       112
       +
       			setTimeout(() => pulsingPostId.set(null), 1200);

     

       113
       113
       +
       		}, 400);

     

       114
       114
       +
       	};

     

       115
       115
       +
       

     

       73
       116
        
       	const getEmbedText = (embedType: string) => {

     

       74
       117
        
       		switch (embedType) {

     

       75
       118
        
       			case 'app.bsky.embed.external':

     
···

       106
       149
        
       		return 'now';

     

       107
       150
        
       	};

     

       108
       151
        
       

     

       109
       109
       -
       	const findBacklink = async (source: BacklinksSource) => {

     

       152
       152
       +
       	const findBacklink = $derived(async (toDid: AtprotoDid, source: BacklinksSource) => {

     

       110
       153
        
       		const backlinks = await client.getBacklinks(did, 'app.bsky.feed.post', rkey, source);

     

       111
       154
        
       		if (!backlinks.ok) return null;

     

       112
       112
       -
       		return backlinks.value.records.find((r) => r.did === $selectedDid) ?? null;

     

       113
       113
       -
       	};

     

       155
       155
       +
       		return backlinks.value.records.find((r) => r.did === toDid) ?? null;

     

       156
       156
       +
       	});

     

       114
       157
        
       

     

       115
       115
       -
       	let findAllBacklinks = async (did: Did | null) => {

     

       158
       158
       +
       	let findAllBacklinks = async (did: AtprotoDid | null) => {

     

       116
       159
        
       		if (!did) return;

     

       117
       160
        
       		if (postActions.has(`${did}:${aturi}`)) return;

     

       118
       161
        
       		const backlinks = await Promise.all([

     

       119
       119
       -
       			findBacklink('app.bsky.feed.like:subject.uri'),

     

       120
       120
       -
       			findBacklink('app.bsky.feed.repost:subject.uri')

     

       162
       162
       +
       			findBacklink(did, 'app.bsky.feed.like:subject.uri'),

     

       163
       163
       +
       			findBacklink(did, 'app.bsky.feed.repost:subject.uri')

     

       121
       164
        
       			// findBacklink('app.bsky.feed.post:reply.parent.uri'),

     

       122
       165
        
       			// findBacklink('app.bsky.feed.post:embed.record.uri')

     

       123
       166
        
       		]);

     
···

       132
       175
        
       	};

     

       133
       176
        
       	onMount(() => {

     

       134
       177
        
       		// findAllBacklinks($selectedDid);

     

       135
       135
       -
       		selectedDid.subscribe(findAllBacklinks);

     

       178
       178
       +
       		accounts.subscribe((accs) => {

     

       179
       179
       +
       			accs.map((acc) => acc.did).forEach((did) => findAllBacklinks(did));

     

       180
       180
       +
       		});

     

       136
       181
        
       	});

     

       137
       182
        
       

     

       138
       183
        
       	const toggleLink = async (link: Backlink | null, collection: Nsid): Promise<Backlink | null> => {

     

       139
       184
        
       		// console.log('toggleLink', selectedDid, link, collection);

     

       140
       140
       -
       		if (!$selectedDid) return null;

     

       185
       185
       +
       		if (!selectedDid) return null;

     

       141
       186
        
       		const _post = await post;

     

       142
       187
        
       		if (!_post.ok) return null;

     

       143
       188
        
       		if (!link) {

     
···

       154
       199
        
       				// todo: handle errors

     

       155
       200
        
       				client.atcute?.post('com.atproto.repo.createRecord', {

     

       156
       201
        
       					input: {

     

       157
       157
       -
       						repo: $selectedDid,

     

       202
       202
       +
       						repo: selectedDid,

     

       158
       203
        
       						collection,

     

       159
       204
        
       						record,

     

       160
       205
        
       						rkey

     
···

       162
       207
        
       				});

     

       163
       208
        
       				return {

     

       164
       209
        
       					collection,

     

       165
       165
       -
       					did: $selectedDid,

     

       210
       210
       +
       					did: selectedDid,

     

       166
       211
        
       					rkey

     

       167
       212
        
       				};

     

       168
       213
        
       			}

     
···

       179
       224
        
       		}

     

       180
       225
        
       		return link;

     

       181
       226
        
       	};

     

       227
       227
       +
       

     

       228
       228
       +
       	let actionsOpen = $state(false);

     

       229
       229
       +
       	let actionsPos = $state({ x: 0, y: 0 });

     

       230
       230
       +
       

     

       231
       231
       +
       	const handleRightClick = (event: MouseEvent) => {

     

       232
       232
       +
       		actionsOpen = true;

     

       233
       233
       +
       		actionsPos = { x: event.clientX, y: event.clientY };

     

       234
       234
       +
       		event.preventDefault();

     

       235
       235
       +
       		event.stopPropagation();

     

       236
       236
       +
       	};

     

       237
       237
       +
       

     

       238
       238
       +
       	let deleteState: 'waiting' | 'confirm' | 'deleted' = $state('waiting');

     

       239
       239
       +
       	$effect(() => {

     

       240
       240
       +
       		if (deleteState === 'confirm' && !actionsOpen) deleteState = 'waiting';

     

       241
       241
       +
       	});

     

       242
       242
       +
       

     

       243
       243
       +
       	const deletePost = () => {

     

       244
       244
       +
       		if (deleteState === 'deleted') return;

     

       245
       245
       +
       		if (deleteState === 'waiting') {

     

       246
       246
       +
       			deleteState = 'confirm';

     

       247
       247
       +
       			return;

     

       248
       248
       +
       		}

     

       249
       249
       +
       

     

       250
       250
       +
       		actionClient?.atcute

     

       251
       251
       +
       			?.post('com.atproto.repo.deleteRecord', {

     

       252
       252
       +
       				input: {

     

       253
       253
       +
       					collection: 'app.bsky.feed.post',

     

       254
       254
       +
       					repo: did,

     

       255
       255
       +
       					rkey

     

       256
       256
       +
       				}

     

       257
       257
       +
       			})

     

       258
       258
       +
       			.then((result) => {

     

       259
       259
       +
       				if (!result.ok) return;

     

       260
       260
       +
       				posts.get(did)?.delete(aturi);

     

       261
       261
       +
       				deleteState = 'deleted';

     

       262
       262
       +
       			});

     

       263
       263
       +
       		actionsOpen = false;

     

       264
       264
       +
       	};

     

       265
       265
       +
       

     

       266
       266
       +
       	let profileOpen = $state(false);

     

       267
       267
       +
       	let profilePopoutShowDid = $state(false);

     

       182
       268
        
       </script>

     

       183
       269
        
       

     

       184
       184
       -
       {#snippet embedBadge(record: AppBskyFeedPost.Main)}

     

       185
       185
       -
       	{#if record.embed}

     

       186
       186
       -
       		<span

     

       187
       187
       -
       			class="rounded-full px-2.5 py-0.5 text-xs font-medium"

     

       188
       188
       -
       			style="background: color-mix(in srgb, {mini

     

       189
       189
       -
       				? 'var(--nucleus-fg)'

     

       190
       190
       -
       				: color} 10%, transparent); color: {mini ? 'var(--nucleus-fg)' : color};"

     

       191
       191
       -
       		>

     

       192
       192
       -
       			{getEmbedText(record.embed.$type)}

     

       193
       193
       -
       		</span>

     

       194
       194
       -
       	{/if}

     

       270
       270
       +
       {#snippet embedBadge(embed: AppBskyEmbeds)}

     

       271
       271
       +
       	<span

     

       272
       272
       +
       		class="rounded-full px-2.5 py-0.5 text-xs font-medium"

     

       273
       273
       +
       		style="

     

       274
       274
       +
       		background: color-mix(in srgb, {mini ? 'var(--nucleus-fg)' : color} 10%, transparent);

     

       275
       275
       +
       		color: {mini ? 'var(--nucleus-fg)' : color};

     

       276
       276
       +
       		"

     

       277
       277
       +
       	>

     

       278
       278
       +
       		{getEmbedText(embed.$type!)}

     

       279
       279
       +
       	</span>

     

       280
       280
       +
       {/snippet}

     

       281
       281
       +
       

     

       282
       282
       +
       {#snippet profileInline()}

     

       283
       283
       +
       	<button

     

       284
       284
       +
       		class="

     

       285
       285
       +
       		flex min-w-0 items-center gap-2 font-bold {isOnPostComposer ? 'contrast-200' : ''}

     

       286
       286
       +
       		rounded-sm pr-1 transition-colors duration-100 ease-in-out hover:bg-white/10

     

       287
       287
       +
       		"

     

       288
       288
       +
       		style="color: {color};"

     

       289
       289
       +
       		onclick={() => (profileOpen = !profileOpen)}

     

       290
       290
       +
       	>

     

       291
       291
       +
       		<ProfilePicture {client} {did} size={8} />

     

       292
       292
       +
       

     

       293
       293
       +
       		{#if profile}

     

       294
       294
       +
       			<span class="w-min max-w-sm min-w-0 overflow-hidden text-nowrap overflow-ellipsis"

     

       295
       295
       +
       				>{profile.displayName}</span

     

       296
       296
       +
       			><span class="shrink-0 text-sm text-nowrap opacity-70">(@{handle})</span>

     

       297
       297
       +
       		{:else}

     

       298
       298
       +
       			{handle}

     

       299
       299
       +
       		{/if}

     

       300
       300
       +
       	</button>

     

       301
       301
       +
       {/snippet}

     

       302
       302
       +
       

     

       303
       303
       +
       <!-- eslint-disable svelte/no-navigation-without-resolve -->

     

       304
       304
       +
       {#snippet profilePopout()}

     

       305
       305
       +
       	{@const profileDesc = profile?.description?.trim() ?? ''}

     

       306
       306
       +
       	<Dropdown

     

       307
       307
       +
       		class="post-dropdown max-w-xl gap-2! p-2.5! backdrop-blur-3xl! backdrop-brightness-25!"

     

       308
       308
       +
       		style="background: {color}36; border-color: {color}99;"

     

       309
       309
       +
       		bind:isOpen={profileOpen}

     

       310
       310
       +
       		trigger={profileInline}

     

       311
       311
       +
       	>

     

       312
       312
       +
       		<div class="flex items-center gap-2">

     

       313
       313
       +
       			<ProfilePicture {client} {did} size={20} />

     

       314
       314
       +
       

     

       315
       315
       +
       			<div class="flex flex-col items-start overflow-hidden overflow-ellipsis">

     

       316
       316
       +
       				<span class="mb-1.5 min-w-0 overflow-hidden text-2xl text-nowrap overflow-ellipsis">

     

       317
       317
       +
       					{profile?.displayName ?? handle}

     

       318
       318
       +
       					{#if profile?.pronouns}

     

       319
       319
       +
       						<span class="shrink-0 text-sm text-nowrap opacity-60">({profile.pronouns})</span>

     

       320
       320
       +
       					{/if}

     

       321
       321
       +
       				</span>

     

       322
       322
       +
       				<button

     

       323
       323
       +
       					oncontextmenu={(e) => {

     

       324
       324
       +
       						const node = e.target as Node;

     

       325
       325
       +
       						const selection = window.getSelection() ?? new Selection();

     

       326
       326
       +
       						const range = document.createRange();

     

       327
       327
       +
       						range.selectNodeContents(node);

     

       328
       328
       +
       						selection.removeAllRanges();

     

       329
       329
       +
       						selection.addRange(range);

     

       330
       330
       +
       						e.stopPropagation();

     

       331
       331
       +
       					}}

     

       332
       332
       +
       					onclick={() => (profilePopoutShowDid = !profilePopoutShowDid)}

     

       333
       333
       +
       					class="mb-0.5 text-nowrap opacity-85 select-text hover:underline"

     

       334
       334
       +
       				>

     

       335
       335
       +
       					{profilePopoutShowDid ? did : `@${handle}`}

     

       336
       336
       +
       				</button>

     

       337
       337
       +
       				{#if profile?.website}

     

       338
       338
       +
       					<a

     

       339
       339
       +
       						target="_blank"

     

       340
       340
       +
       						rel="noopener noreferrer"

     

       341
       341
       +
       						href={profile.website}

     

       342
       342
       +
       						class="text-sm text-nowrap opacity-60">{profile.website}</a

     

       343
       343
       +
       					>

     

       344
       344
       +
       				{/if}

     

       345
       345
       +
       			</div>

     

       346
       346
       +
       		</div>

     

       347
       347
       +
       

     

       348
       348
       +
       		{#if profileDesc.length > 0}

     

       349
       349
       +
       			<p class="rounded-sm bg-black/25 p-1.5 text-wrap wrap-break-word">

     

       350
       350
       +
       				{#each profileDesc.split(/(\s)/) as line, idx (idx)}

     

       351
       351
       +
       					{#if line === '\n'}

     

       352
       352
       +
       						<br />

     

       353
       353
       +
       					{:else if isActorIdentifier(line.replace(/^@/, ''))}

     

       354
       354
       +
       						<a

     

       355
       355
       +
       							target="_blank"

     

       356
       356
       +
       							rel="noopener noreferrer"

     

       357
       357
       +
       							class="text-(--nucleus-accent2)"

     

       358
       358
       +
       							href={`${$settings.socialAppUrl}/profile/${line.replace(/^@/, '')}`}>{line}</a

     

       359
       359
       +
       						>

     

       360
       360
       +
       					{:else if line.startsWith('https://')}

     

       361
       361
       +
       						<a

     

       362
       362
       +
       							target="_blank"

     

       363
       363
       +
       							rel="noopener noreferrer"

     

       364
       364
       +
       							class="text-(--nucleus-accent2)"

     

       365
       365
       +
       							href={line}>{line.replace(/https?:\/\//, '')}</a

     

       366
       366
       +
       						>

     

       367
       367
       +
       					{:else}

     

       368
       368
       +
       						{line}

     

       369
       369
       +
       					{/if}

     

       370
       370
       +
       				{/each}

     

       371
       371
       +
       			</p>

     

       372
       372
       +
       		{/if}

     

       373
       373
       +
       	</Dropdown>

     

       195
       374
        
       {/snippet}

     

       196
       375
        
       

     

       197
       376
        
       {#if mini}

     
···

       201
       380
        
       		{:then post}

     

       202
       381
        
       			{#if post.ok}

     

       203
       382
        
       				{@const record = post.value.record}

     

       204
       204
       -
       				<span style="color: {color};">@{handle}</span>: {@render embedBadge(record)}

     

       205
       205
       -
       				<span title={record.text}>{record.text}</span>

     

       383
       383
       +
       				<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       384
       384
       +
       				<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       385
       385
       +
       				<div

     

       386
       386
       +
       					onclick={() => scrollToAndPulse(post.value.uri)}

     

       387
       387
       +
       					class="select-none hover:cursor-pointer hover:underline"

     

       388
       388
       +
       				>

     

       389
       389
       +
       					<span style="color: {color};">@{handle}</span>:

     

       390
       390
       +
       					{#if record.embed}

     

       391
       391
       +
       						{@render embedBadge(record.embed)}

     

       392
       392
       +
       					{/if}

     

       393
       393
       +
       					<span title={record.text}>{record.text}</span>

     

       394
       394
       +
       				</div>

     

       206
       395
        
       			{:else}

     

       207
       396
        
       				{post.error}

     

       208
       397
        
       			{/if}

     
···

       215
       404
        
       			style="background: {color}18; border-color: {color}66;"

     

       216
       405
        
       		>

     

       217
       406
        
       			<div

     

       218
       218
       -
       				class="inline-block h-6 w-6 animate-spin rounded-full border-3 border-(--nucleus-accent) [border-left-color:transparent]"

     

       407
       407
       +
       				class="

     

       408
       408
       +
       				inline-block h-6 w-6 animate-spin rounded-full

     

       409
       409
       +
       				border-3 border-(--nucleus-accent) border-l-transparent

     

       410
       410
       +
       				"

     

       219
       411
        
       			></div>

     

       220
       412
        
       			<p class="mt-3 text-sm font-medium opacity-60">loading post...</p>

     

       221
       413
        
       		</div>

     

       222
       414
        
       	{:then post}

     

       223
       415
        
       		{#if post.ok}

     

       224
       416
        
       			{@const record = post.value.record}

     

       417
       417
       +
       			<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       225
       418
        
       			<div

     

       226
       226
       -
       				class="rounded-sm border-2 p-2 shadow-lg backdrop-blur-sm transition-all"

     

       227
       227
       -
       				style="background: {color}{isOnPostComposer

     

       419
       419
       +
       				id="timeline-post-{post.value.uri}-{quoteDepth}"

     

       420
       420
       +
       				oncontextmenu={handleRightClick}

     

       421
       421
       +
       				class="

     

       422
       422
       +
       				group rounded-sm border-2 p-2 shadow-lg backdrop-blur-sm transition-all

     

       423
       423
       +
       				{$isPulsing ? 'animate-pulse-highlight' : ''}

     

       424
       424
       +
       				{isOnPostComposer ? 'backdrop-brightness-20' : ''}

     

       425
       425
       +
       				"

     

       426
       426
       +
       				style="

     

       427
       427
       +
       				background: {color}{isOnPostComposer

     

       228
       428
        
       					? '36'

     

       229
       229
       -
       					: '18'}; border-color: {color}{isOnPostComposer ? '99' : '66'};"

     

       429
       429
       +
       					: Math.floor(24.0 * (quoteDepth * 0.5 + 1.0)).toString(16)};

     

       430
       430
       +
       				border-color: {color}{isOnPostComposer ? '99' : '66'};

     

       431
       431
       +
       				"

     

       230
       432
        
       			>

     

       231
       433
        
       				<div

     

       232
       232
       -
       					class="group mb-3 flex w-fit max-w-full items-center gap-1.5 rounded-sm pr-1"

     

       434
       434
       +
       					class="

     

       435
       435
       +
       					mb-3 flex w-fit max-w-full items-center gap-1 rounded-sm pr-1

     

       436
       436
       +
       					"

     

       233
       437
        
       					style="background: {color}33;"

     

       234
       438
        
       				>

     

       235
       235
       -
       					<ProfilePicture {client} {did} size={8} />

     

       236
       236
       -
       

     

       237
       237
       -
       					<span class="flex min-w-0 items-center gap-2 font-bold" style="color: {color};">

     

       238
       238
       -
       						{#await client.getProfile(did)}

     

       239
       239
       -
       							{handle}

     

       240
       240
       -
       						{:then profile}

     

       241
       241
       -
       							{#if profile.ok}

     

       242
       242
       -
       								{@const profileValue = profile.value}

     

       243
       243
       -
       								<span class="min-w-0 overflow-hidden text-nowrap overflow-ellipsis"

     

       244
       244
       -
       									>{profileValue.displayName}</span

     

       245
       245
       -
       								><span class="shrink-0 text-nowrap opacity-70">(@{handle})</span>

     

       246
       246
       -
       							{:else}

     

       247
       247
       -
       								{handle}

     

       248
       248
       -
       							{/if}

     

       249
       249
       -
       						{/await}

     

       250
       250
       -
       					</span>

     

       439
       439
       +
       					{@render profilePopout()}

     

       251
       440
        
       					<span>·</span>

     

       252
       252
       -
       					<span class="text-nowrap text-(--nucleus-fg)/67"

     

       253
       253
       -
       						>{getRelativeTime(new Date(record.createdAt))}</span

     

       441
       441
       +
       					<span

     

       442
       442
       +
       						title={new Date(record.createdAt).toLocaleString()}

     

       443
       443
       +
       						class="pl-0.5 text-nowrap text-(--nucleus-fg)/67"

     

       254
       444
        
       					>

     

       445
       445
       +
       						{getRelativeTime(new Date(record.createdAt))}

     

       446
       446
       +
       					</span>

     

       255
       447
        
       				</div>

     

       256
       256
       -
       				<p class="leading-relaxed text-wrap break-words">

     

       448
       448
       +
       				<p class="leading-normal text-wrap wrap-break-word">

     

       257
       449
        
       					{record.text}

     

       258
       258
       -
       					{#if isOnPostComposer}

     

       259
       259
       -
       						{@render embedBadge(record)}

     

       450
       450
       +
       					{#if isOnPostComposer && record.embed}

     

       451
       451
       +
       						{@render embedBadge(record.embed)}

     

       260
       452
        
       					{/if}

     

       261
       453
        
       				</p>

     

       262
       454
        
       				{#if !isOnPostComposer && record.embed}

     

       263
       455
        
       					{@const embed = record.embed}

     

       264
       456
        
       					<div class="mt-2">

     

       265
       265
       -
       						{#snippet embedPost(uri: ResourceUri)}

     

       266
       266
       -
       							{@const parsedUri = expect(parseCanonicalResourceUri(uri))}

     

       267
       267
       -
       							<!-- reject recursive quotes -->

     

       268
       268
       -
       							{#if !(did === parsedUri.repo && rkey === parsedUri.rkey)}

     

       269
       269
       -
       								<BskyPost

     

       270
       270
       -
       									{selectedDid}

     

       271
       271
       -
       									{client}

     

       272
       272
       -
       									did={parsedUri.repo}

     

       273
       273
       -
       									rkey={parsedUri.rkey}

     

       274
       274
       -
       									{isOnPostComposer}

     

       275
       275
       -
       									{onQuote}

     

       276
       276
       -
       									{onReply}

     

       277
       277
       -
       								/>

     

       278
       278
       -
       							{:else}

     

       279
       279
       -
       								<span>you think you're funny with that recursive quote but i'm onto you</span>

     

       280
       280
       -
       							{/if}

     

       281
       281
       -
       						{/snippet}

     

       282
       282
       -
       						{#if embed.$type === 'app.bsky.embed.images'}

     

       283
       283
       -
       							<!-- todo: improve how images are displayed, and pop out on click -->

     

       284
       284
       -
       							{#each embed.images as image (image.image)}

     

       285
       285
       -
       								{#if isBlob(image.image)}

     

       286
       286
       -
       									<img

     

       287
       287
       -
       										class="rounded-sm"

     

       288
       288
       -
       										src={img('feed_thumbnail', did, image.image.ref.$link)}

     

       289
       289
       -
       										alt={image.alt}

     

       290
       290
       -
       									/>

     

       291
       291
       -
       								{/if}

     

       292
       292
       -
       							{/each}

     

       293
       293
       -
       						{:else if embed.$type === 'app.bsky.embed.video'}

     

       294
       294
       -
       							{#if isBlob(embed.video)}

     

       295
       295
       -
       								{#await didDoc then didDoc}

     

       296
       296
       -
       									{#if didDoc.ok}

     

       297
       297
       -
       										<!-- svelte-ignore a11y_media_has_caption -->

     

       298
       298
       -
       										<video

     

       299
       299
       -
       											class="rounded-sm"

     

       300
       300
       -
       											src={blob(didDoc.value.pds, did, embed.video.ref.$link)}

     

       301
       301
       -
       											controls

     

       302
       302
       -
       										></video>

     

       303
       303
       -
       									{/if}

     

       304
       304
       -
       								{/await}

     

       305
       305
       -
       							{/if}

     

       306
       306
       -
       						{:else if embed.$type === 'app.bsky.embed.record'}

     

       307
       307
       -
       							{@render embedPost(embed.record.uri)}

     

       308
       308
       -
       						{:else if embed.$type === 'app.bsky.embed.recordWithMedia'}

     

       309
       309
       -
       							{@render embedPost(embed.record.record.uri)}

     

       310
       310
       -
       						{/if}

     

       311
       311
       -
       						<!-- todo: implement external link embeds -->

     

       457
       457
       +
       						{@render postEmbed(embed)}

     

       312
       458
        
       					</div>

     

       313
       459
        
       				{/if}

     

       314
       460
        
       				{#if !isOnPostComposer}

     

       315
       315
       -
       					{@const backlinks = postActions.get(`${$selectedDid!}:${post.value.uri}`)}

     

       461
       461
       +
       					{@const backlinks = postActions.get(`${selectedDid!}:${post.value.uri}`)}

     

       316
       462
        
       					{@render postControls(post.value, backlinks)}

     

       317
       463
        
       				{/if}

     

       318
       464
        
       			</div>

     

       319
       465
        
       		{:else}

     

       320
       320
       -
       			<div class="rounded-xl border-2 p-4" style="background: #ef444422; border-color: #ef4444;">

     

       321
       321
       -
       				<p class="text-sm font-medium" style="color: #fca5a5;">error: {post.error}</p>

     

       466
       466
       +
       			<div class="error-disclaimer">

     

       467
       467
       +
       				<p class="text-sm font-medium">error: {post.error}</p>

     

       322
       468
        
       			</div>

     

       323
       469
        
       		{/if}

     

       324
       470
        
       	{/await}

     

       325
       471
        
       {/if}

     

       326
       472
        
       

     

       473
       473
       +
       {#snippet postEmbed(embed: AppBskyEmbeds)}

     

       474
       474
       +
       	{#snippet embedMedia(

     

       475
       475
       +
       		embed: AppBskyEmbedImages.Main | AppBskyEmbedVideo.Main | AppBskyEmbedExternal.Main

     

       476
       476
       +
       	)}

     

       477
       477
       +
       		<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       478
       478
       +
       		<div oncontextmenu={(e) => e.stopPropagation()}>

     

       479
       479
       +
       			{#if embed.$type === 'app.bsky.embed.images'}

     

       480
       480
       +
       				<!-- todo: improve how images are displayed, and pop out on click -->

     

       481
       481
       +
       				{#each embed.images as image (image.image)}

     

       482
       482
       +
       					{#if isBlob(image.image)}

     

       483
       483
       +
       						<img

     

       484
       484
       +
       							class="w-full rounded-sm"

     

       485
       485
       +
       							src={img('feed_thumbnail', did, image.image.ref.$link)}

     

       486
       486
       +
       							alt={image.alt}

     

       487
       487
       +
       						/>

     

       488
       488
       +
       					{/if}

     

       489
       489
       +
       				{/each}

     

       490
       490
       +
       			{:else if embed.$type === 'app.bsky.embed.video'}

     

       491
       491
       +
       				{#if isBlob(embed.video)}

     

       492
       492
       +
       					{#await didDoc then didDoc}

     

       493
       493
       +
       						{#if didDoc.ok}

     

       494
       494
       +
       							<!-- svelte-ignore a11y_media_has_caption -->

     

       495
       495
       +
       							<video

     

       496
       496
       +
       								class="rounded-sm"

     

       497
       497
       +
       								src={blob(didDoc.value.pds, did, embed.video.ref.$link)}

     

       498
       498
       +
       								controls

     

       499
       499
       +
       							></video>

     

       500
       500
       +
       						{/if}

     

       501
       501
       +
       					{/await}

     

       502
       502
       +
       				{/if}

     

       503
       503
       +
       			{/if}

     

       504
       504
       +
       		</div>

     

       505
       505
       +
       	{/snippet}

     

       506
       506
       +
       	{#snippet embedPost(uri: ResourceUri)}

     

       507
       507
       +
       		{#if quoteDepth < 2}

     

       508
       508
       +
       			{@const parsedUri = expect(parseCanonicalResourceUri(uri))}

     

       509
       509
       +
       			<!-- reject recursive quotes -->

     

       510
       510
       +
       			{#if !(did === parsedUri.repo && rkey === parsedUri.rkey)}

     

       511
       511
       +
       				<BskyPost

     

       512
       512
       +
       					{client}

     

       513
       513
       +
       					quoteDepth={quoteDepth + 1}

     

       514
       514
       +
       					did={parsedUri.repo}

     

       515
       515
       +
       					rkey={parsedUri.rkey}

     

       516
       516
       +
       					{isOnPostComposer}

     

       517
       517
       +
       					{onQuote}

     

       518
       518
       +
       					{onReply}

     

       519
       519
       +
       				/>

     

       520
       520
       +
       			{:else}

     

       521
       521
       +
       				<span>you think you're funny with that recursive quote but i'm onto you</span>

     

       522
       522
       +
       			{/if}

     

       523
       523
       +
       		{:else}

     

       524
       524
       +
       			{@render embedBadge(embed)}

     

       525
       525
       +
       		{/if}

     

       526
       526
       +
       	{/snippet}

     

       527
       527
       +
       	{#if embed.$type === 'app.bsky.embed.images' || embed.$type === 'app.bsky.embed.video'}

     

       528
       528
       +
       		{@render embedMedia(embed)}

     

       529
       529
       +
       	{:else if embed.$type === 'app.bsky.embed.record'}

     

       530
       530
       +
       		{@render embedPost(embed.record.uri)}

     

       531
       531
       +
       	{:else if embed.$type === 'app.bsky.embed.recordWithMedia'}

     

       532
       532
       +
       		<div class="space-y-1.5">

     

       533
       533
       +
       			{@render embedPost(embed.record.record.uri)}

     

       534
       534
       +
       			{@render embedMedia(embed.media)}

     

       535
       535
       +
       		</div>

     

       536
       536
       +
       	{/if}

     

       537
       537
       +
       	<!-- todo: implement external link embeds -->

     

       538
       538
       +
       {/snippet}

     

       539
       539
       +
       

     

       327
       540
        
       {#snippet postControls(post: PostWithUri, backlinks?: PostActions)}

     

       328
       328
       -
       	<div

     

       329
       329
       -
       		class="group mt-3 flex w-fit max-w-full items-center rounded-sm"

     

       330
       330
       -
       		style="background: {color}1f;"

     

       331
       331
       -
       	>

     

       332
       332
       -
       		{#snippet label(

     

       333
       333
       -
       			name: string,

     

       334
       334
       -
       			icon: string,

     

       335
       335
       -
       			onClick: (link: Backlink | null | undefined) => void,

     

       336
       336
       -
       			backlink?: Backlink | null,

     

       337
       337
       -
       			hasSolid?: boolean

     

       338
       338
       -
       		)}

     

       339
       339
       -
       			<button

     

       340
       340
       -
       				class="px-2 py-1.5 text-(--nucleus-fg)/90 hover:[backdrop-filter:brightness(120%)]"

     

       341
       341
       -
       				onclick={() => onClick(backlink)}

     

       342
       342
       -
       				style="color: {backlink ? color : 'color-mix(in srgb, var(--nucleus-fg) 90%, transparent)'}"

     

       343
       343
       -
       				title={name}

     

       344
       344
       -
       			>

     

       345
       345
       -
       				<Icon icon={hasSolid && backlink ? `${icon}-solid` : icon} width={20} />

     

       346
       346
       -
       			</button>

     

       347
       347
       -
       		{/snippet}

     

       348
       348
       -
       		{@render label('reply', 'heroicons:chat-bubble-left', () => {

     

       349
       349
       -
       			onReply?.(post);

     

       350
       350
       -
       		})}

     

       351
       351
       -
       		{@render label(

     

       352
       352
       -
       			'repost',

     

       353
       353
       -
       			'heroicons:arrow-path-rounded-square-20-solid',

     

       354
       354
       -
       			async (link) => {

     

       355
       355
       -
       				if (link === undefined) return;

     

       356
       356
       -
       				postActions.set(`${$selectedDid!}:${aturi}`, {

     

       357
       357
       -
       					...backlinks!,

     

       358
       358
       -
       					repost: await toggleLink(link, 'app.bsky.feed.repost')

     

       359
       359
       -
       				});

     

       360
       360
       -
       			},

     

       361
       361
       -
       			backlinks?.repost

     

       362
       362
       -
       		)}

     

       363
       363
       -
       		{@render label('quote', 'heroicons:paper-clip-20-solid', () => {

     

       364
       364
       -
       			onQuote?.(post);

     

       365
       365
       -
       		})}

     

       366
       366
       -
       		{@render label(

     

       367
       367
       -
       			'like',

     

       368
       368
       -
       			'heroicons:star',

     

       369
       369
       -
       			async (link) => {

     

       370
       370
       -
       				if (link === undefined) return;

     

       371
       371
       -
       				postActions.set(`${$selectedDid!}:${aturi}`, {

     

       372
       372
       -
       					...backlinks!,

     

       373
       373
       -
       					like: await toggleLink(link, 'app.bsky.feed.like')

     

       374
       374
       -
       				});

     

       375
       375
       -
       			},

     

       376
       376
       -
       			backlinks?.like,

     

       377
       377
       -
       			true

     

       378
       378
       -
       		)}

     

       541
       541
       +
       	{#snippet control(

     

       542
       542
       +
       		name: string,

     

       543
       543
       +
       		icon: string,

     

       544
       544
       +
       		onClick: (e: MouseEvent) => void,

     

       545
       545
       +
       		isFull?: boolean,

     

       546
       546
       +
       		hasSolid?: boolean

     

       547
       547
       +
       	)}

     

       548
       548
       +
       		<button

     

       549
       549
       +
       			class="

     

       550
       550
       +
       			px-2 py-1.5 text-(--nucleus-fg)/90 transition-all

     

       551
       551
       +
       			duration-100 hover:[backdrop-filter:brightness(120%)]

     

       552
       552
       +
       			"

     

       553
       553
       +
       			onclick={(e) => onClick(e)}

     

       554
       554
       +
       			style="color: {isFull ? color : 'color-mix(in srgb, var(--nucleus-fg) 90%, transparent)'}"

     

       555
       555
       +
       			title={name}

     

       556
       556
       +
       		>

     

       557
       557
       +
       			<Icon icon={hasSolid && isFull ? `${icon}-solid` : icon} width={20} />

     

       558
       558
       +
       		</button>

     

       559
       559
       +
       	{/snippet}

     

       560
       560
       +
       	<div class="mt-3 flex w-full items-center justify-between">

     

       561
       561
       +
       		<div class="flex w-fit items-center rounded-sm" style="background: {color}1f;">

     

       562
       562
       +
       			{#snippet label(

     

       563
       563
       +
       				name: string,

     

       564
       564
       +
       				icon: string,

     

       565
       565
       +
       				onClick: (link: Backlink | null | undefined) => void,

     

       566
       566
       +
       				backlink?: Backlink | null,

     

       567
       567
       +
       				hasSolid?: boolean

     

       568
       568
       +
       			)}

     

       569
       569
       +
       				{@render control(name, icon, () => onClick(backlink), backlink ? true : false, hasSolid)}

     

       570
       570
       +
       			{/snippet}

     

       571
       571
       +
       			{@render label('reply', 'heroicons:chat-bubble-left', () => {

     

       572
       572
       +
       				onReply?.(post);

     

       573
       573
       +
       			})}

     

       574
       574
       +
       			{@render label(

     

       575
       575
       +
       				'repost',

     

       576
       576
       +
       				'heroicons:arrow-path-rounded-square-20-solid',

     

       577
       577
       +
       				async (link) => {

     

       578
       578
       +
       					if (link === undefined) return;

     

       579
       579
       +
       					postActions.set(`${selectedDid!}:${aturi}`, {

     

       580
       580
       +
       						...backlinks!,

     

       581
       581
       +
       						repost: await toggleLink(link, 'app.bsky.feed.repost')

     

       582
       582
       +
       					});

     

       583
       583
       +
       				},

     

       584
       584
       +
       				backlinks?.repost

     

       585
       585
       +
       			)}

     

       586
       586
       +
       			{@render label('quote', 'heroicons:paper-clip-20-solid', () => {

     

       587
       587
       +
       				onQuote?.(post);

     

       588
       588
       +
       			})}

     

       589
       589
       +
       			{@render label(

     

       590
       590
       +
       				'like',

     

       591
       591
       +
       				'heroicons:star',

     

       592
       592
       +
       				async (link) => {

     

       593
       593
       +
       					if (link === undefined) return;

     

       594
       594
       +
       					postActions.set(`${selectedDid!}:${aturi}`, {

     

       595
       595
       +
       						...backlinks!,

     

       596
       596
       +
       						like: await toggleLink(link, 'app.bsky.feed.like')

     

       597
       597
       +
       					});

     

       598
       598
       +
       				},

     

       599
       599
       +
       				backlinks?.like,

     

       600
       600
       +
       				true

     

       601
       601
       +
       			)}

     

       602
       602
       +
       		</div>

     

       603
       603
       +
       		<Dropdown

     

       604
       604
       +
       			class="post-dropdown"

     

       605
       605
       +
       			style="background: {color}36; border-color: {color}99;"

     

       606
       606
       +
       			bind:isOpen={actionsOpen}

     

       607
       607
       +
       			bind:position={actionsPos}

     

       608
       608
       +
       			placement="bottom-end"

     

       609
       609
       +
       		>

     

       610
       610
       +
       			{@render dropdownItem('heroicons:link-20-solid', 'copy link to post', () =>

     

       611
       611
       +
       				navigator.clipboard.writeText(`${$settings.socialAppUrl}/profile/${did}/post/${rkey}`)

     

       612
       612
       +
       			)}

     

       613
       613
       +
       			{@render dropdownItem('heroicons:link-20-solid', 'copy at uri', () =>

     

       614
       614
       +
       				navigator.clipboard.writeText(post.uri)

     

       615
       615
       +
       			)}

     

       616
       616
       +
       			{@render dropdownItem('heroicons:clipboard-20-solid', 'copy post text', () =>

     

       617
       617
       +
       				navigator.clipboard.writeText(post.record.text)

     

       618
       618
       +
       			)}

     

       619
       619
       +
       			{#if actionClient}

     

       620
       620
       +
       				<div class="my-0.75 h-px w-full opacity-60" style="background: {color};"></div>

     

       621
       621
       +
       				{@render dropdownItem(

     

       622
       622
       +
       					deleteState === 'confirm' ? 'heroicons:check-20-solid' : 'heroicons:trash-20-solid',

     

       623
       623
       +
       					deleteState === 'confirm' ? 'are you sure?' : 'delete post',

     

       624
       624
       +
       					deletePost,

     

       625
       625
       +
       					false,

     

       626
       626
       +
       					deleteState === 'confirm' ? 'text-red-500' : ''

     

       627
       627
       +
       				)}

     

       628
       628
       +
       			{/if}

     

       629
       629
       +
       

     

       630
       630
       +
       			{#snippet trigger()}

     

       631
       631
       +
       				<div

     

       632
       632
       +
       					class="

     

       633
       633
       +
                 		    w-fit items-center rounded-sm transition-opacity

     

       634
       634
       +
                			duration-100 ease-in-out group-hover:opacity-100

     

       635
       635
       +
                			{!actionsOpen && !Device.isMobile ? 'opacity-0' : ''}

     

       636
       636
       +
                			"

     

       637
       637
       +
       					style="background: {color}1f;"

     

       638
       638
       +
       				>

     

       639
       639
       +
       					{@render control('actions', 'heroicons:ellipsis-horizontal-16-solid', (e) => {

     

       640
       640
       +
       						e.stopPropagation();

     

       641
       641
       +
       						actionsOpen = !actionsOpen;

     

       642
       642
       +
       						actionsPos = { x: 0, y: 0 };

     

       643
       643
       +
       					})}

     

       644
       644
       +
       				</div>

     

       645
       645
       +
       			{/snippet}

     

       646
       646
       +
       		</Dropdown>

     

       379
       647
        
       	</div>

     

       380
       648
        
       {/snippet}

     

       649
       649
       +
       

     

       650
       650
       +
       {#snippet dropdownItem(

     

       651
       651
       +
       	icon: string,

     

       652
       652
       +
       	label: string,

     

       653
       653
       +
       	onClick: () => void,

     

       654
       654
       +
       	autoClose: boolean = true,

     

       655
       655
       +
       	extraClass: string = ''

     

       656
       656
       +
       )}

     

       657
       657
       +
       	<button

     

       658
       658
       +
       		class="

     

       659
       659
       +
       		flex items-center justify-between rounded-sm px-2 py-1.5

     

       660
       660
       +
       		transition-all duration-100 hover:[backdrop-filter:brightness(120%)]

     

       661
       661
       +
       		{extraClass}

     

       662
       662
       +
       		"

     

       663
       663
       +
       		onclick={() => {

     

       664
       664
       +
       			onClick();

     

       665
       665
       +
       			if (autoClose) actionsOpen = false;

     

       666
       666
       +
       		}}

     

       667
       667
       +
       	>

     

       668
       668
       +
       		<span class="font-bold">{label}</span>

     

       669
       669
       +
       		<Icon class="h-6 w-6" {icon} />

     

       670
       670
       +
       	</button>

     

       671
       671
       +
       {/snippet}

     

       672
       672
       +
       

     

       673
       673
       +
       <style>

     

       674
       674
       +
       	@reference "../app.css";

     

       675
       675
       +
       

     

       676
       676
       +
       	:global(.post-dropdown) {

     

       677
       677
       +
       		@apply flex min-w-54 flex-col gap-1 rounded-sm border-2 p-1 shadow-2xl backdrop-blur-xl backdrop-brightness-60;

     

       678
       678
       +
       	}

     

       679
       679
       +
       </style>

+30

src/components/NotificationsPopup.svelte

···

       1
       1
       +
       <script lang="ts">

     

       2
       2
       +
       	import Popup from './Popup.svelte';

     

       3
       3
       +
       

     

       4
       4
       +
       	interface Props {

     

       5
       5
       +
       		isOpen: boolean;

     

       6
       6
       +
       		onClose: () => void;

     

       7
       7
       +
       	}

     

       8
       8
       +
       

     

       9
       9
       +
       	let { isOpen = $bindable(false), onClose }: Props = $props();

     

       10
       10
       +
       

     

       11
       11
       +
       	const handleClose = () => {

     

       12
       12
       +
       		onClose();

     

       13
       13
       +
       	};

     

       14
       14
       +
       </script>

     

       15
       15
       +
       

     

       16
       16
       +
       <Popup

     

       17
       17
       +
       	bind:isOpen

     

       18
       18
       +
       	onClose={handleClose}

     

       19
       19
       +
       	title="notifications"

     

       20
       20
       +
       	width="w-[42vmax] max-w-2xl"

     

       21
       21
       +
       	height="60vh"

     

       22
       22
       +
       	showHeaderDivider={true}

     

       23
       23
       +
       >

     

       24
       24
       +
       	<div class="flex h-full items-center justify-center">

     

       25
       25
       +
       		<div class="text-center">

     

       26
       26
       +
       			<div class="mb-4 text-6xl opacity-50">🚧</div>

     

       27
       27
       +
       			<h3 class="text-xl font-bold opacity-80">todo</h3>

     

       28
       28
       +
       		</div>

     

       29
       29
       +
       	</div>

     

       30
       30
       +
       </Popup>

+120 -83

src/components/PostComposer.svelte

···

       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 Did } from '@atcute/lexicons';

     

       8
       8
       +
       	import { parseCanonicalResourceUri } from '@atcute/lexicons';

     

       9
       9
        
       	import type { ComAtprotoRepoStrongRef } from '@atcute/atproto';

     

       10
       10
       -
       	import type { Writable } from 'svelte/store';

     

       11
       10
        
       

     

       12
       11
        
       	interface Props {

     

       13
       12
        
       		client: AtpClient;

     

       14
       14
       -
       		selectedDid: Writable<Did | null>;

     

       15
       13
        
       		onPostSent: (post: PostWithUri) => void;

     

       16
       14
        
       		quoting?: PostWithUri;

     

       17
       15
        
       		replying?: PostWithUri;

     
···

       19
       17
        
       

     

       20
       18
        
       	let {

     

       21
       19
        
       		client,

     

       22
       22
       -
       		selectedDid,

     

       23
       20
        
       		onPostSent,

     

       24
       21
        
       		quoting = $bindable(undefined),

     

       25
       22
        
       		replying = $bindable(undefined)

     

       26
       23
        
       	}: Props = $props();

     

       27
       24
        
       

     

       28
       25
        
       	let color = $derived(

     

       29
       29
       -
       		client.didDoc?.did ? generateColorForDid(client.didDoc?.did) : 'var(--nucleus-accent)'

     

       26
       26
       +
       		client.user?.did ? generateColorForDid(client.user?.did) : 'var(--nucleus-accent2)'

     

       30
       27
        
       	);

     

       31
       28
        
       

     

       32
       29
        
       	const post = async (text: string): Promise<Result<PostWithUri, string>> => {

     
···

       56
       53
        
       		const res = await client.atcute?.post('com.atproto.repo.createRecord', {

     

       57
       54
        
       			input: {

     

       58
       55
        
       				collection: 'app.bsky.feed.post',

     

       59
       59
       -
       				repo: client.didDoc!.did,

     

       56
       56
       +
       				repo: client.user!.did,

     

       60
       57
        
       				record

     

       61
       58
        
       			}

     

       62
       59
        
       		});

     
···

       81
       78
        
       	let isFocused = $state(false);

     

       82
       79
        
       	let textareaEl: HTMLTextAreaElement | undefined = $state();

     

       83
       80
        
       

     

       81
       81
       +
       	const unfocus = () => {

     

       82
       82
       +
       		isFocused = false;

     

       83
       83
       +
       		quoting = undefined;

     

       84
       84
       +
       		replying = undefined;

     

       85
       85
       +
       	};

     

       86
       86
       +
       

     

       84
       87
        
       	const doPost = () => {

     

       85
       88
        
       		if (postText.length === 0 || postText.length > 300) return;

     

       86
       89
        
       

     
···

       89
       92
        
       				onPostSent(res.value);

     

       90
       93
        
       				postText = '';

     

       91
       94
        
       				info = 'posted!';

     

       92
       92
       -
       				isFocused = false;

     

       93
       93
       -
       				quoting = undefined;

     

       94
       94
       -
       				replying = undefined;

     

       95
       95
       +
       				unfocus();

     

       95
       96
        
       				setTimeout(() => (info = ''), 1000 * 0.8);

     

       96
       97
        
       			} else {

     

       97
       98
        
       				// todo: add a way to clear error

     
···

       101
       102
        
       	};

     

       102
       103
        
       

     

       103
       104
        
       	$effect(() => {

     

       105
       105
       +
       		document.documentElement.style.setProperty('--acc-color', color);

     

       104
       106
        
       		if (isFocused && textareaEl) textareaEl.focus();

     

       105
       107
        
       		if (quoting || replying) isFocused = true;

     

       106
       108
        
       	});

     

       107
       109
        
       </script>

     

       108
       110
        
       

     

       109
       109
       -
       <div class="relative min-h-16">

     

       111
       111
       +
       {#snippet renderPost(post: PostWithUri)}

     

       112
       112
       +
       	{@const parsedUri = expect(parseCanonicalResourceUri(post.uri))}

     

       113
       113
       +
       	<BskyPost

     

       114
       114
       +
       		{client}

     

       115
       115
       +
       		did={parsedUri.repo}

     

       116
       116
       +
       		rkey={parsedUri.rkey}

     

       117
       117
       +
       		data={post}

     

       118
       118
       +
       		isOnPostComposer={true}

     

       119
       119
       +
       	/>

     

       120
       120
       +
       {/snippet}

     

       121
       121
       +
       

     

       122
       122
       +
       {#snippet composer()}

     

       123
       123
       +
       	<div class="flex items-center gap-2">

     

       124
       124
       +
       		<div class="grow"></div>

     

       125
       125
       +
       		<span

     

       126
       126
       +
       			class="text-sm font-medium"

     

       127
       127
       +
       			style="color: color-mix(in srgb, {postText.length > 300

     

       128
       128
       +
       				? '#ef4444'

     

       129
       129
       +
       				: 'var(--nucleus-fg)'} 53%, transparent);"

     

       130
       130
       +
       		>

     

       131
       131
       +
       			{postText.length} / 300

     

       132
       132
       +
       		</span>

     

       133
       133
       +
       		<button

     

       134
       134
       +
       			onmousedown={(e) => {

     

       135
       135
       +
       				e.preventDefault();

     

       136
       136
       +
       				doPost();

     

       137
       137
       +
       			}}

     

       138
       138
       +
       			disabled={postText.length === 0 || postText.length > 300}

     

       139
       139
       +
       			class="action-button border-none px-5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"

     

       140
       140
       +
       			style="background: color-mix(in srgb, {color} 87%, transparent);"

     

       141
       141
       +
       		>

     

       142
       142
       +
       			post

     

       143
       143
       +
       		</button>

     

       144
       144
       +
       	</div>

     

       145
       145
       +
       	{#if replying}

     

       146
       146
       +
       		{@render renderPost(replying)}

     

       147
       147
       +
       	{/if}

     

       148
       148
       +
       	<div class="composer space-y-2">

     

       149
       149
       +
       		<textarea

     

       150
       150
       +
       			bind:this={textareaEl}

     

       151
       151
       +
       			bind:value={postText}

     

       152
       152
       +
       			onfocus={() => (isFocused = true)}

     

       153
       153
       +
       			onblur={unfocus}

     

       154
       154
       +
       			onkeydown={(event) => {

     

       155
       155
       +
       				if (event.key === 'Escape') unfocus();

     

       156
       156
       +
       				if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();

     

       157
       157
       +
       			}}

     

       158
       158
       +
       			placeholder="what's on your mind?"

     

       159
       159
       +
       			rows="4"

     

       160
       160
       +
       			class="field-sizing-content resize-none"

     

       161
       161
       +
       		></textarea>

     

       162
       162
       +
       		{#if quoting}

     

       163
       163
       +
       			{@render renderPost(quoting)}

     

       164
       164
       +
       		{/if}

     

       165
       165
       +
       	</div>

     

       166
       166
       +
       {/snippet}

     

       167
       167
       +
       

     

       168
       168
       +
       <div class="relative min-h-13">

     

       110
       169
        
       	<!-- Spacer to maintain layout when focused -->

     

       111
       170
        
       	{#if isFocused}

     

       112
       112
       -
       		<div class="min-h-16"></div>

     

       171
       171
       +
       		<div class="min-h-13"></div>

     

       113
       172
        
       	{/if}

     

       114
       173
        
       

     

       174
       174
       +
       	<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       115
       175
        
       	<div

     

       116
       116
       -
       		class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300"

     

       117
       117
       -
       		class:min-h-16={!isFocused}

     

       118
       118
       -
       		class:items-center={!isFocused}

     

       119
       119
       -
       		class:shadow-2xl={isFocused}

     

       120
       120
       -
       		class:absolute={isFocused}

     

       121
       121
       -
       		class:top-0={isFocused}

     

       122
       122
       -
       		class:left-0={isFocused}

     

       123
       123
       -
       		class:right-0={isFocused}

     

       124
       124
       -
       		class:z-50={isFocused}

     

       176
       176
       +
       		onmousedown={(e) => {

     

       177
       177
       +
       			if (isFocused) {

     

       178
       178
       +
       				e.preventDefault();

     

       179
       179
       +
       			}

     

       180
       180
       +
       		}}

     

       181
       181
       +
       		class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300

     

       182
       182
       +
       			{!isFocused ? 'min-h-13 items-center' : ''}

     

       183
       183
       +
       			{isFocused ? 'absolute right-0 bottom-0 left-0 z-50 shadow-2xl' : ''}"

     

       125
       184
        
       		style="background: {isFocused

     

       126
       126
       -
       			? `color-mix(in srgb, var(--nucleus-bg) 80%, ${color} 20%)`

     

       127
       127
       -
       			: `color-mix(in srgb, ${color} 9%, transparent)`};

     

       185
       185
       +
       			? `color-mix(in srgb, var(--nucleus-bg) 75%, ${color})`

     

       186
       186
       +
       			: `color-mix(in srgb, color-mix(in srgb, var(--nucleus-bg) 85%, ${color}) 70%, transparent)`};

     

       128
       187
        
       			border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);"

     

       129
       188
        
       	>

     

       130
       130
       -
       		<div class="w-full p-2" class:py-3={isFocused}>

     

       189
       189
       +
       		<div class="w-full p-1.5 px-2">

     

       131
       190
        
       			{#if info.length > 0}

     

       132
       191
        
       				<div

     

       133
       192
        
       					class="rounded-sm px-3 py-1.5 text-center font-medium text-nowrap overflow-ellipsis"

     
···

       138
       197
        
       			{:else}

     

       139
       198
        
       				<div class="flex flex-col gap-2">

     

       140
       199
        
       					{#if isFocused}

     

       141
       141
       -
       						{#if replying}

     

       142
       142
       -
       							{@const parsedUri = expect(parseCanonicalResourceUri(replying.uri))}

     

       143
       143
       -
       							<BskyPost

     

       144
       144
       -
       								{client}

     

       145
       145
       -
       								{selectedDid}

     

       146
       146
       -
       								did={parsedUri.repo}

     

       147
       147
       -
       								rkey={parsedUri.rkey}

     

       148
       148
       -
       								data={replying}

     

       149
       149
       -
       								isOnPostComposer={true}

     

       150
       150
       -
       							/>

     

       151
       151
       -
       						{/if}

     

       152
       152
       -
       						<textarea

     

       153
       153
       -
       							bind:this={textareaEl}

     

       154
       154
       -
       							bind:value={postText}

     

       155
       155
       -
       							onfocus={() => (isFocused = true)}

     

       156
       156
       -
       							onblur={() => {

     

       157
       157
       -
       								isFocused = false;

     

       158
       158
       -
       								quoting = undefined;

     

       159
       159
       -
       								replying = undefined;

     

       160
       160
       -
       							}}

     

       161
       161
       -
       							onkeydown={(event) => {

     

       162
       162
       -
       								if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();

     

       163
       163
       -
       							}}

     

       164
       164
       -
       							placeholder="what's on your mind?"

     

       165
       165
       -
       							rows="4"

     

       166
       166
       -
       							class="[field-sizing:content] single-line-input resize-none bg-(--nucleus-bg)/40 focus:scale-100"

     

       167
       167
       -
       							style="border-color: color-mix(in srgb, {color} 27%, transparent);"

     

       168
       168
       -
       						></textarea>

     

       169
       169
       -
       						{#if quoting}

     

       170
       170
       -
       							{@const parsedUri = expect(parseCanonicalResourceUri(quoting.uri))}

     

       171
       171
       -
       							<BskyPost

     

       172
       172
       -
       								{client}

     

       173
       173
       -
       								{selectedDid}

     

       174
       174
       -
       								did={parsedUri.repo}

     

       175
       175
       -
       								rkey={parsedUri.rkey}

     

       176
       176
       -
       								data={quoting}

     

       177
       177
       -
       								isOnPostComposer={true}

     

       178
       178
       -
       							/>

     

       179
       179
       -
       						{/if}

     

       180
       180
       -
       						<div class="flex items-center gap-2">

     

       181
       181
       -
       							<div class="grow"></div>

     

       182
       182
       -
       							<span

     

       183
       183
       -
       								class="text-sm font-medium"

     

       184
       184
       -
       								style="color: color-mix(in srgb, {postText.length > 300

     

       185
       185
       -
       									? '#ef4444'

     

       186
       186
       -
       									: 'var(--nucleus-fg)'} 53%, transparent);"

     

       187
       187
       -
       							>

     

       188
       188
       -
       								{postText.length} / 300

     

       189
       189
       -
       							</span>

     

       190
       190
       -
       							<button

     

       191
       191
       -
       								onclick={doPost}

     

       192
       192
       -
       								disabled={postText.length === 0 || postText.length > 300}

     

       193
       193
       -
       								class="action-button border-none px-5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"

     

       194
       194
       -
       								style="background: color-mix(in srgb, {color} 87%, transparent);"

     

       195
       195
       -
       							>

     

       196
       196
       -
       								post

     

       197
       197
       -
       							</button>

     

       198
       198
       -
       						</div>

     

       200
       200
       +
       						{@render composer()}

     

       199
       201
        
       					{:else}

     

       200
       202
        
       						<input

     

       201
       203
        
       							bind:value={postText}

     

       202
       204
        
       							onfocus={() => (isFocused = true)}

     

       203
       205
        
       							type="text"

     

       204
       206
        
       							placeholder="what's on your mind?"

     

       205
       205
       -
       							class="single-line-input flex-1 bg-(--nucleus-bg)/40"

     

       206
       206
       -
       							style="border-color: color-mix(in srgb, {color} 27%, transparent);"

     

       207
       207
       +
       							class="flex-1"

     

       207
       208
        
       						/>

     

       208
       209
        
       					{/if}

     

       209
       210
        
       				</div>

     
···

       211
       212
        
       		</div>

     

       212
       213
        
       	</div>

     

       213
       214
        
       </div>

     

       215
       215
       +
       

     

       216
       216
       +
       <!-- TODO: this fucking blows -->

     

       217
       217
       +
       <style>

     

       218
       218
       +
       	@reference "../app.css";

     

       219
       219
       +
       

     

       220
       220
       +
       	input,

     

       221
       221
       +
       	.composer {

     

       222
       222
       +
       		@apply single-line-input bg-(--nucleus-bg)/35;

     

       223
       223
       +
       		border-color: color-mix(in srgb, var(--acc-color) 30%, transparent);

     

       224
       224
       +
       	}

     

       225
       225
       +
       

     

       226
       226
       +
       	.composer {

     

       227
       227
       +
       		@apply p-2;

     

       228
       228
       +
       	}

     

       229
       229
       +
       

     

       230
       230
       +
       	textarea {

     

       231
       231
       +
       		@apply w-full bg-transparent p-0;

     

       232
       232
       +
       	}

     

       233
       233
       +
       

     

       234
       234
       +
       	input {

     

       235
       235
       +
       		@apply p-1 px-2;

     

       236
       236
       +
       	}

     

       237
       237
       +
       

     

       238
       238
       +
       	.composer {

     

       239
       239
       +
       		@apply focus:scale-100;

     

       240
       240
       +
       	}

     

       241
       241
       +
       

     

       242
       242
       +
       	input::placeholder,

     

       243
       243
       +
       	textarea::placeholder {

     

       244
       244
       +
       		color: color-mix(in srgb, var(--acc-color) 45%, var(--nucleus-bg));

     

       245
       245
       +
       	}

     

       246
       246
       +
       

     

       247
       247
       +
       	textarea:focus {

     

       248
       248
       +
       		@apply border-none! [box-shadow:none]! outline-none!;

     

       249
       249
       +
       	}

     

       250
       250
       +
       </style>

+52 -85

src/components/SettingsPopup.svelte

···

       3
       3
        
       	import { handleCache, didDocCache, recordCache } from '$lib/at/client';

     

       4
       4
        
       	import { get } from 'svelte/store';

     

       5
       5
        
       	import ColorPicker from 'svelte-awesome-color-picker';

     

       6
       6
       +
       	import Popup from './Popup.svelte';

     

       7
       7
       +
       	import Tabs from './Tabs.svelte';

     

       6
       8
        
       

     

       7
       9
        
       	interface Props {

     

       8
       10
        
       		isOpen: boolean;

     
···

       11
       13
        
       

     

       12
       14
        
       	let { isOpen = $bindable(false), onClose }: Props = $props();

     

       13
       15
        
       

     

       14
       14
       -
       	type Tab = 'advanced' | 'moderation' | 'style';

     

       16
       16
       +
       	type Tab = 'style' | 'moderation' | 'advanced';

     

       15
       17
        
       	let activeTab = $state<Tab>('advanced');

     

       16
       18
        
       

     

       17
       19
        
       	let localSettings = $state(get(settings));

     
···

       32
       34
        
       

     

       33
       35
        
       	const handleSave = () => {

     

       34
       36
        
       		settings.set(localSettings);

     

       35
       35
       -
       		// reload to update api endpoints

     

       36
       37
        
       		window.location.reload();

     

       37
       38
        
       	};

     

       38
       39
        
       

     
···

       48
       49
        
       		didDocCache.clear();

     

       49
       50
        
       		recordCache.clear();

     

       50
       51
        
       		alert('cache cleared!');

     

       51
       51
       -
       	};

     

       52
       52
       -
       

     

       53
       53
       -
       	const handleKeydown = (event: KeyboardEvent) => {

     

       54
       54
       -
       		if (event.key === 'Escape') handleClose();

     

       55
       52
        
       	};

     

       56
       53
        
       </script>

     

       57
       54
        
       

     

       58
       55
        
       {#snippet divider()}

     

       59
       59
       -
       	<div class="h-px bg-gradient-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"></div>

     

       56
       56
       +
       	<div class="h-px bg-linear-to-r from-(--nucleus-accent) to-(--nucleus-accent2)"></div>

     

       60
       57
        
       {/snippet}

     

       61
       58
        
       

     

       62
       59
        
       {#snippet settingHeader(name: string, desc: string)}

     
···

       74
       71
        
       						<label for={name} class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       75
       72
        
       							{desc}

     

       76
       73
        
       						</label>

     

       77
       77
       -
       						<!-- todo: add validation for url -->

     

       78
       74
        
       						<input

     

       79
       75
        
       							id={name}

     

       80
       76
        
       							type="url"

     

       81
       77
        
       							bind:value={localSettings.endpoints[name]}

     

       82
       78
        
       							placeholder={defaultSettings.endpoints[name]}

     

       83
       83
       -
       							class="single-line-input border-(--nucleus-accent)/40 bg-(--nucleus-accent)/3"

     

       79
       79
       +
       							class="single-line-input"

     

       84
       80
        
       						/>

     

       85
       81
        
       					</div>

     

       86
       82
        
       				{/snippet}

     
···

       93
       89
        
       		{@render divider()}

     

       94
       90
        
       

     

       95
       91
        
       		<div>

     

       92
       92
       +
       			<label for="social-app-url" class="mb-2 block text-sm font-semibold text-(--nucleus-fg)/80">

     

       93
       93
       +
       				social-app url (for when copying links to posts / profiles)

     

       94
       94
       +
       			</label>

     

       95
       95
       +
       			<input

     

       96
       96
       +
       				id="social-app-url"

     

       97
       97
       +
       				type="url"

     

       98
       98
       +
       				bind:value={localSettings.socialAppUrl}

     

       99
       99
       +
       				placeholder={defaultSettings.socialAppUrl}

     

       100
       100
       +
       				class="single-line-input"

     

       101
       101
       +
       			/>

     

       102
       102
       +
       		</div>

     

       103
       103
       +
       

     

       104
       104
       +
       		{@render divider()}

     

       105
       105
       +
       

     

       106
       106
       +
       		<div>

     

       96
       107
        
       			{@render settingHeader(

     

       97
       108
        
       				'cache management',

     

       98
       109
        
       				'clears cached data (records, DID documents, handles, etc.)'

     
···

       143
       154
        
       	</div>

     

       144
       155
        
       {/snippet}

     

       145
       156
        
       

     

       146
       146
       -
       {#if isOpen}

     

       147
       147
       -
       	<div

     

       148
       148
       -
       		class="fixed inset-0 z-50 flex items-center justify-center bg-(--nucleus-bg)/80 p-8 backdrop-blur-sm"

     

       149
       149
       -
       		onclick={handleClose}

     

       150
       150
       -
       		onkeydown={handleKeydown}

     

       151
       151
       -
       		role="button"

     

       152
       152
       -
       		tabindex="-1"

     

       153
       153
       -
       	>

     

       154
       154
       -
       		<!-- svelte-ignore a11y_interactive_supports_focus -->

     

       155
       155
       -
       		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       156
       156
       -
       		<div

     

       157
       157
       -
       			class="flex h-[600px] w-full max-w-2xl animate-fade-in-scale flex-col rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl transition-all"

     

       158
       158
       -
       			onclick={(e) => e.stopPropagation()}

     

       159
       159
       -
       			role="dialog"

     

       160
       160
       -
       		>

     

       161
       161
       -
       			<div class="flex items-center gap-4 border-b-2 border-(--nucleus-accent)/20 p-4">

     

       162
       162
       -
       				<div>

     

       163
       163
       -
       					<h2 class="text-2xl font-bold">settings</h2>

     

       164
       164
       -
       					<div class="mt-2 flex gap-2">

     

       165
       165
       -
       						<div class="h-1 w-8 rounded-full bg-(--nucleus-accent)"></div>

     

       166
       166
       -
       						<div class="h-1 w-9.5 rounded-full bg-(--nucleus-accent2)"></div>

     

       167
       167
       -
       					</div>

     

       168
       168
       -
       				</div>

     

       169
       169
       -
       				{#if hasReloadChanges}

     

       170
       170
       -
       					<button onclick={handleSave} class="shrink-0 action-button px-6"> save & reload </button>

     

       171
       171
       -
       				{/if}

     

       172
       172
       -
       				<div class="grow"></div>

     

       173
       173
       -
       				<!-- svelte-ignore a11y_consider_explicit_label -->

     

       174
       174
       -
       				<button

     

       175
       175
       -
       					onclick={handleClose}

     

       176
       176
       -
       					class="rounded-xl p-2 text-(--nucleus-fg)/40 transition-all hover:scale-110"

     

       177
       177
       -
       				>

     

       178
       178
       -
       					<svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

     

       179
       179
       -
       						<path

     

       180
       180
       -
       							stroke-linecap="round"

     

       181
       181
       -
       							stroke-linejoin="round"

     

       182
       182
       -
       							stroke-width="2.5"

     

       183
       183
       -
       							d="M6 18L18 6M6 6l12 12"

     

       184
       184
       -
       						/>

     

       185
       185
       -
       					</svg>

     

       186
       186
       -
       				</button>

     

       187
       187
       -
       			</div>

     

       157
       157
       +
       <Popup

     

       158
       158
       +
       	bind:isOpen

     

       159
       159
       +
       	onClose={handleClose}

     

       160
       160
       +
       	title="settings"

     

       161
       161
       +
       	width="w-[42vmax] max-w-2xl"

     

       162
       162
       +
       	height="60vh"

     

       163
       163
       +
       	showHeaderDivider={true}

     

       164
       164
       +
       >

     

       165
       165
       +
       	{#snippet headerActions()}

     

       166
       166
       +
       		{#if hasReloadChanges}

     

       167
       167
       +
       			<button onclick={handleSave} class="shrink-0 action-button"> save & reload </button>

     

       168
       168
       +
       		{/if}

     

       169
       169
       +
       	{/snippet}

     

       188
       170
        
       

     

       189
       189
       -
       			<div class="flex-1 overflow-y-auto p-4">

     

       190
       190
       -
       				{#if activeTab === 'advanced'}

     

       191
       191
       -
       					{@render advancedTab()}

     

       192
       192
       -
       				{:else if activeTab === 'moderation'}

     

       193
       193
       -
       					<div class="flex h-full items-center justify-center">

     

       194
       194
       -
       						<div class="text-center">

     

       195
       195
       -
       							<div class="mb-4 text-6xl opacity-50">🚧</div>

     

       196
       196
       -
       							<h3 class="text-xl font-bold opacity-80">todo</h3>

     

       197
       197
       -
       						</div>

     

       198
       198
       -
       					</div>

     

       199
       199
       -
       				{:else if activeTab === 'style'}

     

       200
       200
       -
       					{@render styleTab()}

     

       201
       201
       -
       				{/if}

     

       202
       202
       -
       			</div>

     

       203
       203
       -
       

     

       204
       204
       -
       			<div>

     

       205
       205
       -
       				<div class="flex">

     

       206
       206
       -
       					{#snippet tabButton(name: Tab)}

     

       207
       207
       -
       						{@const isActive = activeTab === name}

     

       208
       208
       -
       						<button

     

       209
       209
       -
       							onclick={() => (activeTab = name)}

     

       210
       210
       -
       							class="flex-1 border-t-3 px-4 py-3 font-semibold transition-colors hover:cursor-pointer {isActive

     

       211
       211
       -
       								? 'border-(--nucleus-accent) bg-(--nucleus-accent)/20 text-(--nucleus-accent)'

     

       212
       212
       -
       								: 'border-(--nucleus-accent)/20 bg-transparent text-(--nucleus-fg)/60 hover:bg-(--nucleus-accent)/10'}"

     

       213
       213
       -
       						>

     

       214
       214
       -
       							{name}

     

       215
       215
       -
       						</button>

     

       216
       216
       -
       					{/snippet}

     

       217
       217
       -
       					{#each ['style', 'moderation', 'advanced'] as Tab[] as tabName (tabName)}

     

       218
       218
       -
       						{@render tabButton(tabName)}

     

       219
       219
       -
       					{/each}

     

       220
       220
       -
       				</div>

     

       171
       171
       +
       	{#if activeTab === 'advanced'}

     

       172
       172
       +
       		{@render advancedTab()}

     

       173
       173
       +
       	{:else if activeTab === 'moderation'}

     

       174
       174
       +
       		<div class="flex h-full items-center justify-center">

     

       175
       175
       +
       			<div class="text-center">

     

       176
       176
       +
       				<div class="mb-4 text-6xl opacity-50">🚧</div>

     

       177
       177
       +
       				<h3 class="text-xl font-bold opacity-80">todo</h3>

     

       221
       178
        
       			</div>

     

       222
       179
        
       		</div>

     

       223
       223
       -
       	</div>

     

       224
       224
       -
       {/if}

     

       180
       180
       +
       	{:else if activeTab === 'style'}

     

       181
       181
       +
       		{@render styleTab()}

     

       182
       182
       +
       	{/if}

     

       183
       183
       +
       

     

       184
       184
       +
       	{#snippet footer()}

     

       185
       185
       +
       		<Tabs

     

       186
       186
       +
       			tabs={['style', 'moderation', 'advanced']}

     

       187
       187
       +
       			bind:activeTab

     

       188
       188
       +
       			onTabChange={(tab) => (activeTab = tab)}

     

       189
       189
       +
       		/>

     

       190
       190
       +
       	{/snippet}

     

       191
       191
       +
       </Popup>

+23

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

     

       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 font-semibold transition-colors hover:cursor-pointer {isActive

     

       17
       17
       +
       				? 'border-(--nucleus-accent) bg-(--nucleus-accent)/20 text-(--nucleus-accent)'

     

       18
       18
       +
       				: 'border-(--nucleus-accent)/20 bg-transparent text-(--nucleus-fg)/60 hover:bg-(--nucleus-accent)/10'}"

     

       19
       19
       +
       		>

     

       20
       20
       +
       			{tab}

     

       21
       21
       +
       		</button>

     

       22
       22
       +
       	{/each}

     

       23
       23
       +
       </div>

+19 -68

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 { hashColor } from './theme';

     

       4
       4
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       3
       5
        
       

     

       4
       6
        
       export type Account = {

     

       5
       5
       -
       	did: Did;

     

       6
       6
       -
       	handle: Handle;

     

       7
       7
       -
       	password: string;

     

       7
       7
       +
       	did: AtprotoDid;

     

       8
       8
       +
       	handle: Handle | null;

     

       8
       9
        
       };

     

       9
       10
        
       

     

       10
       11
        
       let _accounts: Account[] = [];

     
···

       20
       21
        
       })();

     

       21
       22
        
       

     

       22
       23
        
       export const addAccount = (account: Account): void => {

     

       23
       23
       -
       	accounts.update((accounts) => [...accounts, account]);

     

       24
       24
       +
       	accounts.update((accounts) => [...accounts.filter((a) => a.did !== account.did), account]);

     

       24
       25
        
       };

     

       25
       26
        
       

     

       26
       26
       -
       export const generateColorForDid = (did: string) => hashColor(did);

     

       27
       27
       -
       

     

       28
       28
       -
       function hashColor(input: string): string {

     

       29
       29
       -
       	let hash: number;

     

       30
       30
       -
       

     

       31
       31
       -
       	const id = input.split(':').pop() || input;

     

       32
       32
       -
       

     

       33
       33
       -
       	hash = 0;

     

       34
       34
       -
       	for (let i = 0; i < Math.min(10, id.length); i++) {

     

       35
       35
       -
       		hash = (hash << 4) + id.charCodeAt(i);

     

       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;

     

       36
       38
        
       	}

     

       37
       37
       -
       	hash = hash >>> 0;

     

       39
       39
       +
       };

     

       38
       40
        
       

     

       39
       39
       -
       	// magic mixing

     

       40
       40
       -
       	hash ^= hash >>> 16;

     

       41
       41
       -
       	hash = Math.imul(hash, 0x21f0aaad);

     

       42
       42
       -
       	hash ^= hash >>> 15;

     

       43
       43
       -
       	hash = hash >>> 0;

     

       44
       44
       -
       

     

       45
       45
       -
       	const hue = hash % 360;

     

       46
       46
       -
       	const saturation = 0.8 + ((hash >>> 10) % 20) * 0.01; // 80-100%

     

       47
       47
       -
       	const lightness = 0.45 + ((hash >>> 20) % 35) * 0.01; // 50-75%

     

       48
       48
       -
       

     

       49
       49
       -
       	const rgb = hslToRgb(hue, saturation, lightness);

     

       50
       50
       -
       	const hex = rgb.map((value) => value.toString(16).padStart(2, '0')).join('');

     

       51
       51
       -
       

     

       52
       52
       -
       	return `#${hex}`;

     

       53
       53
       -
       }

     

       54
       54
       -
       

     

       55
       55
       -
       function hslToRgb(h: number, s: number, l: number): [number, number, number] {

     

       56
       56
       -
       	const c = (1 - Math.abs(2 * l - 1)) * s;

     

       57
       57
       -
       	const hPrime = h / 60;

     

       58
       58
       -
       	const x = c * (1 - Math.abs((hPrime % 2) - 1));

     

       59
       59
       -
       	const m = l - c / 2;

     

       60
       60
       -
       

     

       61
       61
       -
       	let r: number, g: number, b: number;

     

       62
       62
       -
       

     

       63
       63
       -
       	if (hPrime < 1) {

     

       64
       64
       -
       		r = c;

     

       65
       65
       -
       		g = x;

     

       66
       66
       -
       		b = 0;

     

       67
       67
       -
       	} else if (hPrime < 2) {

     

       68
       68
       -
       		r = x;

     

       69
       69
       -
       		g = c;

     

       70
       70
       -
       		b = 0;

     

       71
       71
       -
       	} else if (hPrime < 3) {

     

       72
       72
       -
       		r = 0;

     

       73
       73
       -
       		g = c;

     

       74
       74
       -
       		b = x;

     

       75
       75
       -
       	} else if (hPrime < 4) {

     

       76
       76
       -
       		r = 0;

     

       77
       77
       -
       		g = x;

     

       78
       78
       -
       		b = c;

     

       79
       79
       -
       	} else if (hPrime < 5) {

     

       80
       80
       -
       		r = x;

     

       81
       81
       -
       		g = 0;

     

       82
       82
       -
       		b = c;

     

       83
       83
       -
       	} else {

     

       84
       84
       -
       		r = c;

     

       85
       85
       -
       		g = 0;

     

       86
       86
       -
       		b = x;

     

       87
       87
       -
       	}

     

       88
       88
       -
       

     

       89
       89
       -
       	return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];

     

       90
       90
       -
       }

     

       41
       41
       +
       export const generateColorForDid = (did: string) => hashColor(did);

+23 -24

src/lib/at/client.ts

···

       4
       4
        
       	ComAtprotoRepoGetRecord,

     

       5
       5
        
       	ComAtprotoRepoListRecords

     

       6
       6
        
       } from '@atcute/atproto';

     

       7
       7
       -
       import { Client as AtcuteClient, CredentialManager } from '@atcute/client';

     

       7
       7
       +
       import { Client as AtcuteClient } from '@atcute/client';

     

       8
       8
        
       import { safeParse, type Handle, type InferOutput } from '@atcute/lexicons';

     

       9
       9
        
       import {

     

       10
       10
        
       	isDid,

     
···

       12
       12
        
       	parseResourceUri,

     

       13
       13
        
       	type ActorIdentifier,

     

       14
       14
        
       	type AtprotoDid,

     

       15
       15
       -
       	type CanonicalResourceUri,

     

       16
       15
        
       	type Cid,

     

       17
       16
        
       	type Did,

     

       18
       17
        
       	type Nsid,

     
···

       37
       36
        
       import type { Notification } from './stardust';

     

       38
       37
        
       import { get } from 'svelte/store';

     

       39
       38
        
       import { settings } from '$lib/settings';

     

       39
       39
       +
       import type { OAuthUserAgent } from '@atcute/oauth-browser-client';

     

       40
       40
        
       // import { JetstreamSubscription } from '@atcute/jetstream';

     

       41
       41
        
       

     

       42
       42
        
       const cacheTtl = 1000 * 60 * 60 * 24;

     
···

       71
       71
        
       

     

       72
       72
        
       export class AtpClient {

     

       73
       73
        
       	public atcute: AtcuteClient | null = null;

     

       74
       74
       -
       	public didDoc: MiniDoc | null = null;

     

       75
       75
       -
       

     

       76
       76
       -
       	async login(handle: Handle, password: string): Promise<Result<null, string>> {

     

       77
       77
       -
       		const didDoc = await this.resolveDidDoc(handle);

     

       78
       78
       -
       		if (!didDoc.ok) return err(didDoc.error);

     

       79
       79
       -
       		this.didDoc = didDoc.value;

     

       74
       74
       +
       	public user: { did: Did; handle: Handle } | null = null;

     

       80
       75
        
       

     

       76
       76
       +
       	async login(agent: OAuthUserAgent): Promise<Result<null, string>> {

     

       81
       77
        
       		try {

     

       82
       82
       -
       			const handler = new CredentialManager({ service: didDoc.value.pds });

     

       83
       83
       -
       			const rpc = new AtcuteClient({ handler });

     

       84
       84
       -
       			await handler.login({ identifier: didDoc.value.did, password });

     

       85
       85
       -
       

     

       78
       78
       +
       			const rpc = new AtcuteClient({ handler: agent });

     

       79
       79
       +
       			const res = await rpc.get('com.atproto.server.getSession');

     

       80
       80
       +
       			if (!res.ok) throw res.data.error;

     

       81
       81
       +
       			this.user = {

     

       82
       82
       +
       				did: res.data.did,

     

       83
       83
       +
       				handle: res.data.handle

     

       84
       84
       +
       			};

     

       86
       85
        
       			this.atcute = rpc;

     

       87
       86
        
       		} catch (error) {

     

       88
       87
        
       			return err(`failed to login: ${error}`);

     
···

       155
       154
        
       	}

     

       156
       155
        
       

     

       157
       156
        
       	async getProfile(repo?: ActorIdentifier): Promise<Result<AppBskyActorProfile.Main, string>> {

     

       158
       158
       -
       		repo = repo ?? this.didDoc?.did;

     

       157
       157
       +
       		repo = repo ?? this.user?.did;

     

       159
       158
        
       		if (!repo) return err('not authenticated');

     

       160
       159
        
       		return map(await this.getRecord(AppBskyActorProfile.mainSchema, repo, 'self'), (d) => d.record);

     

       161
       160
        
       	}

     
···

       197
       196
        
       

     

       198
       197
        
       		const mapped = map(res, (data) => data.did as AtprotoDid);

     

       199
       198
        
       

     

       200
       200
       -
       		if (mapped.ok) {

     

       201
       201
       -
       			handleCache.set(identifier, mapped.value);

     

       202
       202
       -
       		}

     

       199
       199
       +
       		if (mapped.ok) handleCache.set(identifier, mapped.value);

     

       203
       200
        
       

     

       204
       201
        
       		return mapped;

     

       205
       202
        
       	}

     
···

       216
       213
        
       			cachedSignal.then((d): Result<MiniDoc, string> => ok(d))

     

       217
       214
        
       		]);

     

       218
       215
        
       

     

       219
       219
       -
       		if (result.ok) {

     

       220
       220
       -
       			didDocCache.set(handleOrDid, result.value);

     

       221
       221
       -
       		}

     

       216
       216
       +
       		if (result.ok) didDocCache.set(handleOrDid, result.value);

     

       222
       217
        
       

     

       223
       218
        
       		return result;

     

       224
       219
        
       	}

     

       225
       220
        
       

     

       226
       221
        
       	async getBacklinksUri(

     

       227
       227
       -
       		uri: CanonicalResourceUri,

     

       222
       222
       +
       		uri: ResourceUri,

     

       228
       223
        
       		source: BacklinksSource

     

       229
       224
        
       	): Promise<Result<Backlinks, string>> {

     

       230
       225
        
       		const parsedResourceUri = expect(parseCanonicalResourceUri(uri));

     
···

       243
       238
        
       		source: BacklinksSource

     

       244
       239
        
       	): Promise<Result<Backlinks, string>> {

     

       245
       240
        
       		const did = await this.resolveHandle(repo);

     

       246
       246
       -
       		if (!did.ok) {

     

       247
       247
       -
       			return err(`failed to resolve handle: ${did.error}`);

     

       248
       248
       -
       		}

     

       241
       241
       +
       		if (!did.ok) return err(`cant resolve handle: ${did.error}`);

     

       249
       242
        
       

     

       250
       250
       -
       		return await fetchMicrocosm(constellationUrl, BacklinksQuery, {

     

       243
       243
       +
       		const timeout = new Promise<null>((resolve) => setTimeout(() => resolve(null), 2000));

     

       244
       244
       +
       		const query = fetchMicrocosm(constellationUrl, BacklinksQuery, {

     

       251
       245
        
       			subject: `at://${did.value}/${collection}/${rkey}`,

     

       252
       246
        
       			source,

     

       253
       247
        
       			limit: 100

     

       254
       248
        
       		});

     

       249
       249
       +
       

     

       250
       250
       +
       		const results = await Promise.race([query, timeout]);

     

       251
       251
       +
       		if (!results) return err('cant fetch backlinks: timeout');

     

       252
       252
       +
       

     

       253
       253
       +
       		return results;

     

       255
       254
        
       	}

     

       256
       255
        
       

     

       257
       256
        
       	streamNotifications(subjects: Did[], ...sources: BacklinksSource[]): NotificationsStream {

+90 -60

src/lib/at/fetch.ts

···

       1
       1
       -
       import type { ActorIdentifier, CanonicalResourceUri, Cid, ResourceUri } from '@atcute/lexicons';

     

       1
       1
       +
       import {

     

       2
       2
       +
       	parseCanonicalResourceUri,

     

       3
       3
       +
       	type CanonicalResourceUri,

     

       4
       4
       +
       	type Cid,

     

       5
       5
       +
       	type ResourceUri

     

       6
       6
       +
       } from '@atcute/lexicons';

     

       2
       7
        
       import { recordCache, type AtpClient } from './client';

     

       3
       3
       -
       import { err, ok, type Result } from '$lib/result';

     

       8
       8
       +
       import { err, expect, ok, type Result } from '$lib/result';

     

       4
       9
        
       import type { Backlinks } from './constellation';

     

       5
       10
        
       import { AppBskyFeedPost } from '@atcute/bluesky';

     

       11
       11
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       6
       12
        
       

     

       7
       13
        
       export type PostWithUri = { uri: ResourceUri; cid: Cid | undefined; record: AppBskyFeedPost.Main };

     

       8
       14
        
       export type PostWithBacklinks = PostWithUri & {

     

       9
       9
       -
       	replies: Result<Backlinks, string>;

     

       15
       15
       +
       	replies: Backlinks;

     

       10
       16
        
       };

     

       11
       17
        
       export type PostsWithReplyBacklinks = PostWithBacklinks[];

     

       12
       18
        
       

     

       19
       19
       +
       const replySource = 'app.bsky.feed.post:reply.parent.uri';

     

       20
       20
       +
       

     

       13
       21
        
       export const fetchPostsWithBacklinks = async (

     

       14
       22
        
       	client: AtpClient,

     

       15
       15
       -
       	repo: ActorIdentifier,

     

       23
       23
       +
       	repo: AtprotoDid,

     

       16
       24
        
       	cursor?: string,

     

       17
       25
        
       	limit?: number

     

       18
       26
        
       ): Promise<Result<{ posts: PostsWithReplyBacklinks; cursor?: string }, string>> => {

     
···

       21
       29
        
       	cursor = recordsList.value.cursor;

     

       22
       30
        
       	const records = recordsList.value.records;

     

       23
       31
        
       

     

       24
       24
       -
       	const allBacklinks = await Promise.all(

     

       25
       25
       -
       		records.map(async (r) => {

     

       26
       26
       -
       			recordCache.set(r.uri, r);

     

       27
       27
       -
       			const res = await client.getBacklinksUri(

     

       28
       28
       -
       				r.uri as CanonicalResourceUri,

     

       29
       29
       -
       				'app.bsky.feed.post:reply.parent.uri'

     

       30
       30
       -
       			);

     

       31
       31
       -
       			return {

     

       32
       32
       -
       				uri: r.uri,

     

       33
       33
       -
       				cid: r.cid,

     

       34
       34
       -
       				record: r.value as AppBskyFeedPost.Main,

     

       35
       35
       -
       				replies: res

     

       36
       36
       -
       			};

     

       37
       37
       -
       		})

     

       38
       38
       -
       	);

     

       39
       39
       -
       

     

       40
       40
       -
       	return ok({ posts: allBacklinks, cursor });

     

       32
       32
       +
       	try {

     

       33
       33
       +
       		const allBacklinks = await Promise.all(

     

       34
       34
       +
       			records.map(async (r): Promise<PostWithBacklinks> => {

     

       35
       35
       +
       				recordCache.set(r.uri, r);

     

       36
       36
       +
       				const replies = await client.getBacklinksUri(r.uri, replySource);

     

       37
       37
       +
       				if (!replies.ok) throw `cant fetch replies: ${replies.error}`;

     

       38
       38
       +
       				return {

     

       39
       39
       +
       					uri: r.uri,

     

       40
       40
       +
       					cid: r.cid,

     

       41
       41
       +
       					record: r.value as AppBskyFeedPost.Main,

     

       42
       42
       +
       					replies: replies.value

     

       43
       43
       +
       				};

     

       44
       44
       +
       			})

     

       45
       45
       +
       		);

     

       46
       46
       +
       		return ok({ posts: allBacklinks, cursor });

     

       47
       47
       +
       	} catch (error) {

     

       48
       48
       +
       		return err(`cant fetch posts backlinks: ${error}`);

     

       49
       49
       +
       	}

     

       41
       50
        
       };

     

       42
       51
        
       

     

       43
       52
        
       export const hydratePosts = async (

     

       44
       53
        
       	client: AtpClient,

     

       54
       54
       +
       	repo: AtprotoDid,

     

       45
       55
        
       	data: PostsWithReplyBacklinks

     

       46
       46
       -
       ): Promise<Map<ResourceUri, PostWithUri>> => {

     

       47
       47
       -
       	const allPosts = await Promise.all(

     

       48
       48
       -
       		data.map(async (post) => {

     

       49
       49
       -
       			const result: Result<PostWithUri, string>[] = [ok(post)];

     

       50
       50
       -
       			if (post.replies.ok) {

     

       56
       56
       +
       ): Promise<Result<Map<ResourceUri, PostWithUri>, string>> => {

     

       57
       57
       +
       	let posts: Map<ResourceUri, PostWithUri> = new Map();

     

       58
       58
       +
       	try {

     

       59
       59
       +
       		const allPosts = await Promise.all(

     

       60
       60
       +
       			data.map(async (post) => {

     

       61
       61
       +
       				const result: PostWithUri[] = [post];

     

       51
       62
        
       				const replies = await Promise.all(

     

       52
       52
       -
       					post.replies.value.records.map((r) =>

     

       53
       53
       -
       						client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey)

     

       54
       54
       -
       					)

     

       63
       63
       +
       					post.replies.records.map(async (r) => {

     

       64
       64
       +
       						const reply = await client.getRecord(AppBskyFeedPost.mainSchema, r.did, r.rkey);

     

       65
       65
       +
       						if (!reply.ok) throw `cant fetch reply: ${reply.error}`;

     

       66
       66
       +
       						return reply.value;

     

       67
       67
       +
       					})

     

       55
       68
        
       				);

     

       56
       69
        
       				result.push(...replies);

     

       70
       70
       +
       				return result;

     

       71
       71
       +
       			})

     

       72
       72
       +
       		);

     

       73
       73
       +
       		posts = new Map(allPosts.flat().map((post) => [post.uri, post]));

     

       74
       74
       +
       	} catch (error) {

     

       75
       75
       +
       		return err(`cant hydrate immediate replies: ${error}`);

     

       76
       76
       +
       	}

     

       77
       77
       +
       

     

       78
       78
       +
       	const fetchUpwardsChain = async (post: PostWithUri) => {

     

       79
       79
       +
       		let parent = post.record.reply?.parent;

     

       80
       80
       +
       		while (parent) {

     

       81
       81
       +
       			// if we already have this parent, then we already fetched this chain / are fetching it

     

       82
       82
       +
       			if (posts.has(parent.uri as CanonicalResourceUri)) return;

     

       83
       83
       +
       			const p = await client.getRecordUri(AppBskyFeedPost.mainSchema, parent.uri);

     

       84
       84
       +
       			if (p.ok) {

     

       85
       85
       +
       				posts.set(p.value.uri, p.value);

     

       86
       86
       +
       				parent = p.value.record.reply?.parent;

     

       87
       87
       +
       				continue;

     

       57
       88
        
       			}

     

       58
       58
       -
       			return result;

     

       59
       59
       -
       		})

     

       60
       60
       -
       	);

     

       61
       61
       -
       	const posts = new Map(

     

       62
       62
       -
       		allPosts

     

       63
       63
       -
       			.flat()

     

       64
       64
       -
       			.flatMap((res) => (res.ok ? [res.value] : []))

     

       65
       65
       -
       			.map((post) => [post.uri, post])

     

       66
       66
       -
       	);

     

       89
       89
       +
       			// TODO: handle deleted parent posts

     

       90
       90
       +
       			parent = undefined;

     

       91
       91
       +
       		}

     

       92
       92
       +
       	};

     

       93
       93
       +
       	await Promise.all(posts.values().map(fetchUpwardsChain));

     

       94
       94
       +
       

     

       95
       95
       +
       	try {

     

       96
       96
       +
       		const fetchDownwardsChain = async (post: PostWithUri) => {

     

       97
       97
       +
       			const { repo: postRepo } = expect(parseCanonicalResourceUri(post.uri));

     

       98
       98
       +
       			if (repo === postRepo) return;

     

       99
       99
       +
       

     

       100
       100
       +
       			// get chains that are the same author until we exhaust them

     

       101
       101
       +
       			const backlinks = await client.getBacklinksUri(post.uri, replySource);

     

       102
       102
       +
       			if (!backlinks.ok) return;

     

       67
       103
        
       

     

       68
       68
       -
       	// hydrate posts

     

       69
       69
       -
       	const missingPosts = await Promise.all(

     

       70
       70
       -
       		Array.from(posts).map(async ([, post]) => {

     

       71
       71
       -
       			let result: PostWithUri[] = [post];

     

       72
       72
       -
       			let parent = post.record.reply?.parent;

     

       73
       73
       -
       			while (parent) {

     

       74
       74
       -
       				if (posts.has(parent.uri as CanonicalResourceUri)) {

     

       75
       75
       -
       					return result;

     

       76
       76
       -
       				}

     

       77
       77
       -
       				const p = await client.getRecordUri(AppBskyFeedPost.mainSchema, parent.uri);

     

       78
       78
       -
       				if (p.ok) {

     

       79
       79
       -
       					result = [p.value, ...result];

     

       80
       80
       -
       					parent = p.value.record.reply?.parent;

     

       81
       81
       -
       					continue;

     

       82
       82
       -
       				}

     

       83
       83
       -
       				parent = undefined;

     

       104
       104
       +
       			const promises = [];

     

       105
       105
       +
       			for (const reply of backlinks.value.records) {

     

       106
       106
       +
       				if (reply.did !== postRepo) continue;

     

       107
       107
       +
       				// if we already have this reply, then we already fetched this chain / are fetching it

     

       108
       108
       +
       				if (posts.has(`at://${reply.did}/${reply.collection}/${reply.rkey}`)) continue;

     

       109
       109
       +
       				const record = await client.getRecord(AppBskyFeedPost.mainSchema, reply.did, reply.rkey);

     

       110
       110
       +
       				if (!record.ok) break; // TODO: this doesnt handle deleted posts in between

     

       111
       111
       +
       				posts.set(record.value.uri, record.value);

     

       112
       112
       +
       				promises.push(fetchDownwardsChain(record.value));

     

       84
       113
        
       			}

     

       85
       85
       -
       			return result;

     

       86
       86
       -
       		})

     

       87
       87
       -
       	);

     

       88
       88
       -
       	for (const post of missingPosts.flat()) {

     

       89
       89
       -
       		posts.set(post.uri, post);

     

       114
       114
       +
       

     

       115
       115
       +
       			await Promise.all(promises);

     

       116
       116
       +
       		};

     

       117
       117
       +
       		await Promise.all(posts.values().map(fetchDownwardsChain));

     

       118
       118
       +
       	} catch (error) {

     

       119
       119
       +
       		return err(`cant fetch post reply chain: ${error}`);

     

       90
       120
        
       	}

     

       91
       121
        
       

     

       92
       92
       -
       	return posts;

     

       122
       122
       +
       	return ok(posts);

     

       93
       123
        
       };

+91

src/lib/at/oauth.ts

···

       1
       1
       +
       import {

     

       2
       2
       +
       	configureOAuth,

     

       3
       3
       +
       	defaultIdentityResolver,

     

       4
       4
       +
       	createAuthorizationUrl,

     

       5
       5
       +
       	finalizeAuthorization,

     

       6
       6
       +
       	OAuthUserAgent,

     

       7
       7
       +
       	getSession,

     

       8
       8
       +
       	deleteStoredSession

     

       9
       9
       +
       } from '@atcute/oauth-browser-client';

     

       10
       10
       +
       

     

       11
       11
       +
       import {

     

       12
       12
       +
       	CompositeDidDocumentResolver,

     

       13
       13
       +
       	PlcDidDocumentResolver,

     

       14
       14
       +
       	WebDidDocumentResolver,

     

       15
       15
       +
       	XrpcHandleResolver

     

       16
       16
       +
       } from '@atcute/identity-resolver';

     

       17
       17
       +
       import { slingshotUrl } from './client';

     

       18
       18
       +
       import type { ActorIdentifier } from '@atcute/lexicons';

     

       19
       19
       +
       import { err, ok, type Result } from '$lib/result';

     

       20
       20
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       21
       21
       +
       import { clientId, redirectUri } from '$lib/oauth';

     

       22
       22
       +
       

     

       23
       23
       +
       configureOAuth({

     

       24
       24
       +
       	metadata: {

     

       25
       25
       +
       		client_id: clientId,

     

       26
       26
       +
       		redirect_uri: redirectUri

     

       27
       27
       +
       	},

     

       28
       28
       +
       	identityResolver: defaultIdentityResolver({

     

       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: 'atproto transition:generic'

     

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

+1 -1

src/lib/at/stardust.ts

···

       8
       8
        
       };

     

       9
       9
        
       

     

       10
       10
        
       export type LinkNotification = {

     

       11
       11
       -
       	operation: 'create' | 'update' | 'delete';

     

       11
       11
       +
       	operation: 'create'; // todo: delete in the future

     

       12
       12
        
       	source: BacklinksSource;

     

       13
       13
        
       	source_record: CanonicalResourceUri;

     

       14
       14
        
       	source_rev: RecordKey;

+14

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;

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;

-19

src/lib/index.ts

···

       1
       1
       -
       import { writable } from 'svelte/store';

     

       2
       2
       -
       import { type NotificationsStream } from './at/client';

     

       3
       3
       -
       import { SvelteMap } from 'svelte/reactivity';

     

       4
       4
       -
       import type { Did, ResourceUri } from '@atcute/lexicons';

     

       5
       5
       -
       import type { Backlink } from './at/constellation';

     

       6
       6
       -
       // import type { JetstreamSubscription } from '@atcute/jetstream';

     

       7
       7
       -
       

     

       8
       8
       -
       export const selectedDid = writable<Did | null>(null);

     

       9
       9
       -
       

     

       10
       10
       -
       export const notificationStream = writable<NotificationsStream | null>(null);

     

       11
       11
       -
       // export const jetstream = writable<JetstreamSubscription | null>(null);

     

       12
       12
       -
       

     

       13
       13
       -
       export type PostActions = {

     

       14
       14
       -
       	like: Backlink | null;

     

       15
       15
       -
       	repost: Backlink | null;

     

       16
       16
       -
       	// reply: Backlink | null;

     

       17
       17
       -
       	// quote: Backlink | null;

     

       18
       18
       -
       };

     

       19
       19
       -
       export const postActions = new SvelteMap<`${Did}:${ResourceUri}`, PostActions>();

+23

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: 'atproto transition:generic',

     

       11
       11
       +
       	grant_types: ['authorization_code', 'refresh_token'],

     

       12
       12
       +
       	response_types: ['code'],

     

       13
       13
       +
       	token_endpoint_auth_method: 'none',

     

       14
       14
       +
       	application_type: 'web',

     

       15
       15
       +
       	dpop_bound_access_tokens: true

     

       16
       16
       +
       };

     

       17
       17
       +
       

     

       18
       18
       +
       export const redirectUri = `${domain}/`;

     

       19
       19
       +
       export const clientId = dev

     

       20
       20
       +
       	? `http://localhost` +

     

       21
       21
       +
       		`?redirect_uri=${encodeURIComponent(redirectUri)}` +

     

       22
       22
       +
       		`&scope=${encodeURIComponent(oauthMetadata.scope)}`

     

       23
       23
       +
       	: oauthMetadata.client_id;

+5 -2

src/lib/settings.ts

···

       1
       1
        
       import { writable } from 'svelte/store';

     

       2
       2
       -
       import { defaultTheme, type Theme } from './theme.svelte';

     

       2
       2
       +
       import { defaultTheme, type Theme } from './theme';

     

       3
       3
        
       

     

       4
       4
        
       export type ApiEndpoints = Record<string, string> & {

     

       5
       5
        
       	slingshot: string;

     
···

       9
       9
        
       export type Settings = {

     

       10
       10
        
       	endpoints: ApiEndpoints;

     

       11
       11
        
       	theme: Theme;

     

       12
       12
       +
       	socialAppUrl: string;

     

       12
       13
        
       };

     

       13
       14
        
       

     

       14
       15
        
       export const defaultSettings: Settings = {

     
···

       17
       18
        
       		spacedust: 'https://spacedust.microcosm.blue',

     

       18
       19
        
       		constellation: 'https://constellation.microcosm.blue'

     

       19
       20
        
       	},

     

       20
       20
       -
       	theme: defaultTheme

     

       21
       21
       +
       	theme: defaultTheme,

     

       22
       22
       +
       	socialAppUrl: 'https://bsky.app'

     

       21
       23
        
       };

     

       22
       24
        
       

     

       23
       25
        
       const createSettingsStore = () => {

     
···

       26
       28
        
       	const initial: Partial<Settings> = stored ? JSON.parse(stored) : defaultSettings;

     

       27
       29
        
       	initial.endpoints = initial.endpoints ?? defaultSettings.endpoints;

     

       28
       30
        
       	initial.theme = initial.theme ?? defaultSettings.theme;

     

       31
       31
       +
       	initial.socialAppUrl = initial.socialAppUrl ?? defaultSettings.socialAppUrl;

     

       29
       32
        
       

     

       30
       33
        
       	const { subscribe, set, update } = writable<Settings>(initial as Settings);

     

       31
       34

+27

src/lib/state.svelte.ts

···

       1
       1
       +
       import { writable } from 'svelte/store';

     

       2
       2
       +
       import { AtpClient, type NotificationsStream } from './at/client';

     

       3
       3
       +
       import { SvelteMap } from 'svelte/reactivity';

     

       4
       4
       +
       import type { Did, ResourceUri } from '@atcute/lexicons';

     

       5
       5
       +
       import type { Backlink } from './at/constellation';

     

       6
       6
       +
       import type { PostWithUri } from './at/fetch';

     

       7
       7
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       8
       8
       +
       // import type { JetstreamSubscription } from '@atcute/jetstream';

     

       9
       9
       +
       

     

       10
       10
       +
       export const notificationStream = writable<NotificationsStream | null>(null);

     

       11
       11
       +
       // export const jetstream = writable<JetstreamSubscription | null>(null);

     

       12
       12
       +
       

     

       13
       13
       +
       export type PostActions = {

     

       14
       14
       +
       	like: Backlink | null;

     

       15
       15
       +
       	repost: Backlink | null;

     

       16
       16
       +
       	// reply: Backlink | null;

     

       17
       17
       +
       	// quote: Backlink | null;

     

       18
       18
       +
       };

     

       19
       19
       +
       export const postActions = new SvelteMap<`${Did}:${ResourceUri}`, PostActions>();

     

       20
       20
       +
       

     

       21
       21
       +
       export const pulsingPostId = writable<string | null>(null);

     

       22
       22
       +
       

     

       23
       23
       +
       export const viewClient = new AtpClient();

     

       24
       24
       +
       export const clients = new SvelteMap<AtprotoDid, AtpClient>();

     

       25
       25
       +
       

     

       26
       26
       +
       export const posts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();

     

       27
       27
       +
       export const cursors = new SvelteMap<Did, { value?: string; end: boolean }>();

-13

src/lib/theme.svelte.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
       -
       };

+77

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

     

       22
       22
       +
       		hash = (hash << 4) + id.charCodeAt(i);

     

       23
       23
       +
       	}

     

       24
       24
       +
       	hash = hash >>> 0;

     

       25
       25
       +
       

     

       26
       26
       +
       	// magic mixing

     

       27
       27
       +
       	hash ^= hash >>> 16;

     

       28
       28
       +
       	hash = Math.imul(hash, 0x21f0aaad);

     

       29
       29
       +
       	hash ^= hash >>> 15;

     

       30
       30
       +
       	hash = hash >>> 0;

     

       31
       31
       +
       

     

       32
       32
       +
       	const hue = hash % 360;

     

       33
       33
       +
       	const saturation = 0.8 + ((hash >>> 10) % 20) * 0.01; // 80-100%

     

       34
       34
       +
       	const lightness = 0.45 + ((hash >>> 20) % 35) * 0.01; // 45-80%

     

       35
       35
       +
       

     

       36
       36
       +
       	const rgb = hslToRgb(hue, saturation, lightness);

     

       37
       37
       +
       	const hex = rgb.map((value) => value.toString(16).padStart(2, '0')).join('');

     

       38
       38
       +
       

     

       39
       39
       +
       	return `#${hex}`;

     

       40
       40
       +
       };

     

       41
       41
       +
       

     

       42
       42
       +
       const hslToRgb = (h: number, s: number, l: number): [number, number, number] => {

     

       43
       43
       +
       	const c = (1 - Math.abs(2 * l - 1)) * s;

     

       44
       44
       +
       	const hPrime = h / 60;

     

       45
       45
       +
       	const x = c * (1 - Math.abs((hPrime % 2) - 1));

     

       46
       46
       +
       	const m = l - c / 2;

     

       47
       47
       +
       

     

       48
       48
       +
       	let r: number, g: number, b: number;

     

       49
       49
       +
       

     

       50
       50
       +
       	if (hPrime < 1) {

     

       51
       51
       +
       		r = c;

     

       52
       52
       +
       		g = x;

     

       53
       53
       +
       		b = 0;

     

       54
       54
       +
       	} else if (hPrime < 2) {

     

       55
       55
       +
       		r = x;

     

       56
       56
       +
       		g = c;

     

       57
       57
       +
       		b = 0;

     

       58
       58
       +
       	} else if (hPrime < 3) {

     

       59
       59
       +
       		r = 0;

     

       60
       60
       +
       		g = c;

     

       61
       61
       +
       		b = x;

     

       62
       62
       +
       	} else if (hPrime < 4) {

     

       63
       63
       +
       		r = 0;

     

       64
       64
       +
       		g = x;

     

       65
       65
       +
       		b = c;

     

       66
       66
       +
       	} else if (hPrime < 5) {

     

       67
       67
       +
       		r = x;

     

       68
       68
       +
       		g = 0;

     

       69
       69
       +
       		b = c;

     

       70
       70
       +
       	} else {

     

       71
       71
       +
       		r = c;

     

       72
       72
       +
       		g = 0;

     

       73
       73
       +
       		b = x;

     

       74
       74
       +
       	}

     

       75
       75
       +
       

     

       76
       76
       +
       	return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];

     

       77
       77
       +
       };

+168

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 = (timelines: Map<Did, Map<ResourceUri, PostWithUri>>): Thread[] => {

     

       24
       24
       +
       	const threadMap = new Map<ResourceUri, ThreadPost[]>();

     

       25
       25
       +
       

     

       26
       26
       +
       	// group posts by root uri into "thread" chains

     

       27
       27
       +
       	for (const [account, timeline] of timelines) {

     

       28
       28
       +
       		for (const [uri, data] of timeline) {

     

       29
       29
       +
       			const parsedUri = expect(parseCanonicalResourceUri(uri));

     

       30
       30
       +
       			const rootUri = (data.record.reply?.root.uri as ResourceUri) || uri;

     

       31
       31
       +
       			const parentUri = (data.record.reply?.parent.uri as ResourceUri) || null;

     

       32
       32
       +
       

     

       33
       33
       +
       			const post: ThreadPost = {

     

       34
       34
       +
       				data,

     

       35
       35
       +
       				account,

     

       36
       36
       +
       				did: parsedUri.repo,

     

       37
       37
       +
       				rkey: parsedUri.rkey,

     

       38
       38
       +
       				parentUri,

     

       39
       39
       +
       				depth: 0,

     

       40
       40
       +
       				newestTime: new Date(data.record.createdAt).getTime()

     

       41
       41
       +
       			};

     

       42
       42
       +
       

     

       43
       43
       +
       			if (!threadMap.has(rootUri)) threadMap.set(rootUri, []);

     

       44
       44
       +
       

     

       45
       45
       +
       			threadMap.get(rootUri)!.push(post);

     

       46
       46
       +
       		}

     

       47
       47
       +
       	}

     

       48
       48
       +
       

     

       49
       49
       +
       	const threads: Thread[] = [];

     

       50
       50
       +
       

     

       51
       51
       +
       	for (const [rootUri, posts] of threadMap) {

     

       52
       52
       +
       		const uriToPost = new Map(posts.map((p) => [p.data.uri, p]));

     

       53
       53
       +
       		const childrenMap = new Map<ResourceUri | null, ThreadPost[]>();

     

       54
       54
       +
       

     

       55
       55
       +
       		// calculate depths

     

       56
       56
       +
       		for (const post of posts) {

     

       57
       57
       +
       			let depth = 0;

     

       58
       58
       +
       			let currentUri = post.parentUri;

     

       59
       59
       +
       

     

       60
       60
       +
       			while (currentUri && uriToPost.has(currentUri)) {

     

       61
       61
       +
       				depth++;

     

       62
       62
       +
       				currentUri = uriToPost.get(currentUri)!.parentUri;

     

       63
       63
       +
       			}

     

       64
       64
       +
       

     

       65
       65
       +
       			post.depth = depth;

     

       66
       66
       +
       

     

       67
       67
       +
       			if (!childrenMap.has(post.parentUri)) childrenMap.set(post.parentUri, []);

     

       68
       68
       +
       			childrenMap.get(post.parentUri)!.push(post);

     

       69
       69
       +
       		}

     

       70
       70
       +
       

     

       71
       71
       +
       		childrenMap

     

       72
       72
       +
       			.values()

     

       73
       73
       +
       			.forEach((children) => children.sort((a, b) => b.newestTime - a.newestTime));

     

       74
       74
       +
       

     

       75
       75
       +
       		const createThread = (

     

       76
       76
       +
       			posts: ThreadPost[],

     

       77
       77
       +
       			rootUri: ResourceUri,

     

       78
       78
       +
       			branchParentUri?: ResourceUri

     

       79
       79
       +
       		): Thread => {

     

       80
       80
       +
       			return {

     

       81
       81
       +
       				rootUri,

     

       82
       82
       +
       				posts,

     

       83
       83
       +
       				newestTime: Math.max(...posts.map((p) => p.newestTime)),

     

       84
       84
       +
       				branchParentPost: branchParentUri ? uriToPost.get(branchParentUri) : undefined

     

       85
       85
       +
       			};

     

       86
       86
       +
       		};

     

       87
       87
       +
       

     

       88
       88
       +
       		const collectSubtree = (startPost: ThreadPost): ThreadPost[] => {

     

       89
       89
       +
       			const result: ThreadPost[] = [];

     

       90
       90
       +
       			const addWithChildren = (post: ThreadPost) => {

     

       91
       91
       +
       				result.push(post);

     

       92
       92
       +
       				const children = childrenMap.get(post.data.uri) || [];

     

       93
       93
       +
       				children.forEach(addWithChildren);

     

       94
       94
       +
       			};

     

       95
       95
       +
       			addWithChildren(startPost);

     

       96
       96
       +
       			return result;

     

       97
       97
       +
       		};

     

       98
       98
       +
       

     

       99
       99
       +
       		// find posts with >2 children to split them into separate chains

     

       100
       100
       +
       		const branchingPoints = Array.from(childrenMap.entries())

     

       101
       101
       +
       			.filter(([, children]) => children.length > 1)

     

       102
       102
       +
       			.map(([uri]) => uri);

     

       103
       103
       +
       

     

       104
       104
       +
       		if (branchingPoints.length === 0) {

     

       105
       105
       +
       			const roots = childrenMap.get(null) || [];

     

       106
       106
       +
       			const allPosts = roots.flatMap((root) => collectSubtree(root));

     

       107
       107
       +
       			threads.push(createThread(allPosts, rootUri));

     

       108
       108
       +
       		} else {

     

       109
       109
       +
       			for (const branchParentUri of branchingPoints) {

     

       110
       110
       +
       				const branches = childrenMap.get(branchParentUri) || [];

     

       111
       111
       +
       

     

       112
       112
       +
       				const sortedBranches = [...branches].sort((a, b) => a.newestTime - b.newestTime);

     

       113
       113
       +
       

     

       114
       114
       +
       				sortedBranches.forEach((branchRoot, index) => {

     

       115
       115
       +
       					const isOldestBranch = index === 0;

     

       116
       116
       +
       					const branchPosts: ThreadPost[] = [];

     

       117
       117
       +
       

     

       118
       118
       +
       					// the oldest branch has the full context

     

       119
       119
       +
       					// todo: consider letting the user decide this..?

     

       120
       120
       +
       					if (isOldestBranch && branchParentUri !== null) {

     

       121
       121
       +
       						const parentChain: ThreadPost[] = [];

     

       122
       122
       +
       						let currentUri: ResourceUri | null = branchParentUri;

     

       123
       123
       +
       						while (currentUri && uriToPost.has(currentUri)) {

     

       124
       124
       +
       							parentChain.unshift(uriToPost.get(currentUri)!);

     

       125
       125
       +
       							currentUri = uriToPost.get(currentUri)!.parentUri;

     

       126
       126
       +
       						}

     

       127
       127
       +
       						branchPosts.push(...parentChain);

     

       128
       128
       +
       					}

     

       129
       129
       +
       

     

       130
       130
       +
       					branchPosts.push(...collectSubtree(branchRoot));

     

       131
       131
       +
       

     

       132
       132
       +
       					const minDepth = Math.min(...branchPosts.map((p) => p.depth));

     

       133
       133
       +
       					branchPosts.forEach((p) => (p.depth = p.depth - minDepth));

     

       134
       134
       +
       

     

       135
       135
       +
       					threads.push(

     

       136
       136
       +
       						createThread(

     

       137
       137
       +
       							branchPosts,

     

       138
       138
       +
       							branchRoot.data.uri,

     

       139
       139
       +
       							isOldestBranch ? undefined : (branchParentUri ?? undefined)

     

       140
       140
       +
       						)

     

       141
       141
       +
       					);

     

       142
       142
       +
       				});

     

       143
       143
       +
       			}

     

       144
       144
       +
       		}

     

       145
       145
       +
       	}

     

       146
       146
       +
       

     

       147
       147
       +
       	threads.sort((a, b) => b.newestTime - a.newestTime);

     

       148
       148
       +
       

     

       149
       149
       +
       	// console.log(threads);

     

       150
       150
       +
       

     

       151
       151
       +
       	return threads;

     

       152
       152
       +
       };

     

       153
       153
       +
       

     

       154
       154
       +
       export const isOwnPost = (post: ThreadPost, accounts: Account[]) =>

     

       155
       155
       +
       	accounts.some((account) => account.did === post.did);

     

       156
       156
       +
       export const hasNonOwnPost = (posts: ThreadPost[], accounts: Account[]) =>

     

       157
       157
       +
       	posts.some((post) => !isOwnPost(post, accounts));

     

       158
       158
       +
       

     

       159
       159
       +
       // todo: add more filtering options

     

       160
       160
       +
       export type FilterOptions = {

     

       161
       161
       +
       	viewOwnPosts: boolean;

     

       162
       162
       +
       };

     

       163
       163
       +
       

     

       164
       164
       +
       export const filterThreads = (threads: Thread[], accounts: Account[], opts: FilterOptions) =>

     

       165
       165
       +
       	threads.filter((thread) => {

     

       166
       166
       +
       		if (!opts.viewOwnPosts) return hasNonOwnPost(thread.posts, accounts);

     

       167
       167
       +
       		return true;

     

       168
       168
       +
       	});

+2 -1

src/routes/+layout.svelte

···

       10
       10
        
       </svelte:head>

     

       11
       11
        
       

     

       12
       12
        
       <div

     

       13
       13
       -
       	class="grain min-h-screen bg-(--nucleus-bg) text-(--nucleus-fg) transition-colors duration-300"

     

       13
       13
       +
       	id="app-root"

     

       14
       14
       +
       	class="min-h-screen bg-(--nucleus-bg) text-(--nucleus-fg) transition-colors duration-300"

     

       14
       15
        
       >

     

       15
       16
        
       	{@render children?.()}

     

       16
       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;

+286 -337

src/routes/+page.svelte

···

       4
       4
        
       	import AccountSelector from '$components/AccountSelector.svelte';

     

       5
       5
        
       	import SettingsPopup from '$components/SettingsPopup.svelte';

     

       6
       6
        
       	import { AtpClient, type NotificationsStreamEvent } from '$lib/at/client';

     

       7
       7
       -
       	import { accounts, addAccount, type Account } from '$lib/accounts';

     

       8
       8
       -
       	import {

     

       9
       9
       -
       		type Did,

     

       10
       10
       -
       		type Handle,

     

       11
       11
       -
       		parseCanonicalResourceUri,

     

       12
       12
       -
       		type ResourceUri

     

       13
       13
       -
       	} from '@atcute/lexicons';

     

       7
       7
       +
       	import { accounts, type Account } from '$lib/accounts';

     

       8
       8
       +
       	import { type Did, parseCanonicalResourceUri, type ResourceUri } from '@atcute/lexicons';

     

       14
       9
        
       	import { onMount } from 'svelte';

     

       15
       10
        
       	import { fetchPostsWithBacklinks, hydratePosts, type PostWithUri } from '$lib/at/fetch';

     

       16
       16
       -
       	import { expect, ok } from '$lib/result';

     

       11
       11
       +
       	import { expect } from '$lib/result';

     

       17
       12
        
       	import { AppBskyFeedPost } from '@atcute/bluesky';

     

       18
       13
        
       	import { SvelteMap, SvelteSet } from 'svelte/reactivity';

     

       19
       14
        
       	import { InfiniteLoader, LoaderState } from 'svelte-infinite';

     

       20
       20
       -
       	import { notificationStream, selectedDid } from '$lib';

     

       15
       15
       +
       	import { clients, cursors, notificationStream, posts, viewClient } from '$lib/state.svelte';

     

       21
       16
        
       	import { get } from 'svelte/store';

     

       22
       17
        
       	import Icon from '@iconify/svelte';

     

       18
       18
       +
       	import { sessions } from '$lib/at/oauth';

     

       19
       19
       +
       	import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       20
       20
       +
       	import type { PageProps } from './+page';

     

       21
       21
       +
       	import { buildThreads, filterThreads, type ThreadPost } from '$lib/thread';

     

       22
       22
       +
       	import NotificationsPopup from '$components/NotificationsPopup.svelte';

     

       23
       23
        
       

     

       24
       24
       -
       	let loaderState = new LoaderState();

     

       25
       25
       -
       	let scrollContainer = $state<HTMLDivElement>();

     

       24
       24
       +
       	const { data: loadData }: PageProps = $props();

     

       26
       25
        
       

     

       27
       27
       -
       	let clients = new SvelteMap<Did, AtpClient>();

     

       28
       28
       -
       	let selectedClient = $derived($selectedDid ? clients.get($selectedDid) : null);

     

       26
       26
       +
       	let errors = $state(loadData.client.ok ? [] : [loadData.client.error]);

     

       27
       27
       +
       	let errorsOpen = $state(false);

     

       29
       28
        
       

     

       30
       30
       -
       	let viewClient = $state<AtpClient>(new AtpClient());

     

       29
       29
       +
       	let selectedDid = $state((localStorage.getItem('selectedDid') ?? null) as AtprotoDid | null);

     

       30
       30
       +
       	$effect(() => {

     

       31
       31
       +
       		if (selectedDid) {

     

       32
       32
       +
       			localStorage.setItem('selectedDid', selectedDid);

     

       33
       33
       +
       		} else {

     

       34
       34
       +
       			localStorage.removeItem('selectedDid');

     

       35
       35
       +
       		}

     

       36
       36
       +
       	});

     

       31
       37
        
       

     

       32
       32
       -
       	let posts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();

     

       33
       33
       -
       	let cursors = new SvelteMap<Did, { value?: string; end: boolean }>();

     

       38
       38
       +
       	const selectedClient = $derived(selectedDid ? clients.get(selectedDid) : null);

     

       39
       39
       +
       

     

       40
       40
       +
       	const loginAccount = async (account: Account) => {

     

       41
       41
       +
       		if (clients.has(account.did)) return;

     

       42
       42
       +
       		const client = new AtpClient();

     

       43
       43
       +
       		const result = await client.login(await sessions.get(account.did));

     

       44
       44
       +
       		if (!result.ok) {

     

       45
       45
       +
       			errors.push(`failed to login into @${account.handle ?? account.did}: ${result.error}`);

     

       46
       46
       +
       			return;

     

       47
       47
       +
       		}

     

       48
       48
       +
       		clients.set(account.did, client);

     

       49
       49
       +
       	};

     

       50
       50
       +
       

     

       51
       51
       +
       	const handleAccountSelected = async (did: AtprotoDid) => {

     

       52
       52
       +
       		selectedDid = did;

     

       53
       53
       +
       		const account = $accounts.find((acc) => acc.did === did);

     

       54
       54
       +
       		if (account && (!clients.has(account.did) || !clients.get(account.did)?.atcute))

     

       55
       55
       +
       			await loginAccount(account);

     

       56
       56
       +
       	};

     

       57
       57
       +
       

     

       58
       58
       +
       	const handleLogout = async (did: AtprotoDid) => {

     

       59
       59
       +
       		await sessions.remove(did);

     

       60
       60
       +
       		const newAccounts = $accounts.filter((acc) => acc.did !== did);

     

       61
       61
       +
       		$accounts = newAccounts;

     

       62
       62
       +
       		clients.delete(did);

     

       63
       63
       +
       		posts.delete(did);

     

       64
       64
       +
       		cursors.delete(did);

     

       65
       65
       +
       		handleAccountSelected(newAccounts[0]?.did);

     

       66
       66
       +
       	};

     

       34
       67
        
       

     

       35
       68
        
       	let isSettingsOpen = $state(false);

     

       69
       69
       +
       	let isNotificationsOpen = $state(false);

     

       36
       70
        
       	let reverseChronological = $state(true);

     

       37
       71
        
       	let viewOwnPosts = $state(true);

     

       38
       72
        
       

     

       73
       73
       +
       	const threads = $derived(filterThreads(buildThreads(posts), $accounts, { viewOwnPosts }));

     

       74
       74
       +
       

     

       75
       75
       +
       	let quoting = $state<PostWithUri | undefined>(undefined);

     

       76
       76
       +
       	let replying = $state<PostWithUri | undefined>(undefined);

     

       77
       77
       +
       

     

       78
       78
       +
       	const expandedThreads = new SvelteSet<ResourceUri>();

     

       79
       79
       +
       

     

       39
       80
        
       	const addPosts = (did: Did, accTimeline: Map<ResourceUri, PostWithUri>) => {

     

       40
       81
        
       		if (!posts.has(did)) {

     

       41
       82
        
       			posts.set(did, new SvelteMap(accTimeline));

     
···

       53
       94
        
       		if (cursor && cursor.end) return;

     

       54
       95
        
       

     

       55
       96
        
       		const accPosts = await fetchPostsWithBacklinks(client, account.did, cursor?.value, 6);

     

       56
       56
       -
       		if (!accPosts.ok)

     

       57
       57
       -
       			throw `failed to fetch posts for account ${account.handle}: ${accPosts.error}`;

     

       97
       97
       +
       		if (!accPosts.ok) throw `cant fetch posts @${account.handle}: ${accPosts.error}`;

     

       58
       98
        
       

     

       59
       99
        
       		// if the cursor is undefined, we've reached the end of the timeline

     

       60
       100
        
       		if (!accPosts.value.cursor) {

     
···

       63
       103
        
       		}

     

       64
       104
        
       

     

       65
       105
        
       		cursors.set(account.did, { value: accPosts.value.cursor, end: false });

     

       66
       66
       -
       		addPosts(account.did, await hydratePosts(client, accPosts.value.posts));

     

       106
       106
       +
       		const hydrated = await hydratePosts(client, account.did, accPosts.value.posts);

     

       107
       107
       +
       		if (!hydrated.ok) throw `cant hydrate posts @${account.handle}: ${hydrated.error}`;

     

       108
       108
       +
       

     

       109
       109
       +
       		addPosts(account.did, hydrated.value);

     

       67
       110
        
       	};

     

       68
       111
        
       

     

       69
       112
        
       	const fetchTimelines = (newAccounts: Account[]) => Promise.all(newAccounts.map(fetchTimeline));

     
···

       80
       123
        
       			if (!subjectPost.ok) return;

     

       81
       124
        
       

     

       82
       125
        
       			const parsedSourceUri = expect(parseCanonicalResourceUri(event.data.link.source_record));

     

       83
       83
       -
       			const hydrated = await hydratePosts(viewClient, [

     

       126
       126
       +
       			const hydrated = await hydratePosts(viewClient, parsedSubjectUri.repo as AtprotoDid, [

     

       84
       127
        
       				{

     

       85
       128
        
       					record: subjectPost.value.record,

     

       86
       129
        
       					uri: event.data.link.subject,

     

       87
       130
        
       					cid: subjectPost.value.cid,

     

       88
       88
       -
       					replies: ok({

     

       131
       131
       +
       					replies: {

     

       89
       132
        
       						cursor: null,

     

       90
       133
        
       						total: 1,

     

       91
       134
        
       						records: [

     
···

       95
       138
        
       								rkey: parsedSourceUri.rkey

     

       96
       139
        
       							}

     

       97
       140
        
       						]

     

       98
       98
       -
       					})

     

       141
       141
       +
       					}

     

       99
       142
        
       				}

     

       100
       143
        
       			]);

     

       101
       144
        
       

     

       145
       145
       +
       			if (!hydrated.ok) {

     

       146
       146
       +
       				errors.push(`cant hydrate posts @${parsedSubjectUri.repo}: ${hydrated.error}`);

     

       147
       147
       +
       				return;

     

       148
       148
       +
       			}

     

       149
       149
       +
       

     

       102
       150
        
       			// console.log(hydrated);

     

       103
       103
       -
       			addPosts(parsedSubjectUri.repo, hydrated);

     

       151
       151
       +
       			addPosts(parsedSubjectUri.repo, hydrated.value);

     

       104
       152
        
       		}

     

       105
       153
        
       	};

     

       106
       154
        
       

     
···

       119
       167
        
       	// 	}

     

       120
       168
        
       	// };

     

       121
       169
        
       

     

       122
       122
       -
       	onMount(async () => {

     

       170
       170
       +
       	const loaderState = new LoaderState();

     

       171
       171
       +
       	let scrollContainer = $state<HTMLDivElement>();

     

       172
       172
       +
       

     

       173
       173
       +
       	let loading = $state(false);

     

       174
       174
       +
       	let loadError = $state('');

     

       175
       175
       +
       	let showScrollToTop = $state(false);

     

       176
       176
       +
       

     

       177
       177
       +
       	const handleScroll = () => {

     

       178
       178
       +
       		showScrollToTop = window.scrollY > 300;

     

       179
       179
       +
       	};

     

       180
       180
       +
       

     

       181
       181
       +
       	const scrollToTop = () => {

     

       182
       182
       +
       		window.scrollTo({ top: 0, behavior: 'smooth' });

     

       183
       183
       +
       	};

     

       184
       184
       +
       

     

       185
       185
       +
       	const loadMore = async () => {

     

       186
       186
       +
       		if (loading || $accounts.length === 0) return;

     

       187
       187
       +
       

     

       188
       188
       +
       		loading = true;

     

       189
       189
       +
       		loaderState.status = 'LOADING';

     

       190
       190
       +
       

     

       191
       191
       +
       		try {

     

       192
       192
       +
       			await fetchTimelines($accounts);

     

       193
       193
       +
       			loaderState.loaded();

     

       194
       194
       +
       		} catch (error) {

     

       195
       195
       +
       			loadError = `${error}`;

     

       196
       196
       +
       			loaderState.error();

     

       197
       197
       +
       			loading = false;

     

       198
       198
       +
       			return;

     

       199
       199
       +
       		}

     

       200
       200
       +
       

     

       201
       201
       +
       		loading = false;

     

       202
       202
       +
       		if (cursors.values().every((cursor) => cursor.end)) loaderState.complete();

     

       203
       203
       +
       	};

     

       204
       204
       +
       

     

       205
       205
       +
       	onMount(() => {

     

       206
       206
       +
       		window.addEventListener('scroll', handleScroll);

     

       207
       207
       +
       

     

       123
       208
        
       		accounts.subscribe((newAccounts) => {

     

       124
       209
        
       			get(notificationStream)?.stop();

     

       125
       210
        
       			// jetstream.set(null);

     
···

       147
       232
        
       		// });

     

       148
       233
        
       		if ($accounts.length > 0) {

     

       149
       234
        
       			loaderState.status = 'LOADING';

     

       150
       150
       -
       			$selectedDid = $accounts[0].did;

     

       235
       235
       +
       			if (loadData.client.ok && loadData.client.value) {

     

       236
       236
       +
       				const loggedInDid = loadData.client.value.user!.did as AtprotoDid;

     

       237
       237
       +
       				selectedDid = loggedInDid;

     

       238
       238
       +
       				clients.set(loggedInDid, loadData.client.value);

     

       239
       239
       +
       			}

     

       240
       240
       +
       			if (!$accounts.some((account) => account.did === selectedDid)) selectedDid = $accounts[0].did;

     

       241
       241
       +
       			console.log('onMount selectedDid', selectedDid);

     

       151
       242
        
       			Promise.all($accounts.map(loginAccount)).then(() => {

     

       152
       243
        
       				loadMore();

     

       153
       244
        
       			});

     

       154
       154
       -
       		}

     

       155
       155
       -
       	});

     

       156
       156
       -
       

     

       157
       157
       -
       	const loginAccount = async (account: Account) => {

     

       158
       158
       -
       		const client = new AtpClient();

     

       159
       159
       -
       		const result = await client.login(account.handle, account.password);

     

       160
       160
       -
       		if (result.ok) clients.set(account.did, client);

     

       161
       161
       -
       	};

     

       162
       162
       -
       

     

       163
       163
       -
       	const handleAccountSelected = async (did: Did) => {

     

       164
       164
       -
       		$selectedDid = did;

     

       165
       165
       -
       		const account = $accounts.find((acc) => acc.did === did);

     

       166
       166
       -
       		if (account && (!clients.has(account.did) || !clients.get(account.did)?.atcute))

     

       167
       167
       -
       			await loginAccount(account);

     

       168
       168
       -
       	};

     

       169
       169
       -
       

     

       170
       170
       -
       	const handleLogout = async (did: Did) => {

     

       171
       171
       -
       		const newAccounts = $accounts.filter((acc) => acc.did !== did);

     

       172
       172
       -
       		$accounts = newAccounts;

     

       173
       173
       -
       		clients.delete(did);

     

       174
       174
       -
       		posts.delete(did);

     

       175
       175
       -
       		cursors.delete(did);

     

       176
       176
       -
       		handleAccountSelected(newAccounts[0]?.did);

     

       177
       177
       -
       	};

     

       178
       178
       -
       

     

       179
       179
       -
       	const handleLoginSucceed = async (did: Did, handle: Handle, password: string) => {

     

       180
       180
       -
       		const newAccount: Account = { did, handle, password };

     

       181
       181
       -
       		addAccount(newAccount);

     

       182
       182
       -
       		$selectedDid = did;

     

       183
       183
       -
       		loginAccount(newAccount).then(() => fetchTimeline(newAccount));

     

       184
       184
       -
       	};

     

       185
       185
       -
       

     

       186
       186
       -
       	let loading = $state(false);

     

       187
       187
       -
       	let loadError = $state('');

     

       188
       188
       -
       	const loadMore = async () => {

     

       189
       189
       -
       		if (loading || $accounts.length === 0) return;

     

       190
       190
       -
       

     

       191
       191
       -
       		loading = true;

     

       192
       192
       -
       		try {

     

       193
       193
       -
       			await fetchTimelines($accounts);

     

       194
       194
       -
       			loaderState.loaded();

     

       195
       195
       -
       		} catch (error) {

     

       196
       196
       -
       			loadError = `${error}`;

     

       197
       197
       -
       			loaderState.error();

     

       198
       198
       -
       		} finally {

     

       199
       199
       -
       			loading = false;

     

       200
       200
       -
       			if (cursors.values().every((cursor) => cursor.end)) loaderState.complete();

     

       201
       201
       -
       		}

     

       202
       202
       -
       	};

     

       203
       203
       -
       

     

       204
       204
       -
       	type ThreadPost = {

     

       205
       205
       -
       		data: PostWithUri;

     

       206
       206
       -
       		did: Did;

     

       207
       207
       -
       		rkey: string;

     

       208
       208
       -
       		parentUri: ResourceUri | null;

     

       209
       209
       -
       		depth: number;

     

       210
       210
       -
       		newestTime: number;

     

       211
       211
       -
       	};

     

       212
       212
       -
       

     

       213
       213
       -
       	type Thread = {

     

       214
       214
       -
       		rootUri: ResourceUri;

     

       215
       215
       -
       		posts: ThreadPost[];

     

       216
       216
       -
       		newestTime: number;

     

       217
       217
       -
       		branchParentPost?: ThreadPost;

     

       218
       218
       -
       	};

     

       219
       219
       -
       

     

       220
       220
       -
       	const buildThreads = (timelines: Map<Did, Map<ResourceUri, PostWithUri>>): Thread[] => {

     

       221
       221
       -
       		// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       222
       222
       -
       		const threadMap = new Map<ResourceUri, ThreadPost[]>();

     

       223
       223
       -
       

     

       224
       224
       -
       		// Single pass: create posts and group by thread

     

       225
       225
       -
       		for (const [, timeline] of timelines) {

     

       226
       226
       -
       			for (const [uri, data] of timeline) {

     

       227
       227
       -
       				const parsedUri = expect(parseCanonicalResourceUri(uri));

     

       228
       228
       -
       				const rootUri = (data.record.reply?.root.uri as ResourceUri) || uri;

     

       229
       229
       -
       				const parentUri = (data.record.reply?.parent.uri as ResourceUri) || null;

     

       230
       230
       -
       

     

       231
       231
       -
       				const post: ThreadPost = {

     

       232
       232
       -
       					data,

     

       233
       233
       -
       					did: parsedUri.repo,

     

       234
       234
       -
       					rkey: parsedUri.rkey,

     

       235
       235
       -
       					parentUri,

     

       236
       236
       -
       					depth: 0,

     

       237
       237
       -
       					newestTime: new Date(data.record.createdAt).getTime()

     

       238
       238
       -
       				};

     

       239
       239
       -
       

     

       240
       240
       -
       				if (!threadMap.has(rootUri)) threadMap.set(rootUri, []);

     

       241
       241
       -
       

     

       242
       242
       -
       				threadMap.get(rootUri)!.push(post);

     

       243
       243
       -
       			}

     

       245
       245
       +
       		} else {

     

       246
       246
       +
       			selectedDid = null;

     

       244
       247
        
       		}

     

       245
       248
        
       

     

       246
       246
       -
       		const threads: Thread[] = [];

     

       247
       247
       -
       

     

       248
       248
       -
       		for (const [rootUri, posts] of threadMap) {

     

       249
       249
       -
       			const uriToPost = new Map(posts.map((p) => [p.data.uri, p]));

     

       250
       250
       -
       			// eslint-disable-next-line svelte/prefer-svelte-reactivity

     

       251
       251
       -
       			const childrenMap = new Map<ResourceUri | null, ThreadPost[]>();

     

       252
       252
       -
       

     

       253
       253
       -
       			// Calculate depth and group by parent

     

       254
       254
       -
       			for (const post of posts) {

     

       255
       255
       -
       				let depth = 0;

     

       256
       256
       -
       				let currentUri = post.parentUri;

     

       257
       257
       -
       

     

       258
       258
       -
       				while (currentUri && uriToPost.has(currentUri)) {

     

       259
       259
       -
       					depth++;

     

       260
       260
       -
       					currentUri = uriToPost.get(currentUri)!.parentUri;

     

       261
       261
       -
       				}

     

       262
       262
       -
       

     

       263
       263
       -
       				post.depth = depth;

     

       264
       264
       -
       

     

       265
       265
       -
       				if (!childrenMap.has(post.parentUri)) childrenMap.set(post.parentUri, []);

     

       266
       266
       -
       				childrenMap.get(post.parentUri)!.push(post);

     

       267
       267
       -
       			}

     

       268
       268
       -
       

     

       269
       269
       -
       			// Sort children by time (newest first)

     

       270
       270
       -
       			childrenMap

     

       271
       271
       -
       				.values()

     

       272
       272
       -
       				.forEach((children) => children.sort((a, b) => b.newestTime - a.newestTime));

     

       273
       273
       -
       

     

       274
       274
       -
       			// Helper to create a thread from posts

     

       275
       275
       -
       			const createThread = (

     

       276
       276
       -
       				posts: ThreadPost[],

     

       277
       277
       -
       				rootUri: ResourceUri,

     

       278
       278
       -
       				branchParentUri?: ResourceUri

     

       279
       279
       -
       			): Thread => {

     

       280
       280
       -
       				return {

     

       281
       281
       -
       					rootUri,

     

       282
       282
       -
       					posts,

     

       283
       283
       -
       					newestTime: Math.max(...posts.map((p) => p.newestTime)),

     

       284
       284
       -
       					branchParentPost: branchParentUri ? uriToPost.get(branchParentUri) : undefined

     

       285
       285
       -
       				};

     

       286
       286
       -
       			};

     

       287
       287
       -
       

     

       288
       288
       -
       			// Helper to collect all posts in a subtree

     

       289
       289
       -
       			const collectSubtree = (startPost: ThreadPost): ThreadPost[] => {

     

       290
       290
       -
       				const result: ThreadPost[] = [];

     

       291
       291
       -
       				const addWithChildren = (post: ThreadPost) => {

     

       292
       292
       -
       					result.push(post);

     

       293
       293
       -
       					const children = childrenMap.get(post.data.uri) || [];

     

       294
       294
       -
       					children.forEach(addWithChildren);

     

       295
       295
       -
       				};

     

       296
       296
       -
       				addWithChildren(startPost);

     

       297
       297
       -
       				return result;

     

       298
       298
       -
       			};

     

       299
       299
       -
       

     

       300
       300
       -
       			// Find branching points (posts with 2+ children)

     

       301
       301
       -
       			const branchingPoints = Array.from(childrenMap.entries())

     

       302
       302
       -
       				.filter(([, children]) => children.length > 1)

     

       303
       303
       -
       				.map(([uri]) => uri);

     

       304
       304
       -
       

     

       305
       305
       -
       			if (branchingPoints.length === 0) {

     

       306
       306
       -
       				// No branches - single thread

     

       307
       307
       -
       				const roots = childrenMap.get(null) || [];

     

       308
       308
       -
       				const allPosts = roots.flatMap((root) => collectSubtree(root));

     

       309
       309
       -
       				threads.push(createThread(allPosts, rootUri));

     

       310
       310
       -
       			} else {

     

       311
       311
       -
       				// Has branches - split into separate threads

     

       312
       312
       -
       				for (const branchParentUri of branchingPoints) {

     

       313
       313
       -
       					const branches = childrenMap.get(branchParentUri) || [];

     

       314
       314
       -
       

     

       315
       315
       -
       					// Sort branches oldest to newest for processing

     

       316
       316
       -
       					const sortedBranches = [...branches].sort((a, b) => a.newestTime - b.newestTime);

     

       317
       317
       -
       

     

       318
       318
       -
       					sortedBranches.forEach((branchRoot, index) => {

     

       319
       319
       -
       						const isOldestBranch = index === 0;

     

       320
       320
       -
       						const branchPosts: ThreadPost[] = [];

     

       321
       321
       -
       

     

       322
       322
       -
       						// If oldest branch, include parent chain

     

       323
       323
       -
       						if (isOldestBranch && branchParentUri !== null) {

     

       324
       324
       -
       							const parentChain: ThreadPost[] = [];

     

       325
       325
       -
       							let currentUri: ResourceUri | null = branchParentUri;

     

       326
       326
       -
       							while (currentUri && uriToPost.has(currentUri)) {

     

       327
       327
       -
       								parentChain.unshift(uriToPost.get(currentUri)!);

     

       328
       328
       -
       								currentUri = uriToPost.get(currentUri)!.parentUri;

     

       329
       329
       -
       							}

     

       330
       330
       -
       							branchPosts.push(...parentChain);

     

       331
       331
       -
       						}

     

       332
       332
       -
       

     

       333
       333
       -
       						// Add branch posts

     

       334
       334
       -
       						branchPosts.push(...collectSubtree(branchRoot));

     

       335
       335
       -
       

     

       336
       336
       -
       						// Recalculate depths for display

     

       337
       337
       -
       						const minDepth = Math.min(...branchPosts.map((p) => p.depth));

     

       338
       338
       -
       						branchPosts.forEach((p) => (p.depth = p.depth - minDepth));

     

       339
       339
       -
       

     

       340
       340
       -
       						threads.push(

     

       341
       341
       -
       							createThread(

     

       342
       342
       -
       								branchPosts,

     

       343
       343
       -
       								branchRoot.data.uri,

     

       344
       344
       -
       								isOldestBranch ? undefined : (branchParentUri ?? undefined)

     

       345
       345
       -
       							)

     

       346
       346
       -
       						);

     

       347
       347
       -
       					});

     

       348
       348
       -
       				}

     

       349
       349
       -
       			}

     

       350
       350
       -
       		}

     

       351
       351
       -
       

     

       352
       352
       -
       		// Sort threads by newest time (descending) so older branches appear first

     

       353
       353
       -
       		threads.sort((a, b) => b.newestTime - a.newestTime);

     

       354
       354
       -
       

     

       355
       355
       -
       		// console.log(threads);

     

       356
       356
       -
       

     

       357
       357
       -
       		return threads;

     

       358
       358
       -
       	};

     

       359
       359
       -
       

     

       360
       360
       -
       	// Filtering functions

     

       361
       361
       -
       	const isOwnPost = (post: ThreadPost, accounts: Account[]) =>

     

       362
       362
       -
       		accounts.some((account) => account.did === post.did);

     

       363
       363
       -
       	const hasNonOwnPost = (posts: ThreadPost[], accounts: Account[]) =>

     

       364
       364
       -
       		posts.some((post) => !isOwnPost(post, accounts));

     

       365
       365
       -
       	const filterThreads = (threads: Thread[], accounts: Account[]) =>

     

       366
       366
       -
       		threads.filter((thread) => {

     

       367
       367
       -
       			if (!viewOwnPosts) return hasNonOwnPost(thread.posts, accounts);

     

       368
       368
       -
       			return true;

     

       369
       369
       -
       		});

     

       370
       370
       -
       

     

       371
       371
       -
       	let threads = $derived(filterThreads(buildThreads(posts), $accounts));

     

       372
       372
       -
       

     

       373
       373
       -
       	let quoting = $state<PostWithUri | undefined>(undefined);

     

       374
       374
       -
       	let replying = $state<PostWithUri | undefined>(undefined);

     

       375
       375
       -
       

     

       376
       376
       -
       	let expandedThreads = new SvelteSet<ResourceUri>();

     

       249
       249
       +
       		return () => {

     

       250
       250
       +
       			window.removeEventListener('scroll', handleScroll);

     

       251
       251
       +
       		};

     

       252
       252
       +
       	});

     

       377
       253
        
       </script>

     

       378
       254
        
       

     

       379
       379
       -
       <div class="mx-auto flex h-screen max-w-2xl flex-col p-4">

     

       380
       380
       -
       	<div class="mb-6 flex flex-shrink-0 items-center justify-between">

     

       381
       381
       -
       		<div>

     

       382
       382
       -
       			<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>

     

       383
       383
       -
       			<div class="mt-1 flex gap-2">

     

       384
       384
       -
       				<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>

     

       385
       385
       -
       				<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>

     

       386
       386
       -
       			</div>

     

       387
       387
       -
       		</div>

     

       388
       388
       -
       		<button

     

       389
       389
       -
       			onclick={() => (isSettingsOpen = true)}

     

       390
       390
       -
       			class="group rounded-sm bg-(--nucleus-accent)/7 p-2 text-(--nucleus-accent) transition-all hover:scale-110 hover:shadow-lg"

     

       391
       391
       -
       			aria-label="settings"

     

       392
       392
       -
       		>

     

       393
       393
       -
       			<Icon class="group-hover:hidden" icon="heroicons:cog-6-tooth" width={28} />

     

       394
       394
       -
       			<Icon class="hidden group-hover:block" icon="heroicons:cog-6-tooth-solid" width={28} />

     

       395
       395
       -
       		</button>

     

       396
       396
       -
       	</div>

     

       397
       397
       -
       

     

       398
       398
       -
       	<div class="flex-shrink-0 space-y-4">

     

       399
       399
       -
       		<div class="flex min-h-16 items-stretch gap-2">

     

       400
       400
       -
       			<AccountSelector

     

       401
       401
       -
       				client={viewClient}

     

       402
       402
       -
       				accounts={$accounts}

     

       403
       403
       -
       				bind:selectedDid={$selectedDid}

     

       404
       404
       -
       				onAccountSelected={handleAccountSelected}

     

       405
       405
       -
       				onLoginSucceed={handleLoginSucceed}

     

       406
       406
       -
       				onLogout={handleLogout}

     

       407
       407
       -
       			/>

     

       408
       408
       -
       

     

       409
       409
       -
       			{#if selectedClient}

     

       410
       410
       -
       				<div class="flex-1">

     

       411
       411
       -
       					<PostComposer

     

       412
       412
       -
       						client={selectedClient}

     

       413
       413
       -
       						{selectedDid}

     

       414
       414
       -
       						onPostSent={(post) => posts.get($selectedDid!)?.set(post.uri, post)}

     

       415
       415
       -
       						bind:quoting

     

       416
       416
       -
       						bind:replying

     

       417
       417
       -
       					/>

     

       418
       418
       -
       				</div>

     

       419
       419
       -
       			{:else}

     

       420
       420
       -
       				<div

     

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

     

       422
       422
       -
       				>

     

       423
       423
       -
       					<p class="text-sm opacity-80">select or add an account to post</p>

     

       424
       424
       -
       				</div>

     

       425
       425
       -
       			{/if}

     

       426
       426
       -
       		</div>

     

       427
       427
       -
       

     

       428
       428
       -
       		<!-- <hr

     

       429
       429
       -
       			class="h-[4px] w-full rounded-full border-0"

     

       430
       430
       -
       			style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"

     

       431
       431
       -
       		/> -->

     

       432
       432
       -
       	</div>

     

       255
       255
       +
       {#snippet appButton(onClick: () => void, icon: string, ariaLabel: string, iconHover?: string)}

     

       256
       256
       +
       	<button

     

       257
       257
       +
       		onclick={onClick}

     

       258
       258
       +
       		class="group rounded-sm bg-(--nucleus-accent)/15 p-2 text-(--nucleus-accent) transition-all hover:scale-110 hover:shadow-lg"

     

       259
       259
       +
       		aria-label={ariaLabel}

     

       260
       260
       +
       	>

     

       261
       261
       +
       		<Icon class="group-hover:hidden" {icon} width={28} />

     

       262
       262
       +
       		<Icon class="hidden group-hover:block" icon={iconHover ?? icon} width={28} />

     

       263
       263
       +
       	</button>

     

       264
       264
       +
       {/snippet}

     

       433
       265
        
       

     

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

     

       267
       267
       +
       	<!-- thread list (page scrolls as a whole) -->

     

       434
       268
        
       	<div

     

       435
       435
       -
       		class="mt-4 overflow-y-scroll [scrollbar-color:var(--nucleus-accent)_transparent]"

     

       269
       269
       +
       		id="app-thread-list"

     

       270
       270
       +
       		class="mb-4 min-h-screen p-2 [scrollbar-color:var(--nucleus-accent)_transparent]"

     

       436
       271
        
       		bind:this={scrollContainer}

     

       437
       272
        
       	>

     

       438
       273
        
       		{#if $accounts.length > 0}

     
···

       445
       280
        
       			</div>

     

       446
       281
        
       		{/if}

     

       447
       282
        
       	</div>

     

       448
       448
       -
       </div>

     

       283
       283
       +
       

     

       284
       284
       +
       	<!-- header -->

     

       285
       285
       +
       	<div class="sticky bottom-0 z-10">

     

       286
       286
       +
       		{#if errors.length > 0}

     

       287
       287
       +
       			<div class="relative m-3 mb-1 error-disclaimer">

     

       288
       288
       +
       				<div class="flex items-center gap-2 text-red-500">

     

       289
       289
       +
       					<Icon class="inline h-10 w-10" icon="heroicons:exclamation-triangle-16-solid" />

     

       290
       290
       +
       					there are ({errors.length}) errors

     

       291
       291
       +
       					<div class="grow"></div>

     

       292
       292
       +
       					<button onclick={() => (errorsOpen = !errorsOpen)} class="action-button p-1 px-1.5"

     

       293
       293
       +
       						>{errorsOpen ? 'hide details' : 'see details'}</button

     

       294
       294
       +
       					>

     

       295
       295
       +
       				</div>

     

       296
       296
       +
       				{#if errorsOpen}

     

       297
       297
       +
       					<div

     

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

     

       299
       299
       +
       					>

     

       300
       300
       +
       						{#each errors as error, idx (idx)}

     

       301
       301
       +
       							<p>• {error}</p>

     

       302
       302
       +
       						{/each}

     

       303
       303
       +
       					</div>

     

       304
       304
       +
       				{/if}

     

       305
       305
       +
       			</div>

     

       306
       306
       +
       		{/if}

     

       307
       307
       +
       

     

       308
       308
       +
       		<div

     

       309
       309
       +
       			class="rounded-t-sm px-0.5 pt-0.5"

     

       310
       310
       +
       			style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"

     

       311
       311
       +
       		>

     

       312
       312
       +
       			<div

     

       313
       313
       +
       				class="rounded-t-sm"

     

       314
       314
       +
       				style="

     

       315
       315
       +
           			    background: linear-gradient(to right, color-mix(in srgb, var(--nucleus-accent) 18%, var(--nucleus-bg)), color-mix(in srgb, var(--nucleus-accent2) 13%, var(--nucleus-bg)));

     

       316
       316
       +
           			"

     

       317
       317
       +
       			>

     

       318
       318
       +
       				<!-- composer and error disclaimer (above thread list, not scrollable) -->

     

       319
       319
       +
       				<div class="flex gap-2 px-2 pt-2 pb-1">

     

       320
       320
       +
       					<AccountSelector

     

       321
       321
       +
       						client={viewClient}

     

       322
       322
       +
       						accounts={$accounts}

     

       323
       323
       +
       						bind:selectedDid

     

       324
       324
       +
       						onAccountSelected={handleAccountSelected}

     

       325
       325
       +
       						onLogout={handleLogout}

     

       326
       326
       +
       					/>

     

       449
       327
        
       

     

       450
       450
       -
       <SettingsPopup bind:isOpen={isSettingsOpen} onClose={() => (isSettingsOpen = false)} />

     

       328
       328
       +
       					{#if selectedClient}

     

       329
       329
       +
       						<div class="flex-1">

     

       330
       330
       +
       							<PostComposer

     

       331
       331
       +
       								client={selectedClient}

     

       332
       332
       +
       								onPostSent={(post) => posts.get(selectedDid!)?.set(post.uri, post)}

     

       333
       333
       +
       								bind:quoting

     

       334
       334
       +
       								bind:replying

     

       335
       335
       +
       							/>

     

       336
       336
       +
       						</div>

     

       337
       337
       +
       					{:else}

     

       338
       338
       +
       						<div

     

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

     

       340
       340
       +
       						>

     

       341
       341
       +
       							<p class="text-sm opacity-80">select or add an account to post</p>

     

       342
       342
       +
       						</div>

     

       343
       343
       +
       					{/if}

     

       451
       344
        
       

     

       452
       452
       -
       {#snippet renderThreads()}

     

       453
       453
       -
       	<InfiniteLoader

     

       454
       454
       -
       		{loaderState}

     

       455
       455
       -
       		triggerLoad={loadMore}

     

       456
       456
       -
       		loopDetectionTimeout={0}

     

       457
       457
       -
       		intersectionOptions={{ root: scrollContainer }}

     

       458
       458
       -
       	>

     

       459
       459
       -
       		{@render threadsView()}

     

       460
       460
       -
       		{#snippet noData()}

     

       461
       461
       -
       			<div class="flex justify-center py-4">

     

       462
       462
       -
       				<p class="text-xl opacity-80">

     

       463
       463
       -
       					all posts seen! <span class="text-2xl">:o</span>

     

       464
       464
       -
       				</p>

     

       465
       465
       -
       			</div>

     

       466
       466
       -
       		{/snippet}

     

       467
       467
       -
       		{#snippet loading()}

     

       468
       468
       -
       			<div class="flex justify-center">

     

       345
       345
       +
       					{#if showScrollToTop}

     

       346
       346
       +
       						{@render appButton(scrollToTop, 'heroicons:arrow-up-16-solid', 'scroll to top')}

     

       347
       347
       +
       					{/if}

     

       348
       348
       +
       				</div>

     

       349
       349
       +
       

     

       469
       350
        
       				<div

     

       470
       470
       -
       					class="h-12 w-12 animate-spin rounded-full border-4 border-t-transparent"

     

       471
       471
       -
       					style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       351
       351
       +
       					class="mt-1 h-px w-full opacity-50"

     

       352
       352
       +
       					style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"

     

       472
       353
        
       				></div>

     

       354
       354
       +
       

     

       355
       355
       +
       				<div class="flex items-center gap-1.5 px-2 py-1">

     

       356
       356
       +
       					<div class="mb-2">

     

       357
       357
       +
       						<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>

     

       358
       358
       +
       						<div class="mt-1 flex gap-2">

     

       359
       359
       +
       							<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>

     

       360
       360
       +
       							<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>

     

       361
       361
       +
       						</div>

     

       362
       362
       +
       					</div>

     

       363
       363
       +
       					<div class="grow"></div>

     

       364
       364
       +
       					{@render appButton(

     

       365
       365
       +
       						() => (isNotificationsOpen = true),

     

       366
       366
       +
       						'heroicons:bell',

     

       367
       367
       +
       						'notifications',

     

       368
       368
       +
       						'heroicons:bell-solid'

     

       369
       369
       +
       					)}

     

       370
       370
       +
       					{@render appButton(

     

       371
       371
       +
       						() => (isSettingsOpen = true),

     

       372
       372
       +
       						'heroicons:cog-6-tooth',

     

       373
       373
       +
       						'settings',

     

       374
       374
       +
       						'heroicons:cog-6-tooth-solid'

     

       375
       375
       +
       					)}

     

       376
       376
       +
       				</div>

     

       377
       377
       +
       

     

       378
       378
       +
       				<!-- <hr

     

       379
       379
       +
           			class="h-[4px] w-full rounded-full border-0"

     

       380
       380
       +
           			style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"

     

       381
       381
       +
           		/> -->

     

       473
       382
        
       			</div>

     

       474
       474
       -
       		{/snippet}

     

       475
       475
       -
       		{#snippet error()}

     

       476
       476
       -
       			<div class="flex justify-center py-4">

     

       477
       477
       -
       				<p class="text-xl opacity-80">

     

       478
       478
       -
       					<span class="text-4xl">:(</span> <br /> an error occurred while loading posts: {loadError}

     

       479
       479
       -
       				</p>

     

       480
       480
       -
       			</div>

     

       481
       481
       -
       		{/snippet}

     

       482
       482
       -
       	</InfiniteLoader>

     

       483
       483
       -
       {/snippet}

     

       383
       383
       +
       		</div>

     

       384
       384
       +
       	</div>

     

       385
       385
       +
       </div>

     

       386
       386
       +
       

     

       387
       387
       +
       <SettingsPopup bind:isOpen={isSettingsOpen} onClose={() => (isSettingsOpen = false)} />

     

       388
       388
       +
       <NotificationsPopup

     

       389
       389
       +
       	bind:isOpen={isNotificationsOpen}

     

       390
       390
       +
       	onClose={() => (isNotificationsOpen = false)}

     

       391
       391
       +
       />

     

       484
       392
        
       

     

       485
       393
        
       {#snippet replyPost(post: ThreadPost, reverse: boolean = reverseChronological)}

     

       486
       394
        
       	<span

     

       487
       487
       -
       		class="mb-1.5 flex items-center gap-1.5 overflow-hidden text-nowrap break-words overflow-ellipsis"

     

       395
       395
       +
       		class="mb-1.5 flex items-center gap-1.5 overflow-hidden text-nowrap wrap-break-word overflow-ellipsis"

     

       488
       396
        
       	>

     

       489
       397
        
       		<span class="text-sm text-nowrap opacity-60">{reverse ? '↱' : '↳'}</span>

     

       490
       490
       -
       		<BskyPost mini {selectedDid} client={selectedClient ?? viewClient} {...post} />

     

       398
       398
       +
       		<BskyPost mini client={selectedClient ?? viewClient} {...post} />

     

       491
       399
        
       	</span>

     

       492
       400
        
       {/snippet}

     

       493
       401
        
       

     

       494
       402
        
       {#snippet threadsView()}

     

       495
       403
        
       	{#each threads as thread (thread.rootUri)}

     

       496
       496
       -
       		<div class="flex {reverseChronological ? 'flex-col' : 'flex-col-reverse'} mb-6.5">

     

       404
       404
       +
       		<div class="flex w-full shrink-0 {reverseChronological ? 'flex-col' : 'flex-col-reverse'}">

     

       497
       405
        
       			{#if thread.branchParentPost}

     

       498
       406
        
       				{@render replyPost(thread.branchParentPost)}

     

       499
       407
        
       			{/if}

     
···

       506
       414
        
       				{#if !mini}

     

       507
       415
        
       					<div class="mb-1.5">

     

       508
       416
        
       						<BskyPost

     

       509
       509
       -
       							{selectedDid}

     

       510
       417
        
       							client={selectedClient ?? viewClient}

     

       511
       418
        
       							onQuote={(post) => (quoting = post)}

     

       512
       419
        
       							onReply={(post) => (replying = post)}

     
···

       517
       424
        
       					{#if idx === 1}

     

       518
       425
        
       						{@render replyPost(post, !reverseChronological)}

     

       519
       426
        
       						<button

     

       520
       520
       -
       							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)"

     

       427
       427
       +
       							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)"

     

       521
       428
        
       							onclick={() => expandedThreads.add(thread.rootUri)}

     

       522
       429
        
       						>

     

       523
       430
        
       							<div class="mr-1 h-px w-20 rounded border-y-2 border-dashed opacity-50"></div>

     
···

       536
       443
        
       				{/if}

     

       537
       444
        
       			{/each}

     

       538
       445
        
       		</div>

     

       446
       446
       +
       		<div

     

       447
       447
       +
       			class="mx-8 mt-3 mb-4 h-px bg-linear-to-r from-(--nucleus-accent)/30 to-(--nucleus-accent2)/30"

     

       448
       448
       +
       		></div>

     

       539
       449
        
       	{/each}

     

       540
       450
        
       {/snippet}

     

       451
       451
       +
       

     

       452
       452
       +
       {#snippet renderThreads()}

     

       453
       453
       +
       	<InfiniteLoader

     

       454
       454
       +
       		{loaderState}

     

       455
       455
       +
       		triggerLoad={loadMore}

     

       456
       456
       +
       		loopDetectionTimeout={0}

     

       457
       457
       +
       		intersectionOptions={{ root: scrollContainer }}

     

       458
       458
       +
       	>

     

       459
       459
       +
       		{@render threadsView()}

     

       460
       460
       +
       		{#snippet noData()}

     

       461
       461
       +
       			<div class="flex justify-center py-4">

     

       462
       462
       +
       				<p class="text-xl opacity-80">

     

       463
       463
       +
       					all posts seen! <span class="text-2xl">:o</span>

     

       464
       464
       +
       				</p>

     

       465
       465
       +
       			</div>

     

       466
       466
       +
       		{/snippet}

     

       467
       467
       +
       		{#snippet loading()}

     

       468
       468
       +
       			<div class="flex justify-center">

     

       469
       469
       +
       				<div

     

       470
       470
       +
       					class="h-12 w-12 animate-spin rounded-full border-4 border-t-transparent"

     

       471
       471
       +
       					style="border-color: var(--nucleus-accent) var(--nucleus-accent) var(--nucleus-accent) transparent;"

     

       472
       472
       +
       				></div>

     

       473
       473
       +
       			</div>

     

       474
       474
       +
       		{/snippet}

     

       475
       475
       +
       		{#snippet error()}

     

       476
       476
       +
       			<div class="flex flex-col gap-4 py-4">

     

       477
       477
       +
       				<p class="text-xl opacity-80">

     

       478
       478
       +
       					<span class="text-4xl">x_x</span> <br />

     

       479
       479
       +
       					{loadError}

     

       480
       480
       +
       				</p>

     

       481
       481
       +
       				<div>

     

       482
       482
       +
       					<button class="flex action-button items-center gap-2" onclick={loadMore}>

     

       483
       483
       +
       						<Icon class="h-6 w-6" icon="heroicons:arrow-path-16-solid" /> try again

     

       484
       484
       +
       					</button>

     

       485
       485
       +
       				</div>

     

       486
       486
       +
       			</div>

     

       487
       487
       +
       		{/snippet}

     

       488
       488
       +
       	</InfiniteLoader>

     

       489
       489
       +
       {/snippet}

+45

src/routes/+page.ts

···

       1
       1
       +
       import { replaceState } from '$app/navigation';

     

       2
       2
       +
       import { addAccount, loggingIn } from '$lib/accounts';

     

       3
       3
       +
       import { AtpClient } from '$lib/at/client';

     

       4
       4
       +
       import { flow, sessions } from '$lib/at/oauth';

     

       5
       5
       +
       import { err, ok, type Result } from '$lib/result';

     

       6
       6
       +
       import type { PageLoad } from './$types';

     

       7
       7
       +
       

     

       8
       8
       +
       export type PageProps = {

     

       9
       9
       +
       	data: {

     

       10
       10
       +
       		client: Result<AtpClient | null, string>;

     

       11
       11
       +
       	};

     

       12
       12
       +
       };

     

       13
       13
       +
       

     

       14
       14
       +
       export const load: PageLoad = async (): Promise<PageProps['data']> => {

     

       15
       15
       +
       	return { client: await handleLogin() };

     

       16
       16
       +
       };

     

       17
       17
       +
       

     

       18
       18
       +
       const handleLogin = async (): Promise<Result<AtpClient | null, string>> => {

     

       19
       19
       +
       	const account = loggingIn.get();

     

       20
       20
       +
       	if (!account) return ok(null);

     

       21
       21
       +
       

     

       22
       22
       +
       	const currentUrl = new URL(window.location.href);

     

       23
       23
       +
       	// scrub history so auth state cant be replayed

     

       24
       24
       +
       	try {

     

       25
       25
       +
       		replaceState('', '/');

     

       26
       26
       +
       	} catch {

     

       27
       27
       +
       		// if router was unitialized then we probably dont need to scrub anyway

     

       28
       28
       +
       		// so its fine

     

       29
       29
       +
       	}

     

       30
       30
       +
       

     

       31
       31
       +
       	loggingIn.set(null);

     

       32
       32
       +
       	await sessions.remove(account.did);

     

       33
       33
       +
       	const agent = await flow.finalize(currentUrl);

     

       34
       34
       +
       	if (!agent.ok || !agent.value) {

     

       35
       35
       +
       		if (!agent.ok) return err(agent.error);

     

       36
       36
       +
       		return err('no session was logged into?!');

     

       37
       37
       +
       	}

     

       38
       38
       +
       

     

       39
       39
       +
       	const client = new AtpClient();

     

       40
       40
       +
       	const result = await client.login(agent.value);

     

       41
       41
       +
       	if (!result.ok) return err(result.error);

     

       42
       42
       +
       

     

       43
       43
       +
       	addAccount(account);

     

       44
       44
       +
       	return ok(client);

     

       45
       45
       +
       };

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

+1 -1

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} */

+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