comparing 2022c0ede5cb7e94c45240e1dc5e7e70724f5695 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

+3 -1

README.md

···

       2
       2
        
       

     

       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
       +
       see it at [nucleus.ptr.pet](https://nucleus.ptr.pet).

     

       6
       6
       +
       

     

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

     

       6
       8
        
       

     

       7
       9
        
       ### todos

     

       8
       10
        
       

     

       9
       9
       -
       - [ ] properly implement auth (current state is just for deving) (we want oauth only)

     

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

     

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

     

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

     

       12
       14
        
       - [ ] profile view popout

+1801 -21

deno.lock

···

       1
       1
        
       {

     

       2
       2
        
         "version": "5",

     

       3
       3
        
         "specifiers": {

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       7
       7
       -
           "npm:lru-cache@^11.2.2": "11.2.2"

     

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

     

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

     

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

     

       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"

     

       8
       43
        
         },

     

       9
       44
        
         "npm": {

     

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

     

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

     

       47
       47
       +
             "dependencies": [

     

       48
       48
       +
               "@atcute/lexicons"

     

       49
       49
       +
             ]

     

       50
       50
       +
           },

     

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

     

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

     

       53
       53
       +
             "dependencies": [

     

       54
       54
       +
               "@atcute/atproto",

     

       55
       55
       +
               "@atcute/lexicons"

     

       56
       56
       +
             ]

     

       57
       57
       +
           },

     

       58
       58
       +
           "@atcute/client@4.0.5": {

     

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

     

       60
       60
       +
             "dependencies": [

     

       61
       61
       +
               "@atcute/identity",

     

       62
       62
       +
               "@atcute/lexicons"

     

       63
       63
       +
             ]

     

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

     

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

     

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

     

       76
       76
       +
             "dependencies": [

     

       77
       77
       +
               "@atcute/lexicons",

     

       78
       78
       +
               "@badrap/valita"

     

       79
       79
       +
             ]

     

       80
       80
       +
           },

     

       81
       81
       +
           "@atcute/lexicons@1.2.2": {

     

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

     

       83
       83
       +
             "dependencies": [

     

       84
       84
       +
               "@standard-schema/spec",

     

       85
       85
       +
               "esm-env"

     

       86
       86
       +
             ]

     

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

     

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

     

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

     

       12
       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
       +
             ]

     

       117
       117
       +
           },

     

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

     

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

     

       120
       120
       +
           },

     

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

     

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

     

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

     

       124
       124
       +
             "cpu": ["ppc64"]

     

       125
       125
       +
           },

     

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

     

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

     

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

     

       129
       129
       +
             "cpu": ["arm64"]

     

       130
       130
       +
           },

     

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

     

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

     

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

     

       134
       134
       +
             "cpu": ["arm"]

     

       135
       135
       +
           },

     

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

     

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

     

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

     

       139
       139
       +
             "cpu": ["x64"]

     

       140
       140
       +
           },

     

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

     

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

     

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

     

       144
       144
       +
             "cpu": ["arm64"]

     

       145
       145
       +
           },

     

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

     

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

     

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

     

       149
       149
       +
             "cpu": ["x64"]

     

       150
       150
       +
           },

     

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

     

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

     

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

     

       154
       154
       +
             "cpu": ["arm64"]

     

       155
       155
       +
           },

     

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

     

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

     

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

     

       159
       159
       +
             "cpu": ["x64"]

     

       160
       160
       +
           },

     

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

     

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

     

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

     

       164
       164
       +
             "cpu": ["arm64"]

     

       165
       165
       +
           },

     

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

     

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

     

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

     

       169
       169
       +
             "cpu": ["arm"]

     

       170
       170
       +
           },

     

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

     

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

     

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

     

       174
       174
       +
             "cpu": ["ia32"]

     

       175
       175
       +
           },

     

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

     

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

     

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

     

       179
       179
       +
             "cpu": ["loong64"]

     

       180
       180
       +
           },

     

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

     

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

     

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

     

       184
       184
       +
             "cpu": ["mips64el"]

     

       185
       185
       +
           },

     

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

     

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

     

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

     

       189
       189
       +
             "cpu": ["ppc64"]

     

       190
       190
       +
           },

     

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

     

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

     

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

     

       194
       194
       +
             "cpu": ["riscv64"]

     

       195
       195
       +
           },

     

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

     

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

     

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

     

       199
       199
       +
             "cpu": ["s390x"]

     

       200
       200
       +
           },

     

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

     

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

     

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

     

       204
       204
       +
             "cpu": ["x64"]

     

       205
       205
       +
           },

     

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

     

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

     

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

     

       209
       209
       +
             "cpu": ["arm64"]

     

       210
       210
       +
           },

     

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

     

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

     

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

     

       214
       214
       +
             "cpu": ["x64"]

     

       215
       215
       +
           },

     

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

     

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

     

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

     

       219
       219
       +
             "cpu": ["arm64"]

     

       220
       220
       +
           },

     

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

     

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

     

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

     

       224
       224
       +
             "cpu": ["x64"]

     

       225
       225
       +
           },

     

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

     

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

     

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

     

       229
       229
       +
             "cpu": ["arm64"]

     

       230
       230
       +
           },

     

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

     

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

     

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

     

       234
       234
       +
             "cpu": ["x64"]

     

       235
       235
       +
           },

     

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

     

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

     

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

     

       239
       239
       +
             "cpu": ["arm64"]

     

       240
       240
       +
           },

     

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

     

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

     

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

     

       244
       244
       +
             "cpu": ["ia32"]

     

       245
       245
       +
           },

     

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

     

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

     

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

     

       249
       249
       +
             "cpu": ["x64"]

     

       250
       250
       +
           },

     

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

     

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

     

       253
       253
       +
             "dependencies": [

     

       254
       254
       +
               "eslint",

     

       255
       255
       +
               "eslint-visitor-keys@3.4.3"

     

       256
       256
       +
             ]

     

       257
       257
       +
           },

     

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

     

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

     

       260
       260
       +
           },

     

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

     

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

     

       263
       263
       +
             "dependencies": [

     

       264
       264
       +
               "@eslint/core",

     

       265
       265
       +
               "eslint"

     

       266
       266
       +
             ],

     

       267
       267
       +
             "optionalPeers": [

     

       268
       268
       +
               "eslint"

     

       269
       269
       +
             ]

     

       270
       270
       +
           },

     

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

     

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

     

       273
       273
       +
             "dependencies": [

     

       274
       274
       +
               "@eslint/object-schema",

     

       275
       275
       +
               "debug",

     

       276
       276
       +
               "minimatch@3.1.2"

     

       277
       277
       +
             ]

     

       278
       278
       +
           },

     

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

     

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

     

       281
       281
       +
             "dependencies": [

     

       282
       282
       +
               "@eslint/core"

     

       283
       283
       +
             ]

     

       284
       284
       +
           },

     

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

     

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

     

       287
       287
       +
             "dependencies": [

     

       288
       288
       +
               "@types/json-schema"

     

       289
       289
       +
             ]

     

       290
       290
       +
           },

     

       291
       291
       +
           "@eslint/eslintrc@3.3.1": {

     

       292
       292
       +
             "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",

     

       293
       293
       +
             "dependencies": [

     

       294
       294
       +
               "ajv",

     

       295
       295
       +
               "debug",

     

       296
       296
       +
               "espree",

     

       297
       297
       +
               "globals@14.0.0",

     

       298
       298
       +
               "ignore@5.3.2",

     

       299
       299
       +
               "import-fresh",

     

       300
       300
       +
               "js-yaml",

     

       301
       301
       +
               "minimatch@3.1.2",

     

       302
       302
       +
               "strip-json-comments"

     

       303
       303
       +
             ]

     

       304
       304
       +
           },

     

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

     

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

     

       307
       307
       +
           },

     

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

     

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

     

       310
       310
       +
           },

     

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

     

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

     

       313
       313
       +
             "dependencies": [

     

       314
       314
       +
               "@eslint/core",

     

       315
       315
       +
               "levn"

     

       316
       316
       +
             ]

     

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

     

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

     

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

     

       336
       336
       +
           },

     

       337
       337
       +
           "@humanfs/node@0.16.7": {

     

       338
       338
       +
             "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",

     

       339
       339
       +
             "dependencies": [

     

       340
       340
       +
               "@humanfs/core",

     

       341
       341
       +
               "@humanwhocodes/retry"

     

       342
       342
       +
             ]

     

       343
       343
       +
           },

     

       344
       344
       +
           "@humanwhocodes/module-importer@1.0.1": {

     

       345
       345
       +
             "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA=="

     

       346
       346
       +
           },

     

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

     

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

     

       349
       349
       +
           },

     

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

     

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

     

       352
       352
       +
             "dependencies": [

     

       353
       353
       +
               "@iconify/types",

     

       354
       354
       +
               "svelte"

     

       355
       355
       +
             ]

     

       356
       356
       +
           },

     

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

     

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

     

       359
       359
       +
           },

     

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

     

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

     

       362
       362
       +
             "dependencies": [

     

       363
       363
       +
               "@jridgewell/sourcemap-codec",

     

       364
       364
       +
               "@jridgewell/trace-mapping"

     

       365
       365
       +
             ]

     

       366
       366
       +
           },

     

       367
       367
       +
           "@jridgewell/remapping@2.3.5": {

     

       368
       368
       +
             "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",

     

       369
       369
       +
             "dependencies": [

     

       370
       370
       +
               "@jridgewell/gen-mapping",

     

       371
       371
       +
               "@jridgewell/trace-mapping"

     

       372
       372
       +
             ]

     

       373
       373
       +
           },

     

       374
       374
       +
           "@jridgewell/resolve-uri@3.1.2": {

     

       375
       375
       +
             "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="

     

       376
       376
       +
           },

     

       377
       377
       +
           "@jridgewell/sourcemap-codec@1.5.5": {

     

       378
       378
       +
             "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="

     

       379
       379
       +
           },

     

       380
       380
       +
           "@jridgewell/trace-mapping@0.3.31": {

     

       381
       381
       +
             "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",

     

       382
       382
       +
             "dependencies": [

     

       383
       383
       +
               "@jridgewell/resolve-uri",

     

       384
       384
       +
               "@jridgewell/sourcemap-codec"

     

       385
       385
       +
             ]

     

       386
       386
       +
           },

     

       387
       387
       +
           "@nodelib/fs.scandir@2.1.5": {

     

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

     

       389
       389
       +
             "dependencies": [

     

       390
       390
       +
               "@nodelib/fs.stat",

     

       391
       391
       +
               "run-parallel"

     

       392
       392
       +
             ]

     

       393
       393
       +
           },

     

       394
       394
       +
           "@nodelib/fs.stat@2.0.5": {

     

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

     

       396
       396
       +
           },

     

       397
       397
       +
           "@nodelib/fs.walk@1.2.8": {

     

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

     

       399
       399
       +
             "dependencies": [

     

       400
       400
       +
               "@nodelib/fs.scandir",

     

       401
       401
       +
               "fastq"

     

       402
       402
       +
             ]

     

       403
       403
       +
           },

     

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

     

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

     

       406
       406
       +
           },

     

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

     

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

     

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

     

       410
       410
       +
             "cpu": ["arm"]

     

       411
       411
       +
           },

     

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

     

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

     

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

     

       415
       415
       +
             "cpu": ["arm64"]

     

       416
       416
       +
           },

     

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

     

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

     

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

     

       420
       420
       +
             "cpu": ["arm64"]

     

       421
       421
       +
           },

     

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

     

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

     

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

     

       425
       425
       +
             "cpu": ["x64"]

     

       426
       426
       +
           },

     

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

     

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

     

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

     

       430
       430
       +
             "cpu": ["arm64"]

     

       431
       431
       +
           },

     

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

     

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

     

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

     

       435
       435
       +
             "cpu": ["x64"]

     

       436
       436
       +
           },

     

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

     

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

     

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

     

       440
       440
       +
             "cpu": ["arm"]

     

       441
       441
       +
           },

     

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

     

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

     

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

     

       445
       445
       +
             "cpu": ["arm"]

     

       446
       446
       +
           },

     

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

     

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

     

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

     

       450
       450
       +
             "cpu": ["arm64"]

     

       451
       451
       +
           },

     

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

     

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

     

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

     

       455
       455
       +
             "cpu": ["arm64"]

     

       456
       456
       +
           },

     

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

     

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

     

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

     

       460
       460
       +
             "cpu": ["loong64"]

     

       461
       461
       +
           },

     

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

     

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

     

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

     

       465
       465
       +
             "cpu": ["ppc64"]

     

       466
       466
       +
           },

     

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

     

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

     

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

     

       470
       470
       +
             "cpu": ["riscv64"]

     

       471
       471
       +
           },

     

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

     

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

     

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

     

       475
       475
       +
             "cpu": ["riscv64"]

     

       476
       476
       +
           },

     

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

     

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

     

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

     

       480
       480
       +
             "cpu": ["s390x"]

     

       481
       481
       +
           },

     

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

     

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

     

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

     

       485
       485
       +
             "cpu": ["x64"]

     

       486
       486
       +
           },

     

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

     

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

     

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

     

       490
       490
       +
             "cpu": ["x64"]

     

       491
       491
       +
           },

     

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

     

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

     

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

     

       495
       495
       +
             "cpu": ["arm64"]

     

       496
       496
       +
           },

     

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

     

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

     

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

     

       500
       500
       +
             "cpu": ["arm64"]

     

       501
       501
       +
           },

     

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

     

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

     

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

     

       505
       505
       +
             "cpu": ["ia32"]

     

       506
       506
       +
           },

     

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

     

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

     

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

     

       510
       510
       +
             "cpu": ["x64"]

     

       511
       511
       +
           },

     

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

     

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

     

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

     

       515
       515
       +
             "cpu": ["x64"]

     

       516
       516
       +
           },

     

       517
       517
       +
           "@soffinal/stream@0.2.3_typescript@5.9.3": {

     

       518
       518
       +
             "integrity": "sha512-B0xWaDsVa6/HxttZmKqD7BmsveQQzuEoY9wztwGIuLF+nsVW1DW2V0kOJZIwTxp1wP4iKPalje1uZaZ+cYv7fg==",

     

       519
       519
       +
             "dependencies": [

     

       520
       520
       +
               "typescript"

     

       521
       521
       +
             ]

     

       522
       522
       +
           },

     

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

     

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

     

       525
       525
       +
             "dependencies": [

     

       526
       526
       +
               "@soffinal/stream",

     

       527
       527
       +
               "typescript"

     

       528
       528
       +
             ]

     

       529
       529
       +
           },

     

       530
       530
       +
           "@standard-schema/spec@1.0.0": {

     

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

     

       532
       532
       +
           },

     

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

     

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

     

       535
       535
       +
             "dependencies": [

     

       536
       536
       +
               "acorn"

     

       537
       537
       +
             ]

     

       538
       538
       +
           },

     

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

     

       541
       541
       +
             "dependencies": [

     

       542
       542
       +
               "@sveltejs/kit"

     

       543
       543
       +
             ]

     

       544
       544
       +
           },

     

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

     

       547
       547
       +
             "dependencies": [

     

       548
       548
       +
               "@standard-schema/spec",

     

       549
       549
       +
               "@sveltejs/acorn-typescript",

     

       550
       550
       +
               "@sveltejs/vite-plugin-svelte",

     

       551
       551
       +
               "@types/cookie",

     

       552
       552
       +
               "acorn",

     

       553
       553
       +
               "cookie",

     

       554
       554
       +
               "devalue",

     

       555
       555
       +
               "esm-env",

     

       556
       556
       +
               "kleur",

     

       557
       557
       +
               "magic-string",

     

       558
       558
       +
               "mrmime",

     

       559
       559
       +
               "sade",

     

       560
       560
       +
               "set-cookie-parser",

     

       561
       561
       +
               "sirv",

     

       562
       562
       +
               "svelte",

     

       563
       563
       +
               "vite"

     

       564
       564
       +
             ],

     

       565
       565
       +
             "bin": true

     

       566
       566
       +
           },

     

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

     

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

     

       569
       569
       +
             "dependencies": [

     

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

     

       571
       571
       +
               "debug",

     

       572
       572
       +
               "svelte",

     

       573
       573
       +
               "vite"

     

       574
       574
       +
             ]

     

       575
       575
       +
           },

     

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

     

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

     

       578
       578
       +
             "dependencies": [

     

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

     

       580
       580
       +
               "debug",

     

       581
       581
       +
               "deepmerge",

     

       582
       582
       +
               "magic-string",

     

       583
       583
       +
               "svelte",

     

       584
       584
       +
               "vite",

     

       585
       585
       +
               "vitefu"

     

       586
       586
       +
             ]

     

       587
       587
       +
           },

     

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

     

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

     

       590
       590
       +
             "dependencies": [

     

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

     

       592
       592
       +
               "tailwindcss"

     

       593
       593
       +
             ]

     

       594
       594
       +
           },

     

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

     

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

     

       597
       597
       +
             "dependencies": [

     

       598
       598
       +
               "@jridgewell/remapping",

     

       599
       599
       +
               "enhanced-resolve",

     

       600
       600
       +
               "jiti",

     

       601
       601
       +
               "lightningcss",

     

       602
       602
       +
               "magic-string",

     

       603
       603
       +
               "source-map-js",

     

       604
       604
       +
               "tailwindcss"

     

       605
       605
       +
             ]

     

       606
       606
       +
           },

     

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

     

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

     

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

     

       610
       610
       +
             "cpu": ["arm64"]

     

       611
       611
       +
           },

     

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

     

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

     

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

     

       615
       615
       +
             "cpu": ["arm64"]

     

       616
       616
       +
           },

     

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

     

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

     

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

     

       620
       620
       +
             "cpu": ["x64"]

     

       621
       621
       +
           },

     

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

     

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

     

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

     

       625
       625
       +
             "cpu": ["x64"]

     

       626
       626
       +
           },

     

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

     

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

     

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

     

       630
       630
       +
             "cpu": ["arm"]

     

       631
       631
       +
           },

     

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

     

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

     

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

     

       635
       635
       +
             "cpu": ["arm64"]

     

       636
       636
       +
           },

     

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

     

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

     

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

     

       640
       640
       +
             "cpu": ["arm64"]

     

       641
       641
       +
           },

     

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

     

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

     

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

     

       645
       645
       +
             "cpu": ["x64"]

     

       646
       646
       +
           },

     

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

     

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

     

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

     

       650
       650
       +
             "cpu": ["x64"]

     

       651
       651
       +
           },

     

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

     

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

     

       654
       654
       +
             "cpu": ["wasm32"]

     

       655
       655
       +
           },

     

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

     

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

     

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

     

       659
       659
       +
             "cpu": ["arm64"]

     

       660
       660
       +
           },

     

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

     

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

     

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

     

       664
       664
       +
             "cpu": ["x64"]

     

       665
       665
       +
           },

     

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

     

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

     

       668
       668
       +
             "optionalDependencies": [

     

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

     

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

     

       671
       671
       +
               "@tailwindcss/oxide-darwin-x64",

     

       672
       672
       +
               "@tailwindcss/oxide-freebsd-x64",

     

       673
       673
       +
               "@tailwindcss/oxide-linux-arm-gnueabihf",

     

       674
       674
       +
               "@tailwindcss/oxide-linux-arm64-gnu",

     

       675
       675
       +
               "@tailwindcss/oxide-linux-arm64-musl",

     

       676
       676
       +
               "@tailwindcss/oxide-linux-x64-gnu",

     

       677
       677
       +
               "@tailwindcss/oxide-linux-x64-musl",

     

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

     

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

     

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

     

       681
       681
       +
             ]

     

       682
       682
       +
           },

     

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

     

       685
       685
       +
             "dependencies": [

     

       686
       686
       +
               "@tailwindcss/node",

     

       687
       687
       +
               "@tailwindcss/oxide",

     

       688
       688
       +
               "tailwindcss",

     

       689
       689
       +
               "vite"

     

       690
       690
       +
             ]

     

       691
       691
       +
           },

     

       692
       692
       +
           "@types/cookie@0.6.0": {

     

       693
       693
       +
             "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="

     

       694
       694
       +
           },

     

       695
       695
       +
           "@types/estree@1.0.8": {

     

       696
       696
       +
             "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="

     

       697
       697
       +
           },

     

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

     

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

     

       700
       700
       +
           },

     

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

     

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

     

       703
       703
       +
             "dependencies": [

     

       704
       704
       +
               "undici-types"

     

       705
       705
       +
             ]

     

       706
       706
       +
           },

     

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

     

       709
       709
       +
             "dependencies": [

     

       710
       710
       +
               "@eslint-community/regexpp",

     

       711
       711
       +
               "@typescript-eslint/parser",

     

       712
       712
       +
               "@typescript-eslint/scope-manager",

     

       713
       713
       +
               "@typescript-eslint/type-utils",

     

       714
       714
       +
               "@typescript-eslint/utils",

     

       715
       715
       +
               "@typescript-eslint/visitor-keys",

     

       716
       716
       +
               "eslint",

     

       717
       717
       +
               "graphemer",

     

       718
       718
       +
               "ignore@7.0.5",

     

       719
       719
       +
               "natural-compare",

     

       720
       720
       +
               "ts-api-utils",

     

       721
       721
       +
               "typescript"

     

       722
       722
       +
             ]

     

       723
       723
       +
           },

     

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

     

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

     

       726
       726
       +
             "dependencies": [

     

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

     

       728
       728
       +
               "@typescript-eslint/types",

     

       729
       729
       +
               "@typescript-eslint/typescript-estree",

     

       730
       730
       +
               "@typescript-eslint/visitor-keys",

     

       731
       731
       +
               "debug",

     

       732
       732
       +
               "eslint",

     

       733
       733
       +
               "typescript"

     

       734
       734
       +
             ]

     

       735
       735
       +
           },

     

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

     

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

     

       738
       738
       +
             "dependencies": [

     

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

     

       740
       740
       +
               "@typescript-eslint/types",

     

       741
       741
       +
               "debug",

     

       742
       742
       +
               "typescript"

     

       743
       743
       +
             ]

     

       744
       744
       +
           },

     

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

     

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

     

       747
       747
       +
             "dependencies": [

     

       748
       748
       +
               "@typescript-eslint/types",

     

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

     

       750
       750
       +
             ]

     

       751
       751
       +
           },

     

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

     

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

     

       754
       754
       +
             "dependencies": [

     

       755
       755
       +
               "typescript"

     

       756
       756
       +
             ]

     

       757
       757
       +
           },

     

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

     

       760
       760
       +
             "dependencies": [

     

       761
       761
       +
               "@typescript-eslint/types",

     

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

     

       763
       763
       +
               "@typescript-eslint/utils",

     

       764
       764
       +
               "debug",

     

       765
       765
       +
               "eslint",

     

       766
       766
       +
               "ts-api-utils",

     

       767
       767
       +
               "typescript"

     

       768
       768
       +
             ]

     

       769
       769
       +
           },

     

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

     

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

     

       772
       772
       +
           },

     

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

     

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

     

       775
       775
       +
             "dependencies": [

     

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

     

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

     

       778
       778
       +
               "@typescript-eslint/types",

     

       779
       779
       +
               "@typescript-eslint/visitor-keys",

     

       780
       780
       +
               "debug",

     

       781
       781
       +
               "fast-glob",

     

       782
       782
       +
               "is-glob",

     

       783
       783
       +
               "minimatch@9.0.5",

     

       784
       784
       +
               "semver",

     

       785
       785
       +
               "ts-api-utils",

     

       786
       786
       +
               "typescript"

     

       787
       787
       +
             ]

     

       788
       788
       +
           },

     

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

     

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

     

       791
       791
       +
             "dependencies": [

     

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

     

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

     

       794
       794
       +
               "@typescript-eslint/types",

     

       795
       795
       +
               "@typescript-eslint/typescript-estree",

     

       796
       796
       +
               "eslint",

     

       797
       797
       +
               "typescript"

     

       798
       798
       +
             ]

     

       799
       799
       +
           },

     

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

     

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

     

       802
       802
       +
             "dependencies": [

     

       803
       803
       +
               "@typescript-eslint/types",

     

       804
       804
       +
               "eslint-visitor-keys@4.2.1"

     

       805
       805
       +
             ]

     

       806
       806
       +
           },

     

       13
       807
        
           "@wora/cache-persist@2.2.1": {

     

       14
       808
        
             "integrity": "sha512-X9MHiML5F8z3mabnl6J8hAwjn9g6Sria6+wUGwo97UDLMOWpZtJ+Jp/DQ7GjI1JirVXMQUDXBftVDgpvjhpNcw==",

     

       15
       809
        
             "dependencies": [

     

       16
       810
        
               "idb"

     

       17
       811
        
             ]

     

       18
       812
        
           },

     

       813
       813
       +
           "acorn-jsx@5.3.2_acorn@8.15.0": {

     

       814
       814
       +
             "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",

     

       815
       815
       +
             "dependencies": [

     

       816
       816
       +
               "acorn"

     

       817
       817
       +
             ]

     

       818
       818
       +
           },

     

       819
       819
       +
           "acorn@8.15.0": {

     

       820
       820
       +
             "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",

     

       821
       821
       +
             "bin": true

     

       822
       822
       +
           },

     

       823
       823
       +
           "ajv@6.12.6": {

     

       824
       824
       +
             "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",

     

       825
       825
       +
             "dependencies": [

     

       826
       826
       +
               "fast-deep-equal",

     

       827
       827
       +
               "fast-json-stable-stringify",

     

       828
       828
       +
               "json-schema-traverse",

     

       829
       829
       +
               "uri-js"

     

       830
       830
       +
             ]

     

       831
       831
       +
           },

     

       832
       832
       +
           "ansi-styles@4.3.0": {

     

       833
       833
       +
             "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",

     

       834
       834
       +
             "dependencies": [

     

       835
       835
       +
               "color-convert"

     

       836
       836
       +
             ]

     

       837
       837
       +
           },

     

       838
       838
       +
           "argparse@2.0.1": {

     

       839
       839
       +
             "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="

     

       840
       840
       +
           },

     

       841
       841
       +
           "aria-query@5.3.2": {

     

       842
       842
       +
             "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="

     

       843
       843
       +
           },

     

       844
       844
       +
           "axobject-query@4.1.0": {

     

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

     

       846
       846
       +
           },

     

       847
       847
       +
           "balanced-match@1.0.2": {

     

       848
       848
       +
             "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="

     

       849
       849
       +
           },

     

       850
       850
       +
           "brace-expansion@1.1.12": {

     

       851
       851
       +
             "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",

     

       852
       852
       +
             "dependencies": [

     

       853
       853
       +
               "balanced-match",

     

       854
       854
       +
               "concat-map"

     

       855
       855
       +
             ]

     

       856
       856
       +
           },

     

       857
       857
       +
           "brace-expansion@2.0.2": {

     

       858
       858
       +
             "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",

     

       859
       859
       +
             "dependencies": [

     

       860
       860
       +
               "balanced-match"

     

       861
       861
       +
             ]

     

       862
       862
       +
           },

     

       863
       863
       +
           "braces@3.0.3": {

     

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

     

       865
       865
       +
             "dependencies": [

     

       866
       866
       +
               "fill-range"

     

       867
       867
       +
             ]

     

       868
       868
       +
           },

     

       869
       869
       +
           "callsites@3.1.0": {

     

       870
       870
       +
             "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="

     

       871
       871
       +
           },

     

       872
       872
       +
           "chalk@4.1.2": {

     

       873
       873
       +
             "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",

     

       874
       874
       +
             "dependencies": [

     

       875
       875
       +
               "ansi-styles",

     

       876
       876
       +
               "supports-color"

     

       877
       877
       +
             ]

     

       878
       878
       +
           },

     

       879
       879
       +
           "chokidar@4.0.3": {

     

       880
       880
       +
             "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",

     

       881
       881
       +
             "dependencies": [

     

       882
       882
       +
               "readdirp"

     

       883
       883
       +
             ]

     

       884
       884
       +
           },

     

       885
       885
       +
           "clsx@2.1.1": {

     

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

     

       887
       887
       +
           },

     

       888
       888
       +
           "color-convert@2.0.1": {

     

       889
       889
       +
             "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",

     

       890
       890
       +
             "dependencies": [

     

       891
       891
       +
               "color-name"

     

       892
       892
       +
             ]

     

       893
       893
       +
           },

     

       894
       894
       +
           "color-name@1.1.4": {

     

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

     

       896
       896
       +
           },

     

       897
       897
       +
           "colord@2.9.3": {

     

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

     

       899
       899
       +
           },

     

       900
       900
       +
           "concat-map@0.0.1": {

     

       901
       901
       +
             "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="

     

       902
       902
       +
           },

     

       903
       903
       +
           "cookie@0.6.0": {

     

       904
       904
       +
             "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw=="

     

       905
       905
       +
           },

     

       906
       906
       +
           "cross-spawn@7.0.6": {

     

       907
       907
       +
             "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",

     

       908
       908
       +
             "dependencies": [

     

       909
       909
       +
               "path-key",

     

       910
       910
       +
               "shebang-command",

     

       911
       911
       +
               "which"

     

       912
       912
       +
             ]

     

       913
       913
       +
           },

     

       914
       914
       +
           "cssesc@3.0.0": {

     

       915
       915
       +
             "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",

     

       916
       916
       +
             "bin": true

     

       917
       917
       +
           },

     

       918
       918
       +
           "debug@4.4.3": {

     

       919
       919
       +
             "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",

     

       920
       920
       +
             "dependencies": [

     

       921
       921
       +
               "ms"

     

       922
       922
       +
             ]

     

       923
       923
       +
           },

     

       924
       924
       +
           "deep-is@0.1.4": {

     

       925
       925
       +
             "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="

     

       926
       926
       +
           },

     

       927
       927
       +
           "deepmerge@4.3.1": {

     

       928
       928
       +
             "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="

     

       929
       929
       +
           },

     

       930
       930
       +
           "detect-libc@2.1.2": {

     

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

     

       932
       932
       +
           },

     

       933
       933
       +
           "devalue@5.4.2": {

     

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

     

       935
       935
       +
           },

     

       936
       936
       +
           "enhanced-resolve@5.18.3": {

     

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

     

       938
       938
       +
             "dependencies": [

     

       939
       939
       +
               "graceful-fs",

     

       940
       940
       +
               "tapable"

     

       941
       941
       +
             ]

     

       942
       942
       +
           },

     

       943
       943
       +
           "esbuild@0.25.12": {

     

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

     

       945
       945
       +
             "optionalDependencies": [

     

       946
       946
       +
               "@esbuild/aix-ppc64",

     

       947
       947
       +
               "@esbuild/android-arm",

     

       948
       948
       +
               "@esbuild/android-arm64",

     

       949
       949
       +
               "@esbuild/android-x64",

     

       950
       950
       +
               "@esbuild/darwin-arm64",

     

       951
       951
       +
               "@esbuild/darwin-x64",

     

       952
       952
       +
               "@esbuild/freebsd-arm64",

     

       953
       953
       +
               "@esbuild/freebsd-x64",

     

       954
       954
       +
               "@esbuild/linux-arm",

     

       955
       955
       +
               "@esbuild/linux-arm64",

     

       956
       956
       +
               "@esbuild/linux-ia32",

     

       957
       957
       +
               "@esbuild/linux-loong64",

     

       958
       958
       +
               "@esbuild/linux-mips64el",

     

       959
       959
       +
               "@esbuild/linux-ppc64",

     

       960
       960
       +
               "@esbuild/linux-riscv64",

     

       961
       961
       +
               "@esbuild/linux-s390x",

     

       962
       962
       +
               "@esbuild/linux-x64",

     

       963
       963
       +
               "@esbuild/netbsd-arm64",

     

       964
       964
       +
               "@esbuild/netbsd-x64",

     

       965
       965
       +
               "@esbuild/openbsd-arm64",

     

       966
       966
       +
               "@esbuild/openbsd-x64",

     

       967
       967
       +
               "@esbuild/openharmony-arm64",

     

       968
       968
       +
               "@esbuild/sunos-x64",

     

       969
       969
       +
               "@esbuild/win32-arm64",

     

       970
       970
       +
               "@esbuild/win32-ia32",

     

       971
       971
       +
               "@esbuild/win32-x64"

     

       972
       972
       +
             ],

     

       973
       973
       +
             "scripts": true,

     

       974
       974
       +
             "bin": true

     

       975
       975
       +
           },

     

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

     

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

     

       978
       978
       +
           },

     

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

     

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

     

       981
       981
       +
             "dependencies": [

     

       982
       982
       +
               "eslint"

     

       983
       983
       +
             ],

     

       984
       984
       +
             "bin": true

     

       985
       985
       +
           },

     

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

     

       988
       988
       +
             "dependencies": [

     

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

     

       990
       990
       +
               "@jridgewell/sourcemap-codec",

     

       991
       991
       +
               "eslint",

     

       992
       992
       +
               "esutils",

     

       993
       993
       +
               "globals@16.5.0",

     

       994
       994
       +
               "known-css-properties",

     

       995
       995
       +
               "postcss",

     

       996
       996
       +
               "postcss-load-config",

     

       997
       997
       +
               "postcss-safe-parser",

     

       998
       998
       +
               "semver",

     

       999
       999
       +
               "svelte",

     

       1000
       1000
       +
               "svelte-eslint-parser"

     

       1001
       1001
       +
             ],

     

       1002
       1002
       +
             "optionalPeers": [

     

       1003
       1003
       +
               "svelte"

     

       1004
       1004
       +
             ]

     

       1005
       1005
       +
           },

     

       1006
       1006
       +
           "eslint-scope@8.4.0": {

     

       1007
       1007
       +
             "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",

     

       1008
       1008
       +
             "dependencies": [

     

       1009
       1009
       +
               "esrecurse",

     

       1010
       1010
       +
               "estraverse"

     

       1011
       1011
       +
             ]

     

       1012
       1012
       +
           },

     

       1013
       1013
       +
           "eslint-visitor-keys@3.4.3": {

     

       1014
       1014
       +
             "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="

     

       1015
       1015
       +
           },

     

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

     

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

     

       1018
       1018
       +
           },

     

       1019
       1019
       +
           "eslint@9.39.0": {

     

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

     

       1021
       1021
       +
             "dependencies": [

     

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

     

       1023
       1023
       +
               "@eslint-community/regexpp",

     

       1024
       1024
       +
               "@eslint/config-array",

     

       1025
       1025
       +
               "@eslint/config-helpers",

     

       1026
       1026
       +
               "@eslint/core",

     

       1027
       1027
       +
               "@eslint/eslintrc",

     

       1028
       1028
       +
               "@eslint/js",

     

       1029
       1029
       +
               "@eslint/plugin-kit",

     

       1030
       1030
       +
               "@humanfs/node",

     

       1031
       1031
       +
               "@humanwhocodes/module-importer",

     

       1032
       1032
       +
               "@humanwhocodes/retry",

     

       1033
       1033
       +
               "@types/estree",

     

       1034
       1034
       +
               "ajv",

     

       1035
       1035
       +
               "chalk",

     

       1036
       1036
       +
               "cross-spawn",

     

       1037
       1037
       +
               "debug",

     

       1038
       1038
       +
               "escape-string-regexp",

     

       1039
       1039
       +
               "eslint-scope",

     

       1040
       1040
       +
               "eslint-visitor-keys@4.2.1",

     

       1041
       1041
       +
               "espree",

     

       1042
       1042
       +
               "esquery",

     

       1043
       1043
       +
               "esutils",

     

       1044
       1044
       +
               "fast-deep-equal",

     

       1045
       1045
       +
               "file-entry-cache",

     

       1046
       1046
       +
               "find-up",

     

       1047
       1047
       +
               "glob-parent@6.0.2",

     

       1048
       1048
       +
               "ignore@5.3.2",

     

       1049
       1049
       +
               "imurmurhash",

     

       1050
       1050
       +
               "is-glob",

     

       1051
       1051
       +
               "json-stable-stringify-without-jsonify",

     

       1052
       1052
       +
               "lodash.merge",

     

       1053
       1053
       +
               "minimatch@3.1.2",

     

       1054
       1054
       +
               "natural-compare",

     

       1055
       1055
       +
               "optionator"

     

       1056
       1056
       +
             ],

     

       1057
       1057
       +
             "bin": true

     

       1058
       1058
       +
           },

     

       1059
       1059
       +
           "esm-env@1.2.2": {

     

       1060
       1060
       +
             "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="

     

       1061
       1061
       +
           },

     

       1062
       1062
       +
           "espree@10.4.0_acorn@8.15.0": {

     

       1063
       1063
       +
             "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",

     

       1064
       1064
       +
             "dependencies": [

     

       1065
       1065
       +
               "acorn",

     

       1066
       1066
       +
               "acorn-jsx",

     

       1067
       1067
       +
               "eslint-visitor-keys@4.2.1"

     

       1068
       1068
       +
             ]

     

       1069
       1069
       +
           },

     

       1070
       1070
       +
           "esquery@1.6.0": {

     

       1071
       1071
       +
             "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",

     

       1072
       1072
       +
             "dependencies": [

     

       1073
       1073
       +
               "estraverse"

     

       1074
       1074
       +
             ]

     

       1075
       1075
       +
           },

     

       1076
       1076
       +
           "esrap@2.1.2": {

     

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

     

       1078
       1078
       +
             "dependencies": [

     

       1079
       1079
       +
               "@jridgewell/sourcemap-codec"

     

       1080
       1080
       +
             ]

     

       1081
       1081
       +
           },

     

       1082
       1082
       +
           "esrecurse@4.3.0": {

     

       1083
       1083
       +
             "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",

     

       1084
       1084
       +
             "dependencies": [

     

       1085
       1085
       +
               "estraverse"

     

       1086
       1086
       +
             ]

     

       1087
       1087
       +
           },

     

       1088
       1088
       +
           "estraverse@5.3.0": {

     

       1089
       1089
       +
             "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="

     

       1090
       1090
       +
           },

     

       1091
       1091
       +
           "esutils@2.0.3": {

     

       1092
       1092
       +
             "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="

     

       1093
       1093
       +
           },

     

       1094
       1094
       +
           "fast-deep-equal@3.1.3": {

     

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

     

       1096
       1096
       +
           },

     

       1097
       1097
       +
           "fast-glob@3.3.3": {

     

       1098
       1098
       +
             "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",

     

       1099
       1099
       +
             "dependencies": [

     

       1100
       1100
       +
               "@nodelib/fs.stat",

     

       1101
       1101
       +
               "@nodelib/fs.walk",

     

       1102
       1102
       +
               "glob-parent@5.1.2",

     

       1103
       1103
       +
               "merge2",

     

       1104
       1104
       +
               "micromatch"

     

       1105
       1105
       +
             ]

     

       1106
       1106
       +
           },

     

       1107
       1107
       +
           "fast-json-stable-stringify@2.1.0": {

     

       1108
       1108
       +
             "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="

     

       1109
       1109
       +
           },

     

       1110
       1110
       +
           "fast-levenshtein@2.0.6": {

     

       1111
       1111
       +
             "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="

     

       1112
       1112
       +
           },

     

       1113
       1113
       +
           "fastq@1.19.1": {

     

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

     

       1115
       1115
       +
             "dependencies": [

     

       1116
       1116
       +
               "reusify"

     

       1117
       1117
       +
             ]

     

       1118
       1118
       +
           },

     

       1119
       1119
       +
           "fdir@6.5.0_picomatch@4.0.3": {

     

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

     

       1121
       1121
       +
             "dependencies": [

     

       1122
       1122
       +
               "picomatch@4.0.3"

     

       1123
       1123
       +
             ],

     

       1124
       1124
       +
             "optionalPeers": [

     

       1125
       1125
       +
               "picomatch@4.0.3"

     

       1126
       1126
       +
             ]

     

       1127
       1127
       +
           },

     

       1128
       1128
       +
           "file-entry-cache@8.0.0": {

     

       1129
       1129
       +
             "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",

     

       1130
       1130
       +
             "dependencies": [

     

       1131
       1131
       +
               "flat-cache"

     

       1132
       1132
       +
             ]

     

       1133
       1133
       +
           },

     

       1134
       1134
       +
           "fill-range@7.1.1": {

     

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

     

       1136
       1136
       +
             "dependencies": [

     

       1137
       1137
       +
               "to-regex-range"

     

       1138
       1138
       +
             ]

     

       1139
       1139
       +
           },

     

       1140
       1140
       +
           "find-up@5.0.0": {

     

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

     

       1142
       1142
       +
             "dependencies": [

     

       1143
       1143
       +
               "locate-path",

     

       1144
       1144
       +
               "path-exists"

     

       1145
       1145
       +
             ]

     

       1146
       1146
       +
           },

     

       1147
       1147
       +
           "flat-cache@4.0.1": {

     

       1148
       1148
       +
             "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",

     

       1149
       1149
       +
             "dependencies": [

     

       1150
       1150
       +
               "flatted",

     

       1151
       1151
       +
               "keyv"

     

       1152
       1152
       +
             ]

     

       1153
       1153
       +
           },

     

       1154
       1154
       +
           "flatted@3.3.3": {

     

       1155
       1155
       +
             "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="

     

       1156
       1156
       +
           },

     

       1157
       1157
       +
           "fsevents@2.3.3": {

     

       1158
       1158
       +
             "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",

     

       1159
       1159
       +
             "os": ["darwin"],

     

       1160
       1160
       +
             "scripts": true

     

       1161
       1161
       +
           },

     

       1162
       1162
       +
           "glob-parent@5.1.2": {

     

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

     

       1164
       1164
       +
             "dependencies": [

     

       1165
       1165
       +
               "is-glob"

     

       1166
       1166
       +
             ]

     

       1167
       1167
       +
           },

     

       1168
       1168
       +
           "glob-parent@6.0.2": {

     

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

     

       1170
       1170
       +
             "dependencies": [

     

       1171
       1171
       +
               "is-glob"

     

       1172
       1172
       +
             ]

     

       1173
       1173
       +
           },

     

       1174
       1174
       +
           "globals@14.0.0": {

     

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

     

       1176
       1176
       +
           },

     

       1177
       1177
       +
           "globals@16.5.0": {

     

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

     

       1179
       1179
       +
           },

     

       1180
       1180
       +
           "graceful-fs@4.2.11": {

     

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

     

       1182
       1182
       +
           },

     

       1183
       1183
       +
           "graphemer@1.4.0": {

     

       1184
       1184
       +
             "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="

     

       1185
       1185
       +
           },

     

       1186
       1186
       +
           "has-flag@4.0.0": {

     

       1187
       1187
       +
             "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="

     

       1188
       1188
       +
           },

     

       19
       1189
        
           "hash-wasm@4.12.0": {

     

       20
       1190
        
             "integrity": "sha512-+/2B2rYLb48I/evdOIhP+K/DD2ca2fgBjp6O+GBEnCDk2e4rpeXIK8GvIyRPjTezgmWn9gmKwkQjjx6BtqDHVQ=="

     

       21
       1191
        
           },

     

       22
       1192
        
           "idb@4.0.5": {

     

       23
       1193
        
             "integrity": "sha512-P+Fk9HT2h1DhXoE1YNK183SY+CRh2GHNh28de94sGwhe0bUA75JJeVJWt3SenE5p0BXK7maflIq29dl6UZHrFw=="

     

       24
       1194
        
           },

     

       1195
       1195
       +
           "ignore@5.3.2": {

     

       1196
       1196
       +
             "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="

     

       1197
       1197
       +
           },

     

       1198
       1198
       +
           "ignore@7.0.5": {

     

       1199
       1199
       +
             "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="

     

       1200
       1200
       +
           },

     

       1201
       1201
       +
           "import-fresh@3.3.1": {

     

       1202
       1202
       +
             "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",

     

       1203
       1203
       +
             "dependencies": [

     

       1204
       1204
       +
               "parent-module",

     

       1205
       1205
       +
               "resolve-from"

     

       1206
       1206
       +
             ]

     

       1207
       1207
       +
           },

     

       1208
       1208
       +
           "imurmurhash@0.1.4": {

     

       1209
       1209
       +
             "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="

     

       1210
       1210
       +
           },

     

       1211
       1211
       +
           "is-extglob@2.1.1": {

     

       1212
       1212
       +
             "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="

     

       1213
       1213
       +
           },

     

       1214
       1214
       +
           "is-glob@4.0.3": {

     

       1215
       1215
       +
             "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",

     

       1216
       1216
       +
             "dependencies": [

     

       1217
       1217
       +
               "is-extglob"

     

       1218
       1218
       +
             ]

     

       1219
       1219
       +
           },

     

       1220
       1220
       +
           "is-number@7.0.0": {

     

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

     

       1222
       1222
       +
           },

     

       1223
       1223
       +
           "is-reference@3.0.3": {

     

       1224
       1224
       +
             "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",

     

       1225
       1225
       +
             "dependencies": [

     

       1226
       1226
       +
               "@types/estree"

     

       1227
       1227
       +
             ]

     

       1228
       1228
       +
           },

     

       1229
       1229
       +
           "isexe@2.0.0": {

     

       1230
       1230
       +
             "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="

     

       1231
       1231
       +
           },

     

       1232
       1232
       +
           "jiti@2.6.1": {

     

       1233
       1233
       +
             "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",

     

       1234
       1234
       +
             "bin": true

     

       1235
       1235
       +
           },

     

       1236
       1236
       +
           "js-yaml@4.1.0": {

     

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

     

       1238
       1238
       +
             "dependencies": [

     

       1239
       1239
       +
               "argparse"

     

       1240
       1240
       +
             ],

     

       1241
       1241
       +
             "bin": true

     

       1242
       1242
       +
           },

     

       1243
       1243
       +
           "json-buffer@3.0.1": {

     

       1244
       1244
       +
             "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="

     

       1245
       1245
       +
           },

     

       1246
       1246
       +
           "json-schema-traverse@0.4.1": {

     

       1247
       1247
       +
             "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="

     

       1248
       1248
       +
           },

     

       1249
       1249
       +
           "json-stable-stringify-without-jsonify@1.0.1": {

     

       1250
       1250
       +
             "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="

     

       1251
       1251
       +
           },

     

       1252
       1252
       +
           "keyv@4.5.4": {

     

       1253
       1253
       +
             "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",

     

       1254
       1254
       +
             "dependencies": [

     

       1255
       1255
       +
               "json-buffer"

     

       1256
       1256
       +
             ]

     

       1257
       1257
       +
           },

     

       1258
       1258
       +
           "kleur@4.1.5": {

     

       1259
       1259
       +
             "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="

     

       1260
       1260
       +
           },

     

       1261
       1261
       +
           "known-css-properties@0.37.0": {

     

       1262
       1262
       +
             "integrity": "sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ=="

     

       1263
       1263
       +
           },

     

       1264
       1264
       +
           "levn@0.4.1": {

     

       1265
       1265
       +
             "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",

     

       1266
       1266
       +
             "dependencies": [

     

       1267
       1267
       +
               "prelude-ls",

     

       1268
       1268
       +
               "type-check"

     

       1269
       1269
       +
             ]

     

       1270
       1270
       +
           },

     

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

     

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

     

       1279
       1279
       +
             "cpu": ["arm64"]

     

       1280
       1280
       +
           },

     

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

     

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

     

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

     

       1284
       1284
       +
             "cpu": ["x64"]

     

       1285
       1285
       +
           },

     

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

     

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

     

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

     

       1289
       1289
       +
             "cpu": ["x64"]

     

       1290
       1290
       +
           },

     

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

     

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

     

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

     

       1294
       1294
       +
             "cpu": ["arm"]

     

       1295
       1295
       +
           },

     

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

     

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

     

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

     

       1299
       1299
       +
             "cpu": ["arm64"]

     

       1300
       1300
       +
           },

     

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

     

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

     

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

     

       1304
       1304
       +
             "cpu": ["arm64"]

     

       1305
       1305
       +
           },

     

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

     

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

     

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

     

       1309
       1309
       +
             "cpu": ["x64"]

     

       1310
       1310
       +
           },

     

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

     

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

     

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

     

       1314
       1314
       +
             "cpu": ["x64"]

     

       1315
       1315
       +
           },

     

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

     

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

     

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

     

       1319
       1319
       +
             "cpu": ["arm64"]

     

       1320
       1320
       +
           },

     

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

     

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

     

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

     

       1324
       1324
       +
             "cpu": ["x64"]

     

       1325
       1325
       +
           },

     

       1326
       1326
       +
           "lightningcss@1.30.2": {

     

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

     

       1328
       1328
       +
             "dependencies": [

     

       1329
       1329
       +
               "detect-libc"

     

       1330
       1330
       +
             ],

     

       1331
       1331
       +
             "optionalDependencies": [

     

       1332
       1332
       +
               "lightningcss-android-arm64",

     

       1333
       1333
       +
               "lightningcss-darwin-arm64",

     

       1334
       1334
       +
               "lightningcss-darwin-x64",

     

       1335
       1335
       +
               "lightningcss-freebsd-x64",

     

       1336
       1336
       +
               "lightningcss-linux-arm-gnueabihf",

     

       1337
       1337
       +
               "lightningcss-linux-arm64-gnu",

     

       1338
       1338
       +
               "lightningcss-linux-arm64-musl",

     

       1339
       1339
       +
               "lightningcss-linux-x64-gnu",

     

       1340
       1340
       +
               "lightningcss-linux-x64-musl",

     

       1341
       1341
       +
               "lightningcss-win32-arm64-msvc",

     

       1342
       1342
       +
               "lightningcss-win32-x64-msvc"

     

       1343
       1343
       +
             ]

     

       1344
       1344
       +
           },

     

       1345
       1345
       +
           "lilconfig@2.1.0": {

     

       1346
       1346
       +
             "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="

     

       1347
       1347
       +
           },

     

       1348
       1348
       +
           "locate-character@3.0.0": {

     

       1349
       1349
       +
             "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="

     

       1350
       1350
       +
           },

     

       1351
       1351
       +
           "locate-path@6.0.0": {

     

       1352
       1352
       +
             "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",

     

       1353
       1353
       +
             "dependencies": [

     

       1354
       1354
       +
               "p-locate"

     

       1355
       1355
       +
             ]

     

       1356
       1356
       +
           },

     

       1357
       1357
       +
           "lodash.merge@4.6.2": {

     

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

     

       1359
       1359
       +
           },

     

       25
       1360
        
           "lru-cache@11.2.2": {

     

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

     

       1362
       1362
       +
           },

     

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

     

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

     

       1365
       1365
       +
             "dependencies": [

     

       1366
       1366
       +
               "@jridgewell/sourcemap-codec"

     

       1367
       1367
       +
             ]

     

       1368
       1368
       +
           },

     

       1369
       1369
       +
           "merge2@1.4.1": {

     

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

     

       1371
       1371
       +
           },

     

       1372
       1372
       +
           "micromatch@4.0.8": {

     

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

     

       1374
       1374
       +
             "dependencies": [

     

       1375
       1375
       +
               "braces",

     

       1376
       1376
       +
               "picomatch@2.3.1"

     

       1377
       1377
       +
             ]

     

       1378
       1378
       +
           },

     

       1379
       1379
       +
           "mini-svg-data-uri@1.4.4": {

     

       1380
       1380
       +
             "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",

     

       1381
       1381
       +
             "bin": true

     

       1382
       1382
       +
           },

     

       1383
       1383
       +
           "minimatch@3.1.2": {

     

       1384
       1384
       +
             "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",

     

       1385
       1385
       +
             "dependencies": [

     

       1386
       1386
       +
               "brace-expansion@1.1.12"

     

       1387
       1387
       +
             ]

     

       1388
       1388
       +
           },

     

       1389
       1389
       +
           "minimatch@9.0.5": {

     

       1390
       1390
       +
             "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",

     

       1391
       1391
       +
             "dependencies": [

     

       1392
       1392
       +
               "brace-expansion@2.0.2"

     

       1393
       1393
       +
             ]

     

       1394
       1394
       +
           },

     

       1395
       1395
       +
           "mri@1.2.0": {

     

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

     

       1397
       1397
       +
           },

     

       1398
       1398
       +
           "mrmime@2.0.1": {

     

       1399
       1399
       +
             "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ=="

     

       1400
       1400
       +
           },

     

       1401
       1401
       +
           "ms@2.1.3": {

     

       1402
       1402
       +
             "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="

     

       1403
       1403
       +
           },

     

       1404
       1404
       +
           "nanoid@3.3.11": {

     

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

     

       1410
       1410
       +
             "bin": true

     

       1411
       1411
       +
           },

     

       1412
       1412
       +
           "natural-compare@1.4.0": {

     

       1413
       1413
       +
             "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="

     

       1414
       1414
       +
           },

     

       1415
       1415
       +
           "optionator@0.9.4": {

     

       1416
       1416
       +
             "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",

     

       1417
       1417
       +
             "dependencies": [

     

       1418
       1418
       +
               "deep-is",

     

       1419
       1419
       +
               "fast-levenshtein",

     

       1420
       1420
       +
               "levn",

     

       1421
       1421
       +
               "prelude-ls",

     

       1422
       1422
       +
               "type-check",

     

       1423
       1423
       +
               "word-wrap"

     

       1424
       1424
       +
             ]

     

       1425
       1425
       +
           },

     

       1426
       1426
       +
           "p-limit@3.1.0": {

     

       1427
       1427
       +
             "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",

     

       1428
       1428
       +
             "dependencies": [

     

       1429
       1429
       +
               "yocto-queue"

     

       1430
       1430
       +
             ]

     

       1431
       1431
       +
           },

     

       1432
       1432
       +
           "p-locate@5.0.0": {

     

       1433
       1433
       +
             "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",

     

       1434
       1434
       +
             "dependencies": [

     

       1435
       1435
       +
               "p-limit"

     

       1436
       1436
       +
             ]

     

       1437
       1437
       +
           },

     

       1438
       1438
       +
           "parent-module@1.0.1": {

     

       1439
       1439
       +
             "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",

     

       1440
       1440
       +
             "dependencies": [

     

       1441
       1441
       +
               "callsites"

     

       1442
       1442
       +
             ]

     

       1443
       1443
       +
           },

     

       1444
       1444
       +
           "path-exists@4.0.0": {

     

       1445
       1445
       +
             "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="

     

       1446
       1446
       +
           },

     

       1447
       1447
       +
           "path-key@3.1.1": {

     

       1448
       1448
       +
             "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="

     

       1449
       1449
       +
           },

     

       1450
       1450
       +
           "picocolors@1.1.1": {

     

       1451
       1451
       +
             "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="

     

       1452
       1452
       +
           },

     

       1453
       1453
       +
           "picomatch@2.3.1": {

     

       1454
       1454
       +
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="

     

       1455
       1455
       +
           },

     

       1456
       1456
       +
           "picomatch@4.0.3": {

     

       1457
       1457
       +
             "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="

     

       1458
       1458
       +
           },

     

       1459
       1459
       +
           "postcss-load-config@3.1.4_postcss@8.5.6": {

     

       1460
       1460
       +
             "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",

     

       1461
       1461
       +
             "dependencies": [

     

       1462
       1462
       +
               "lilconfig",

     

       1463
       1463
       +
               "postcss",

     

       1464
       1464
       +
               "yaml"

     

       1465
       1465
       +
             ],

     

       1466
       1466
       +
             "optionalPeers": [

     

       1467
       1467
       +
               "postcss"

     

       1468
       1468
       +
             ]

     

       1469
       1469
       +
           },

     

       1470
       1470
       +
           "postcss-safe-parser@7.0.1_postcss@8.5.6": {

     

       1471
       1471
       +
             "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==",

     

       1472
       1472
       +
             "dependencies": [

     

       1473
       1473
       +
               "postcss"

     

       1474
       1474
       +
             ]

     

       1475
       1475
       +
           },

     

       1476
       1476
       +
           "postcss-scss@4.0.9_postcss@8.5.6": {

     

       1477
       1477
       +
             "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",

     

       1478
       1478
       +
             "dependencies": [

     

       1479
       1479
       +
               "postcss"

     

       1480
       1480
       +
             ]

     

       1481
       1481
       +
           },

     

       1482
       1482
       +
           "postcss-selector-parser@7.1.0": {

     

       1483
       1483
       +
             "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",

     

       1484
       1484
       +
             "dependencies": [

     

       1485
       1485
       +
               "cssesc",

     

       1486
       1486
       +
               "util-deprecate"

     

       1487
       1487
       +
             ]

     

       1488
       1488
       +
           },

     

       1489
       1489
       +
           "postcss@8.5.6": {

     

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

     

       1491
       1491
       +
             "dependencies": [

     

       1492
       1492
       +
               "nanoid@3.3.11",

     

       1493
       1493
       +
               "picocolors",

     

       1494
       1494
       +
               "source-map-js"

     

       1495
       1495
       +
             ]

     

       1496
       1496
       +
           },

     

       1497
       1497
       +
           "prelude-ls@1.2.1": {

     

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

     

       1499
       1499
       +
           },

     

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

     

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

     

       1502
       1502
       +
             "dependencies": [

     

       1503
       1503
       +
               "prettier",

     

       1504
       1504
       +
               "svelte"

     

       1505
       1505
       +
             ]

     

       1506
       1506
       +
           },

     

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

     

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

     

       1509
       1509
       +
             "dependencies": [

     

       1510
       1510
       +
               "prettier",

     

       1511
       1511
       +
               "prettier-plugin-svelte"

     

       1512
       1512
       +
             ],

     

       1513
       1513
       +
             "optionalPeers": [

     

       1514
       1514
       +
               "prettier-plugin-svelte"

     

       1515
       1515
       +
             ]

     

       1516
       1516
       +
           },

     

       1517
       1517
       +
           "prettier@3.6.2": {

     

       1518
       1518
       +
             "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",

     

       1519
       1519
       +
             "bin": true

     

       1520
       1520
       +
           },

     

       1521
       1521
       +
           "punycode@2.3.1": {

     

       1522
       1522
       +
             "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="

     

       1523
       1523
       +
           },

     

       1524
       1524
       +
           "queue-microtask@1.2.3": {

     

       1525
       1525
       +
             "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="

     

       1526
       1526
       +
           },

     

       1527
       1527
       +
           "readdirp@4.1.2": {

     

       1528
       1528
       +
             "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="

     

       1529
       1529
       +
           },

     

       1530
       1530
       +
           "resolve-from@4.0.0": {

     

       1531
       1531
       +
             "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="

     

       1532
       1532
       +
           },

     

       1533
       1533
       +
           "reusify@1.1.0": {

     

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

     

       1535
       1535
       +
           },

     

       1536
       1536
       +
           "rollup@4.52.5": {

     

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

     

       1538
       1538
       +
             "dependencies": [

     

       1539
       1539
       +
               "@types/estree"

     

       1540
       1540
       +
             ],

     

       1541
       1541
       +
             "optionalDependencies": [

     

       1542
       1542
       +
               "@rollup/rollup-android-arm-eabi",

     

       1543
       1543
       +
               "@rollup/rollup-android-arm64",

     

       1544
       1544
       +
               "@rollup/rollup-darwin-arm64",

     

       1545
       1545
       +
               "@rollup/rollup-darwin-x64",

     

       1546
       1546
       +
               "@rollup/rollup-freebsd-arm64",

     

       1547
       1547
       +
               "@rollup/rollup-freebsd-x64",

     

       1548
       1548
       +
               "@rollup/rollup-linux-arm-gnueabihf",

     

       1549
       1549
       +
               "@rollup/rollup-linux-arm-musleabihf",

     

       1550
       1550
       +
               "@rollup/rollup-linux-arm64-gnu",

     

       1551
       1551
       +
               "@rollup/rollup-linux-arm64-musl",

     

       1552
       1552
       +
               "@rollup/rollup-linux-loong64-gnu",

     

       1553
       1553
       +
               "@rollup/rollup-linux-ppc64-gnu",

     

       1554
       1554
       +
               "@rollup/rollup-linux-riscv64-gnu",

     

       1555
       1555
       +
               "@rollup/rollup-linux-riscv64-musl",

     

       1556
       1556
       +
               "@rollup/rollup-linux-s390x-gnu",

     

       1557
       1557
       +
               "@rollup/rollup-linux-x64-gnu",

     

       1558
       1558
       +
               "@rollup/rollup-linux-x64-musl",

     

       1559
       1559
       +
               "@rollup/rollup-openharmony-arm64",

     

       1560
       1560
       +
               "@rollup/rollup-win32-arm64-msvc",

     

       1561
       1561
       +
               "@rollup/rollup-win32-ia32-msvc",

     

       1562
       1562
       +
               "@rollup/rollup-win32-x64-gnu",

     

       1563
       1563
       +
               "@rollup/rollup-win32-x64-msvc",

     

       1564
       1564
       +
               "fsevents"

     

       1565
       1565
       +
             ],

     

       1566
       1566
       +
             "bin": true

     

       1567
       1567
       +
           },

     

       1568
       1568
       +
           "run-parallel@1.2.0": {

     

       1569
       1569
       +
             "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",

     

       1570
       1570
       +
             "dependencies": [

     

       1571
       1571
       +
               "queue-microtask"

     

       1572
       1572
       +
             ]

     

       1573
       1573
       +
           },

     

       1574
       1574
       +
           "sade@1.8.1": {

     

       1575
       1575
       +
             "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",

     

       1576
       1576
       +
             "dependencies": [

     

       1577
       1577
       +
               "mri"

     

       1578
       1578
       +
             ]

     

       1579
       1579
       +
           },

     

       1580
       1580
       +
           "semver@7.7.3": {

     

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

     

       1582
       1582
       +
             "bin": true

     

       1583
       1583
       +
           },

     

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

     

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

     

       1586
       1586
       +
           },

     

       1587
       1587
       +
           "shebang-command@2.0.0": {

     

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

     

       1589
       1589
       +
             "dependencies": [

     

       1590
       1590
       +
               "shebang-regex"

     

       1591
       1591
       +
             ]

     

       1592
       1592
       +
           },

     

       1593
       1593
       +
           "shebang-regex@3.0.0": {

     

       1594
       1594
       +
             "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="

     

       1595
       1595
       +
           },

     

       1596
       1596
       +
           "sirv@3.0.2": {

     

       1597
       1597
       +
             "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",

     

       1598
       1598
       +
             "dependencies": [

     

       1599
       1599
       +
               "@polka/url",

     

       1600
       1600
       +
               "mrmime",

     

       1601
       1601
       +
               "totalist"

     

       1602
       1602
       +
             ]

     

       1603
       1603
       +
           },

     

       1604
       1604
       +
           "source-map-js@1.2.1": {

     

       1605
       1605
       +
             "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="

     

       1606
       1606
       +
           },

     

       1607
       1607
       +
           "strip-json-comments@3.1.1": {

     

       1608
       1608
       +
             "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="

     

       1609
       1609
       +
           },

     

       1610
       1610
       +
           "supports-color@7.2.0": {

     

       1611
       1611
       +
             "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",

     

       1612
       1612
       +
             "dependencies": [

     

       1613
       1613
       +
               "has-flag"

     

       1614
       1614
       +
             ]

     

       1615
       1615
       +
           },

     

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

     

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

     

       1618
       1618
       +
             "dependencies": [

     

       1619
       1619
       +
               "colord",

     

       1620
       1620
       +
               "svelte",

     

       1621
       1621
       +
               "svelte-awesome-slider"

     

       1622
       1622
       +
             ]

     

       1623
       1623
       +
           },

     

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

     

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

     

       1626
       1626
       +
             "dependencies": [

     

       1627
       1627
       +
               "svelte"

     

       1628
       1628
       +
             ]

     

       1629
       1629
       +
           },

     

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

     

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

     

       1632
       1632
       +
             "dependencies": [

     

       1633
       1633
       +
               "@jridgewell/trace-mapping",

     

       1634
       1634
       +
               "chokidar",

     

       1635
       1635
       +
               "fdir",

     

       1636
       1636
       +
               "picocolors",

     

       1637
       1637
       +
               "sade",

     

       1638
       1638
       +
               "svelte",

     

       1639
       1639
       +
               "typescript"

     

       1640
       1640
       +
             ],

     

       1641
       1641
       +
             "bin": true

     

       1642
       1642
       +
           },

     

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

     

       1651
       1651
       +
             "dependencies": [

     

       1652
       1652
       +
               "eslint-scope",

     

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

     

       1654
       1654
       +
               "espree",

     

       1655
       1655
       +
               "postcss",

     

       1656
       1656
       +
               "postcss-scss",

     

       1657
       1657
       +
               "postcss-selector-parser",

     

       1658
       1658
       +
               "svelte"

     

       1659
       1659
       +
             ],

     

       1660
       1660
       +
             "optionalPeers": [

     

       1661
       1661
       +
               "svelte"

     

       1662
       1662
       +
             ]

     

       1663
       1663
       +
           },

     

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

     

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

     

       1666
       1666
       +
             "dependencies": [

     

       1667
       1667
       +
               "svelte"

     

       1668
       1668
       +
             ]

     

       1669
       1669
       +
           },

     

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

     

       1675
       1675
       +
             "dependencies": [

     

       1676
       1676
       +
               "@jridgewell/remapping",

     

       1677
       1677
       +
               "@jridgewell/sourcemap-codec",

     

       1678
       1678
       +
               "@sveltejs/acorn-typescript",

     

       1679
       1679
       +
               "@types/estree",

     

       1680
       1680
       +
               "acorn",

     

       1681
       1681
       +
               "aria-query",

     

       1682
       1682
       +
               "axobject-query",

     

       1683
       1683
       +
               "clsx",

     

       1684
       1684
       +
               "esm-env",

     

       1685
       1685
       +
               "esrap",

     

       1686
       1686
       +
               "is-reference",

     

       1687
       1687
       +
               "locate-character",

     

       1688
       1688
       +
               "magic-string",

     

       1689
       1689
       +
               "zimmerframe"

     

       1690
       1690
       +
             ]

     

       1691
       1691
       +
           },

     

       1692
       1692
       +
           "tailwindcss@4.1.16": {

     

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

     

       1694
       1694
       +
           },

     

       1695
       1695
       +
           "tapable@2.3.0": {

     

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

     

       1697
       1697
       +
           },

     

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

     

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

     

       1700
       1700
       +
             "dependencies": [

     

       1701
       1701
       +
               "fdir",

     

       1702
       1702
       +
               "picomatch@4.0.3"

     

       1703
       1703
       +
             ]

     

       1704
       1704
       +
           },

     

       1705
       1705
       +
           "to-regex-range@5.0.1": {

     

       1706
       1706
       +
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",

     

       1707
       1707
       +
             "dependencies": [

     

       1708
       1708
       +
               "is-number"

     

       1709
       1709
       +
             ]

     

       1710
       1710
       +
           },

     

       1711
       1711
       +
           "totalist@3.0.1": {

     

       1712
       1712
       +
             "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="

     

       1713
       1713
       +
           },

     

       1714
       1714
       +
           "ts-api-utils@2.1.0_typescript@5.9.3": {

     

       1715
       1715
       +
             "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",

     

       1716
       1716
       +
             "dependencies": [

     

       1717
       1717
       +
               "typescript"

     

       1718
       1718
       +
             ]

     

       1719
       1719
       +
           },

     

       1720
       1720
       +
           "tslib@2.8.1": {

     

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

     

       1722
       1722
       +
           },

     

       1723
       1723
       +
           "type-check@0.4.0": {

     

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

     

       1725
       1725
       +
             "dependencies": [

     

       1726
       1726
       +
               "prelude-ls"

     

       1727
       1727
       +
             ]

     

       1728
       1728
       +
           },

     

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

     

       1731
       1731
       +
             "dependencies": [

     

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

     

       1733
       1733
       +
               "@typescript-eslint/parser",

     

       1734
       1734
       +
               "@typescript-eslint/typescript-estree",

     

       1735
       1735
       +
               "@typescript-eslint/utils",

     

       1736
       1736
       +
               "eslint",

     

       1737
       1737
       +
               "typescript"

     

       1738
       1738
       +
             ]

     

       1739
       1739
       +
           },

     

       1740
       1740
       +
           "typescript@5.9.3": {

     

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

     

       1742
       1742
       +
             "bin": true

     

       1743
       1743
       +
           },

     

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

     

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

     

       1746
       1746
       +
           },

     

       1747
       1747
       +
           "uri-js@4.4.1": {

     

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

     

       1749
       1749
       +
             "dependencies": [

     

       1750
       1750
       +
               "punycode"

     

       1751
       1751
       +
             ]

     

       1752
       1752
       +
           },

     

       1753
       1753
       +
           "util-deprecate@1.0.2": {

     

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

     

       1755
       1755
       +
           },

     

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

     

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

     

       1758
       1758
       +
             "dependencies": [

     

       1759
       1759
       +
               "@types/node",

     

       1760
       1760
       +
               "esbuild",

     

       1761
       1761
       +
               "fdir",

     

       1762
       1762
       +
               "picomatch@4.0.3",

     

       1763
       1763
       +
               "postcss",

     

       1764
       1764
       +
               "rollup",

     

       1765
       1765
       +
               "tinyglobby"

     

       1766
       1766
       +
             ],

     

       1767
       1767
       +
             "optionalDependencies": [

     

       1768
       1768
       +
               "fsevents"

     

       1769
       1769
       +
             ],

     

       1770
       1770
       +
             "optionalPeers": [

     

       1771
       1771
       +
               "@types/node"

     

       1772
       1772
       +
             ],

     

       1773
       1773
       +
             "bin": true

     

       1774
       1774
       +
           },

     

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

     

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

     

       1777
       1777
       +
             "dependencies": [

     

       1778
       1778
       +
               "vite"

     

       1779
       1779
       +
             ],

     

       1780
       1780
       +
             "optionalPeers": [

     

       1781
       1781
       +
               "vite"

     

       1782
       1782
       +
             ]

     

       1783
       1783
       +
           },

     

       1784
       1784
       +
           "which@2.0.2": {

     

       1785
       1785
       +
             "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",

     

       1786
       1786
       +
             "dependencies": [

     

       1787
       1787
       +
               "isexe"

     

       1788
       1788
       +
             ],

     

       1789
       1789
       +
             "bin": true

     

       1790
       1790
       +
           },

     

       1791
       1791
       +
           "word-wrap@1.2.5": {

     

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

     

       1793
       1793
       +
           },

     

       1794
       1794
       +
           "yaml@1.10.2": {

     

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

     

       1796
       1796
       +
           },

     

       1797
       1797
       +
           "yocto-queue@0.1.0": {

     

       1798
       1798
       +
             "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="

     

       1799
       1799
       +
           },

     

       1800
       1800
       +
           "zimmerframe@1.1.4": {

     

       1801
       1801
       +
             "integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ=="

     

       27
       1802
        
           }

     

       28
       1803
        
         },

     

       29
       1804
        
         "workspace": {

     

       30
       1805
        
           "packageJson": {

     

       31
       1806
        
             "dependencies": [

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       57
       1835
        
               "npm:prettier@^3.6.2",

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       66
       1846
        
             ]

     

       67
       1847
        
           }

     

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

+26 -21

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

     

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

     

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

     

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

     

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

     

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

     

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

     

       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>

+107 -80

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
        
       		});

     
