fix: resolve map provider from ?provider url param + carry it through staging iframes

internal/staging-forge.js

@@ -44,6 +44,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -146,9 +151,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

library/composables/useMapProvider.js

@@ -30,8 +30,10 @@ function unwrapConfig(profileConfig) {
 export function resolveMapProvider(profileConfig) {
   const cfg        = unwrapConfig(profileConfig)
   const fromConfig = cfg?.provider
+  const fromUrl    = typeof location !== 'undefined'
+    ? new URLSearchParams(location.search).get('provider') : undefined
   const fromWindow = typeof window !== 'undefined' ? window.MAP_PROVIDER : undefined
-  const raw = String(fromConfig || fromWindow || DEFAULT_PROVIDER).toLowerCase().trim()
+  const raw = String(fromConfig || fromUrl || fromWindow || DEFAULT_PROVIDER).toLowerCase().trim()
   return MAP_PROVIDERS.includes(raw) ? raw : DEFAULT_PROVIDER
 }
 

public/doxa-maps/cities-internet/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/country-posters/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/demo-map/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/doxa-research-map/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/doxa-simple-map/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/gospel-resources/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/key-cities/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/my-upg-100-list/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))

public/doxa-maps/template-bundle/index.html

@@ -176,6 +176,11 @@ function withTk(href) {
   if (!TK) return href
   return href + (href.includes('?') ? '&' : '?') + 'tk=' + encodeURIComponent(TK)
 }
+// Carry the page's ?provider= into the embedded map iframe so the engine choice propagates.
+function withProvider(href) {
+  const p = typeof location !== 'undefined' ? new URLSearchParams(location.search).get('provider') : null
+  return p ? href + (href.includes('?') ? '&' : '?') + 'provider=' + encodeURIComponent(p) : href
+}
 
 // ── Load the semantic tree (inline-first; fetch = dev fallback) ──────────────
 async function loadTree() {
@@ -278,9 +283,9 @@ function renderStage() {
     <div class="stage-head">
       <span class="sctag">&lt;${esc(nd.element || nd.label)}&gt;</span>
       <span class="sckind">${esc(nd.kind)}</span>
-      <a class="popout" href="${esc(withTk(nd.href))}" target="_blank" rel="noopener">open ↗</a>
+      <a class="popout" href="${esc(withProvider(withTk(nd.href)))}" target="_blank" rel="noopener">open ↗</a>
     </div>
-    <div class="map-slot"><iframe allowfullscreen src="${esc(withTk(nd.href))}"></iframe></div>`
+    <div class="map-slot"><iframe allowfullscreen src="${esc(withProvider(withTk(nd.href)))}"></iframe></div>`
   // keep the sidebar highlight in sync
   document.querySelectorAll('#treeNav .node').forEach((b) =>
     b.classList.toggle('active', b.dataset.key === activeKey))