chore: stylesheet for demo page also depends on env

Author: MathiasVDA

demo/index.html

@@ -17,10 +17,7 @@
 
   <!-- YASGUI CSS -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@matdata/[email protected]/build/yasgui.min.css">
-  
-  <!-- Table Plugin CSS -->
-  <link rel="stylesheet" href="../dist/table-plugin.css">
-  
+    
   <style>
     body {
       font-family: Arial, sans-serif;
@@ -146,6 +143,14 @@ <h2 onclick="toggleInstructions()">
     // Detect if running in Vite dev server (module system available)
     const isViteDev = import.meta.env?.DEV;
 
+    // Load appropriate CSS based on environment
+    const cssPath = isViteDev ? '../dist/yasgui-table-plugin.css' : 'dist/yasgui-table-plugin.css';
+    const cssLink = document.createElement('link');
+    cssLink.rel = 'stylesheet';
+    cssLink.href = cssPath;
+    document.head.appendChild(cssLink);
+    console.log(`📄 Loading CSS from: ${cssPath}`);
+    
     let pluginLoaded = false;
 
     if (isViteDev) {