@pure-ds/storybook 0.5.53 → 0.5.55

package/.storybook/preview.js

@@ -17,6 +17,10 @@ import { toastFormData } from '../stories/utils/toast-utils.js';
 // Expose toastFormData globally for inline event handlers
 window.toastFormData = toastFormData;
 
+console.log('[PDS Storybook] preview.js loaded');
+console.log('[PDS Storybook] PDS import', PDS ? 'OK' : 'MISSING');
+console.log('[PDS Storybook] location', window.location.href);
+
 // Get initial preset from storage or URL or default
 const getInitialPreset = () => {
   try {
@@ -61,6 +65,7 @@ const setLiveGenerator = (generator) => {
 };
 
 PDS.addEventListener('pds:ready', (event) => {
+  console.log('[PDS Storybook] pds:ready event', event?.detail || event);
   if (event?.detail?.generator) {
     setLiveGenerator(event.detail.generator);
   }
@@ -68,6 +73,7 @@ PDS.addEventListener('pds:ready', (event) => {
 
 // Wrap top-level await in IIFE for production build compatibility
 (async () => {
+  console.log('[PDS Storybook] init start');
   PDS.initializing = true;
   
   // NEVER apply global styles on init - only apply in story decorator
@@ -102,7 +108,14 @@ PDS.addEventListener('pds:ready', (event) => {
   // Always override mode to 'live' regardless of user config to prevent style injection failures
   pdsOptions.mode = 'live';
 
-  const initResult = await PDS.start(pdsOptions);
+  let initResult;
+  try {
+    initResult = await PDS.start(pdsOptions);
+    console.log('[PDS Storybook] PDS.start resolved', initResult);
+  } catch (error) {
+    console.error('[PDS Storybook] PDS.start failed', error);
+    throw error;
+  }
   setLiveGenerator(initResult?.generator);
   PDS.initializing = false;
 

package/bin/index.js

@@ -10,7 +10,21 @@ const __dirname = dirname(__filename);
 const packageRoot = join(__dirname, '..');
 const configDir = join(packageRoot, '.storybook');
 
-const args = process.argv.slice(2);
+const rawArgs = process.argv.slice(2);
+// Ensure our packaged Storybook config is used so preview.js runs
+const stripConfigArgs = (argv) => {
+  const cleaned = [];
+  for (let i = 0; i < argv.length; i += 1) {
+    const arg = argv[i];
+    if (arg === '-c' || arg === '--config') {
+      i += 1; // skip the config path
+      continue;
+    }
+    cleaned.push(arg);
+  }
+  return cleaned;
+};
+const args = stripConfigArgs(rawArgs);
 const command = args[0] || 'dev';
 
 const storybookArgs = [

package/dist/pds-reference.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-02-04T10:10:54.750Z",
+  "generatedAt": "2026-02-04T10:59:51.884Z",
   "sources": {
     "customElements": "custom-elements.json",
     "ontology": "src\\js\\pds-core\\pds-ontology.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pure-ds/storybook",
-  "version": "0.5.53",
+  "version": "0.5.55",
   "description": "Storybook showcase for Pure Design System with live configuration",
   "type": "module",
   "private": false,
@@ -38,7 +38,7 @@
     "pds:build-icons": "pds-build-icons"
   },
   "peerDependencies": {
-    "@pure-ds/core": "^0.5.52"
+    "@pure-ds/core": "^0.5.55"
   },
   "dependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",