commit c8e3c7b044aa0919a75b0b0cea790d923b0d9716 · bretton.dev/socialmeshes-app

+6 -3

public/data/projects.json

···

       16
       16
        
             { "kind": "social", "url": "https://bsky.app/profile/bsky.app" }

     

       17
       17
        
           ],

     

       18
       18
        
           "stars": 7200,

     

       19
       19
       -
           "updatedAt": "2024-12-15"

     

       19
       19
       +
           "updatedAt": "2024-12-15",

     

       20
       20
       +
           "hasIndependentInfrastructure": true

     

       20
       21
        
         },

     

       21
       22
        
         {

     

       22
       23
        
           "id": "atproto",

     
···

       56
       57
        
             { "kind": "social", "url": "https://bsky.app/profile/tangled.sh" }

     

       57
       58
        
           ],

     

       58
       59
        
           "stars": 360,

     

       59
       59
       -
           "updatedAt": "2024-12-16"

     

       60
       60
       +
           "updatedAt": "2024-12-16",

     

       61
       61
       +
           "hasIndependentInfrastructure": true

     

       60
       62
        
         },

     

       61
       63
        
         {

     

       62
       64
        
           "id": "anisota",

     
···

       525
       527
        
             { "kind": "social", "url": "https://bsky.app/profile/blacksky.app" }

     

       526
       528
        
           ],

     

       527
       529
        
           "stars": 480,

     

       528
       528
       -
           "updatedAt": "2025-09-13"

     

       530
       530
       +
           "updatedAt": "2025-09-13",

     

       531
       531
       +
           "hasIndependentInfrastructure": true

     

       529
       532
        
         },

     

       530
       533
        
         {

     

       531
       534
        
           "id": "bridgy-fed",

+69 -32

src/components/ProjectCard.tsx

···

       7
       7
        
       

     

       8
       8
        
       export default function ProjectCard({ project }: ProjectCardProps) {

     

       9
       9
        
         const [showWarning, setShowWarning] = useState(false);

     

       10
       10
       +
         const [showInfrastructureInfo, setShowInfrastructureInfo] = useState(false);

     

       10
       11
        
         const getLinkIcon = (kind: string, url?: string) => {

     

       11
       12
        
           // Special case: Show Bluesky icon for social links on bsky.app

     

       12
       13
        
           if (kind === 'social' && url?.includes('bsky.app')) {

     
···

       119
       120
        
                     )}

     

       120
       121
        
                   </div>

     

       121
       122
        
                 </a>

     

       122
       122
       -
                 {project.type === 'semi-platform' && (

     

       123
       123
       -
                   <div className="relative group">

     

       124
       124
       -
                     <button

     

       125
       125
       -
                       onClick={(e) => {

     

       126
       126
       -
                         e.stopPropagation();

     

       127
       127
       -
                         setShowWarning(!showWarning);

     

       128
       128
       -
                       }}

     

       129
       129
       -
                       className="p-1 -m-1 rounded hover:bg-gray-700 transition-colors sm:pointer-events-none"

     

       130
       130
       -
                       aria-label="Warning information"

     

       131
       131
       -
                     >

     

       132
       132
       -
                       <svg

     

       133
       133
       -
                         className="w-5 h-5 text-yellow-500"

     

       134
       134
       -
                         fill="currentColor"

     

       135
       135
       -
                         viewBox="0 0 20 20"

     

       123
       123
       +
                 <div className="flex items-center gap-2">

     

       124
       124
       +
                   {project.hasIndependentInfrastructure && (

     

       125
       125
       +
                     <div className="relative group">

     

       126
       126
       +
                       <button

     

       127
       127
       +
                         onClick={(e) => {

     

       128
       128
       +
                           e.stopPropagation();

     

       129
       129
       +
                           setShowInfrastructureInfo(!showInfrastructureInfo);

     

       130
       130
       +
                         }}

     

       131
       131
       +
                         className="p-1 -m-1 rounded hover:bg-gray-700 transition-colors sm:pointer-events-none"

     

       132
       132
       +
                         aria-label="Independent infrastructure"

     

       136
       133
        
                       >

     

       137
       137
       -
                         <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />

     

       138
       138
       -
                       </svg>

     

       139
       139
       -
                     </button>

     

       140
       140
       -
                     {showWarning && (

     

       141
       141
       -
                       <>

     

       142
       142
       -
                         <div

     

       143
       143
       -
                           className="fixed inset-0 z-20 sm:hidden"

     

       144
       144
       -
                           onClick={() => setShowWarning(false)}

     

       145
       145
       -
                         />

     

       146
       146
       -
                         <div className="absolute right-0 top-8 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg z-30 border border-gray-700 sm:hidden">

     

       147
       147
       -
                           Has not implemented platform-based AT Protocol lexicon

     

       148
       148
       -
                         </div>

     

       149
       149
       -
                       </>

     

       150
       150
       -
                     )}

     

       151
       151
       -
                     <div className="hidden sm:block absolute right-0 top-6 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10 border border-gray-700">

     

       152
       152
       -
                       Has not implemented platform-based AT Protocol lexicon

     

       134
       134
       +
                         <svg

     

       135
       135
       +
                           className="w-5 h-5 text-blue-400"

     

       136
       136
       +
                           fill="currentColor"

     

       137
       137
       +
                           viewBox="0 0 20 20"

     

       138
       138
       +
                         >

     

       139
       139
       +
                           <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />

     

       140
       140
       +
                         </svg>

     

       141
       141
       +
                       </button>

     

       142
       142
       +
                       {showInfrastructureInfo && (

     

       143
       143
       +
                         <>

     

       144
       144
       +
                           <div

     

       145
       145
       +
                             className="fixed inset-0 z-20 sm:hidden"

     

       146
       146
       +
                             onClick={() => setShowInfrastructureInfo(false)}

     

       147
       147
       +
                           />

     

       148
       148
       +
                           <div className="absolute right-0 top-8 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg z-30 border border-gray-700 sm:hidden">

     

       149
       149
       +
                             Runs fully independent infrastructure

     

       150
       150
       +
                           </div>

     

       151
       151
       +
                         </>

     

       152
       152
       +
                       )}

     

       153
       153
       +
                       <div className="hidden sm:block absolute right-0 top-6 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10 border border-gray-700">

     

       154
       154
       +
                         Runs fully independent infrastructure

     

       155
       155
       +
                       </div>

     

       153
       156
        
                     </div>

     

       154
       154
       -
                   </div>

     

       155
       155
       -
                 )}

     

       157
       157
       +
                   )}

     

       158
       158
       +
                   {project.type === 'semi-platform' && (

     

       159
       159
       +
                     <div className="relative group">

     

       160
       160
       +
                       <button

     

       161
       161
       +
                         onClick={(e) => {

     

       162
       162
       +
                           e.stopPropagation();

     

       163
       163
       +
                           setShowWarning(!showWarning);

     

       164
       164
       +
                         }}

     

       165
       165
       +
                         className="p-1 -m-1 rounded hover:bg-gray-700 transition-colors sm:pointer-events-none"

     

       166
       166
       +
                         aria-label="Warning information"

     

       167
       167
       +
                       >

     

       168
       168
       +
                         <svg

     

       169
       169
       +
                           className="w-5 h-5 text-yellow-500"

     

       170
       170
       +
                           fill="currentColor"

     

       171
       171
       +
                           viewBox="0 0 20 20"

     

       172
       172
       +
                         >

     

       173
       173
       +
                           <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />

     

       174
       174
       +
                         </svg>

     

       175
       175
       +
                       </button>

     

       176
       176
       +
                       {showWarning && (

     

       177
       177
       +
                         <>

     

       178
       178
       +
                           <div

     

       179
       179
       +
                             className="fixed inset-0 z-20 sm:hidden"

     

       180
       180
       +
                             onClick={() => setShowWarning(false)}

     

       181
       181
       +
                           />

     

       182
       182
       +
                           <div className="absolute right-0 top-8 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg z-30 border border-gray-700 sm:hidden">

     

       183
       183
       +
                             Has not implemented platform-based AT Protocol lexicon

     

       184
       184
       +
                           </div>

     

       185
       185
       +
                         </>

     

       186
       186
       +
                       )}

     

       187
       187
       +
                       <div className="hidden sm:block absolute right-0 top-6 w-48 p-2 bg-gray-900 text-gray-200 text-xs rounded-lg opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10 border border-gray-700">

     

       188
       188
       +
                         Has not implemented platform-based AT Protocol lexicon

     

       189
       189
       +
                       </div>

     

       190
       190
       +
                     </div>

     

       191
       191
       +
                   )}

     

       192
       192
       +
                 </div>

     

       156
       193
        
               </div>

     

       157
       194
        
       

     

       158
       195
        
               {project.bannerUrl && (

src/types/project.ts

···

       20
       20
        
         links?: ProjectLink[];

     

       21
       21
        
         stars?: number;

     

       22
       22
        
         updatedAt?: string;

     

       23
       23
       +
         hasIndependentInfrastructure?: boolean;

     

       23
       24
        
       };

     

       24
       25
        
       

     

       25
       26
        
       export type FilterState = {