···

       
1
       
1
       
-
       
import {

     

       
2
       
2
       
-
       
  createSignal,

     

       
3
       
3
       
-
       
  For,

     

       
4
       
4
       
-
       
  Switch,

     

       
5
       
5
       
-
       
  Match,

     

       
6
       
6
       
-
       
  Show,

     

       
7
       
7
       
-
       
  type Component,

     

       
8
       
8
       
-
       
} from "solid-js";

     

       
1
       
1
       
+
       
import { createSignal, For, Show, type Component } from "solid-js";

     

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

     

       
10
       
3
       
 
       


     

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

     
···

       
26
       
19
       
 
       
  handle: string;

     

       
27
       
20
       
 
       
  uri: string;

     

       
28
       
21
       
 
       
  status: RepoStatus;

     

       
22
       
22
       
+
       
  status_label: string;

     

       
29
       
23
       
 
       
  toBeDeleted: boolean;

     

       
30
       
24
       
 
       
  visible: boolean;

     

       
31
       
25
       
 
       
};

     
···

       
163
       
157
       
 
       
                  <label for={"record" + index()} class="flex flex-col">

     

       
164
       
158
       
 
       
                    <span>@{record.handle}</span>

     

       
165
       
159
       
 
       
                    <span>{record.did}</span>

     

       
166
       
166
       
-
       
                    <span>

     

       
167
       
167
       
-
       
                      <Switch>

     

       
168
       
168
       
-
       
                        <Match

     

       
169
       
169
       
-
       
                          when={

     

       
170
       
170
       
-
       
                            record.status ==

     

       
171
       
171
       
-
       
                            (RepoStatus.BLOCKEDBY | RepoStatus.BLOCKING)

     

       
172
       
172
       
-
       
                          }

     

       
173
       
173
       
-
       
                        >

     

       
174
       
174
       
-
       
                          Mutual Block

     

       
175
       
175
       
-
       
                        </Match>

     

       
176
       
176
       
-
       
                        <Match when={record.status == RepoStatus.DELETED}>

     

       
177
       
177
       
-
       
                          Deleted

     

       
178
       
178
       
-
       
                        </Match>

     

       
179
       
179
       
-
       
                        <Match when={record.status == RepoStatus.DEACTIVATED}>

     

       
180
       
180
       
-
       
                          Deactivated

     

       
181
       
181
       
-
       
                        </Match>

     

       
182
       
182
       
-
       
                        <Match when={record.status == RepoStatus.BLOCKEDBY}>

     

       
183
       
183
       
-
       
                          Blocked by

     

       
184
       
184
       
-
       
                        </Match>

     

       
185
       
185
       
-
       
                        <Match when={record.status == RepoStatus.BLOCKING}>

     

       
186
       
186
       
-
       
                          Blocking

     

       
187
       
187
       
-
       
                        </Match>

     

       
188
       
188
       
-
       
                        <Match when={record.status == RepoStatus.SUSPENDED}>

     

       
189
       
189
       
-
       
                          Suspended

     

       
190
       
190
       
-
       
                        </Match>

     

       
191
       
191
       
-
       
                        <Match when={record.status == RepoStatus.YOURSELF}>

     

       
192
       
192
       
-
       
                          Literally Yourself

     

       
193
       
193
       
-
       
                        </Match>

     

       
194
       
194
       
-
       
                        <Match when={record.status == RepoStatus.NONMUTUAL}>

     

       
195
       
195
       
-
       
                          Non Mutual

     

       
196
       
196
       
-
       
                        </Match>

     

       
197
       
197
       
-
       
                      </Switch>

     

       
198
       
198
       
-
       
                    </span>

     

       
160
       
160
       
+
       
                    <span>{record.status_label}</span>

     

       
199
       
161
       
 
       
                  </label>

     

       
200
       
162
       
 
       
                </div>

     

       
201
       
163
       
 
       
              </div>

     
···

       
238
       
200
       
 
       
    setNotice("");

     

       
239
       
201
       
 
       
    setProgress(0);

     

       
240
       
202
       
 
       


     

       
241
       
241
       
