feat: subreddit card

api/services/subreddit/[query].ts

@@ -0,0 +1,31 @@
+import { send, sendError, fetch } from '../../../util/http';
+import { NowRequest, NowResponse } from '@vercel/node';
+
+export default async function handler(
+  req: NowRequest,
+  res: NowResponse
+): 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) {
+    sendError(res, err);
+  }
+}

public/locales/de/translation.json

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

public/locales/en/translation.json

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

public/locales/fr/translation.json

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

public/locales/ja/translation.json

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

public/locales/pt-BR/translation.json

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

public/locales/zh-Hans/translation.json

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

public/locales/zh-Hant/translation.json

@@ -37,6 +37,7 @@
     "s3": "AWS S3",
     "slack": "Slack",
     "spectrum": "Spectrum",
+    "subreddit": "Subreddit",
     "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,32 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaReddit } from 'react-icons/fa';
+
+import { Card, Repeater, DedicatedAvailability } from '../core';
+
+const SubredditCard: React.FC<{ query: string }> = ({ name }) => {
+  const { t } = useTranslation();
+  const lowerCase = name.toLowerCase();
+
+  const names = [name];
+  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
+            link={`https://reddit.com/r/${name}`}
+            prefix="reddit.com/r/"
+            icon={<FaReddit />}
+          />
+        )}
+      </Repeater>
+    </Card>
+  );
+};