From 8e7704a935b18d2ad6a8b8373efd6aca54c73ade Mon Sep 17 00:00:00 2001
From: Snazzah <7025343+Snazzah@users.noreply.github.com>
Date: Tue, 29 Mar 2022 22:39:32 +0000
Subject: [PATCH 1/3] feat: cloudflare card

---
 public/locales/en/translation.json            |  3 +-
 src/components/Welcome.tsx                    |  2 +
 src/components/cards/index.tsx                |  2 +
 src/components/cards/providers/Cloudflare.tsx | 40 +++++++++++++++++++
 4 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 src/components/cards/providers/Cloudflare.tsx

diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 158deb5..0706dd9 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -42,7 +42,8 @@
     "slack": "Slack",
     "spectrum": "Spectrum",
     "reddit": "Reddit",
-    "twitter": "Twitter"
+    "twitter": "Twitter",
+    "cloudflare": "Cloudflare"
   },
   "showMore": "show more",
   "title": "Grab a slick name for your new app",
diff --git a/src/components/Welcome.tsx b/src/components/Welcome.tsx
index 4068a2b..055762a 100644
--- a/src/components/Welcome.tsx
+++ b/src/components/Welcome.tsx
@@ -12,6 +12,7 @@ import {
   FaReddit,
   FaSlack,
   FaTwitter,
+  FaCloudflare,
 } from 'react-icons/fa';
 import { IoIosBeer, IoMdAppstore } from 'react-icons/io';
 import { MdDomain } from 'react-icons/md';
@@ -52,6 +53,7 @@ const supportedProviders: Record<string, React.ReactNode> = {
   heroku: <DiHeroku />,
   now: <NowIcon />,
   netlify: <NetlifyIcon />,
+  cloudflare: <FaCloudflare />,
   s3: <FaAws />,
   firebase: <SiFirebase />,
   jsorg: <FaJsSquare />,
diff --git a/src/components/cards/index.tsx b/src/components/cards/index.tsx
index c8767a3..b88592a 100644
--- a/src/components/cards/index.tsx
+++ b/src/components/cards/index.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';
 import { mobile } from '../../util/css';
 import AppStoreCard from './providers/AppStore';
+import CloudflareCard from './providers/Cloudflare';
 import CratesioCard from './providers/Cratesio';
 import DomainCard from './providers/Domains';
 import FirebaseCard from './providers/Firebase';
@@ -50,6 +51,7 @@ const Index: React.FC<{ query: string }> = ({ query }) => {
         <VercelCard query={query} />
         <HerokuCard query={query} />
         <NetlifyCard query={query} />
+        <CloudflareCard query={query} />
         <JsOrgCard query={query} />
         <SlackCard query={query} />
         {/* <InstagramCard query={query} /> */}
diff --git a/src/components/cards/providers/Cloudflare.tsx b/src/components/cards/providers/Cloudflare.tsx
new file mode 100644
index 0000000..d5046c1
--- /dev/null
+++ b/src/components/cards/providers/Cloudflare.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { FaCloudflare } from 'react-icons/fa';
+import { normalize } from '../../../util/text';
+
+import { Card, Repeater, DedicatedAvailability } from '../core';
+
+const CloudflareCard: React.FC<{ query: string }> = ({ query }) => {
+  const { t } = useTranslation();
+  const normalizedQuery = normalize(query, {
+    alphanumeric: false,
+    allowUnderscore: false,
+  });
+  const lowerCase = normalizedQuery.toLowerCase();
+
+  const names = [normalizedQuery];
+  const moreNames = [
+    `${lowerCase}-web`,
+    `${lowerCase}-webapp`,
+    `${lowerCase}-site`,
+  ];
+
+  return (
+    <Card title={t('providers.cloudflare')}>
+      <Repeater items={names} moreItems={moreNames}>
+        {(name) => (
+          <DedicatedAvailability
+            name={`${name}.pages.dev`}
+            service="existence"
+            message={`Go to ${name}.pages.dev`}
+            link={`https://${name}.pages.dev`}
+            icon={<FaCloudflare />}
+          />
+        )}
+      </Repeater>
+    </Card>
+  );
+};
+
+export default CloudflareCard;

From 81093bdf48cb7b3f1d9bfdf0ef2886999568814a Mon Sep 17 00:00:00 2001
From: uetchy <y@uechi.io>
Date: Wed, 30 Mar 2022 13:20:04 +0900
Subject: [PATCH 2/3] chore: bump translation version

---
 src/util/i18n.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/util/i18n.ts b/src/util/i18n.ts
index 3822ba2..d0d47a4 100644
--- a/src/util/i18n.ts
+++ b/src/util/i18n.ts
@@ -5,7 +5,7 @@ import XHR from 'i18next-xhr-backend';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
-const TRANSLATION_VERSION = '8';
+const TRANSLATION_VERSION = '9';
 
 i18n
   .use(Backend)

From 3db76c34c87f9badeae19b177137904011d5b6be Mon Sep 17 00:00:00 2001
From: Snazzah <7025343+Snazzah@users.noreply.github.com>
Date: Tue, 29 Mar 2022 23:26:17 -0500
Subject: [PATCH 3/3] fix: rename service to Cloudflare Pages

---
 public/locales/en/translation.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 0706dd9..fbdeb14 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -43,7 +43,7 @@
     "spectrum": "Spectrum",
     "reddit": "Reddit",
     "twitter": "Twitter",
-    "cloudflare": "Cloudflare"
+    "cloudflare": "Cloudflare Pages"
   },
   "showMore": "show more",
   "title": "Grab a slick name for your new app",