@dfosco/storyboard-core 1.19.0 → 1.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfosco/storyboard-core",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "type": "module",
   "license": "MIT",
   "repository": {

package/src/devtools.js

@@ -17,7 +17,7 @@ import { loadScene } from './loader.js'
 import { isCommentsEnabled } from './comments/config.js'
 import { isHideMode, activateHideMode, deactivateHideMode } from './hideMode.js'
 import { getAllFlags, toggleFlag, getFlagKeys } from './featureFlags.js'
-import { isPluginEnabled } from './plugins.js'
+import { isPluginEnabled, initPlugins } from './plugins.js'
 
 const STYLES = `
 .sb-devtools-wrapper {
@@ -190,8 +190,13 @@ function getSceneName() {
  *
  * @param {object} [options]
  * @param {HTMLElement} [options.container=document.body] - Where to mount
+ * @param {Record<string, boolean>} [options.plugins] - Plugin config from storyboard.config.json
  */
 export function mountDevTools(options = {}) {
+  // Allow callers to pass plugins config directly (avoids timing issues
+  // where mountDevTools runs before the Vite virtual module calls initPlugins)
+  if (options.plugins) initPlugins(options.plugins)
+
   // Skip when devtools plugin is disabled via storyboard.config.json
   if (!isPluginEnabled('devtools')) return
 

package/src/devtools.test.js

@@ -97,4 +97,11 @@ describe('mountDevTools', () => {
     const wrapper = document.body.querySelector('.sb-devtools-wrapper')
     expect(wrapper).not.toBeNull()
   })
+
+  it('does not mount when plugins option disables devtools', () => {
+    mountDevTools({ plugins: { devtools: false } })
+
+    const wrapper = document.body.querySelector('.sb-devtools-wrapper')
+    expect(wrapper).toBeNull()
+  })
 })