@pure-ds/storybook 0.3.15 → 0.3.17

package/.storybook/main.js

@@ -160,21 +160,27 @@ const config = {
     }
 
     // Support absolute path imports like: import { html } from '/assets/js/lit.js';
-    // Vite blocks direct imports from public/, so we use a plugin that serves
-    // the file contents as virtual modules, bypassing Vite's public folder restriction.
+    // Vite blocks direct imports from public/, so we disable Vite's public directory
+    // handling (Storybook uses staticDirs instead) and resolve these imports ourselves.
     const userPublicPath = resolve(process.cwd(), 'public');
     const isConsumerProject = process.cwd() !== resolve(currentDirname, '..');
     
     if (isConsumerProject && fs.existsSync(userPublicPath)) {
+      // Disable Vite's public directory to prevent "Cannot import non-asset file" errors
+      // Storybook's staticDirs handles serving public files at runtime
+      config.publicDir = false;
+      
       config.plugins = config.plugins || [];
-      config.plugins.push({
+      // Insert at the beginning to run before other plugins
+      config.plugins.unshift({
         name: 'pds-public-esm-loader',
-        resolveId(id) {
+        enforce: 'pre', // Run before Vite's built-in plugins
+        resolveId(id, importer) {
           // Handle absolute paths starting with /assets/ or other paths in public
           if (id.startsWith('/') && !id.startsWith('/@') && !id.startsWith('/node_modules')) {
             const filePath = resolve(userPublicPath, id.slice(1)); // Remove leading /
             if (fs.existsSync(filePath) && (filePath.endsWith('.js') || filePath.endsWith('.mjs'))) {
-              // Return a virtual module ID
+              // Return a virtual module ID to bypass Vite's public folder check
               return `\0virtual:public-esm:${id}`;
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pure-ds/storybook",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "description": "Storybook showcase for Pure Design System with live configuration",
   "type": "module",
   "private": false,