juli.ee / cleanfollow
Unfollow tool for Bluesky
fork atom

Compare changes

Choose any two refs to compare.

options
unified split
Changed files
+22 -107
.gitignore
LICENSE
README.md
postcss.config.js
public
favicon.webp
src
App.tsx
assets
favicon.ico
icons.css
index.css
index.tsx
tailwind.config.js
uno.config.ts
-6
postcss.config.js 
···

       
1

       
-

       
export default {


     

       
2

       
-

       
  plugins: {


     

       
3

       
-

       
    tailwindcss: {},


     

       
4

       
-

       
    autoprefixer: {},


     

       
5

       
-

       
  },


     

       
6

       
-

       
}


     
···
-11
tailwind.config.js 
···

       
1

       
-

       
/** @type {import('tailwindcss').Config} */


     

       
2

       
-

       
export default {


     

       
3

       
-

       
  content: [


     

       
4

       
-

       
    "./index.html",


     

       
5

       
-

       
    "./src/**/*.{js,ts,jsx,tsx,css,md,mdx,html,json,scss}",


     

       
6

       
-

       
  ],


     

       
7

       
-

       
  darkMode: "class",


     

       
8

       
-

       
  theme: {


     

       
9

       
-

       
    extends: {},


     

       
10

       
-

       
  },


     

       
11

       
-

       
};


     
···
-3
README.md 
···

       
1

       
-

       
## cleanfollow-bsky


     

       
2

       
-

       



     

       
3

       
-

       
web app to unfollow deleted/deactivated/blocked/suspended bluesky accounts


     
···
+1 -1
LICENSE 
···

       
1

       
-

       
Copyright (c) 2024 Juliet Philippe <notjuliet@riseup.net>


     

       
2

       
 

       



     

       
3

       
 

       
Permission to use, copy, modify, and/or distribute this software for any


     

       
4

       
 

       
purpose with or without fee is hereby granted.


     
···

       
1

       
+

       
Copyright (c) 2024 Juliet Philippe <m@juli.ee>


     

       
2

       
 

       



     

       
3

       
 

       
Permission to use, copy, modify, and/or distribute this software for any


     

       
4

       
 

       
purpose with or without fee is hereby granted.
src/assets/favicon.ico

This is a binary file and will not be displayed.

public/favicon.webp

This is a binary file and will not be displayed.

