Switch to custom cors proxy

.github/workflows/deploy-static-content-to-pages.yml

@@ -38,6 +38,8 @@ jobs:
         run: npm install
       - name: Build
         run: npm run build
+        env:
+          VITE_CORS_PROXY_ENDPOINT: ${{ secrets.CORS_PROXY_ENDPOINT }}
       - name: Setup Pages
         uses: actions/configure-pages@v4
       - name: Upload artifact

src/utilities/fetch/fetch-with-proxy.ts

@@ -1,7 +1,11 @@
-export function proxyify(url: string) {
-  return `https://corsproxy.io/?${encodeURIComponent(url)}`;
+export function proxyify(url: string): string {
+  // Only use the CORS proxy if the endpoint is defined.
+  if (import.meta.env.VITE_CORS_PROXY_ENDPOINT) {
+    return `${import.meta.env.VITE_CORS_PROXY_ENDPOINT}${encodeURIComponent(url)}`;
+  }
+  return `${url}`;
 }
 
-export function fetchWithProxy(url: string) {
-  return fetch(`https://corsproxy.io/?${encodeURIComponent(url)}`);
+export async function fetchWithProxy(url: string): Promise<Response> {
+  return fetch(proxyify(url));
 }

src/vite-env.d.ts

@@ -1 +1,12 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /**
+   * Used to configure the CORS proxy endpoint, this is set in the github action during the build/deployment.
+   */
+  readonly VITE_CORS_PROXY_ENDPOINT: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}