fix: do not use cors proxy

Author: vemonet

src/App.tsx

@@ -397,10 +397,8 @@ export default function App() {
           if (cursor) params.push(`cursor=${encodeURIComponent(cursor)}`);
           if (filterDate) params.push(`updated_since=${encodeURIComponent(filterDate.toISOString())}`);
           if (params.length > 0) baseUrl += `?${params.join('&')}`;
-          // Wrap API URL with the CORS proxy
-          const proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(baseUrl)}`;
-          // console.log('Fetching URL:', proxyUrl);
-          const response = await fetch(proxyUrl, {
+          // const response = await fetch(proxyUrl(baseUrl), {
+          const response = await fetch(baseUrl, {
             method: 'GET',
             headers: { Accept: 'application/json, application/problem+json' },
             cache: 'force-cache' as const,

src/components/server-card.tsx

@@ -96,8 +96,8 @@ export const ServerCard = ({
     try {
       const url = `${registryUrl}/${encodeURIComponent(item.server.name)}/versions`;
       // Then wrap it with the CORS proxy
-      const proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(url)}`;
-      const res = await fetch(proxyUrl, {
+      // const res = await fetch(proxyUrl(url), {
+      const res = await fetch(url, {
         method: 'GET',
         headers: { Accept: 'application/json, application/problem+json' },
         cache: 'force-cache' as const,
@@ -131,13 +131,13 @@ export const ServerCard = ({
       <CardHeader>
         <div className="flex items-start justify-between gap-2">
           <div className="flex-1 min-w-0">
-            <CardTitle className="text-md break-words mb-2">{item.server.name}</CardTitle>
+            <CardTitle className="text-md wrap-break-word mb-2">{item.server.name}</CardTitle>
             <div className="flex items-center gap-2 mb-1">
               {/* Status indicator */}
               {itemMeta?.status && (
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <div className="flex-shrink-0">
+                    <div className="shrink-0">
                       {itemMeta.status === 'active' ? (
                         <CheckCircle className="h-4 w-4 text-green-700" />
                       ) : (
@@ -189,7 +189,7 @@ export const ServerCard = ({
               {itemMeta?.publishedAt && (
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <div className="flex text-muted-foreground items-center gap-1 flex-shrink-0">
+                    <div className="flex text-muted-foreground items-center gap-1 shrink-0">
                       <Calendar className="h-4 w-4" />
                       <span className="text-xs">
                         {(() => formatDate(new Date(itemMeta.updatedAt || itemMeta.publishedAt)))()}
@@ -218,14 +218,14 @@ export const ServerCard = ({
                       href={displayedServer.repository.url}
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="flex-shrink-0 p-1 rounded-md hover:bg-accent transition-colors"
+                      className="shrink-0 p-1 rounded-md hover:bg-accent transition-colors"
                       onClick={(e) => e.stopPropagation()}
                     >
                       {displayedServer.repository?.source === 'github' ? (
                         <img
                           src={GithubLogo}
                           alt="GitHub"
-                          className="h-4 w-4  [filter:invert(0)] dark:[filter:invert(0.6)]"
+                          className="h-4 w-4  filter-[invert(0)] dark:filter-[invert(0.6)]"
                         />
                       ) : (
                         <Link2 className="h-4 w-4" />
@@ -264,7 +264,7 @@ export const ServerCard = ({
                       href={displayedServer.websiteUrl}
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="flex-shrink-0 p-1 rounded-md hover:bg-accent transition-colors text-muted-foreground"
+                      className="shrink-0 p-1 rounded-md hover:bg-accent transition-colors text-muted-foreground"
                       onClick={(e) => e.stopPropagation()}
                     >
                       <House className="h-4 w-4" />
@@ -291,7 +291,7 @@ export const ServerCard = ({
                     <TooltipTrigger asChild>
                       <button
                         type="button"
-                        className="flex-shrink-0 p-1 rounded-md hover:bg-accent transition-colors text-muted-foreground"
+                        className="shrink-0 p-1 rounded-md hover:bg-accent transition-colors text-muted-foreground"
                         onClick={(e) => e.stopPropagation()}
                       >
                         <FileJson className="h-4 w-4" />
@@ -330,7 +330,7 @@ export const ServerCard = ({
                     {getPkgIcon(pkg)}
                     <span className="font-mono text-muted-foreground">{pkg.identifier}</span>
                     {pkg.environmentVariables && Object.keys(pkg.environmentVariables).length > 0 && (
-                      <Settings className="text-slate-400 flex-shrink-0" />
+                      <Settings className="text-slate-400 shrink-0" />
                     )}
                   </Button>
                 </DialogTrigger>
@@ -358,7 +358,7 @@ export const ServerCard = ({
                       })()}
                     </span>
                     {((remote.headers && remote.headers.length > 0) || remote.variables) && (
-                      <Settings className="text-slate-400 flex-shrink-0" />
+                      <Settings className="text-slate-400 shrink-0" />
                     )}
                   </Button>
                 </DialogTrigger>

src/lib/indexeddb.ts

@@ -309,10 +309,9 @@ const fetchAllServers = async (apiUrl: string): Promise<McpServerItem[]> => {
     if (params.length > 0) {
       baseUrl += `?${params.join('&')}`;
     }
-    // Wrap with CORS proxy
-    const proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(baseUrl)}`;
-    console.log('Fetching all servers URL:', proxyUrl);
-    const response = await fetch(proxyUrl, {
+    // console.log('Fetching all servers URL:', proxyUrl);
+    // const response = await fetch(proxyUrl(baseUrl), {
+    const response = await fetch(baseUrl, {
       method: 'GET',
       headers: { Accept: 'application/json, application/problem+json' },
       cache: 'force-cache' as const,

src/lib/utils.ts

@@ -8,3 +8,8 @@ export function cn(...inputs: ClassValue[]) {
 export const formatDate = (date: Date, separator: string = '.') => {
   return `${date.getFullYear()}${separator}${String(date.getMonth() + 1).padStart(2, '0')}${separator}${String(date.getDate()).padStart(2, '0')}`;
 };
+
+// /** CORS proxy helper */
+// export const proxyUrl = (url: string) => {
+//   return `https://api.allorigins.win/raw?url=${encodeURIComponent(url)}`;
+// }