pass it from environment

Author: adhami3310

reflex/.templates/web/utils/helpers/upload.js

@@ -433,6 +433,9 @@ export const applyRestEvent = async (event, socket, navigate, params) => {
       event.payload.upload_id,
       event.payload.on_upload_progress,
       socket,
+      refs,
+      getBackendURL,
+      getToken,
     );
     return false;
   }

reflex/.templates/web/utils/state.js

@@ -1422,6 +1422,11 @@ def _submit_work_without_advancing(
         compile_results.append(
             compiler.compile_contexts(self._state, self.theme),
         )
+        compile_results.append(
+            compiler.compile_upload_js(
+                environment.REFLEX_UPLOAD_ENDPOINT_EXTRA_HEADERS.get().items()
+            )
+        )
         if self.theme is not None:
             # Fix #2992 by removing the top-level appearance prop
             self.theme.appearance = None  # pyright: ignore[reportAttributeAccessIssue]

reflex/app.py

@@ -145,6 +145,18 @@ def _compile_contexts(state: type[BaseState] | None, theme: Component | None) ->
     )
 
 
+def _compile_upload_js(extra_headers: Iterable[tuple[str, str]]) -> str:
+    """Compile the upload.js file.
+
+    Args:
+        extra_headers: Extra headers to include in the upload request.
+
+    Returns:
+        The compiled upload.js file.
+    """
+    return templates.upload_js_template(extra_headers=extra_headers)
+
+
 def _compile_page(component: BaseComponent) -> str:
     """Compile the component.
 
@@ -547,6 +559,20 @@ def compile_contexts(
     return output_path, _compile_contexts(state, theme)
 
 
+def compile_upload_js(extra_headers: Iterable[tuple[str, str]]) -> tuple[str, str]:
+    """Compile the upload.js file.
+
+    Args:
+        extra_headers: Extra headers to include in the upload request.
+
+    Returns:
+        The path and code of the compiled upload.js file.
+    """
+    output_path = utils.get_upload_js_path()
+
+    return output_path, _compile_upload_js(extra_headers=extra_headers)
+
+
 def compile_page(path: str, component: BaseComponent) -> tuple[str, str]:
     """Compile a single page.