-
       
    await fetchFollows().then((follows) =>

     

       
203
       
203
       
+
       
    await fetchFollows().then((follows) => {

     

       
204
       
204
       
+
       
      setFollowCount(follows.length);

     

       
242
       
205
       
 
       
      follows.forEach(async (record: any) => {

     

       
243
       
243
       
-
       
        setFollowCount(follows.length);

     

       
206
       
206
       
+
       
        let status: RepoStatus | undefined = undefined;

     

       
207
       
207
       
+
       
        let handle = "";

     

       
244
       
208
       
 
       


     

       
245
       
209
       
 
       
        try {

     

       
246
       
210
       
 
       
          const res = await agent.getProfile({

     

       
247
       
211
       
 
       
            actor: record.value.subject,

     

       
248
       
212
       
 
       
          });

     

       
249
       
213
       
 
       


     

       
214
       
214
       
+
       
          handle = res.data.handle;

     

       
250
       
215
       
 
       
          const viewer = res.data.viewer!;

     

       
251
       
251
       
-
       
          let status: RepoStatus | undefined = undefined;

     

       
252
       
216
       
 
       


     

       
253
       
217
       
 
       
          if (!viewer.followedBy) status = RepoStatus.NONMUTUAL;

     

       
254
       
218
       
 
       


     
···

       
262
       
226
       
 
       
          } else if (viewer.blocking || viewer.blockingByList) {

     

       
263
       
227
       
 
       
            status = RepoStatus.BLOCKING;

     

       
264
       
228
       
 
       
          }

     

       
265
       
265
       
-
       


     

       
266
       
266
       
-
       
          if (status !== undefined) {

     

       
267
       
267
       
-
       
            setFollowRecords(followRecords.length, {

     

       
268
       
268
       
-
       
              did: record.value.subject,

     

       
269
       
269
       
-
       
              handle: res.data.handle,

     

       
270
       
270
       
-
       
              uri: record.uri,

     

       
271
       
271
       
-
       
              status: status,

     

       
272
       
272
       
-
       
              toBeDeleted: false,

     

       
273
       
273
       
-
       
              visible: true,

     

       
274
       
274
       
-
       
            });

     

       
275
       
275
       
-
       
          }

     

       
276
       
229
       
 
       
        } catch (e: any) {

     

       
277
       
230
       
 
       
          const res = await fetch(

     

       
278
       
231
       
 
       
            record.value.subject.startsWith("did:web")

     
···

       
282
       
235
       
 
       
              : "https://plc.directory/" + record.value.subject,

     

       
283
       
236
       
 
       
          );

     

       
284
       
237
       
 
       


     

       
285
       
285
       
-
       
          const status = e.message.includes("not found")

     

       
238
       
238
       
+
       
          status = e.message.includes("not found")

     

       
286
       
239
       
 
       
            ? RepoStatus.DELETED

     

       
287
       
240
       
 
       
            : e.message.includes("deactivated")

     

       
288
       
241
       
 
       
              ? RepoStatus.DEACTIVATED

     
···

       
290
       
243
       
 
       
                ? RepoStatus.SUSPENDED

     

       
291
       
244
       
 
       
                : undefined;

     

       
292
       
245
       
 
       


     

       
293
       
293
       
-
       
          const handle = await res.json().then((doc) => {

     

       
246
       
246
       
+
       
          handle = await res.json().then((doc) => {

     

       
294
       
247
       
 
       
            for (const alias of doc.alsoKnownAs) {

     

       
295
       
248
       
 
       
              if (alias.includes("at://")) {

     

       
296
       
249
       
 
       
                return alias.split("//")[1];

     

       
297
       
250
       
 
       
              }

     

       
298
       
251
       
 
       
            }

     

       
299
       
252
       
 
       
          });

     

       
253
       
253
       
+
       
        }

     

       
300
       
254
       
 
       


     

       
301
       
301
       
-
       
          if (status !== undefined) {

     

       
302
       
302
       
-
       
            setFollowRecords(followRecords.length, {

     

       
303
       
303
       
-
       
              did: record.value.subject,

     

       
304
       
304
       
-
       
              handle: handle,

     

       
305
       
305
       
-
       
              uri: record.uri,

     

       
306
       
306
       
-
       
              status: status,

     

       
307
       
307
       
-
       
              toBeDeleted: false,

     

       
308
       
308
       
-
       
              visible: true,

     

       
309
       
309
       
-
       
            });

     

       
310
       
310
       
-
       
          }

     

       
255
       
255
       
+
       
        const status_label =

     

       
256
       
256
       
+
       
          status == RepoStatus.DELETED

     

       
257
       
257
       
+
       
            ? "Deleted"

     

       
258
       
258
       
+
       
            : status == RepoStatus.DEACTIVATED

     

       
259
       
259
       
+
       
              ? "Deactivated"

     

       
260
       
260
       
+
       
              : status == RepoStatus.SUSPENDED

     

       
261
       
261
       
+
       
                ? "Suspended"

     

       
262
       
262
       
+
       
                : status == RepoStatus.NONMUTUAL

     

       
263
       
263
       
+
       
                  ? "Non Mutual"

     

       
264
       
264
       
+
       
                  : status == RepoStatus.YOURSELF

     

       
265
       
265
       
+
       
                    ? "Literally Yourself"

     

       
266
       
266
       
+
       
                    : status == RepoStatus.BLOCKING

     

       
267
       
267
       
+
       
                      ? "Blocking"

     

       
268
       
268
       
+
       
                      : status == RepoStatus.BLOCKEDBY

     

       
269
       
269
       
+
       
                        ? "Blocked by"

     

       
270
       
270
       
+
       
                        : RepoStatus.BLOCKEDBY | RepoStatus.BLOCKING

     

       
271
       
271
       
+
       
                          ? "Mutual Block"

     

       
272
       
272
       
+
       
                          : "";

     

       
273
       
273
       
+
       


     

       
274
       
274
       
+
       
        if (status !== undefined) {

     

       
275
       
275
       
+
       
          setFollowRecords(followRecords.length, {

     

       
276
       
276
       
+
       
            did: record.value.subject,

     

       
277
       
277
       
+
       
            handle: handle,

     

       
278
       
278
       
+
       
            uri: record.uri,

     

       
279
       
279
       
+
       
            status: status,

     

       
280
       
280
       
+
       
            status_label: status_label,

     

       
281
       
281
       
+
       
            toBeDeleted: false,

     

       
282
       
282
       
+
       
            visible: true,

     

       
283
       
283
       
+
       
          });

     

       
311
       
284
       
 
       
        }

     

       
312
       
285
       
 
       
        setProgress(progress() + 1);

     

       
313
       
313
       
-
       
      }),

     

       
314
       
314
       
-
       
    );

     

       
286
       
286
       
+
       
      });

     

       
287
       
287
       
+
       
    });

     

       
315
       
288
       
 
       
  };

     

       
316
       
289
       
 
       


     

       
317
       
290
       
 
       
  const unfollow = async () => {