@dfosco/storyboard 0.9.1 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dfosco/storyboard",
-    "version": "0.9.1",
+    "version": "0.9.2",
     "type": "module",
     "license": "MIT",
     "description": "Storyboard prototyping framework — core engine, React integration, and canvas",

package/src/core/mountStoryboardCore.js

@@ -418,6 +418,21 @@ export async function mountStoryboardCore(config = {}, options = {}) {
   // Apply saved theme to DOM immediately — before React mount
   applyEarlyTheme(config)
 
+  // Apply customer mode synchronously, before any `await`. The homepage
+  // redirect (`canvasHomepage` / `protoHomepage`) must mutate
+  // window.location.pathname BEFORE the consumer's router reads it — and
+  // because most consumers call `createBrowserRouter` and
+  // `mountStoryboardCore` back-to-back without awaiting, any await in
+  // this function would push the redirect past router instantiation and
+  // the wrong route would render.
+  //
+  // Reads config.customerMode directly (skips the unified-config store)
+  // so it works even when the virtual `initConfig()` hasn't run yet.
+  if (config.customerMode) {
+    initCustomerModeConfig(config.customerMode)
+    applyCustomerMode(basePath)
+  }
+
   // Forward cmd/ctrl+click on links to the host shell when running in
   // an iframe. Installed early so it covers both the embed-only path
   // and the full canvas/workspace mount below.
@@ -489,17 +504,16 @@ export async function mountStoryboardCore(config = {}, options = {}) {
     }
   }
 
-  // Initialize customer mode config
-  if (uc.customerMode && Object.keys(uc.customerMode).length > 0) {
+  // Initialize customer mode config — fall back to the unified config store
+  // when the consumer didn't pass customerMode directly. The early sync path
+  // at the top of this function already handled the synchronous redirect for
+  // consumers passing `config.customerMode` directly; this branch covers
+  // consumers that seed customer-mode purely through the unified store.
+  if (!config.customerMode && uc.customerMode && Object.keys(uc.customerMode).length > 0) {
     initCustomerModeConfig(uc.customerMode)
-  } else if (config.customerMode) {
-    initCustomerModeConfig(config.customerMode)
+    applyCustomerMode(basePath)
   }
 
-  // Apply customer-mode side effects (DOM classes + early redirect).
-  // Reads from the now-initialized customerMode store.
-  applyCustomerMode(basePath)
-
   // Initialize comments config (framework-agnostic)
   const commentsConfig = uc.comments && Object.keys(uc.comments).length > 0 ? uc.comments : config.comments
   if (commentsConfig) {