@pure-ds/storybook 0.3.14 → 0.3.15

package/.storybook/main.js

@@ -159,22 +159,37 @@ const config = {
         config.resolve.alias['@user/pds-config'] = resolve(currentDirname, '../default-pds.config.js');
     }
 
-    // Support absolute path imports from user's public folder
-    // This allows stories to use imports like: import { html } from '/assets/js/lit.js';
+    // 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.
     const userPublicPath = resolve(process.cwd(), 'public');
-    if (process.cwd() !== resolve(currentDirname, '..') && fs.existsSync(userPublicPath)) {
-      const userAssetsPath = resolve(userPublicPath, 'assets');
-      if (fs.existsSync(userAssetsPath)) {
-        config.resolve.alias['/assets'] = userAssetsPath;
-      }
-      
-      // Allow Vite to serve files from user's public folder
-      config.server = config.server || {};
-      config.server.fs = config.server.fs || {};
-      config.server.fs.allow = [
-        ...(config.server.fs.allow || []),
-        userPublicPath
-      ];
+    const isConsumerProject = process.cwd() !== resolve(currentDirname, '..');
+    
+    if (isConsumerProject && fs.existsSync(userPublicPath)) {
+      config.plugins = config.plugins || [];
+      config.plugins.push({
+        name: 'pds-public-esm-loader',
+        resolveId(id) {
+          // 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 `\0virtual:public-esm:${id}`;
+            }
+          }
+        },
+        load(id) {
+          if (id.startsWith('\0virtual:public-esm:')) {
+            const originalPath = id.replace('\0virtual:public-esm:', '');
+            const filePath = resolve(userPublicPath, originalPath.slice(1));
+            if (fs.existsSync(filePath)) {
+              // Read and return the actual file contents
+              return fs.readFileSync(filePath, 'utf-8');
+            }
+          }
+        }
+      });
     }
 
     // Set base path for production builds

package/package.json

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