-70
src/icons.css 
···

       
1

       
-

       
.i-fa6-brands-bluesky {


     

       
2

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2c-18.2 64.8-84.4 81.4-143.3 71.3C456 322 482.2 380 425.6 438c-107.4 110.2-154.3-27.6-166.3-62.9c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z'/%3E%3C/svg%3E");


     

       
3

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
4

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
5

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
6

       
-

       
  mask-size: 100% 100%;


     

       
7

       
-

       
  background-color: currentColor;


     

       
8

       
-

       
  color: inherit;


     

       
9

       
-

       
  width: 1.2em;


     

       
10

       
-

       
  height: 1.2em;


     

       
11

       
-

       
}


     

       
12

       
-

       



     

       
13

       
-

       
.i-bi-github {


     

       
14

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01 1.08.58 1.23.82c.72 1.21 1.87.87 2.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0 0 .67-.21 2.2.82c.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82c.44 1.1.16 1.92.08 2.12c.51.56.82 1.27.82 2.15c0 3.07-1.87 3.75-3.65 3.95c.29.25.54.73.54 1.48c0 1.07-.01 1.93-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8'/%3E%3C/svg%3E");


     

       
15

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
16

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
17

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
18

       
-

       
  mask-size: 100% 100%;


     

       
19

       
-

       
  background-color: currentColor;


     

       
20

       
-

       
  color: inherit;


     

       
21

       
-

       
  width: 1.2em;


     

       
22

       
-

       
  height: 1.2em;


     

       
23

       
-

       
}


     

       
24

       
-

       



     

       
25

       
-

       
.i-tabler-moon-stars {


     

       
26

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992zm5 1a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2m2 7h2m-1-1v2'/%3E%3C/svg%3E");


     

       
27

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
28

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
29

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
30

       
-

       
  mask-size: 100% 100%;


     

       
31

       
-

       
  background-color: currentColor;


     

       
32

       
-

       
  color: inherit;


     

       
33

       
-

       
  width: 1.2em;


     

       
34

       
-

       
  height: 1.2em;


     

       
35

       
-

       
}


     

       
36

       
-

       



     

       
37

       
-

       
.i-tabler-sun {


     

       
38

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");


     

       
39

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
40

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
41

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
42

       
-

       
  mask-size: 100% 100%;


     

       
43

       
-

       
  background-color: currentColor;


     

       
44

       
-

       
  color: inherit;


     

       
45

       
-

       
  width: 1.2em;


     

       
46

       
-

       
  height: 1.2em;


     

       
47

       
-

       
}


     

       
48

       
-

       



     

       
49

       
-

       
.i-tabler-external-link {


     

       
50

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E");


     

       
51

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
52

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
53

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
54

       
-

       
  mask-size: 100% 100%;


     

       
55

       
-

       
  background-color: currentColor;


     

       
56

       
-

       
  width: 1.2em;


     

       
57

       
-

       
  height: 1.2em;


     

       
58

       
-

       
}


     

       
59

       
-

       



     

       
60

       
-

       
.i-simple-icons-kofi {


     

       
61

       
-

       
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.351 2.715c-2.7 0-4.986.025-6.83.26C2.078 3.285 0 5.154 0 8.61c0 3.506.182 6.13 1.585 8.493c1.584 2.701 4.233 4.182 7.662 4.182h.83c4.209 0 6.494-2.234 7.637-4a9.5 9.5 0 0 0 1.091-2.338C21.792 14.688 24 12.22 24 9.208v-.415c0-3.247-2.13-5.507-5.792-5.87c-1.558-.156-2.65-.208-6.857-.208m0 1.947c4.208 0 5.09.052 6.571.182c2.624.311 4.13 1.584 4.13 4v.39c0 2.156-1.792 3.844-3.87 3.844h-.935l-.156.649c-.208 1.013-.597 1.818-1.039 2.546c-.909 1.428-2.545 3.064-5.922 3.064h-.805c-2.571 0-4.831-.883-6.078-3.195c-1.09-2-1.298-4.155-1.298-7.506c0-2.181.857-3.402 3.012-3.714c1.533-.233 3.559-.26 6.39-.26m6.547 2.287c-.416 0-.65.234-.65.546v2.935c0 .311.234.545.65.545c1.324 0 2.051-.754 2.051-2s-.727-2.026-2.052-2.026m-10.39.182c-1.818 0-3.013 1.48-3.013 3.142c0 1.533.858 2.857 1.949 3.897c.727.701 1.87 1.429 2.649 1.896a1.47 1.47 0 0 0 1.507 0c.78-.467 1.922-1.195 2.623-1.896c1.117-1.039 1.974-2.364 1.974-3.897c0-1.662-1.247-3.142-3.039-3.142c-1.065 0-1.792.545-2.338 1.298c-.493-.753-1.246-1.298-2.312-1.298'/%3E%3C/svg%3E");


     

       
62

       
-

       
  -webkit-mask: var(--un-icon) no-repeat;


     

       
63

       
-

       
  mask: var(--un-icon) no-repeat;


     

       
64

       
-

       
  -webkit-mask-size: 100% 100%;


     

       
65

       
-

       
  mask-size: 100% 100%;


     

       
66

       
-

       
  background-color: currentColor;


     

       
67

       
-

       
  color: inherit;


     

       
68

       
-

       
  width: 1.2em;


     

       
69

       
-

       
  height: 1.2em;


     

       
70

       
-

       
}


     
···
+19
src/index.css 
···

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     
···

       
1

       
+

       
@import "tailwindcss";


     

       
2

       
+

       



     

       
3

       
+

       
@plugin "@iconify/tailwind4";


     

       
4

       
+

       



     

       
5

       
+

       
@custom-variant dark (&:where(.dark, .dark *));


     

       
6

       
+

       



     

       
7

       
+

       
@theme {


     

       
8

       
+

       
  --color-dark-50: oklch(40.91% 0 0);


     

       
9

       
+

       
  --color-dark-100: oklch(35.62% 0 0);


     

       
10

       
+

       
  --color-dark-200: oklch(31.71% 0 0);


     

       
11

       
+

       
  --color-dark-300: oklch(29.72% 0 0);


     

       
12

       
+

       
  --color-dark-400: oklch(25.2% 0 0);


     

       
13

       
+

       
  --color-dark-500: oklch(23.93% 0 0);


     

       
14

       
+

       
  --color-dark-600: oklch(22.73% 0.0038 286.09);


     

       
15

       
+

       
  --color-dark-700: oklch(22.21% 0 0);


     

       
16

       
+

       
  --color-dark-800: oklch(20.9% 0 0);


     

       
17

       
+

       
  --color-dark-900: oklch(16.84% 0 0);


     

       
18

       
+

       
  --color-dark-950: oklch(13.44% 0 0);


     

       
19

       
+

       
}
+1 -3
src/index.tsx 
···

       
2

       
 

       
import { render } from "solid-js/web";


     

       
3

       
 

       



     

       
4

       
 

       
import App from "./App";


     

       
5

       
-

       
import "virtual:uno.css";


     

       
6

       
-

       
import "./tailwind-compat.css";


     

       
7

       
-

       
import "./icons.css"


     

       
8

       
 

       



     

       
9

       
 

       
render(() => <App />, document.getElementById("root") as HTMLElement);


     
···

       
2

       
 

       
import { render } from "solid-js/web";


     

       
3

       
 

       



     

       
4

       
 

       
import App from "./App";


     

       
5

       
+

       
import "./index.css";


     

       

       

       
     

       

       

       
     

       
6

       
 

       



     

       
7

       
 

       
render(() => <App />, document.getElementById("root") as HTMLElement);
-5
uno.config.ts 
···

       
1

       
-

       
import { defineConfig, presetWind3 } from "unocss";


     

       
2

       
-

       



     

       
3

       
-

       
export default defineConfig({


     

       
4

       
-

       
  presets: [presetWind3()],


     

       
5

       
-

       
});


     
···
+1
.gitignore 
···

       
1

       
 

       
node_modules


     

       
2

       
 

       
dist


     

       
3

       
 

       
.env


     

       

       

       
     
