feat: implement new tracker

.env.example

@@ -1,2 +1,3 @@
 SUPABASE_URL=
 SUPABASE_ANON_KEY=
+WORKER_URL=

build/esbuild-build.ts

@@ -25,7 +25,7 @@ export const esBuildContext: esbuild.BuildOptions = {
     ".json": "dataurl",
   },
   outdir: "static/dist",
-  define: createEnvDefines(["SUPABASE_URL", "SUPABASE_ANON_KEY"], {
+  define: createEnvDefines(["SUPABASE_URL", "SUPABASE_ANON_KEY", "WORKER_URL"], {
     SUPABASE_STORAGE_KEY: generateSupabaseStorageKey(),
     GIT_REVISION: execSync(`git rev-parse --short HEAD`).toString().trim(),
     NODE_ENV: process.env.NODE_ENV || "development",

functions/helpers.js

@@ -0,0 +1,3 @@
+export const corsHeaders = {
+	"Access-Control-Allow-Origin": "*",
+};

functions/tracker.js

@@ -0,0 +1,60 @@
+import { corsHeaders } from "./helpers";
+
+export async function onRequest(ctx) {
+  const { request, env } = ctx;
+
+  const url = new URL(request.url);
+
+  try {
+    switch (request.method) {
+      case "POST":
+        return handleSet(url, env);
+
+      case "GET":
+        if (url.searchParams.has("key")) {
+          return handleGet(url.searchParams.get("key"), env);
+        } else {
+          return handleList(env);
+        }
+
+      default:
+        return new Response("Method Not Allowed", { headers: corsHeaders, status: 405 });
+    }
+  } catch (error) {
+    console.error("Error processing request:", error);
+    return new Response("Internal Server Error", { headers: corsHeaders, status: 500 });
+  }
+}
+
+async function handleSet(url, env) {
+  const key = url.searchParams.get("key");
+  const value = url.searchParams.get("value");
+
+  if (key && value) {
+    await env.userToReferral.put(key, value);
+    return new Response(`Key '${key}' added with value '${value}'`, { headers: corsHeaders, status: 200 });
+  }
+  return new Response("Missing key or value", { headers: corsHeaders, status: 400 });
+}
+
+async function handleGet(key, env) {
+  const value = await env.userToReferral.get(key);
+  if (value) {
+    return new Response(`Value for '${key}': ${value}`, { headers:corsHeaders, status: 200 });
+  }
+  return new Response(`No value found for '${key}'`, { headers: corsHeaders, status: 404 });
+}
+
+async function handleList(env) {
+  const keys = await env.userToReferral.list();
+  const keyValuePairs = {};
+
+  for (const key of keys.keys) {
+    keyValuePairs[key.name] = await env.userToReferral.get(key.name);
+  }
+
+  return new Response(JSON.stringify(keyValuePairs, null, 2), {
+    headers: { ...corsHeaders, "Content-Type": "application/json" },
+  });
+}
+

src/home/authentication.ts

@@ -13,7 +13,7 @@ export async function authentication() {
 
   const gitHubUser: null | GitHubUser = await getGitHubUser();
   if (gitHubUser) {
-    trackDevRelReferral(gitHubUser.login + "|" + gitHubUser.id);
+    await trackDevRelReferral(gitHubUser.id);
     await displayGitHubUserInformation(gitHubUser);
   }
 }

src/home/devrel-tracker.ts

@@ -1,22 +1,31 @@
+declare const WORKER_URL: string; // @DEV: passed in at build time check build/esbuild-build.ts
+
 export function initiateDevRelTracking() {
   const oldDevRelCode = localStorage.getItem("devRel");
   if (!oldDevRelCode) {
     const urlParams = new URLSearchParams(window.location.search);
-    const devRelCode = urlParams.get("devRel");
+    const devRelCode = urlParams.get("ref");
     if (devRelCode) {
       localStorage.setItem("devRel", devRelCode);
     }
   }
 }
 
-export function trackDevRelReferral(devGithub: string) {
+export async function trackDevRelReferral(devGitHubId: number) {
   const devRelCode = localStorage.getItem("devRel");
+
+  // key: user_id (devGitHubId), value: referral_id (devRelCode)
   if (devRelCode && devRelCode != "done") {
-    // @ts-expect-error : using global gtag
-    gtag("event", "ethSeoul_registration", {
-      devRel: devRelCode,
-      devGithub: devGithub,
+    const url = `${WORKER_URL}/tracker?key=${encodeURIComponent(devGitHubId)}&value=${encodeURIComponent(devRelCode)}`;
+
+    const response = await fetch(url, {
+        method: 'POST',
     });
-    localStorage.setItem("devRel", "done");
+
+    if (response.status === 200) {
+      localStorage.setItem("devRel", "done");
+    } else {
+      console.error(`Failed to set referral. Status: ${response.status}`);
+    }
   }
-}
+}

src/home/getters/get-github-referrals.ts

@@ -0,0 +1,36 @@
+declare const WORKER_URL: string; // @DEV: passed in at build time check build/esbuild-build.ts
+
+export async function getReferralFromUser(devGitHubId: number): Promise<string | null> {
+    const url = `${WORKER_URL}/tracker?key=${encodeURIComponent(devGitHubId)}`;
+
+    const response = await fetch(url, {
+        method: 'GET',
+    });
+
+    if (response.status === 200) {
+      const referralId = await response.text();
+      return referralId;
+    } else if (response.status == 404) {
+      // No referral id found for devGitHubId
+      return null;
+    } else {
+      console.error(`Failed to get key: '${devGitHubId}'. Status: ${response.status}`);
+      return null;
+    }
+}
+
+export async function getListOfReferrals(): Promise<any> {
+  const url = `${WORKER_URL}/tracker`;
+
+  const response = await fetch(url, {
+      method: 'GET',
+  });
+
+  if (response.status === 200) {
+    const data = await response.json();
+    return data; // return JSON file of pairs {key, value}
+  } else {
+    console.error(`Failed to fetch list. Status: ${response.status}`);
+    return null;
+  }
+}

static/index.html

@@ -4,18 +4,6 @@
     <meta charset="UTF-8" />
     <title>DevPool Directory | Ubiquity DAO</title>
 
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VZLJ61H1YM"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-
-      gtag("config", "G-VZLJ61H1YM");
-    </script>
-
     <link rel="stylesheet" href="style/style.css" />
     <link rel="stylesheet" href="style/inverted-style.css" />
     <link rel="stylesheet" href="style/special.css" />

worker-configuration.d.ts

@@ -0,0 +1,3 @@
+interface Env {
+	myKVNamespace: KVNamespace;
+}