Merge pull request #2694 from PolicyEngine/redirect-obbba-household-explorer

Redirect obbba-household-explorer to obbba-household-by-household

Author: MaxGhenis

src/PolicyEngine.jsx

@@ -44,6 +44,7 @@ import style from "./style";
 import RedirectToCountry from "./routing/RedirectToCountry";
 import CountryIdLayout from "./routing/CountryIdLayout";
 import RedirectBlogPost from "./routing/RedirectBlogPost";
+import RedirectOBBBAHouseholdExplorer from "./routing/RedirectOBBBAHouseholdExplorer";
 import { StatusPage } from "./pages/StatusPage";
 import ManifestosComparison from "./applets/ManifestosComparison";
 import DeveloperLayout from "./pages/DeveloperLayout";
@@ -386,6 +387,11 @@ export default function PolicyEngine() {
           />
           {/* redirect from /countryId/blog/slug to /countryId/research/slug */}
           <Route path="blog/:postName" element={<RedirectBlogPost />} />
+          {/* redirect from old obbba-household-explorer to obbba-household-by-household */}
+          <Route
+            path="obbba-household-explorer"
+            element={<RedirectOBBBAHouseholdExplorer />}
+          />
         </Route>
         <Route path="/uk/cec" element={<CitizensEconomicCouncil />} />
         <Route path="/uk/2024-manifestos" element={<ManifestosComparison />} />

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) => {

src/apps/apps.json

@@ -3,7 +3,7 @@
     "title": "OBBBA household impact explorer",
     "description": "Interactive tool to explore household-level impacts of the One Big Beautiful Bill Act",
     "url": "https://policyengine.github.io/obbba-scatter",
-    "slug": "obbba-household-explorer",
+    "slug": "obbba-household-by-household",
     "tags": ["us", "featured", "policy"]
   }
 ]

src/config/environment.js

@@ -13,8 +13,8 @@
     "description": "New interactive tool reveals household-level impacts of the One Big Beautiful Bill Act.",
     "date": "2025-07-03",
     "tags": ["us", "policy", "featured", "reconciliation"],
-    "filename": "introducing-obbba-household-explorer.md",
-    "image": "introducing-obbba-household-explorer.png",
+    "filename": "introducing-obbba-household-by-household.md",
+    "image": "introducing-obbba-household-by-household.png",
     "authors": ["max-ghenis", "pavel-makarchuk", "elena-cura"]
   },
   {

…introducing-obbba-household-explorer.png …oducing-obbba-household-by-household.pngsrc/images/posts/introducing-obbba-household-explorer.png renamed to src/images/posts/introducing-obbba-household-by-household.png src/images/posts/introducing-obbba-household-explorer.png renamed to src/images/posts/introducing-obbba-household-by-household.png

@@ -0,0 +1,7 @@
+import { Navigate, useParams } from "react-router-dom";
+
+export default function RedirectOBBBAHouseholdExplorer() {
+  const { countryId } = useParams();
+
+  return <Navigate to={`/${countryId}/obbba-household-by-household`} replace />;
+}

…/introducing-obbba-household-explorer.md …roducing-obbba-household-by-household.mdsrc/posts/articles/introducing-obbba-household-explorer.md renamed to src/posts/articles/introducing-obbba-household-by-household.md src/posts/articles/introducing-obbba-household-explorer.md renamed to src/posts/articles/introducing-obbba-household-by-household.md

@@ -0,0 +1,25 @@
+<!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>