From 90b71af39bbb243dbdd3d3613a7d4bdfdc07c9b1 Mon Sep 17 00:00:00 2001
From: Tim McMackin <tim.mcmackin@webflow.com>
Date: Fri, 3 Apr 2026 11:53:51 -0400
Subject: [PATCH 1/3] Adapt for base URL that could be /

---
 astro.config.mjs                | 9 ++++-----
 src/components/FileUploader.tsx | 9 ++++-----
 src/pages/files.astro           | 9 +++------
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 5d4cd39..8022c69 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,12 +4,11 @@ import cloudflare from "@astrojs/cloudflare";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@astrojs/react";
 
+const base = process.env.BASE_URL || "/";
+
 // https://astro.build/config
 export default defineConfig({
-  base: "/app",
-  build: {
-    assetsPrefix: "/app",
-  },
+  base,
   security: {
     checkOrigin: false,
   },
@@ -33,4 +32,4 @@ export default defineConfig({
         : undefined,
     },
   },
-});
+});
\ No newline at end of file
diff --git a/src/components/FileUploader.tsx b/src/components/FileUploader.tsx
index 950e36c..998cf4e 100644
--- a/src/components/FileUploader.tsx
+++ b/src/components/FileUploader.tsx
@@ -70,7 +70,7 @@ export default function FileUploader() {
   const loadFiles = async () => {
     try {
       setLoading(true);
-      const response = await fetch(`${import.meta.env.BASE_URL}/api/list-assets`);
+      const response = await fetch(`${import.meta.env.BASE_URL}api/list-assets`);
 
       if (!response.ok) {
         throw new Error("Failed to load files");
@@ -119,7 +119,7 @@ export default function FileUploader() {
       formData.append("file", file);
 
 
-      const response = await fetch(`${import.meta.env.BASE_URL}/api/upload`, {
+      const response = await fetch(`${import.meta.env.BASE_URL}api/upload`, {
         method: "POST",
         body: formData,
       });
@@ -154,8 +154,7 @@ export default function FileUploader() {
     setProgress(0);
 
     try {
-      const assetsPrefix = import.meta.env.ASSETS_PREFIX || "";
-      const BASE_CF_URL = `${assetsPrefix}/api/multipart-upload`;
+      const BASE_CF_URL = `${import.meta.env.BASE_URL}api/multipart-upload`;
       const key = file.name;
       const CHUNK_SIZE = 5 * 1024 * 1024; // 5MB
       const totalParts = Math.ceil(file.size / CHUNK_SIZE);
@@ -527,7 +526,7 @@ export default function FileUploader() {
               const fileLink =
                 file.link ||
                 (file.key
-                  ? `${import.meta.env.ASSETS_PREFIX}/api/asset?key=${file.key}`
+                  ? `${import.meta.env.BASE_URL}api/asset?key=${file.key}`
                   : "");
               const uploadDate =
                 file.dateUploaded || file.uploaded || new Date().toISOString();
diff --git a/src/pages/files.astro b/src/pages/files.astro
index 183c7f3..07566ce 100644
--- a/src/pages/files.astro
+++ b/src/pages/files.astro
@@ -1,8 +1,5 @@
 ---
 import Layout from '../layouts/Layout.astro';
-
-// Get the assets prefix from environment
-const assetsPrefix = Astro.locals.runtime?.env?.ASSETS_PREFIX || '/app';
 ---
 
 <Layout title="File Uploader">
@@ -76,7 +73,7 @@ const assetsPrefix = Astro.locals.runtime?.env?.ASSETS_PREFIX || '/app';
 </Layout>
 
 <script>
-	const assetsPrefix = '${assetsPrefix}';
+	const assetsPrefix = import.meta.env.BASE_URL;
 	
 	// DOM elements
 	const uploadForm = document.getElementById('uploadForm') as HTMLFormElement;
@@ -161,7 +158,7 @@ const assetsPrefix = Astro.locals.runtime?.env?.ASSETS_PREFIX || '/app';
 			loadingFiles.classList.remove('hidden');
 			filesList.innerHTML = '';
 			
-			const response = await fetch(`${assetsPrefix}/api/list-assets`);
+			const response = await fetch(`${assetsPrefix}api/list-assets`);
 			if (!response.ok) {
 				throw new Error('Failed to load files');
 			}
@@ -244,7 +241,7 @@ const assetsPrefix = Astro.locals.runtime?.env?.ASSETS_PREFIX || '/app';
 				progressBar.style.width = `${progress}%`;
 				progressText.textContent = `Uploading ${file.name}...`;
 				
-				const response = await fetch(`${assetsPrefix}/api/upload`, {
+				const response = await fetch(`${assetsPrefix}api/upload`, {
 					method: 'POST',
 					body: formData
 				});

From 0674ec03c91374a631bbe4cbed4bbb0e749f33fb Mon Sep 17 00:00:00 2001
From: Tim McMackin <tim.mcmackin@webflow.com>
Date: Fri, 3 Apr 2026 10:54:43 -0400
Subject: [PATCH 2/3] Debugging by logging

---
 src/components/FileUploader.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/FileUploader.tsx b/src/components/FileUploader.tsx
index 998cf4e..711bff0 100644
--- a/src/components/FileUploader.tsx
+++ b/src/components/FileUploader.tsx
@@ -635,6 +635,17 @@ export default function FileUploader() {
           </div>
         )}
       </div>
+      <div>
+        Environment variables:
+        <ul>
+          <li>
+            BASE_URL: {import.meta.env.BASE_URL}
+          </li>
+          <li>
+            SITE_URL: {import.meta.env.SITE_URL}
+          </li>
+        </ul>
+      </div>
 
       <style
         dangerouslySetInnerHTML={{

From d2119aea77d3b0faa8d53f202d202b890b648ba8 Mon Sep 17 00:00:00 2001
From: Tim McMackin <tim.mcmackin@webflow.com>
Date: Tue, 7 Apr 2026 09:29:33 -0400
Subject: [PATCH 3/3] Try this way

---
 astro.config.mjs                |  3 ++-
 src/components/FileUploader.tsx | 11 +++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 8022c69..c4928d7 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,7 +4,8 @@ import cloudflare from "@astrojs/cloudflare";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@astrojs/react";
 
-const base = process.env.BASE_URL || "/";
+const BASE_URL = process.env.BASE_URL || "/";
+const base = BASE_URL.endsWith('/') ? BASE_URL : BASE_URL + '/';
 
 // https://astro.build/config
 export default defineConfig({
diff --git a/src/components/FileUploader.tsx b/src/components/FileUploader.tsx
index 711bff0..bf64e3a 100644
--- a/src/components/FileUploader.tsx
+++ b/src/components/FileUploader.tsx
@@ -20,6 +20,9 @@ export default function FileUploader() {
     "simple"
   );
 
+  const assetsPrefix = import.meta.env.BASE_URL.endsWith('/') ?
+    import.meta.env.BASE_URL : import.meta.env.BASE_URL + '/';
+
   // File type icons mapping
   const fileIcons: Record<string, string> = {
     pdf: "📄",
@@ -70,7 +73,7 @@ export default function FileUploader() {
   const loadFiles = async () => {
     try {
       setLoading(true);
-      const response = await fetch(`${import.meta.env.BASE_URL}api/list-assets`);
+      const response = await fetch(`${assetsPrefix}/api/list-assets`);
 
       if (!response.ok) {
         throw new Error("Failed to load files");
@@ -119,7 +122,7 @@ export default function FileUploader() {
       formData.append("file", file);
 
 
-      const response = await fetch(`${import.meta.env.BASE_URL}api/upload`, {
+      const response = await fetch(`${assetsPrefix}/api/upload`, {
         method: "POST",
         body: formData,
       });
@@ -154,7 +157,7 @@ export default function FileUploader() {
     setProgress(0);
 
     try {
-      const BASE_CF_URL = `${import.meta.env.BASE_URL}api/multipart-upload`;
+      const BASE_CF_URL = `${assetsPrefix}/api/multipart-upload`;
       const key = file.name;
       const CHUNK_SIZE = 5 * 1024 * 1024; // 5MB
       const totalParts = Math.ceil(file.size / CHUNK_SIZE);
@@ -526,7 +529,7 @@ export default function FileUploader() {
               const fileLink =
                 file.link ||
                 (file.key
-                  ? `${import.meta.env.BASE_URL}api/asset?key=${file.key}`
+                  ? `${assetsPrefix}/api/asset?key=${file.key}`
                   : "");
               const uploadDate =
                 file.dateUploaded || file.uploaded || new Date().toISOString();