Add page function and index-test home page for AB test, also remove test page from site map

Author: rnwolf

public/_worker.js

@@ -1,12 +1,35 @@
-export default {
-  async fetch(request, env) {
-    const url = new URL(request.url);
-    if (url.pathname.startsWith('/api/')) {
-      // TODO: Add your custom /api/* logic here.
-      return new Response('Ok');
+const cookieName = "ab-homepage-test-cookie"
+const newHomepagePathName = "/index-test"
+
+const abTest = async (context) => {
+  const url = new URL(context.request.url)
+  // if homepage
+  if (url.pathname === "/") {
+    // if cookie ab-homepagetest-cookie=new then change the request to go to /index-test
+    // if no cookie set, pass x% of traffic and set a cookie value to "current" or "new"
+
+    let cookie = request.headers.get("cookie")
+    // is cookie set?
+    if (cookie && cookie.includes(`${cookieName}=new`)) {
+      // pass the request to /test
+      url.pathname = newHomepagePathName
+      return context.env.ASSETS.fetch(url)
+    } else {
+      const percentage = Math.floor(Math.random() * 100)
+      let version = "current" // default version
+      // change pathname and version name for 50% of traffic
+      if (percentage < 50) {
+        url.pathname = newHomepagePathName
+        version = "new"
+      }
+      // get the static file from ASSETS, and attach a cookie
+      const asset = await context.env.ASSETS.fetch(url)
+      let response = new Response(asset.body, asset)
+      response.headers.append("Set-Cookie", `${cookieName}=${version}; path=/`)
+      return response
     }
-    // Otherwise, serve the static assets.
-    // Without this, the Worker will error and no assets will be served.
-    return env.ASSETS.fetch(request);
-  },
-}
+  }
+  return context.next()
+};
+
+export const onRequest = [abTest];