commit 817515fd3333d0b237ca9a21b1f2024397e96d65 · juli.ee/cleanfollow

.prettierrc

···

       1
       1
       +
       {

     

       2
       2
       +
         "plugins": ["prettier-plugin-tailwindcss"]

     

       3
       3
       +
       }

+95

package-lock.json

···

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

     

       18
       18
        
               "autoprefixer": "^10.4.19",

     

       19
       19
        
               "postcss": "^8.4.39",

     

       20
       20
       +
               "prettier": "^3.3.3",

     

       21
       21
       +
               "prettier-plugin-tailwindcss": "^0.6.6",

     

       20
       22
        
               "solid-devtools": "^0.30.1",

     

       21
       23
        
               "tailwindcss": "^3.4.6",

     

       22
       24
        
               "typescript": "^5.3.3",

     
···

       2716
       2718
        
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",

     

       2717
       2719
        
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",

     

       2718
       2720
        
             "dev": true

     

       2721
       2721
       +
           },

     

       2722
       2722
       +
           "node_modules/prettier": {

     

       2723
       2723
       +
             "version": "3.3.3",

     

       2724
       2724
       +
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",

     

       2725
       2725
       +
             "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",

     

       2726
       2726
       +
             "dev": true,

     

       2727
       2727
       +
             "bin": {

     

       2728
       2728
       +
               "prettier": "bin/prettier.cjs"

     

       2729
       2729
       +
             },

     

       2730
       2730
       +
             "engines": {

     

       2731
       2731
       +
               "node": ">=14"

     

       2732
       2732
       +
             },

     

       2733
       2733
       +
             "funding": {

     

       2734
       2734
       +
               "url": "https://github.com/prettier/prettier?sponsor=1"

     

       2735
       2735
       +
             }

     

       2736
       2736
       +
           },

     

       2737
       2737
       +
           "node_modules/prettier-plugin-tailwindcss": {

     

       2738
       2738
       +
             "version": "0.6.6",

     

       2739
       2739
       +
             "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.6.tgz",

     

       2740
       2740
       +
             "integrity": "sha512-OPva5S7WAsPLEsOuOWXATi13QrCKACCiIonFgIR6V4lYv4QLp++UXVhZSzRbZxXGimkQtQT86CC6fQqTOybGng==",

     

       2741
       2741
       +
             "dev": true,

     

       2742
       2742
       +
             "engines": {

     

       2743
       2743
       +
               "node": ">=14.21.3"

     

       2744
       2744
       +
             },

     

       2745
       2745
       +
             "peerDependencies": {

     

       2746
       2746
       +
               "@ianvs/prettier-plugin-sort-imports": "*",

     

       2747
       2747
       +
               "@prettier/plugin-pug": "*",

     

       2748
       2748
       +
               "@shopify/prettier-plugin-liquid": "*",

     

       2749
       2749
       +
               "@trivago/prettier-plugin-sort-imports": "*",

     

       2750
       2750
       +
               "@zackad/prettier-plugin-twig-melody": "*",

     

       2751
       2751
       +
               "prettier": "^3.0",

     

       2752
       2752
       +
               "prettier-plugin-astro": "*",

     

       2753
       2753
       +
               "prettier-plugin-css-order": "*",

     

       2754
       2754
       +
               "prettier-plugin-import-sort": "*",

     

       2755
       2755
       +
               "prettier-plugin-jsdoc": "*",

     

       2756
       2756
       +
               "prettier-plugin-marko": "*",

     

       2757
       2757
       +
               "prettier-plugin-multiline-arrays": "*",

     

       2758
       2758
       +
               "prettier-plugin-organize-attributes": "*",

     

       2759
       2759
       +
               "prettier-plugin-organize-imports": "*",

     

       2760
       2760
       +
               "prettier-plugin-sort-imports": "*",

     

       2761
       2761
       +
               "prettier-plugin-style-order": "*",

     

       2762
       2762
       +
               "prettier-plugin-svelte": "*"

     

       2763
       2763
       +
             },

     

       2764
       2764
       +
             "peerDependenciesMeta": {

     

       2765
       2765
       +
               "@ianvs/prettier-plugin-sort-imports": {

     

       2766
       2766
       +
                 "optional": true

     

       2767
       2767
       +
               },

     

       2768
       2768
       +
               "@prettier/plugin-pug": {

     

       2769
       2769
       +
                 "optional": true

     

       2770
       2770
       +
               },

     

       2771
       2771
       +
               "@shopify/prettier-plugin-liquid": {

     

       2772
       2772
       +
                 "optional": true

     

       2773
       2773
       +
               },

     

       2774
       2774
       +
               "@trivago/prettier-plugin-sort-imports": {

     

       2775
       2775
       +
                 "optional": true

     

       2776
       2776
       +
               },

     

       2777
       2777
       +
               "@zackad/prettier-plugin-twig-melody": {

     

       2778
       2778
       +
                 "optional": true

     

       2779
       2779
       +
               },

     

       2780
       2780
       +
               "prettier-plugin-astro": {

     

       2781
       2781
       +
                 "optional": true

     

       2782
       2782
       +
               },

     

       2783
       2783
       +
               "prettier-plugin-css-order": {

     

       2784
       2784
       +
                 "optional": true

     

       2785
       2785
       +
               },

     

       2786
       2786
       +
               "prettier-plugin-import-sort": {

     

       2787
       2787
       +
                 "optional": true

     

       2788
       2788
       +
               },

     

       2789
       2789
       +
               "prettier-plugin-jsdoc": {

     

       2790
       2790
       +
                 "optional": true

     

       2791
       2791
       +
               },

     

       2792
       2792
       +
               "prettier-plugin-marko": {

     

       2793
       2793
       +
                 "optional": true

     

       2794
       2794
       +
               },

     

       2795
       2795
       +
               "prettier-plugin-multiline-arrays": {

     

       2796
       2796
       +
                 "optional": true

     

       2797
       2797
       +
               },

     

       2798
       2798
       +
               "prettier-plugin-organize-attributes": {

     

       2799
       2799
       +
                 "optional": true

     

       2800
       2800
       +
               },

     

       2801
       2801
       +
               "prettier-plugin-organize-imports": {

     

       2802
       2802
       +
                 "optional": true

     

       2803
       2803
       +
               },

     

       2804
       2804
       +
               "prettier-plugin-sort-imports": {

     

       2805
       2805
       +
                 "optional": true

     

       2806
       2806
       +
               },

     

       2807
       2807
       +
               "prettier-plugin-style-order": {

     

       2808
       2808
       +
                 "optional": true

     

       2809
       2809
       +
               },

     

       2810
       2810
       +
               "prettier-plugin-svelte": {

     

       2811
       2811
       +
                 "optional": true

     

       2812
       2812
       +
               }

     

       2813
       2813
       +
             }

     

       2719
       2814
        
           },

     

       2720
       2815
        
           "node_modules/queue-microtask": {

     

       2721
       2816
        
             "version": "1.2.3",

package.json

···

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

     

       16
       16
        
           "autoprefixer": "^10.4.19",

     

       17
       17
        
           "postcss": "^8.4.39",

     

       18
       18
       +
           "prettier": "^3.3.3",

     

       19
       19
       +
           "prettier-plugin-tailwindcss": "^0.6.6",

     

       18
       20
        
           "solid-devtools": "^0.30.1",

     

       19
       21
        
           "tailwindcss": "^3.4.6",

     

       20
       22
        
           "typescript": "^5.3.3",

+12 -12

src/App.tsx

···

       96
       96
        
       

     

       97
       97
        
         return (

     

       98
       98
        
           <div class="mt-3 flex flex-col sm:flex-row">

     

       99
       99
       -
             <div class="mr-5 mb-3 pb-3 justify-around sm:mb-0 sm:top-3 top-0 border-b border-b-gray-400 sm:border-none w-full bg-white sm:w-auto sticky sm:self-start flex flex-wrap sm:flex-col">

     

       99
       99
       +
             <div class="sticky top-0 mb-3 mr-5 flex w-full flex-wrap justify-around border-b border-b-gray-400 bg-white pb-3 sm:top-3 sm:mb-0 sm:w-auto sm:flex-col sm:self-start sm:border-none">

     

       100
       100
        
               <For each={options}>

     

       101
       101
        
                 {(option, index) => (

     

       102
       102
        
                   <div

     
···

       107
       107
        
                     }}

     

       108
       108
        
                   >

     

       109
       109
        
                     <div>

     

       110
       110
       -
                       <label class="inline-flex items-center mt-1 mb-2 cursor-pointer">

     

       110
       110
       +
                       <label class="mb-2 mt-1 inline-flex cursor-pointer items-center">

     

       111
       111
        
                         <input

     

       112
       112
        
                           type="checkbox"

     

       113
       113
       -
                           class="sr-only peer"

     

       113
       113
       +
                           class="peer sr-only"

     

       114
       114
        
                           checked

     

       115
       115
        
                           onChange={(e) =>

     

       116
       116
        
                             changeVisibility(option.status, e.currentTarget.checked)

     

       117
       117
        
                           }

     

       118
       118
        
                         />

     

       119
       119
       -
                         <span class="relative w-9 h-5 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></span>

     

       120
       120
       -
                         <span class="ms-3 dark:text-gray-300 select-none">

     

       119
       119
       +
                         <span class="peer relative h-5 w-9 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-[2px] after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800 rtl:peer-checked:after:-translate-x-full"></span>

     

       120
       120
       +
                         <span class="ms-3 select-none dark:text-gray-300">

     

       121
       121
        
                           {option.label}

     

       122
       122
        
                         </span>

     

       123
       123
        
                       </label>

     
···

       143
       143
        
               <For each={followRecords}>

     

       144
       144
        
                 {(record, index) => (

     

       145
       145
        
                   <Show when={record.visible}>

     

       146
       146
       -
                     <div class="flex items-center border-b mb-2 pb-2">

     

       146
       146
       +
                     <div class="mb-2 flex items-center border-b pb-2">

     

       147
       147
        
                       <div class="mr-4">

     

       148
       148
        
                         <input

     

       149
       149
        
                           type="checkbox"

     
···

       353
       353
        
                   type="text"

     

       354
       354
        
                   id="handle"

     

       355
       355
        
                   placeholder="user.bsky.social"

     

       356
       356
       -
                   class="rounded-md mt-1 py-1 px-2 mb-3"

     

       356
       356
       +
                   class="mb-3 mt-1 rounded-md px-2 py-1"

     

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

     

       358
       358
        
                 />

     

       359
       359
        
                 <button

     

       360
       360
        
                   onclick={() => loginBsky(loginInput())}

     

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

     

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

     

       362
       362
        
                 >

     

       363
       363
        
                   Login

     

       364
       364
        
                 </button>

     
···

       376
       376
        
                 <button

     

       377
       377
        
                   type="button"

     

       378
       378
        
                   onclick={() => fetchHiddenAccounts()}

     

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

     

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

     

       380
       380
        
                 >

     

       381
       381
        
                   Preview

     

       382
       382
        
                 </button>

     
···

       385
       385
        
                 <button

     

       386
       386
        
                   type="button"

     

       387
       387
        
                   onclick={() => unfollow()}

     

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

     

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

     

       389
       389
        
                 >

     

       390
       390
        
                   Confirm

     

       391
       391
        
                 </button>

     
···

       405
       405
        
       

     

       406
       406
        
       const App: Component = () => {

     

       407
       407
        
         return (

     

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

     

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

     

       408
       408
       +
           <div class="m-5 flex flex-col items-center">

     

       409
       409
       +
             <h1 class="mb-5 text-2xl">cleanfollow-bsky</h1>

     

       410
       410
        
             <div class="mb-3 text-center">

     

       411
       411
        
               <p>Unfollow blocked, deleted, suspended, and deactivated accounts</p>

     

       412
       412
        
               <p>By default, every account will be unselected</p>