shru-design-system 0.1.5 → 0.1.6

package/scripts/apply-theme-sync.js

@@ -54,8 +54,20 @@
       var xhr = new XMLHttpRequest();
       xhr.open('GET', path, false);
       xhr.send(null);
+      
+      // 404 means file doesn't exist - return null
+      if (xhr.status === 404) {
+        return null;
+      }
+      
       if (xhr.status === 200 || xhr.status === 0) {
-        return JSON.parse(xhr.responseText);
+        var contentType = xhr.getResponseHeader('content-type');
+        // Check if response is actually JSON (not HTML error page)
+        if (contentType && contentType.includes('application/json')) {
+          return JSON.parse(xhr.responseText);
+        }
+        // If not JSON (likely HTML error page), return null
+        return null;
       }
     } catch (e) {}
     return null;
@@ -170,24 +182,26 @@
   }
 
   function mapToTailwindVars(cssVars) {
+    // Start with all generated variables - they're all valid CSS variables
     var mapped = {};
     for (var key in cssVars) mapped[key] = cssVars[key];
-    if (cssVars['--radius-button']) mapped['--radius'] = cssVars['--radius-button'];
-    if (cssVars['--radius-card']) mapped['--radius-lg'] = cssVars['--radius-card'];
-    if (cssVars['--font-body']) mapped['--font-sans'] = cssVars['--font-body'];
-    if (cssVars['--spacing-base']) {
+    
+    // Only add convenience mappings for Tailwind's expected variable names
+    if (cssVars['--radius-button'] && !cssVars['--radius']) {
+      mapped['--radius'] = cssVars['--radius-button'];
+    }
+    if (cssVars['--radius-card'] && !cssVars['--radius-lg']) {
+      mapped['--radius-lg'] = cssVars['--radius-card'];
+    }
+    if (cssVars['--font-body'] && !cssVars['--font-sans']) {
+      mapped['--font-sans'] = cssVars['--font-body'];
+    }
+    if (cssVars['--spacing-base'] && !cssVars['--spacing']) {
       mapped['--spacing'] = cssVars['--spacing-base'];
-    } else if (cssVars['--spacing-component-md']) {
+    } else if (cssVars['--spacing-component-md'] && !cssVars['--spacing']) {
       mapped['--spacing'] = cssVars['--spacing-component-md'];
     }
-    if (cssVars['--spacing-component-xs']) mapped['--spacing-component-xs'] = cssVars['--spacing-component-xs'];
-    if (cssVars['--spacing-component-sm']) mapped['--spacing-component-sm'] = cssVars['--spacing-component-sm'];
-    if (cssVars['--spacing-component-md']) mapped['--spacing-component-md'] = cssVars['--spacing-component-md'];
-    if (cssVars['--spacing-component-lg']) mapped['--spacing-component-lg'] = cssVars['--spacing-component-lg'];
-    if (cssVars['--spacing-component-xl']) mapped['--spacing-component-xl'] = cssVars['--spacing-component-xl'];
-    if (cssVars['--duration-fast']) mapped['--duration-fast'] = cssVars['--duration-fast'];
-    if (cssVars['--duration-normal']) mapped['--duration-normal'] = cssVars['--duration-normal'];
-    if (cssVars['--duration-slow']) mapped['--duration-slow'] = cssVars['--duration-slow'];
+    
     return mapped;
   }