Merge pull request #141 from ArnaudLier/subreddit-card

feat: subreddit card

api/list/domain/[query].ts

@@ -1,11 +1,11 @@
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 import assert from 'assert';
 import fetch from 'cross-fetch';
 import { send, sendError } from '../../../util/http';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -27,7 +27,7 @@ export default async function handler(
       }
     ).then((res) => res.json());
     send(res, response);
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/appstore/[query].ts

@@ -1,5 +1,5 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 interface App {
   trackId: string;
@@ -15,8 +15,8 @@ interface AppStoreResponse {
 }
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query, country } = req.query;
 
@@ -43,7 +43,7 @@ export default async function handler(
       viewURL: app.trackViewUrl,
     }));
     send(res, { result: apps });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/archlinux/[query].ts

@@ -1,9 +1,9 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -22,7 +22,7 @@ export default async function handler(
     ).then((res) => res.text());
     const availability = !/<div id="exact-matches"/.test(response);
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/debian/[query].ts

@@ -1,9 +1,9 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -23,7 +23,7 @@ export default async function handler(
     const body = await response.text();
     const availability = body.includes('No such package');
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/dns/[query].ts

@@ -1,6 +1,6 @@
 import dns from 'dns';
 import { send, sendError } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 function resolvePromise(hostname: string): Promise<string[]> {
   return new Promise((resolve, reject) => {
@@ -12,8 +12,8 @@ function resolvePromise(hostname: string): Promise<string[]> {
 }
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -25,7 +25,7 @@ export default async function handler(
     const response = await resolvePromise(query);
     const availability = response && response.length > 0 ? false : true;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     if (err.code === 'ENODATA' || err.code === 'ENOTFOUND') {
       return send(res, { availability: true });
     }

api/services/domain/[query].ts

@@ -1,11 +1,11 @@
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 import 'cross-fetch';
 import whois from 'whois-json';
 import { send, sendError } from '../../../util/http';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -17,7 +17,7 @@ export default async function handler(
     const response = await whois(query, { follow: 3, verbose: true });
     const availability = response[0].data.domainName ? false : true;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/existence/[query].ts

@@ -20,10 +20,10 @@ export default async function handler(
     const response = await fetch(`https://${query}`);
     const availability = response.status === 404;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     if ((err as any).code === 'ENOTFOUND') {
       return send(res, { availability: true });
     }
-    sendError(res, err as any);
+    sendError(res, err);
   }
 }

api/services/gitlab/[query].ts

@@ -1,10 +1,10 @@
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 import nodeFetch from 'cross-fetch';
 import { send, sendError } from '../../../util/http';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -22,7 +22,7 @@ export default async function handler(
     });
     const availability = response.status === 302;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/jsorg/[query].ts

@@ -33,7 +33,7 @@ export default async function handler(
     } else {
       send(res, { availability: true });
     }
-  } catch (err) {
+  } catch (err: any) {
-    sendError(res, err as any);
+    sendError(res, err);
   }
 }

api/services/launchpad/[query].ts

@@ -1,9 +1,9 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -24,7 +24,7 @@ export default async function handler(
     );
     const availability = response.status !== 200;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/npm-org/[query].ts

@@ -1,10 +1,10 @@
 import npmName from 'npm-name';
 import { send, sendError } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -15,7 +15,7 @@ export default async function handler(
   try {
     const availability = await npmName(`@${query}`);
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     if (err.code === 'ENOTFOUND') {
       return send(res, { availability: true });
     }

api/services/npm/[query].ts

@@ -15,7 +15,7 @@ export default async function handler(
   try {
     const availability = await npmName(query);
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/nta/[query].ts

@@ -92,7 +92,7 @@ export default async function handler(
           }))
           .slice(0, 10) || [],
     });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/playstore/[query].ts

@@ -1,10 +1,10 @@
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 import 'cross-fetch';
 import { fetch, send, sendError } from '../../../util/http';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -34,7 +34,7 @@ export default async function handler(
       url: 'https://play.google.com' + entry[9][4][2],
     }));
     send(res, { result: apps.slice(0, 10) });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/reddit/[query].ts

@@ -0,0 +1,28 @@
+import { send, sendError, fetch } from '../../../util/http';
+import { VercelRequest, VercelResponse } from '@vercel/node';
+
+export default async function handler(
+  req: VercelRequest,
+  res: VercelResponse
+): Promise<void> {
+  const { query } = req.query;
+
+  if (!query || typeof query !== 'string') {
+    return sendError(res, new Error('No query given'));
+  }
+
+  if (/[^a-zA-Z0-9_]/.test(query)) {
+    return sendError(res, new Error('Invalid characters'));
+  }
+
+  try {
+    const response = await fetch(`https://reddit.com/r/${query}`, 'GET');
+    const body = await response.text();
+    const availability = body.includes(
+      'Sorry, there aren’t any communities on Reddit with that name.'
+    );
+    send(res, { availability });
+  } catch (err: any) {
+    sendError(res, err);
+  }
+}

