@pure-ds/storybook 0.3.13 → 0.3.15

package/.storybook/main.js

@@ -159,6 +159,39 @@ const config = {
         config.resolve.alias['@user/pds-config'] = resolve(currentDirname, '../default-pds.config.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');
+    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
     if (config.mode === 'production') {
       config.base = '/storybook/';

package/package.json

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