···

       
1

       
 

       
node_modules


     

       
2

       
 

       
dist


     

       
3

       
 

       
.env


     

       
4

       
+

       
.DS_Store
-8
src/App.tsx 
···

       
583

       
 

       
          >


     

       
584

       
 

       
            <span class="icon-[simple-icons--github] text-xl"></span>


     

       
585

       
 

       
          </a>


     

       
586

       
-

       
          <a


     

       
587

       
-

       
            class="flex items-center"


     

       
588

       
-

       
            title="Donate"


     

       
589

       
-

       
            href="https://ko-fi.com/notjuliet"


     

       
590

       
-

       
            target="_blank"


     

       
591

       
-

       
          >


     

       
592

       
-

       
            <span class="icon-[simple-icons--kofi] text-xl"></span>


     

       
593

       
-

       
          </a>


     

       
594

       
 

       
        </div>


     

       
595

       
 

       
      </div>


     

       
596

       
 

       
      <div class="mb-2 text-center">


     
···

       
583

       
 

       
          >


     

       
584

       
 

       
            <span class="icon-[simple-icons--github] text-xl"></span>


     

       
585

       
 

       
          </a>


     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       
586

       
 

       
        </div>


     

       
587

       
 

       
      </div>


     

       
588

       
 

       
      <div class="mb-2 text-center">