Setup for cloud flare

Author: hackall360

server/Server setup.txt _server/Server setup.txtserver/Server setup.txt renamed to _server/Server setup.txt

@@ -1,6 +1,11 @@
 document.addEventListener("DOMContentLoaded", () => {
-  const SERVER_URL = "https://vps.unityailab.online:3000";
-  const USE_LOCAL_FALLBACK = true;
+  /* ─── Cloudflare‑only setup (no VPS) ───────────────────────────── */
+  const USE_LOCAL_FALLBACK = false;              // set true only for offline dev
+  /* visitor‑counter cache */
+  const VISITOR_CACHE_MS = 5 * 60 * 1000;        // 5 minutes
+  const VISITOR_TS_KEY   = "visitor_ts";
+  const VISITOR_CNT_KEY  = "visitor_cnt";
+  /* ──────────────────────────────────────────────────────────────── */
 
   const sessionListEl = document.getElementById("session-list");
   let sessions = loadSessions();
@@ -255,6 +260,8 @@ document.addEventListener("DOMContentLoaded", () => {
     location.reload();
   }
 
+  /* ───── user‑ID registration (now via /api/registerUser) ───── */
+
   function initUserChecks() {
     let firstLaunch = localStorage.getItem("firstLaunch");
     if (firstLaunch === null) {
@@ -303,7 +310,7 @@ document.addEventListener("DOMContentLoaded", () => {
       return true;
     }
     try {
-      const response = await fetch(`${SERVER_URL}/api/registerUser`, {
+      const response = await fetch("/api/registerUser", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ userId })
@@ -323,35 +330,51 @@ document.addEventListener("DOMContentLoaded", () => {
     return Math.random().toString(36).substr(2, 9);
   }
 
+  /* ───── Cloudflare visitor‑counter ───── */
+
   function startVisitorCountPolling() {
     const visitorCountDisplay = document.getElementById("visitor-count-display");
     if (!visitorCountDisplay) return;
-    fetchVisitorCount().then((count) => {
-      visitorCountDisplay.textContent = count.toString();
-    }).catch((err) => {
-      visitorCountDisplay.textContent = "Offline";
-      console.warn("Failed to get visitor count:", err);
-    });
+
+    async function update() {
+      try {
+        const count = await fetchVisitorCountCached();
+        visitorCountDisplay.textContent = prettyNumber(count);
+      } catch (err) {
+        visitorCountDisplay.textContent = "Offline";
+        console.warn("Failed to get visitor count:", err);
+      }
+    }
+
+    update();
+    setInterval(update, 60_000); // refresh every minute
   }
 
-  async function fetchVisitorCount() {
-    if (USE_LOCAL_FALLBACK) {
-      return 1234;
+  async function fetchVisitorCountCached() {
+    const now = Date.now();
+    const ts  = +localStorage.getItem(VISITOR_TS_KEY) || 0;
+    if (now - ts < VISITOR_CACHE_MS) {
+      return +localStorage.getItem(VISITOR_CNT_KEY);
     }
-    try {
-      const response = await fetch(`${SERVER_URL}/api/visitorCount`);
-      if (!response.ok) {
-        throw new Error(`Server error: ${response.status}`);
-      }
-      const data = await response.json();
-      if (data && typeof data.count === "number") {
-        return data.count;
-      } else {
-        throw new Error("Invalid data format");
-      }
-    } catch (err) {
-      console.error("Failed to fetch visitor count:", err);
-      throw err;
+
+    if (USE_LOCAL_FALLBACK) {
+      const stub = 1234;
+      localStorage.setItem(VISITOR_TS_KEY, now);
+      localStorage.setItem(VISITOR_CNT_KEY, stub);
+      return stub;
     }
+
+    const { total } = await fetch("/api/visitors").then(r => r.json());
+    localStorage.setItem(VISITOR_TS_KEY, now);
+    localStorage.setItem(VISITOR_CNT_KEY, total);
+    return total;
+  }
+
+  function prettyNumber(n) {
+    const abs = Math.abs(n);
+    if (abs >= 1e9)  return (n / 1e9).toFixed(abs >= 1e11 ? 0 : 2) + "B";
+    if (abs >= 1e6)  return (n / 1e6).toFixed(abs >= 1e8  ? 0 : 2) + "M";
+    if (abs >= 1e3)  return (n / 1e3).toFixed(abs >= 1e5  ? 0 : 2) + "K";
+    return n.toString();
   }
 });

server/package-lock.json _server/package-lock.jsonserver/package-lock.json renamed to _server/package-lock.json

@@ -0,0 +1,42 @@
+/**
+ * Cloudflare Pages Function
+ * Route:  /api/registerUser
+ *
+ * Accepts:  POST  { "userId": "abc123" }
+ * Returns:  { "status": "registered" | "exists" | "error" }
+ *
+ * – KV namespace binding: USERS –
+ *   Cloudflare Dashboard ▸ Pages ▸ Functions ▸ Settings ▸ “USERS”
+ */
+export async function onRequestPost({ request, env }) {
+    try {
+      const { userId } = await request.json();
+  
+      if (!userId || typeof userId !== "string") {
+        return new Response(
+          JSON.stringify({ status: "error", msg: "invalid‑id" }),
+          { status: 400, headers: { "Content-Type": "application/json" } }
+        );
+      }
+  
+      const already = await env.USERS.get(userId);
+      if (already !== null) {
+        return new Response(
+          JSON.stringify({ status: "exists" }),
+          { headers: { "Content-Type": "application/json" } }
+        );
+      }
+  
+      await env.USERS.put(userId, "1");
+      return new Response(
+        JSON.stringify({ status: "registered" }),
+        { headers: { "Content-Type": "application/json" } }
+      );
+    } catch (err) {
+      return new Response(
+        JSON.stringify({ status: "error", msg: err.message }),
+        { status: 500, headers: { "Content-Type": "application/json" } }
+      );
+    }
+  }
+  

server/package.json _server/package.jsonserver/package.json renamed to _server/package.json

@@ -0,0 +1,36 @@
+/**
+ * Cloudflare Pages Function
+ * Route:  /api/visitors
+ *
+ * – Requires a KV namespace bound as COUNTER –
+ *   Pages ▸ Functions ▸ Settings ▸ KV Bindings ▸ “COUNTER”
+ */
+export async function onRequestGet({ request, env }) {
+    /* ---------- 1  check the cookie ---------- */
+    const cookies = Object.fromEntries(
+      (request.headers.get('Cookie') || '')
+        .split(/;\s*/)
+        .map(s => s.split('='))
+        .filter(p => p.length === 2)
+    );
+    const known = cookies.vid;
+  
+    /* ---------- 2  read / increment counter ---------- */
+    let total = +(await env.COUNTER.get('total')) || 0;
+    if (!known) {
+      total = total + 1;
+      await env.COUNTER.put('total', total.toString());   // eventual‑consistency write
+    }
+  
+    /* ---------- 3  edge‑cached JSON response ---------- */
+    return new Response(JSON.stringify({ total }), {
+      headers: {
+        'Content-Type': 'application/json',
+        'Set-Cookie': known
+          ? undefined
+          : `vid=${crypto.randomUUID()}; Path=/; Max-Age=31536000; SameSite=Lax`,
+        'Cache-Control': 'public, max-age=60'
+      }
+    });
+  }
+