@dfosco/storyboard 0.9.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dfosco/storyboard",
-    "version": "0.9.0",
+    "version": "0.9.2",
     "type": "module",
     "license": "MIT",
     "description": "Storyboard prototyping framework — core engine, React integration, and canvas",
@@ -90,6 +90,7 @@
         "@primer/octicons": "^19.22.0",
         "@toon-format/toon": "^2.1.0",
         "ansi-to-html": "^0.7.2",
+        "clsx": "^2.1.1",
         "cmdk": "^1.1.1",
         "feather-icons": "^4.29.2",
         "ghostty-web": "^0.4.0",
@@ -102,6 +103,7 @@
         "remark": "^15.0.1",
         "remark-gfm": "^4.0.1",
         "remark-html": "^16.0.1",
+        "tailwind-merge": "^3.5.0",
         "ws": "^8.0.0",
         "zod": "^3.23.8"
     },
@@ -126,9 +128,7 @@
         "@tailwindcss/vite": "^4.2.2",
         "@types/node": "^20.0.0",
         "@vitejs/plugin-react": "^4.3.4",
-        "clsx": "^2.1.1",
         "marked": "^17.0.5",
-        "tailwind-merge": "^3.5.0",
         "tailwind-variants": "^3.2.2",
         "tailwindcss": "^4.2.2",
         "tw-animate-css": "^1.4.0",

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