commit 6d68ffbc881f48fb77ea7f116666eb6e8480208c · juli.ee/cleanfollow

+173

package-lock.json

···

       13
       13
        
               "solid-js": "^1.8.11"

     

       14
       14
        
             },

     

       15
       15
        
             "devDependencies": {

     

       16
       16
       +
               "@atproto/oauth-client-browser": "^0.1.4",

     

       16
       17
        
               "@tailwindcss/forms": "^0.5.7",

     

       17
       18
        
               "autoprefixer": "^10.4.19",

     

       18
       19
        
               "postcss": "^8.4.39",

     
···

       48
       49
        
               "node": ">=6.0.0"

     

       49
       50
        
             }

     

       50
       51
        
           },

     

       52
       52
       +
           "node_modules/@atproto-labs/did-resolver": {

     

       53
       53
       +
             "version": "0.1.2",

     

       54
       54
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/did-resolver/-/did-resolver-0.1.2.tgz",

     

       55
       55
       +
             "integrity": "sha512-d/nQHoieDo0tf0OX45LJcLQlSuyzVOV5lND7krlSxeAyD3pO5Fx1G8FtmkoPlMt4LT1OCIIQNmjh42pOcGH3WA==",

     

       56
       56
       +
             "dev": true,

     

       57
       57
       +
             "dependencies": {

     

       58
       58
       +
               "@atproto-labs/fetch": "0.1.0",

     

       59
       59
       +
               "@atproto-labs/pipe": "0.1.0",

     

       60
       60
       +
               "@atproto-labs/simple-store": "0.1.1",

     

       61
       61
       +
               "@atproto-labs/simple-store-memory": "0.1.1",

     

       62
       62
       +
               "@atproto/did": "0.1.1",

     

       63
       63
       +
               "zod": "^3.23.8"

     

       64
       64
       +
             }

     

       65
       65
       +
           },

     

       66
       66
       +
           "node_modules/@atproto-labs/fetch": {

     

       67
       67
       +
             "version": "0.1.0",

     

       68
       68
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/fetch/-/fetch-0.1.0.tgz",

     

       69
       69
       +
             "integrity": "sha512-uirja+uA/C4HNk7vayM+AJqsccxQn2wVziUHxbsjJGt/K6Q8ZOKDaEX2+GrcXvpUVcqUKh+94JFjuzH+CAEUlg==",

     

       70
       70
       +
             "dev": true,

     

       71
       71
       +
             "dependencies": {

     

       72
       72
       +
               "@atproto-labs/pipe": "0.1.0"

     

       73
       73
       +
             },

     

       74
       74
       +
             "optionalDependencies": {

     

       75
       75
       +
               "zod": "^3.23.8"

     

       76
       76
       +
             }

     

       77
       77
       +
           },

     

       78
       78
       +
           "node_modules/@atproto-labs/handle-resolver": {

     

       79
       79
       +
             "version": "0.1.2",

     

       80
       80
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/handle-resolver/-/handle-resolver-0.1.2.tgz",

     

       81
       81
       +
             "integrity": "sha512-0D8d1QpGqyp0DLYnKpAFJ5YaIgiRUHMqKnbd1d0reOuJoa7ebwxMolNhP3RnKlOQ/9gaL3Y3ORZFeEjXK+eRqg==",

     

       82
       82
       +
             "dev": true,

     

       83
       83
       +
             "dependencies": {

     

       84
       84
       +
               "@atproto-labs/simple-store": "0.1.1",

     

       85
       85
       +
               "@atproto-labs/simple-store-memory": "0.1.1",

     

       86
       86
       +
               "@atproto/did": "0.1.1",

     

       87
       87
       +
               "zod": "^3.23.8"

     

       88
       88
       +
             }

     

       89
       89
       +
           },

     

       90
       90
       +
           "node_modules/@atproto-labs/identity-resolver": {

     

       91
       91
       +
             "version": "0.1.2",

     

       92
       92
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/identity-resolver/-/identity-resolver-0.1.2.tgz",

     

       93
       93
       +
             "integrity": "sha512-166XTfq/gvdzmJT6tMvMvsT4h9yVyse8yJVn534j5GPGTqPtyky57/SNyO+R8QbOr4ffG0NQRO+OAazsVR0mVw==",

     

       94
       94
       +
             "dev": true,

     

       95
       95
       +
             "dependencies": {

     

       96
       96
       +
               "@atproto-labs/did-resolver": "0.1.2",

     

       97
       97
       +
               "@atproto-labs/handle-resolver": "0.1.2",

     

       98
       98
       +
               "@atproto/syntax": "0.3.0"

     

       99
       99
       +
             }

     

       100
       100
       +
           },

     

       101
       101
       +
           "node_modules/@atproto-labs/pipe": {

     

       102
       102
       +
             "version": "0.1.0",

     

       103
       103
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/pipe/-/pipe-0.1.0.tgz",

     

       104
       104
       +
             "integrity": "sha512-ghOqHFyJlQVFPESzlVHjKroP0tPzbmG5Jms0dNI9yLDEfL8xp4OFPWLX4f6T8mRq69wWs4nIDM3sSsFbFqLa1w==",

     

       105
       105
       +
             "dev": true

     

       106
       106
       +
           },

     

       107
       107
       +
           "node_modules/@atproto-labs/simple-store": {

     

       108
       108
       +
             "version": "0.1.1",

     

       109
       109
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/simple-store/-/simple-store-0.1.1.tgz",

     

       110
       110
       +
             "integrity": "sha512-WKILW2b3QbAYKh+w5U2x6p5FqqLl0nAeLwGeDY+KjX01K4Dq3vQTR9b/qNp0jZm48CabPQVrqCv0PPU9LgRRRg==",

     

       111
       111
       +
             "dev": true

     

       112
       112
       +
           },

     

       113
       113
       +
           "node_modules/@atproto-labs/simple-store-memory": {

     

       114
       114
       +
             "version": "0.1.1",

     

       115
       115
       +
             "resolved": "https://registry.npmjs.org/@atproto-labs/simple-store-memory/-/simple-store-memory-0.1.1.tgz",

     

       116
       116
       +
             "integrity": "sha512-PCRqhnZ8NBNBvLku53O56T0lsVOtclfIrQU/rwLCc4+p45/SBPrRYNBi6YFq5rxZbK6Njos9MCmILV/KLQxrWA==",

     

       117
       117
       +
             "dev": true,

     

       118
       118
       +
             "dependencies": {

     

       119
       119
       +
               "@atproto-labs/simple-store": "0.1.1",

     

       120
       120
       +
               "lru-cache": "^10.2.0"

     

       121
       121
       +
             }

     

       122
       122
       +
           },

     

       123
       123
       +
           "node_modules/@atproto-labs/simple-store-memory/node_modules/lru-cache": {

     

       124
       124
       +
             "version": "10.4.3",

     

       125
       125
       +
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",

     

       126
       126
       +
             "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",

     

       127
       127
       +
             "dev": true

     

       128
       128
       +
           },

     

       51
       129
        
           "node_modules/@atproto/api": {

     

       52
       130
        
             "version": "0.13.1",

     

       53
       131
        
             "resolved": "https://registry.npmjs.org/@atproto/api/-/api-0.13.1.tgz",

     
···

       73
       151
        
               "zod": "^3.21.4"

     

       74
       152
        
             }

     

       75
       153
        
           },

     

       154
       154
       +
           "node_modules/@atproto/did": {

     

       155
       155
       +
             "version": "0.1.1",

     

       156
       156
       +
             "resolved": "https://registry.npmjs.org/@atproto/did/-/did-0.1.1.tgz",

     

       157
       157
       +
             "integrity": "sha512-FA+U8C8ACQLjG/TSgtaQyjvXxzOYzwK0+T6FJ1oj2BtKUixq4t8zpvo4zdIrnVimXeGQWo1/U1ghke58SmRpmQ==",

     

       158
       158
       +
             "dev": true,

     

       159
       159
       +
             "dependencies": {

     

       160
       160
       +
               "zod": "^3.23.8"

     

       161
       161
       +
             }

     

       162
       162
       +
           },

     

       163
       163
       +
           "node_modules/@atproto/jwk": {

     

       164
       164
       +
             "version": "0.1.1",

     

       165
       165
       +
             "resolved": "https://registry.npmjs.org/@atproto/jwk/-/jwk-0.1.1.tgz",

     

       166
       166
       +
             "integrity": "sha512-6h/bj1APUk7QcV9t/oA6+9DB5NZx9SZru9x+/pV5oHFI9Xz4ZuM5+dq1PfsJV54pZyqdnZ6W6M717cxoC7q7og==",

     

       167
       167
       +
             "dev": true,

     

       168
       168
       +
             "dependencies": {

     

       169
       169
       +
               "multiformats": "^9.9.0",

     

       170
       170
       +
               "zod": "^3.23.8"

     

       171
       171
       +
             }

     

       172
       172
       +
           },

     

       173
       173
       +
           "node_modules/@atproto/jwk-jose": {

     

       174
       174
       +
             "version": "0.1.2",

     

       175
       175
       +
             "resolved": "https://registry.npmjs.org/@atproto/jwk-jose/-/jwk-jose-0.1.2.tgz",

     

       176
       176
       +
             "integrity": "sha512-lDwc/6lLn2aZ/JpyyggyjLFsJPMntrVzryyGUx5aNpuTS8SIuc4Ky0REhxqfLopQXJJZCuRRjagHG3uP05/moQ==",

     

       177
       177
       +
             "dev": true,

     

       178
       178
       +
             "dependencies": {

     

       179
       179
       +
               "@atproto/jwk": "0.1.1",

     

       180
       180
       +
               "jose": "^5.2.0"

     

       181
       181
       +
             }

     

       182
       182
       +
           },

     

       183
       183
       +
           "node_modules/@atproto/jwk-webcrypto": {

     

       184
       184
       +
             "version": "0.1.2",

     

       185
       185
       +
             "resolved": "https://registry.npmjs.org/@atproto/jwk-webcrypto/-/jwk-webcrypto-0.1.2.tgz",

     

       186
       186
       +
             "integrity": "sha512-vTBUbUZXh0GI+6KJiPGukmI4BQEHFAij8fJJ4WnReF/hefAs3ISZtrWZHGBebz+q2EcExYlnhhlmxvDzV7veGw==",

     

       187
       187
       +
             "dev": true,

     

       188
       188
       +
             "dependencies": {

     

       189
       189
       +
               "@atproto/jwk": "0.1.1",

     

       190
       190
       +
               "@atproto/jwk-jose": "0.1.2"

     

       191
       191
       +
             }

     

       192
       192
       +
           },

     

       76
       193
        
           "node_modules/@atproto/lexicon": {

     

       77
       194
        
             "version": "0.4.1",

     

       78
       195
        
             "resolved": "https://registry.npmjs.org/@atproto/lexicon/-/lexicon-0.4.1.tgz",

     
···

       82
       199
        
               "@atproto/syntax": "^0.3.0",

     

       83
       200
        
               "iso-datestring-validator": "^2.2.2",

     

       84
       201
        
               "multiformats": "^9.9.0",

     

       202
       202
       +
               "zod": "^3.23.8"

     

       203
       203
       +
             }

     

       204
       204
       +
           },

     

       205
       205
       +
           "node_modules/@atproto/oauth-client": {

     

       206
       206
       +
             "version": "0.1.4",

     

       207
       207
       +
             "resolved": "https://registry.npmjs.org/@atproto/oauth-client/-/oauth-client-0.1.4.tgz",

     

       208
       208
       +
             "integrity": "sha512-GjDTHPr0KhAk1dDS7VaTNT1JojgmLBideYOAsvzHwH8nmaE9DhBG+AU2/w3TYcCvfJl954RgzzO9pdJL+1JLaA==",

     

       209
       209
       +
             "dev": true,

     

       210
       210
       +
             "dependencies": {

     

       211
       211
       +
               "@atproto-labs/did-resolver": "0.1.2",

     

       212
       212
       +
               "@atproto-labs/fetch": "0.1.0",

     

       213
       213
       +
               "@atproto-labs/handle-resolver": "0.1.2",

     

       214
       214
       +
               "@atproto-labs/identity-resolver": "0.1.2",

     

       215
       215
       +
               "@atproto-labs/simple-store": "0.1.1",

     

       216
       216
       +
               "@atproto-labs/simple-store-memory": "0.1.1",

     

       217
       217
       +
               "@atproto/api": "0.13.1",

     

       218
       218
       +
               "@atproto/did": "0.1.1",

     

       219
       219
       +
               "@atproto/jwk": "0.1.1",

     

       220
       220
       +
               "@atproto/oauth-types": "0.1.2",

     

       221
       221
       +
               "@atproto/xrpc": "0.6.0",

     

       222
       222
       +
               "multiformats": "^9.9.0",

     

       223
       223
       +
               "zod": "^3.23.8"

     

       224
       224
       +
             }

     

       225
       225
       +
           },

     

       226
       226
       +
           "node_modules/@atproto/oauth-client-browser": {

     

       227
       227
       +
             "version": "0.1.4",

     

       228
       228
       +
             "resolved": "https://registry.npmjs.org/@atproto/oauth-client-browser/-/oauth-client-browser-0.1.4.tgz",

     

       229
       229
       +
             "integrity": "sha512-RhBtW2uO9iIJ+b2M0HAYYbKKAGM9yKAqSMesy23AYE5XyVqCy9GSzkE3yFliW0m3tZZMohOGiJ4yWR6/QBkuvA==",

     

       230
       230
       +
             "dev": true,

     

       231
       231
       +
             "dependencies": {

     

       232
       232
       +
               "@atproto-labs/did-resolver": "0.1.2",

     

       233
       233
       +
               "@atproto-labs/handle-resolver": "0.1.2",

     

       234
       234
       +
               "@atproto-labs/simple-store": "0.1.1",

     

       235
       235
       +
               "@atproto/did": "0.1.1",

     

       236
       236
       +
               "@atproto/jwk": "0.1.1",

     

       237
       237
       +
               "@atproto/jwk-webcrypto": "0.1.2",

     

       238
       238
       +
               "@atproto/oauth-client": "0.1.4",

     

       239
       239
       +
               "@atproto/oauth-types": "0.1.2"

     

       240
       240
       +
             }

     

       241
       241
       +
           },

     

       242
       242
       +
           "node_modules/@atproto/oauth-types": {

     

       243
       243
       +
             "version": "0.1.2",

     

       244
       244
       +
             "resolved": "https://registry.npmjs.org/@atproto/oauth-types/-/oauth-types-0.1.2.tgz",

     

       245
       245
       +
             "integrity": "sha512-yySPPTLxteFJ3O3xVWEhvBFx7rczgo4LK2nQNeqAPMZdYd5dpgvuZZ88nQQge074BfuOc0MWTnr0kPdxQMjjPw==",

     

       246
       246
       +
             "dev": true,

     

       247
       247
       +
             "dependencies": {

     

       248
       248
       +
               "@atproto/jwk": "0.1.1",

     

       85
       249
        
               "zod": "^3.23.8"

     

       86
       250
        
             }

     

       87
       251
        
           },

     
