@uniweb/runtime 0.6.10 → 0.6.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/runtime",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "Minimal runtime for loading Uniweb foundations",
   "type": "module",
   "exports": {

package/src/RuntimeProvider.jsx

@@ -2,7 +2,7 @@
  * RuntimeProvider
  *
  * Encapsulates the full React rendering tree for a Uniweb site:
- * ErrorBoundary → BrowserRouter → Routes → WebsiteRenderer.
+ * ErrorBoundary → Router → Routes → WebsiteRenderer.
  *
  * The Uniweb singleton (globalThis.uniweb) must be set up BEFORE rendering
  * this component. RuntimeProvider reads from the singleton — it does not
@@ -12,6 +12,10 @@
  * @param {Object} props
  * @param {string} [props.basename] - Router basename for subdirectory deployments
  * @param {boolean} [props.development] - Enable React StrictMode
+ * @param {boolean} [props.externalRouter] - Skip creating a BrowserRouter — the
+ *   consumer wraps RuntimeProvider in their own Router (e.g., MemoryRouter for
+ *   srcdoc iframes). RuntimeProvider still renders ErrorBoundary, Routes, and
+ *   WebsiteRenderer.
  */
 
 import React from 'react'
@@ -19,7 +23,7 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom'
 import WebsiteRenderer from './components/WebsiteRenderer.jsx'
 import ErrorBoundary from './components/ErrorBoundary.jsx'
 
-export default function RuntimeProvider({ basename, development = false }) {
+export default function RuntimeProvider({ basename, development = false, externalRouter = false }) {
   const website = globalThis.uniweb?.activeWebsite
   if (!website) return null
 
@@ -28,15 +32,21 @@ export default function RuntimeProvider({ basename, development = false }) {
     website.setBasePath(basename || '')
   }
 
-  const app = (
-    <ErrorBoundary>
-      <BrowserRouter basename={basename}>
-        <Routes>
-          <Route path="/*" element={<WebsiteRenderer />} />
-        </Routes>
-      </BrowserRouter>
-    </ErrorBoundary>
+  const routes = (
+    <Routes>
+      <Route path="/*" element={<WebsiteRenderer />} />
+    </Routes>
   )
 
+  const app = externalRouter
+    ? <ErrorBoundary>{routes}</ErrorBoundary>
+    : (
+      <ErrorBoundary>
+        <BrowserRouter basename={basename}>
+          {routes}
+        </BrowserRouter>
+      </ErrorBoundary>
+    )
+
   return development ? <React.StrictMode>{app}</React.StrictMode> : app
 }

package/src/index.jsx

@@ -173,9 +173,12 @@ async function start({ config, foundation, styles } = {}) {
 
   if (data) {
     // Dynamic backend mode - foundation loaded from URL, content from data
+    // The serving layer may inject config.base for subdirectory deployments
+    const base = data.content?.config?.base
+    const basename = base ? (base.endsWith('/') ? base.slice(0, -1) : base) : undefined
     return initRuntime(
       { url: data.foundation.url, cssUrl: data.foundation.cssUrl },
-      { configData: data.content }
+      { configData: data.content, basename }
     )
   }