commit 2a47619e99262969f7d876ba6e03fbfd15a0400d · juli.ee/cleanfollow

+33 -14
src/App.tsx
···

       5
       5
        
       import { BskyAgent } from "@atproto/api";

     

       6
       6
        
       

     

       7
       7
        
       type Form = {

     

       8
       8
       -
         serviceURL: string;

     

       9
       8
        
         handle: string;

     

       10
       9
        
         password: string;

     

       11
       10
        
         blockedby: boolean;

     
···

       46
       45
        
         setNotices(tmp);

     

       47
       46
        
       }

     

       48
       47
        
       

     

       48
       48
       +
       const resolveHandle = async (handle: string) => {

     

       49
       49
       +
         const agent = new BskyAgent({

     

       50
       50
       +
           service: "https://public.api.bsky.app",

     

       51
       51
       +
         });

     

       52
       52
       +
       

     

       53
       53
       +
         const res = await agent.com.atproto.identity.resolveHandle({

     

       54
       54
       +
           handle: handle,

     

       55
       55
       +
         });

     

       56
       56
       +
       

     

       57
       57
       +
         return res.data.did;

     

       58
       58
       +
       };

     

       59
       59
       +
       

     

       60
       60
       +
       const fetchServiceEndpoint = async (handle: string) => {

     

       61
       61
       +
         const did = await resolveHandle(handle);

     

       62
       62
       +
       

     

       63
       63
       +
         const res = await fetch(

     

       64
       64
       +
           did.startsWith("did:web")

     

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

     

       66
       66
       +
             : "https://plc.directory/" + did,

     

       67
       67
       +
         );

     

       68
       68
       +
       

     

       69
       69
       +
         return res.json().then((doc) => {

     

       70
       70
       +
           for (const service of doc.service) {

     

       71
       71
       +
             if (service.id.includes("#atproto_pds")) {

     

       72
       72
       +
               return service.serviceEndpoint;

     

       73
       73
       +
             }

     

       74
       74
       +
           }

     

       75
       75
       +
         });

     

       76
       76
       +
       };

     

       77
       77
       +
       

     

       49
       78
        
       const unfollowBsky = async (form: Form, preview: boolean) => {

     

       50
       79
        
         setNotices([]);

     

       80
       80
       +
       

     

       81
       81
       +
         const serviceURL = await fetchServiceEndpoint(form.handle);

     

       51
       82
        
       

     

       52
       83
        
         const agent = new BskyAgent({

     

       53
       53
       -
           service: form.serviceURL,

     

       84
       84
       +
           service: serviceURL,

     

       54
       85
        
         });

     

       55
       86
        
       

     

       56
       87
        
         try {

     
···

       114
       145
        
       

     

       115
       146
        
       const UnfollowForm: Component = () => {

     

       116
       147
        
         const [formStore, setFormStore] = createStore<Form>({

     

       117
       117
       -
           serviceURL: "https://bsky.social",

     

       118
       148
        
           handle: "",

     

       119
       149
        
           password: "",

     

       120
       150
        
           blockedby: true,

     
···

       124
       154
        
       

     

       125
       155
        
         return (

     

       126
       156
        
           <div>

     

       127
       127
       -
             <div>

     

       128
       128
       -
               <input

     

       129
       129
       -
                 type="text"

     

       130
       130
       -
                 placeholder="https://bsky.social (optional)"

     

       131
       131
       -
                 onInput={(e) => {

     

       132
       132
       -
                   if (e.currentTarget.value)

     

       133
       133
       -
                     setFormStore("serviceURL", e.currentTarget.value);

     

       134
       134
       -
                   else setFormStore("serviceURL", "https://bsky.social");

     

       135
       135
       -
                 }}

     

       136
       136
       -
               />

     

       137
       137
       -
             </div>

     

       138
       157
        
             <div>

     

       139
       158
        
               <input

     

       140
       159
        
                 type="text"