feat: add ipinfo worker

apps/web/src/components/Common/Providers/FeatureFlagsProvider.tsx

@@ -1,5 +1,7 @@
 import { GrowthBook, GrowthBookProvider } from '@growthbook/growthbook-react';
+import { useQuery } from '@tanstack/react-query';
 import { GROWTHBOOK_KEY, IS_MAINNET, mainnetStaffs, testnetStaffs } from 'data';
+import getIpInfo from 'lib/getIpInfo';
 import isGardener from 'lib/isGardener';
 import type { FC, ReactNode } from 'react';
 import { useEffect } from 'react';
@@ -17,6 +19,12 @@ interface FeatureFlagsProviderProps {
 const FeatureFlagsProvider: FC<FeatureFlagsProviderProps> = ({ children }) => {
   const currentProfile = useAppStore((state) => state.currentProfile);
 
+  const { data: ipInfoData } = useQuery(
+    ['ipInfoData'],
+    () => getIpInfo().then((res) => res),
+    { enabled: Boolean(currentProfile?.id) }
+  );
+
   useEffect(() => {
     if (currentProfile?.id) {
       growthbook.loadFeatures();
@@ -26,11 +34,12 @@ const FeatureFlagsProvider: FC<FeatureFlagsProviderProps> = ({ children }) => {
         isStaff: IS_MAINNET
           ? mainnetStaffs.includes(currentProfile.id)
           : testnetStaffs.includes(currentProfile.id),
-        browser: window.navigator.userAgent
+        browser: window.navigator.userAgent,
+        country: ipInfoData?.country ?? 'Unknown'
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentProfile]);
+  }, [currentProfile, ipInfoData]);
 
   return (
     <GrowthBookProvider growthbook={growthbook}>{children}</GrowthBookProvider>

apps/web/src/components/Common/Providers/index.tsx

@@ -64,11 +64,11 @@ const Providers = ({ children }: { children: ReactNode }) => {
   return (
     <I18nProvider i18n={i18n}>
       <ErrorBoundary>
-        <FeatureFlagsProvider>
-          <TelemetryProvider />
-          <WagmiConfig client={wagmiClient}>
-            <ApolloProvider client={apolloClient}>
-              <QueryClientProvider client={queryClient}>
+        <TelemetryProvider />
+        <WagmiConfig client={wagmiClient}>
+          <ApolloProvider client={apolloClient}>
+            <QueryClientProvider client={queryClient}>
+              <FeatureFlagsProvider>
                 <LivepeerConfig
                   client={livepeerClient}
                   theme={getLivepeerTheme}
@@ -77,10 +77,10 @@ const Providers = ({ children }: { children: ReactNode }) => {
                     <Layout>{children}</Layout>
                   </ThemeProvider>
                 </LivepeerConfig>
-              </QueryClientProvider>
-            </ApolloProvider>
-          </WagmiConfig>
-        </FeatureFlagsProvider>
+              </FeatureFlagsProvider>
+            </QueryClientProvider>
+          </ApolloProvider>
+        </WagmiConfig>
       </ErrorBoundary>
     </I18nProvider>
   );

packages/lib/getIpInfo.ts

@@ -0,0 +1,21 @@
+import axios from 'axios';
+
+/**
+ * Get the IP info from the IP info API.
+ * @returns The IP info.
+ */
+const getIpInfo = async (): Promise<{
+  success: boolean;
+  ip: string;
+  country: string;
+  ray: string;
+}> => {
+  try {
+    const response = await axios('https://ipinfo.lenster.xyz');
+    return response.data;
+  } catch {
+    throw new Error('Failed to get IP info.');
+  }
+};
+
+export default getIpInfo;

packages/lib/package.json

@@ -11,6 +11,7 @@
     "prettier:fix": "prettier --write \"**/*.{js,ts,tsx,md}\"  --cache"
   },
   "dependencies": {
+    "axios": "^1.4.0",
     "data": "workspace:*",
     "lens": "workspace:*",
     "viem": "^0.3.17"

packages/workers/ipinfo/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  root: true,
+  extends: ['weblint'],
+  rules: {
+    'import/no-anonymous-default-export': 'off'
+  }
+};

packages/workers/ipinfo/README.md

@@ -0,0 +1 @@
+# IPInfo worker

packages/workers/ipinfo/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@workers/ipinfo",
+  "version": "0.0.0",
+  "private": true,
+  "license": "GPL-3.0",
+  "scripts": {
+    "dev": "wrangler dev --port 8086 --local",
+    "worker:deploy": "wrangler publish",
+    "typecheck": "tsc --pretty",
+    "lint": "eslint . --ext .ts",
+    "lint:fix": "eslint . --fix --ext .ts",
+    "prettier": "prettier --check \"**/*.{js,ts,tsx,md}\"  --cache",
+    "prettier:fix": "prettier --write \"**/*.{js,ts,tsx,md}\"  --cache"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20230419.0",
+    "eslint-config-weblint": "workspace:*",
+    "tsconfig": "workspace:*",
+    "typescript": "^5.0.4",
+    "wrangler": "^2.19.0"
+  }
+}

packages/workers/ipinfo/src/index.ts

@@ -0,0 +1,25 @@
+const headers = {
+  'Access-Control-Allow-Origin': '*',
+  'Access-Control-Allow-Headers': 'Content-Type',
+  'Content-Type': 'application/json'
+};
+
+const handleRequest = async (request: Request) => {
+  try {
+    const ip = request.headers.get('cf-connecting-ip');
+    const country = request.headers.get('cf-ipcountry');
+    const ray = request.headers.get('cf-ray');
+
+    return new Response(JSON.stringify({ success: true, ip, country, ray }), {
+      headers
+    });
+  } catch {
+    return new Response(JSON.stringify({ success: false }), { headers });
+  }
+};
+
+export default {
+  async fetch(request: Request) {
+    return await handleRequest(request);
+  }
+};

packages/workers/ipinfo/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "tsconfig/base.json",
+  "compilerOptions": {
+    "types": ["@cloudflare/workers-types"]
+  }
+}

packages/workers/ipinfo/wrangler.toml

@@ -0,0 +1,7 @@
+name = "ipinfo"
+main = "src/index.ts"
+compatibility_date = "2023-01-25"
+
+routes = [
+	{ pattern = "ipinfo.lenster.xyz", custom_domain = true }
+]