api/services/slack/[query].ts

@@ -1,9 +1,9 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -21,7 +21,7 @@ export default async function handler(
     );
     const availability = response.status !== 200;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/spectrum/[query].ts

@@ -1,9 +1,9 @@
 import { send, sendError, fetch } from '../../../util/http';
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -25,7 +25,7 @@ export default async function handler(
       'You may be trying to view something that is deleted'
     );
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

api/services/twitter/[query].ts

@@ -1,9 +1,9 @@
-import { NowRequest, NowResponse } from '@vercel/node';
+import { VercelRequest, VercelResponse } from '@vercel/node';
 import { fetch, send, sendError } from '../../../util/http';
 
 export default async function handler(
-  req: NowRequest,
+  req: VercelRequest,
-  res: NowResponse
+  res: VercelResponse
 ): Promise<void> {
   const { query } = req.query;
 
@@ -22,7 +22,7 @@ export default async function handler(
     ).then((res) => res.json());
     const availability = response.valid;
     send(res, { availability });
-  } catch (err) {
+  } catch (err: any) {
     sendError(res, err);
   }
 }

public/locales/de/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "Twitter"
   },
   "showMore": "Zeig mehr",

public/locales/en/translation.json

@@ -41,6 +41,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "Twitter"
   },
   "showMore": "show more",

public/locales/fr/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "Twitter"
   },
   "showMore": "afficher plus",

public/locales/ja/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "Twitter"
   },
   "showMore": "さらに表示",

public/locales/pt-BR/translation.json

@@ -41,6 +41,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "Twitter"
   },
   "showMore": "Mostrar +",

public/locales/zh-Hans/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "推特"
   },
   "showMore": "更多",

public/locales/zh-Hant/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "reddit": "Reddit",
     "twitter": "推特"
   },
   "showMore": "更多",

src/components/cards/index.tsx

@@ -24,6 +24,7 @@ import RubyGemsCard from './providers/RubyGems';
 import S3Card from './providers/S3';
 import SlackCard from './providers/Slack';
 import SpectrumCard from './providers/Spectrum';
+import SubredditCard from './providers/Subreddit';
 import TwitterCard from './providers/Twitter';
 import VercelCard from './providers/Vercel';
 
@@ -53,6 +54,7 @@ const Index: React.FC<{ query: string }> = ({ query }) => {
         <SlackCard query={query} />
         {/* <InstagramCard query={query} /> */}
         <SpectrumCard query={query} />
+        <SubredditCard query={query} />
         <S3Card query={query} />
         <FirebaseCard query={query} />
       </Cards>

src/components/cards/providers/Subreddit.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaReddit } from 'react-icons/fa';
+import { normalize } from '../../../util/text';
+
+import { Card, Repeater, DedicatedAvailability } from '../core';
+
+const SubredditCard: React.FC<{ query: string }> = ({ query }) => {
+  const { t } = useTranslation();
+  const normalizedQuery = normalize(query, {
+    allowUnderscore: true,
+  });
+  const lowerCase = normalizedQuery.toLowerCase();
+
+  const names = [normalizedQuery];
+  const moreNames = [
+    `get${lowerCase}`,
+    `${lowerCase}_team`,
+  ];
+
+  return (
+    <Card title={t('providers.reddit')}>
+      <Repeater items={names} moreItems={moreNames}>
+        {(name) => (
+          <DedicatedAvailability
+            name={name}
+            service="reddit" // route to http://namae.dev/api/services/reddit/<query> which is /api/services/reddit/[query].ts on GitHub
+            message={`Go to reddit.com/r/${name}`}
+            link={`https://reddit.com/r/${name}`}
+            prefix="reddit.com/r/"
+            icon={<FaReddit />}
+          />
+        )}
+      </Repeater>
+    </Card>
+  );
+};
+
+export default SubredditCard;

src/setupTests.ts

@@ -4,7 +4,8 @@ import '@testing-library/jest-dom/extend-expect';
 // i18next
 import { join } from 'path';
 import i18n from 'i18next';
-import Backend from 'i18next-node-fs-backend';
+import Backend from 'i18next-chained-backend';
+import NodeFs from 'i18next-node-fs-backend';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
@@ -14,7 +15,10 @@ i18n
   .use(initReactI18next)
   .init({
     backend: {
-      loadPath: join(__dirname, '../public/locales/{{lng}}/{{ns}}.json'),
+      backends: [NodeFs],
+      backendOptions: [
+        { loadPath: join(__dirname, '../public/locales/{{lng}}/{{ns}}.json') },
+      ],
     },
     fallbackLng: 'en',
     ns: ['translation'],

src/util/analytics.ts

@@ -21,7 +21,7 @@ export function trackEvent({
   if (isProduction) {
     try {
       umami && umami.trackEvent(value, type);
-    } catch (err) {}
+    } catch (err: any) {}
   }
 }