···

       2109
       2273
        
             "dev": true,

     

       2110
       2274
        
             "bin": {

     

       2111
       2275
        
               "jiti": "bin/jiti.js"

     

       2276
       2276
       +
             }

     

       2277
       2277
       +
           },

     

       2278
       2278
       +
           "node_modules/jose": {

     

       2279
       2279
       +
             "version": "5.7.0",

     

       2280
       2280
       +
             "resolved": "https://registry.npmjs.org/jose/-/jose-5.7.0.tgz",

     

       2281
       2281
       +
             "integrity": "sha512-3P9qfTYDVnNn642LCAqIKbTGb9a1TBxZ9ti5zEVEr48aDdflgRjhspWFb6WM4PzAfFbGMJYC4+803v8riCRAKw==",

     

       2282
       2282
       +
             "dev": true,

     

       2283
       2283
       +
             "funding": {

     

       2284
       2284
       +
               "url": "https://github.com/sponsors/panva"

     

       2112
       2285
        
             }

     

       2113
       2286
        
           },

     

       2114
       2287
        
           "node_modules/js-tokens": {

package.json

···

       11
       11
        
         },

     

       12
       12
        
         "license": "0BSD",

     

       13
       13
        
         "devDependencies": {

     

       14
       14
       +
           "@atproto/oauth-client-browser": "^0.1.4",

     

       14
       15
        
           "@tailwindcss/forms": "^0.5.7",

     

       15
       16
        
           "autoprefixer": "^10.4.19",

     

       16
       17
        
           "postcss": "^8.4.39",

+84 -79

src/App.tsx

···

       8
       8
        
       } from "solid-js";

     

       9
       9
        
       import { createStore } from "solid-js/store";

     

       10
       10
        
       

     

       11
       11
       -
       import { Agent, AtpAgent } from "@atproto/api";

     

       11
       11
       +
       import { Agent } from "@atproto/api";

     

       12
       12
       +
       import { BrowserOAuthClient } from "@atproto/oauth-client-browser";

     

       12
       13
        
       

     

       13
       14
        
       enum RepoStatus {

     

       14
       15
        
         BLOCKEDBY,

     
···

       26
       27
        
       };

     

       27
       28
        
       

     

       28
       29
        
       let [followRecords, setFollowRecords] = createStore<FollowRecord[]>([]);

     

       29
       29
       -
       let [notice, setNotice] = createSignal("");

     

       30
       30
       +
       let [loginState, setLoginState] = createSignal<boolean>();

     

       30
       31
        
       

     

       31
       31
       -
       const resolveHandle = async (handle: string) => {

     

       32
       32
       -
         const agent = new AtpAgent({

     

       33
       33
       -
           service: "https://public.api.bsky.app",

     

       34
       34
       -
         });

     

       32
       32
       +
       const client = await BrowserOAuthClient.load({

     

       33
       33
       +
         clientId: "https://oauth.cleanfollow-bsky.pages.dev/client-metadata.json",

     

       34
       34
       +
         handleResolver: "https://bsky.social",

     

       35
       35
       +
       });

     

       35
       36
        
       

     

       36
       36
       -
         try {

     

       37
       37
       -
           const res = await agent.com.atproto.identity.resolveHandle({

     

       38
       38
       -
             handle: handle,

     

       39
       39
       -
           });

     

       40
       40
       -
           return res.data.did;

     

       41
       41
       -
         } catch (e: any) {

     

       42
       42
       -
           setNotice(e.message);

     

       43
       43
       -
         }

     

       44
       44
       -
       };

     

       45
       45
       -
       

     

       46
       46
       -
       const fetchServiceEndpoint = async (handle: string) => {

     

       47
       47
       -
         const did = await resolveHandle(handle);

     

       48
       48
       -
         if (!did) return;

     

       49
       49
       -
       

     

       50
       50
       -
         const res = await fetch(

     

       51
       51
       -
           did.startsWith("did:web")

     

       52
       52
       -
             ? "https://" + did.split(":")[2] + "/.well-known/did.json"

     

       53
       53
       -
             : "https://plc.directory/" + did,

     

       54
       54
       -
         );

     

       55
       55
       -
       

     

       56
       56
       -
         return await res.json().then((doc) => {

     

       57
       57
       -
           for (const service of doc.service) {

     

       58
       58
       -
             if (service.id.includes("#atproto_pds")) {

     

       59
       59
       -
               return service.serviceEndpoint;

     

       60
       60
       -
             }

     

       61
       61
       -
           }

     

       62
       62
       -
         });

     

       63
       63
       -
       };

     

       37
       37
       +
       let appAgent: Agent;

     

       38
       38
       +
       let userHandle: string;

     

       64
       39
        
       

     

       65
       65
       -
       const loginBsky = async (handle: string, password: string) => {

     

       66
       66
       -
         const serviceURL = await fetchServiceEndpoint(handle);

     

       40
       40
       +
       const result: undefined | { agent: OAuthAgent; state?: string } = await client

     

       41
       41
       +
         .init()

     

       42
       42
       +
         .catch(() => {});

     

       67
       43
        
       

     

       68
       68
       -
         const agent = new AtpAgent({

     

       69
       69
       -
           service: serviceURL,

     

       70
       70
       -
         });

     

       44
       44
       +
       if (result) {

     

       45
       45
       +
         const { agent, state } = result;

     

       46
       46
       +
         appAgent = agent;

     

       47
       47
       +
         setLoginState(true);

     

       48
       48
       +
         if (state != null) {

     

       49
       49
       +
           console.log(

     

       50
       50
       +
             `${agent.sub} was successfully authenticated (state: ${state})`,

     

       51
       51
       +
           );

     

       52
       52
       +
         } else {

     

       53
       53
       +
           console.log(`${agent.sub} was restored (last active session)`);

     

       54
       54
       +
         }

     

       55
       55
       +
         const res = await appAgent.getProfile({ actor: appAgent.did! });

     

       56
       56
       +
         userHandle = res.data.handle;

     

       57
       57
       +
       }

     

       71
       58
        
       

     

       59
       59
       +
       const loginBsky = async (handle: string) => {

     

       72
       60
        
         try {

     

       73
       73
       -
           await agent.login({

     

       74
       74
       -
             identifier: handle,

     

       75
       75
       -
             password: password,

     

       61
       61
       +
           await client.signIn(handle, {

     

       62
       62
       +
             state: "some value needed later",

     

       63
       63
       +
             signal: new AbortController().signal,

     

       76
       64
        
           });

     

       77
       77
       -
         } catch (e: any) {

     

       78
       78
       -
           setNotice(e.message);

     

       65
       65
       +
         } catch (err) {

     

       66
       66
       +
           console.log(

     

       67
       67
       +
             'The user aborted the authorization process by navigating "back"',

     

       68
       68
       +
           );

     

       79
       69
        
         }

     

       70
       70
       +
       };

     

       80
       71
        
       

     

       81
       81
       -
         return agent;

     

       72
       72
       +
       const logoutBsky = async () => {

     

       73
       73
       +
         const agent = result;

     

       74
       74
       +
         setLoginState(false);

     

       75
       75
       +
         if (agent) await client.revoke(agent.sub);

     

       82
       76
        
       };

     

       83
       77
        
       

     

       84
       78
        
       const Follows: Component = () => {

     
···

       197
       191
        
       };

     

       198
       192
        
       

     

       199
       193
        
       const Form: Component = () => {

     

       200
       200
       -
         const [handle, setHandle] = createSignal("");

     

       201
       201
       -
         const [password, setPassword] = createSignal("");

     

       194
       194
       +
         const [loginInput, setLoginInput] = createSignal("");

     

       202
       195
        
         const [progress, setProgress] = createSignal(0);

     

       203
       196
        
         const [followCount, setFollowCount] = createSignal(0);

     

       204
       204
       -
       

     

       205
       205
       -
         let agent: Agent;

     

       197
       197
       +
         const [notice, setNotice] = createSignal("");

     

       206
       198
        
       

     

       207
       207
       -
         const fetchHiddenAccounts = async (handle: string, password: string) => {

     

       208
       208
       -
           const fetchFollows = async (agent: Agent) => {

     

       199
       199
       +
         const fetchHiddenAccounts = async () => {

     

       200
       200
       +
           const fetchFollows = async () => {

     

       209
       201
        
             const PAGE_LIMIT = 100;

     

       210
       202
        
             const fetchPage = async (cursor?: any) => {

     

       211
       211
       -
               return await agent.com.atproto.repo.listRecords({

     

       212
       212
       -
                 repo: agent.did!,

     

       203
       203
       +
               return await appAgent.com.atproto.repo.listRecords({

     

       204
       204
       +
                 repo: appAgent.did!,

     

       213
       205
        
                 collection: "app.bsky.graph.follow",

     

       214
       206
        
                 limit: PAGE_LIMIT,

     

       215
       207
        
                 cursor: cursor,

     
···

       227
       219
        
             return follows;

     

       228
       220
        
           };

     

       229
       221
        
       

     

       230
       230
       -
           setNotice("Logging in...");

     

       231
       231
       -
           agent = await loginBsky(handle, password);

     

       232
       232
       -
           if (!agent) return;

     

       233
       222
        
           setNotice("");

     

       234
       223
        
           setProgress(0);

     

       235
       224
        
       

     

       236
       236
       -
           await fetchFollows(agent).then((follows) =>

     

       225
       225
       +
           await fetchFollows().then((follows) =>

     

       237
       226
        
             follows.forEach(async (record: any) => {

     

       238
       227
        
               setFollowCount(follows.length);

     

       239
       228
        
       

     

       240
       229
        
               try {

     

       241
       241
       -
                 const res = await agent.getProfile({ actor: record.value.subject });

     

       230
       230
       +
                 const res = await appAgent.getProfile({

     

       231
       231
       +
                   actor: record.value.subject,

     

       232
       232
       +
                 });

     

       242
       233
        
                 if (res.data.viewer?.blockedBy) {

     

       243
       234
        
                   setFollowRecords(followRecords.length, {

     

       244
       235
        
                     did: record.value.subject,

     
···

       299
       290
        
       

     

       300
       291
        
           const BATCHSIZE = 200;

     

       301
       292
        
           for (let i = 0; i < writes.length; i += BATCHSIZE) {

     

       302
       302
       -
             await agent.com.atproto.repo.applyWrites({

     

       303
       303
       -
               repo: agent.did!,

     

       293
       293
       +
             await appAgent.com.atproto.repo.applyWrites({

     

       294
       294
       +
               repo: appAgent.did!,

     

       304
       295
        
               writes: writes.slice(i, i + BATCHSIZE),

     

       305
       296
        
             });

     

       306
       297
        
           }

     
···

       314
       305
        
         return (

     

       315
       306
        
           <div class="flex flex-col items-center">

     

       316
       307
        
             <div class="flex flex-col items-center">

     

       317
       317
       -
               <input

     

       318
       318
       -
                 type="text"

     

       319
       319
       -
                 placeholder="Handle"

     

       320
       320
       -
                 class="rounded-md py-1 pl-2 pr-2 mb-3 ring-1 ring-inset ring-gray-300"

     

       321
       321
       -
                 onInput={(e) => setHandle(e.currentTarget.value)}

     

       322
       322
       -
               />

     

       323
       323
       -
               <input

     

       324
       324
       -
                 type="password"

     

       325
       325
       -
                 placeholder="App Password"

     

       326
       326
       -
                 class="rounded-md py-1 pl-2 pr-2 mb-5 ring-1 ring-inset ring-gray-300"

     

       327
       327
       -
                 onInput={(e) => setPassword(e.currentTarget.value)}

     

       328
       328
       -
               />

     

       329
       329
       -
               <div>

     

       308
       308
       +
               <Show when={!loginState()}>

     

       309
       309
       +
                 <label for="handle">Handle:</label>

     

       310
       310
       +
                 <input

     

       311
       311
       +
                   type="text"

     

       312
       312
       +
                   id="handle"

     

       313
       313
       +
                   placeholder="user.bsky.social"

     

       314
       314
       +
                   class="rounded-md mt-1 py-1 pl-2 pr-2 mb-3 ring-1 ring-inset ring-gray-300"

     

       315
       315
       +
                   onInput={(e) => setLoginInput(e.currentTarget.value)}

     

       316
       316
       +
                 />

     

       317
       317
       +
                 <button

     

       318
       318
       +
                   type="button"

     

       319
       319
       +
                   onclick={() => loginBsky(loginInput())}

     

       320
       320
       +
                   class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"

     

       321
       321
       +
                 >

     

       322
       322
       +
                   Login

     

       323
       323
       +
                 </button>

     

       324
       324
       +
               </Show>

     

       325
       325
       +
               <Show when={loginState()}>

     

       326
       326
       +
                 <div class="mb-5">

     

       327
       327
       +
                   Logged in as {userHandle} (

     

       328
       328
       +
                   <a href="" class="text-red-600" onclick={() => logoutBsky()}>

     

       329
       329
       +
                     Logout

     

       330
       330
       +
                   </a>

     

       331
       331
       +
                   )

     

       332
       332
       +
                 </div>

     

       330
       333
        
                 <Show when={!followRecords.length}>

     

       331
       334
        
                   <button

     

       332
       335
        
                     type="button"

     

       333
       333
       -
                     onclick={() => fetchHiddenAccounts(handle(), password())}

     

       336
       336
       +
                     onclick={() => fetchHiddenAccounts()}

     

       334
       337
        
                     class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"

     

       335
       338
        
                   >

     

       336
       339
        
                     Preview

     
···

       340
       343
        
                   <button

     

       341
       344
        
                     type="button"

     

       342
       345
        
                     onclick={() => unfollow()}

     

       343
       343
       -
                     class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"

     

       346
       346
       +
                     class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded"

     

       344
       347
        
                   >

     

       345
       348
        
                     Confirm

     

       346
       349
        
                   </button>

     

       347
       350
        
                 </Show>

     

       348
       348
       -
               </div>

     

       351
       351
       +
               </Show>

     

       349
       352
        
             </div>

     

       350
       353
        
             <Show when={notice()}>

     

       351
       354
        
               <div class="m-3">{notice()}</div>

     

       352
       355
        
             </Show>

     

       353
       353
       -
             <Show when={followCount()}>

     

       356
       356
       +
             <Show when={loginState() && followCount()}>

     

       354
       357
        
               <div class="m-3">

     

       355
       358
        
                 Progress: {progress()}/{followCount()}

     

       356
       359
        
               </div>

     
···

       363
       366
        
         return (

     

       364
       367
        
           <div class="flex flex-col items-center m-5">

     

       365
       368
        
             <h1 class="text-2xl mb-5">cleanfollow-bsky</h1>

     

       366
       366
       -
             <div class="mb-5 text-center">

     

       369
       369
       +
             <div class="mb-3 text-center">

     

       367
       370
        
               <p>

     

       368
       371
        
                 Unfollows blocked by, deleted, suspended, and deactivated accounts

     

       369
       372
        
               </p>

     
···

       391
       394
        
               </div>

     

       392
       395
        
             </div>

     

       393
       396
        
             <Form />

     

       394
       394
       -
             <Follows />

     

       397
       397
       +
             <Show when={loginState()}>

     

       398
       398
       +
               <Follows />

     

       399
       399
       +
             </Show>

     

       395
       400
        
           </div>

     

       396
       401
        
         );

     

       397
       402
        
       };

vite.config.ts

···

       12
       12
        
           solidPlugin(),

     

       13
       13
        
         ],

     

       14
       14
        
         server: {

     

       15
       15
       +
           host: "127.0.0.1",

     

       15
       16
        
           port: 3000,

     

       16
       17
        
         },

     

       17
       18
        
         build: {