···

       105
       102
        
       	};

     

       106
       103
        
       

     

       107
       104
        
       	$effect(() => {

     

       105
       105
       +
       		document.documentElement.style.setProperty('--acc-color', color);

     

       108
       106
        
       		if (isFocused && textareaEl) textareaEl.focus();

     

       109
       107
        
       		if (quoting || replying) isFocused = true;

     

       110
       108
        
       	});

     

       111
       109
        
       </script>

     

       112
       110
        
       

     

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

     

       114
       169
        
       	<!-- Spacer to maintain layout when focused -->

     

       115
       170
        
       	{#if isFocused}

     

       116
       116
       -
       		<div class="min-h-16"></div>

     

       171
       171
       +
       		<div class="min-h-13"></div>

     

       117
       172
        
       	{/if}

     

       118
       173
        
       

     

       119
       174
        
       	<!-- svelte-ignore a11y_no_static_element_interactions -->

     
···

       123
       178
        
       				e.preventDefault();

     

       124
       179
        
       			}

     

       125
       180
        
       		}}

     

       126
       126
       -
       		class="flex max-w-full rounded-sm border-2 shadow-lg transition-all duration-300"

     

       127
       127
       -
       		class:min-h-16={!isFocused}

     

       128
       128
       -
       		class:items-center={!isFocused}

     

       129
       129
       -
       		class:shadow-2xl={isFocused}

     

       130
       130
       -
       		class:absolute={isFocused}

     

       131
       131
       -
       		class:top-0={isFocused}

     

       132
       132
       -
       		class:left-0={isFocused}

     

       133
       133
       -
       		class:right-0={isFocused}

     

       134
       134
       -
       		class:z-50={isFocused}

     

       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' : ''}"

     

       135
       184
        
       		style="background: {isFocused

     

       136
       136
       -
       			? `color-mix(in srgb, var(--nucleus-bg) 80%, ${color} 20%)`

     

       137
       137
       -
       			: `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)`};

     

       138
       187
        
       			border-color: color-mix(in srgb, {color} {isFocused ? '100' : '40'}%, transparent);"

     

       139
       188
        
       	>

     

       140
       140
       -
       		<div class="w-full p-2" class:py-3={isFocused}>

     

       189
       189
       +
       		<div class="w-full p-1.5 px-2">

     

       141
       190
        
       			{#if info.length > 0}

     

       142
       191
        
       				<div

     

       143
       192
        
       					class="rounded-sm px-3 py-1.5 text-center font-medium text-nowrap overflow-ellipsis"

     
···

       148
       197
        
       			{:else}

     

       149
       198
        
       				<div class="flex flex-col gap-2">

     

       150
       199
        
       					{#if isFocused}

     

       151
       151
       -
       						{#if replying}

     

       152
       152
       -
       							{@const parsedUri = expect(parseCanonicalResourceUri(replying.uri))}

     

       153
       153
       -
       							<BskyPost

     

       154
       154
       -
       								{client}

     

       155
       155
       -
       								{selectedDid}

     

       156
       156
       -
       								did={parsedUri.repo}

     

       157
       157
       -
       								rkey={parsedUri.rkey}

     

       158
       158
       -
       								data={replying}

     

       159
       159
       -
       								isOnPostComposer={true}

     

       160
       160
       -
       							/>

     

       161
       161
       -
       						{/if}

     

       162
       162
       -
       						<textarea

     

       163
       163
       -
       							bind:this={textareaEl}

     

       164
       164
       -
       							bind:value={postText}

     

       165
       165
       -
       							onfocus={() => (isFocused = true)}

     

       166
       166
       -
       							onblur={unfocus}

     

       167
       167
       -
       							onkeydown={(event) => {

     

       168
       168
       -
       								if (event.key === 'Escape') unfocus();

     

       169
       169
       -
       								if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) doPost();

     

       170
       170
       -
       							}}

     

       171
       171
       -
       							placeholder="what's on your mind?"

     

       172
       172
       -
       							rows="4"

     

       173
       173
       -
       							class="[field-sizing:content] single-line-input resize-none bg-(--nucleus-bg)/40 focus:scale-100"

     

       174
       174
       -
       							style="border-color: color-mix(in srgb, {color} 27%, transparent);"

     

       175
       175
       -
       						></textarea>

     

       176
       176
       -
       						{#if quoting}

     

       177
       177
       -
       							{@const parsedUri = expect(parseCanonicalResourceUri(quoting.uri))}

     

       178
       178
       -
       							<BskyPost

     

       179
       179
       -
       								{client}

     

       180
       180
       -
       								{selectedDid}

     

       181
       181
       -
       								did={parsedUri.repo}

     

       182
       182
       -
       								rkey={parsedUri.rkey}

     

       183
       183
       -
       								data={quoting}

     

       184
       184
       -
       								isOnPostComposer={true}

     

       185
       185
       -
       							/>

     

       186
       186
       -
       						{/if}

     

       187
       187
       -
       						<div class="flex items-center gap-2">

     

       188
       188
       -
       							<div class="grow"></div>

     

       189
       189
       -
       							<span

     

       190
       190
       -
       								class="text-sm font-medium"

     

       191
       191
       -
       								style="color: color-mix(in srgb, {postText.length > 300

     

       192
       192
       -
       									? '#ef4444'

     

       193
       193
       -
       									: 'var(--nucleus-fg)'} 53%, transparent);"

     

       194
       194
       -
       							>

     

       195
       195
       -
       								{postText.length} / 300

     

       196
       196
       -
       							</span>

     

       197
       197
       -
       							<button

     

       198
       198
       -
       								onmousedown={(e) => {

     

       199
       199
       -
       									e.preventDefault();

     

       200
       200
       -
       									doPost();

     

       201
       201
       -
       								}}

     

       202
       202
       -
       								disabled={postText.length === 0 || postText.length > 300}

     

       203
       203
       -
       								class="action-button border-none px-5 text-(--nucleus-fg)/94 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100"

     

       204
       204
       -
       								style="background: color-mix(in srgb, {color} 87%, transparent);"

     

       205
       205
       -
       							>

     

       206
       206
       -
       								post

     

       207
       207
       -
       							</button>

     

       208
       208
       -
       						</div>

     

       200
       200
       +
       						{@render composer()}

     

       209
       201
        
       					{:else}

     

       210
       202
        
       						<input

     

       211
       203
        
       							bind:value={postText}

     

       212
       204
        
       							onfocus={() => (isFocused = true)}

     

       213
       205
        
       							type="text"

     

       214
       206
        
       							placeholder="what's on your mind?"

     

       215
       215
       -
       							class="single-line-input flex-1 bg-(--nucleus-bg)/40"

     

       216
       216
       -
       							style="border-color: color-mix(in srgb, {color} 27%, transparent);"

     

       207
       207
       +
       							class="flex-1"

     

       217
       208
        
       						/>

     

       218
       209
        
       					{/if}

     

       219
       210
        
       				</div>

     
···

       221
       212
        
       		</div>

     

       222
       213
        
       	</div>

     

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

+20 -6

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.svelte';

     

       3
       3
       +
       import { hashColor } from './theme';

     

       4
       4
       +
       import type { AtprotoDid } from '@atcute/lexicons/syntax';

     

       4
       5
        
       

     

       5
       6
        
       export type Account = {

     

       6
       6
       -
       	did: Did;

     

       7
       7
       -
       	handle: Handle;

     

       8
       8
       -
       	password: string;

     

       7
       7
       +
       	did: AtprotoDid;

     

       8
       8
       +
       	handle: Handle | null;

     

       9
       9
        
       };

     

       10
       10
        
       

     

       11
       11
        
       let _accounts: Account[] = [];

     
···

       21
       21
        
       })();

     

       22
       22
        
       

     

       23
       23
        
       export const addAccount = (account: Account): void => {

     

       24
       24
       -
       	accounts.update((accounts) => [...accounts, account]);

     

       24
       24
       +
       	accounts.update((accounts) => [...accounts.filter((a) => a.did !== account.did), account]);

     

       25
       25
       +
       };

     

       26
       26
       +
       

     

       27
       27
       +
       export const loggingIn = {

     

       28
       28
       +
       	set: (account: Account | null) => {

     

       29
       29
       +
       		if (!account) {

     

       30
       30
       +
       			localStorage.removeItem('loggingIn');

     

       31
       31
       +
       		} else {

     

       32
       32
       +
       			localStorage.setItem('loggingIn', JSON.stringify(account));

     

       33
       33
       +
       		}

     

       34
       34
       +
       	},

     

       35
       35
       +
       	get: (): Account | null => {

     

       36
       36
       +
       		const raw = localStorage.getItem('loggingIn');

     

       37
       37
       +
       		return raw ? JSON.parse(raw) : null;

     

       38
       38
       +
       	}

     

       25
       39
        
       };

     

       26
       40
        
       

     

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

