Hardcode OBBBA iframe URL to fix deep links

MaxGhenis · MaxGhenis · commit 6802318502f1 · 2025-07-22T23:33:28.000-04:00
After multiple attempts to fix deep links through configuration, it appears there may be build-time or deployment issues preventing the correct URL from being used. This commit: 1. Hardcodes the correct GitHub Pages URL directly in the component 2. Removes the environment configuration that wasn't working 3. Adds debug logging to help diagnose issues in production This is a more direct approach that bypasses any potential: - Environment variable issues - Build-time configuration problems - Deployment configuration overrides Once deployed, deep links should finally work at URLs like: https://policyengine.org/us/obbba-household-explorer?household=46067&baseline=tcja-expiration
diff --git a/src/applets/OBBBAHouseholdExplorer.jsx b/src/applets/OBBBAHouseholdExplorer.jsx
@@ -4,7 +4,6 @@ import style from "../style";
 import { useWindowHeight } from "../hooks/useWindow";
 import { useEffect, useRef, useMemo } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
-import config from "../config/environment";
 
 export default function OBBBAHouseholdExplorer() {
   const windowHeight = useWindowHeight();
@@ -13,7 +12,11 @@ export default function OBBBAHouseholdExplorer() {
   const iframeRef = useRef(null);
 
   // Memoize baseUrl to prevent unnecessary re-renders
-  const baseUrl = useMemo(() => config.OBBBA_IFRAME_URL, []);
+  // Hardcoding URL to bypass any build/environment issues
+  const baseUrl = useMemo(
+    () => "https://policyengine.github.io/obbba-scatter",
+    [],
+  );
 
   // Memoize iframe origin for efficient message verification
   const iframeOrigin = useMemo(() => new URL(baseUrl).origin, [baseUrl]);
@@ -26,6 +29,14 @@ export default function OBBBAHouseholdExplorer() {
     ? `${baseUrl}?${urlParams.toString()}`
     : baseUrl;
 
+  // Debug logging
+  console.log("OBBBA Explorer Debug:", {
+    baseUrl,
+    locationSearch: location.search,
+    urlParams: urlParams.toString(),
+    finalIframeUrl: iframeUrl,
+  });
+
   useEffect(() => {
     // Listen for messages from the iframe
     const handleMessage = (event) => {
diff --git a/src/config/environment.js b/src/config/environment.js
diff --git a/test-iframe.html b/test-iframe.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Test OBBBA Iframe</title>
+</head>
+<body>
+    <h1>Testing OBBBA Iframe URL Construction</h1>
+    
+    <p>Direct iframe with query parameters:</p>
+    <iframe 
+        src="https://policyengine.github.io/obbba-scatter?household=46067&baseline=tcja-expiration"
+        width="100%"
+        height="600"
+        style="border: 2px solid red;">
+    </iframe>
+    
+    <script>
+        console.log('Iframe URL:', 'https://policyengine.github.io/obbba-scatter?household=46067&baseline=tcja-expiration');
+    </script>
+</body>
+</html>
