fix: Update cors issue by adding worker.js

Author: sshrihar

.github/workflows/deploy.yaml

@@ -5,6 +5,7 @@ on:
     branches:
       - master
       - dev
+      - fix-cloudflare-deployment-scripts-update
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -15,18 +16,23 @@ jobs:
     runs-on: ubuntu-latest
     outputs:
       env: ${{ steps.set-env.outputs.env }}
+      project-name: ${{ steps.set-env.outputs.project-name }}
     steps:
       - id: set-env
-        run: |
+        run: | 
           if [ "${{ github.ref_name }}" == "master" ]; then
             export ENV=production
-          fi
-
-          if [ "${{ github.ref_name }}" == "dev" ]; then
+            export PROJECT_NAME="polygon-token-list"
+          elif [ "${{ github.ref_name }}" == "dev" ]; then
+            export ENV=staging
+            export PROJECT_NAME="polygon-token-list-staging"
+          else
             export ENV=staging
+            export PROJECT_NAME="polygon-token-list-staging"
           fi
 
           echo "env=$ENV" >> "$GITHUB_OUTPUT"
+          echo "project-name=$PROJECT_NAME" >> "$GITHUB_OUTPUT"
 
   build-and-deploy:
     needs: [get-env]
@@ -36,7 +42,7 @@ jobs:
       - uses: actions/setup-node@v5
       - run: npm ci
       - run: npm run build
-      - name: Deploy bundle
+      - name: Deploy to Cloudflare Workers
         uses: cloudflare/wrangler-action@v3
         with:
           environment: ${{ needs.get-env.outputs.env }}

.gitignore

@@ -2,4 +2,3 @@ node_modules/
 build/
 .DS_STORE
 .wrangler/
-src/wrangler_main.js

functions/_middleware.js

@@ -0,0 +1,16 @@
+export async function onRequest(context) {
+    if (context.request.method === 'OPTIONS') {
+        return new Response(null, {
+            status: 204,
+            headers: {
+                'Access-Control-Allow-Origin': '*',
+                'Access-Control-Allow-Methods': 'GET, HEAD, POST, OPTIONS',
+                'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With',
+                'Access-Control-Max-Age': '86400',
+            },
+        });
+    }
+    
+    // Let static assets handle all other requests
+    return context.next();
+}

package-lock.json

@@ -6,7 +6,10 @@
     "scripts": {
         "test": "mocha 'tests/tokenAddition'",
         "test-all": "mocha 'tests'",
-        "build": "rimraf build && mkdir -p build/tokenlists && node src/write.js && node src/generateWorker.js",
+        "build": "rimraf build && mkdir -p build/tokenlists build/_functions && node src/write.js && cp src/_headers build/_headers && cp src/_redirects build/_redirects && cp functions/_middleware.js build/_functions/_middleware.js",
+        "deploy": "npm run build && npx wrangler pages deploy build",
+        "deploy:staging": "npm run build && npx wrangler pages deploy build --env staging",
+        "deploy:production": "npm run build && npx wrangler pages deploy build --env production",
         "lint": "eslint \"./src/*\"",
         "lint:fix": "eslint --fix \"./src/*\"",
         "lint-tests:fix": "eslint --fix \"./tests/*\""
@@ -33,6 +36,7 @@
         "rimraf": "^3.0.2"
     },
     "dependencies": {
+        "@cloudflare/kv-asset-handler": "^0.4.0",
         "wrangler": "^4.34.0"
     }
 }

package.json

@@ -0,0 +1,5 @@
+/*
+  Access-Control-Allow-Origin: *
+  Access-Control-Allow-Methods: GET, HEAD, POST, OPTIONS
+  Access-Control-Allow-Headers: Content-Type, X-Requested-With
+  Access-Control-Max-Age: 86400

src/_headers

@@ -0,0 +1,5 @@
+# Serve listRegistry.json for explicit requests
+/listRegistry.json  /listRegistry.json  200
+
+# Serve token lists from tokenlists directory
+/tokenlists/*  /tokenlists/:splat  200

src/_redirects

@@ -0,0 +1,55 @@
+export default {
+  async fetch(request, env, ctx) {
+    const url = new URL(request.url);
+    
+    // Handle OPTIONS requests first
+    if (request.method === 'OPTIONS') {
+      return new Response(null, {
+        status: 204,
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          'Access-Control-Allow-Methods': 'GET, HEAD, POST, OPTIONS',
+          'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With',
+          'Access-Control-Max-Age': '86400',
+        },
+      });
+    }
+
+    // Handle root redirect to listRegistry.json
+    if (url.pathname === '/') {
+      // Redirect to listRegistry.json
+      return Response.redirect(new URL('/listRegistry.json', url.origin), 302);
+    }
+
+    // For all other requests, let Cloudflare serve static assets
+    // and add CORS headers to the response
+    let response;
+    
+    try {
+      if (env.ASSETS) {
+        response = await env.ASSETS.fetch(request);
+      } else {
+        // Fallback for local development
+        response = await fetch(request);
+      }
+    } catch (error) {
+      console.error('Error fetching asset:', error);
+      response = await fetch(request);
+    }
+    
+    // Clone the response to add CORS headers
+    const newResponse = new Response(response.body, {
+      status: response.status,
+      statusText: response.statusText,
+      headers: {
+        ...response.headers,
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'GET, HEAD, POST, OPTIONS',
+        'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With',
+        'Access-Control-Max-Age': '86400',
+      },
+    });
+
+    return newResponse;
+  },
+};