+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 }>();

-77

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

     

       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; // 50-75%

     

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

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

+283 -329

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
       +
       	const { data: loadData }: PageProps = $props();

     

       23
       25
        
       

     

       24
       24
       -
       	let loaderState = new LoaderState();

     

       25
       25
       -
       	let scrollContainer = $state<HTMLDivElement>();

     

       26
       26
       +
       	let errors = $state(loadData.client.ok ? [] : [loadData.client.error]);

     

       27
       27
       +
       	let errorsOpen = $state(false);

     

       28
       28
       +
       

     

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

     

       37
       37
       +
       

     

       38
       38
       +
       	const selectedClient = $derived(selectedDid ? clients.get(selectedDid) : null);

     

       26
       39
        
       

     

       27
       27
       -
       	let clients = new SvelteMap<Did, AtpClient>();

     

       28
       28
       -
       	let selectedClient = $derived($selectedDid ? clients.get($selectedDid) : null);

     

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

     

       29
       50
        
       

     

       30
       30
       -
       	let viewClient = $state<AtpClient>(new AtpClient());

     

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

     

       31
       57
        
       

     

       32
       32
       -
       	let posts = new SvelteMap<Did, SvelteMap<ResourceUri, PostWithUri>>();

     

       33
       33
       -
       	let cursors = new SvelteMap<Did, { value?: string; end: boolean }>();

     

       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
       -
       		// group posts by root uri into "thread" chains

     

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

     

       244
       244
       -
       		}

     

       245
       245
       -
       

     

       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 depths

     

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

     

       270
       270
       -
       				.values()

     

       271
       271
       -
       				.forEach((children) => children.sort((a, b) => b.newestTime - a.newestTime));

     

       272
       272
       -
       

     

       273
       273
       -
       			const createThread = (

     

       274
       274
       -
       				posts: ThreadPost[],

     

       275
       275
       -
       				rootUri: ResourceUri,

     

       276
       276
       -
       				branchParentUri?: ResourceUri

     

       277
       277
       -
       			): Thread => {

     

       278
       278
       -
       				return {

     

       279
       279
       -
       					rootUri,

     

       280
       280
       -
       					posts,

     

       281
       281
       -
       					newestTime: Math.max(...posts.map((p) => p.newestTime)),

     

       282
       282
       -
       					branchParentPost: branchParentUri ? uriToPost.get(branchParentUri) : undefined

     

       283
       283
       -
       				};

     

       284
       284
       -
       			};

     

       285
       285
       -
       

     

       286
       286
       -
       			const collectSubtree = (startPost: ThreadPost): ThreadPost[] => {

     

       287
       287
       -
       				const result: ThreadPost[] = [];

     

       288
       288
       -
       				const addWithChildren = (post: ThreadPost) => {

     

       289
       289
       -
       					result.push(post);

     

       290
       290
       -
       					const children = childrenMap.get(post.data.uri) || [];

     

       291
       291
       -
       					children.forEach(addWithChildren);

     

       292
       292
       -
       				};

     

       293
       293
       -
       				addWithChildren(startPost);

     

       294
       294
       -
       				return result;

     

       295
       295
       -
       			};

     

       296
       296
       -
       

     

       297
       297
       -
       			// find posts with >2 children to split them into separate chains

     

       298
       298
       -
       			const branchingPoints = Array.from(childrenMap.entries())

     

       299
       299
       -
       				.filter(([, children]) => children.length > 1)

     

       300
       300
       -
       				.map(([uri]) => uri);

     

       301
       301
       -
       

     

       302
       302
       -
       			if (branchingPoints.length === 0) {

     

       303
       303
       -
       				const roots = childrenMap.get(null) || [];

     

       304
       304
       -
       				const allPosts = roots.flatMap((root) => collectSubtree(root));

     

       305
       305
       -
       				threads.push(createThread(allPosts, rootUri));

     

       306
       306
       -
       			} else {

     

       307
       307
       -
       				for (const branchParentUri of branchingPoints) {

     

       308
       308
       -
       					const branches = childrenMap.get(branchParentUri) || [];

     

       309
       309
       -
       

     

       310
       310
       -
       					const sortedBranches = [...branches].sort((a, b) => a.newestTime - b.newestTime);

     

       311
       311
       -
       

     

       312
       312
       -
       					sortedBranches.forEach((branchRoot, index) => {

     

       313
       313
       -
       						const isOldestBranch = index === 0;

     

       314
       314
       -
       						const branchPosts: ThreadPost[] = [];

     

       315
       315
       -
       

     

       316
       316
       -
       						// the oldest branch has the full context

     

       317
       317
       -
       						// todo: consider letting the user decide this..?

     

       318
       318
       -
       						if (isOldestBranch && branchParentUri !== null) {

     

       319
       319
       -
       							const parentChain: ThreadPost[] = [];

     

       320
       320
       -
       							let currentUri: ResourceUri | null = branchParentUri;

     

       321
       321
       -
       							while (currentUri && uriToPost.has(currentUri)) {

     

       322
       322
       -
       								parentChain.unshift(uriToPost.get(currentUri)!);

     

       323
       323
       -
       								currentUri = uriToPost.get(currentUri)!.parentUri;

     

       324
       324
       -
       							}

     

       325
       325
       -
       							branchPosts.push(...parentChain);

     

       326
       326
       -
       						}

     

       327
       327
       -
       

     

       328
       328
       -
       						branchPosts.push(...collectSubtree(branchRoot));

     

       329
       329
       -
       

     

       330
       330
       -
       						const minDepth = Math.min(...branchPosts.map((p) => p.depth));

     

       331
       331
       -
       						branchPosts.forEach((p) => (p.depth = p.depth - minDepth));

     

       332
       332
       -
       

     

       333
       333
       -
       						threads.push(

     

       334
       334
       -
       							createThread(

     

       335
       335
       -
       								branchPosts,

     

       336
       336
       -
       								branchRoot.data.uri,

     

       337
       337
       -
       								isOldestBranch ? undefined : (branchParentUri ?? undefined)

     

       338
       338
       -
       							)

     

       339
       339
       -
       						);

     

       340
       340
       -
       					});

     

       341
       341
       -
       				}

     

       342
       342
       -
       			}

     

       245
       245
       +
       		} else {

     

       246
       246
       +
       			selectedDid = null;

     

       343
       247
        
       		}

     

       344
       248
        
       

     

       345
       345
       -
       		threads.sort((a, b) => b.newestTime - a.newestTime);

     

       346
       346
       -
       

     

       347
       347
       -
       		// console.log(threads);

     

       348
       348
       -
       

     

       349
       349
       -
       		return threads;

     

       350
       350
       -
       	};

     

       351
       351
       -
       

     

       352
       352
       -
       	// todo: add more filtering options

     

       353
       353
       -
       	const isOwnPost = (post: ThreadPost, accounts: Account[]) =>

     

       354
       354
       -
       		accounts.some((account) => account.did === post.did);

     

       355
       355
       -
       	const hasNonOwnPost = (posts: ThreadPost[], accounts: Account[]) =>

     

       356
       356
       -
       		posts.some((post) => !isOwnPost(post, accounts));

     

       357
       357
       -
       	const filterThreads = (threads: Thread[], accounts: Account[]) =>

     

       358
       358
       -
       		threads.filter((thread) => {

     

       359
       359
       -
       			if (!viewOwnPosts) return hasNonOwnPost(thread.posts, accounts);

     

       360
       360
       -
       			return true;

     

       361
       361
       -
       		});

     

       362
       362
       -
       

     

       363
       363
       -
       	let threads = $derived(filterThreads(buildThreads(posts), $accounts));

     

       364
       364
       -
       

     

       365
       365
       -
       	let quoting = $state<PostWithUri | undefined>(undefined);

     

       366
       366
       -
       	let replying = $state<PostWithUri | undefined>(undefined);

     

       367
       367
       -
       

     

       368
       368
       -
       	let expandedThreads = new SvelteSet<ResourceUri>();

     

       249
       249
       +
       		return () => {

     

       250
       250
       +
       			window.removeEventListener('scroll', handleScroll);

     

       251
       251
       +
       		};

     

       252
       252
       +
       	});

     

       369
       253
        
       </script>

     

       370
       254
        
       

     

       371
       371
       -
       <div class="mx-auto flex h-screen max-w-2xl flex-col p-4">

     

       372
       372
       -
       	<div class="mb-6 flex flex-shrink-0 items-center justify-between">

     

       373
       373
       -
       		<div>

     

       374
       374
       -
       			<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>

     

       375
       375
       -
       			<div class="mt-1 flex gap-2">

     

       376
       376
       -
       				<div class="h-1 w-11 rounded-full bg-(--nucleus-accent)"></div>

     

       377
       377
       -
       				<div class="h-1 w-8 rounded-full bg-(--nucleus-accent2)"></div>

     

       378
       378
       -
       			</div>

     

       379
       379
       -
       		</div>

     

       380
       380
       -
       		<button

     

       381
       381
       -
       			onclick={() => (isSettingsOpen = true)}

     

       382
       382
       -
       			class="group rounded-sm bg-(--nucleus-accent)/7 p-2 text-(--nucleus-accent) transition-all hover:scale-110 hover:shadow-lg"

     

       383
       383
       -
       			aria-label="settings"

     

       384
       384
       -
       		>

     

       385
       385
       -
       			<Icon class="group-hover:hidden" icon="heroicons:cog-6-tooth" width={28} />

     

       386
       386
       -
       			<Icon class="hidden group-hover:block" icon="heroicons:cog-6-tooth-solid" width={28} />

     

       387
       387
       -
       		</button>

     

       388
       388
       -
       	</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}

     

       389
       265
        
       

     

       390
       390
       -
       	<div class="flex-shrink-0 space-y-4">

     

       391
       391
       -
       		<div class="flex min-h-16 items-stretch gap-2">

     

       392
       392
       -
       			<AccountSelector

     

       393
       393
       -
       				client={viewClient}

     

       394
       394
       -
       				accounts={$accounts}

     

       395
       395
       -
       				bind:selectedDid={$selectedDid}

     

       396
       396
       -
       				onAccountSelected={handleAccountSelected}

     

       397
       397
       -
       				onLoginSucceed={handleLoginSucceed}

     

       398
       398
       -
       				onLogout={handleLogout}

     

       399
       399
       -
       			/>

     

       400
       400
       -
       

     

       401
       401
       -
       			{#if selectedClient}

     

       402
       402
       -
       				<div class="flex-1">

     

       403
       403
       -
       					<PostComposer

     

       404
       404
       -
       						client={selectedClient}

     

       405
       405
       -
       						{selectedDid}

     

       406
       406
       -
       						onPostSent={(post) => posts.get($selectedDid!)?.set(post.uri, post)}

     

       407
       407
       -
       						bind:quoting

     

       408
       408
       -
       						bind:replying

     

       409
       409
       -
       					/>

     

       410
       410
       -
       				</div>

     

       411
       411
       -
       			{:else}

     

       412
       412
       -
       				<div

     

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

     

       414
       414
       -
       				>

     

       415
       415
       -
       					<p class="text-sm opacity-80">select or add an account to post</p>

     

       416
       416
       -
       				</div>

     

       417
       417
       -
       			{/if}

     

       418
       418
       -
       		</div>

     

       419
       419
       -
       

     

       420
       420
       -
       		<!-- <hr

     

       421
       421
       -
       			class="h-[4px] w-full rounded-full border-0"

     

       422
       422
       -
       			style="background: linear-gradient(to right, var(--nucleus-accent), var(--nucleus-accent2));"

     

       423
       423
       -
       		/> -->

     

       424
       424
       -
       	</div>

     

       425
       425
       -
       

     

       266
       266
       +
       <div class="mx-auto max-w-2xl">

     

       267
       267
       +
       	<!-- thread list (page scrolls as a whole) -->

     

       426
       268
        
       	<div

     

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

     

       428
       271
        
       		bind:this={scrollContainer}

     

       429
       272
        
       	>

     

       430
       273
        
       		{#if $accounts.length > 0}

     
···

       437
       280
        
       			</div>

     

       438
       281
        
       		{/if}

     

       439
       282
        
       	</div>

     

       440
       440
       -
       </div>

     

       441
       283
        
       

     

       442
       442
       -
       <SettingsPopup bind:isOpen={isSettingsOpen} onClose={() => (isSettingsOpen = false)} />

     

       443
       443
       -
       

     

       444
       444
       -
       {#snippet renderThreads()}

     

       445
       445
       -
       	<InfiniteLoader

     

       446
       446
       -
       		{loaderState}

     

       447
       447
       -
       		triggerLoad={loadMore}

     

       448
       448
       -
       		loopDetectionTimeout={0}

     

       449
       449
       -
       		intersectionOptions={{ root: scrollContainer }}

     

       450
       450
       -
       	>

     

       451
       451
       -
       		{@render threadsView()}

     

       452
       452
       -
       		{#snippet noData()}

     

       453
       453
       -
       			<div class="flex justify-center py-4">

     

       454
       454
       -
       				<p class="text-xl opacity-80">

     

       455
       455
       -
       					all posts seen! <span class="text-2xl">:o</span>

     

       456
       456
       -
       				</p>

     

       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}

     

       457
       305
        
       			</div>

     

       458
       458
       -
       		{/snippet}

     

       459
       459
       -
       		{#snippet loading()}

     

       460
       460
       -
       			<div class="flex justify-center">

     

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

     

       327
       327
       +
       

     

       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}

     

       344
       344
       +
       

     

       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
       +
       

     

       461
       350
        
       				<div

     

       462
       462
       -
       					class="h-12 w-12 animate-spin rounded-full border-4 border-t-transparent"

     

       463
       463
       -
       					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));"

     

       464
       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
       +
           		/> -->

     

       465
       382
        
       			</div>

     

       466
       466
       -
       		{/snippet}

     

       467
       467
       -
       		{#snippet error()}

     

       468
       468
       -
       			<div class="flex justify-center py-4">

     

       469
       469
       -
       				<p class="text-xl opacity-80">

     

       470
       470
       -
       					<span class="text-4xl">:(</span> <br /> an error occurred while loading posts: {loadError}

     

       471
       471
       -
       				</p>

     

       472
       472
       -
       			</div>

     

       473
       473
       -
       		{/snippet}

     

       474
       474
       -
       	</InfiniteLoader>

     

       475
       475
       -
       {/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
       +
       />

     

       476
       392
        
       

     

       477
       393
        
       {#snippet replyPost(post: ThreadPost, reverse: boolean = reverseChronological)}

     

       478
       394
        
       	<span

     

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

     

       480
       396
        
       	>

     

       481
       397
        
       		<span class="text-sm text-nowrap opacity-60">{reverse ? '↱' : '↳'}</span>

     

       482
       482
       -
       		<BskyPost mini {selectedDid} client={selectedClient ?? viewClient} {...post} />

     

       398
       398
       +
       		<BskyPost mini client={selectedClient ?? viewClient} {...post} />

     

       483
       399
        
       	</span>

     

       484
       400
        
       {/snippet}

     

       485
       401
        
       

     
···

       498
       414
        
       				{#if !mini}

     

       499
       415
        
       					<div class="mb-1.5">

     

       500
       416
        
       						<BskyPost

     

       501
       501
       -
       							{selectedDid}

     

       502
       417
        
       							client={selectedClient ?? viewClient}

     

       503
       418
        
       							onQuote={(post) => (quoting = post)}

     

       504
       419
        
       							onReply={(post) => (replying = post)}

     
···

       509
       424
        
       					{#if idx === 1}

     

       510
       425
        
       						{@render replyPost(post, !reverseChronological)}

     

       511
       426
        
       						<button

     

       512
       512
       -
       							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)"

     

       513
       428
        
       							onclick={() => expandedThreads.add(thread.rootUri)}

     

       514
       429
        
       						>

     

       515
       430
        
       							<div class="mr-1 h-px w-20 rounded border-y-2 border-dashed opacity-50"></div>

     
···

       529
       444
        
       			{/each}

     

       530
       445
        
       		</div>

     

       531
       446
        
       		<div

     

       532
       532
       -
       			class="mx-8 mt-3 mb-4 h-px bg-gradient-to-r from-(--nucleus-accent)/30 to-(--nucleus-accent2)/30"

     

       447
       447
       +
       			class="mx-8 mt-3 mb-4 h-px bg-linear-to-r from-(--nucleus-accent)/30 to-(--nucleus-accent2)/30"

     

       533
       448
        
       		></div>

     

       534
       449
        
       	{/each}

     

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