@trops/dash-core 0.1.137 → 0.1.138

package/dist/electron/index.js

@@ -8667,6 +8667,43 @@ function checkDashboardCompatibility(
   };
 }
 
+// Tailwind color family name → representative hex (500 shade)
+const TAILWIND_COLORS$1 = {
+  slate: "#64748b",
+  gray: "#6b7280",
+  zinc: "#71717a",
+  neutral: "#737373",
+  stone: "#78716c",
+  red: "#ef4444",
+  orange: "#f97316",
+  amber: "#f59e0b",
+  yellow: "#eab308",
+  lime: "#84cc16",
+  green: "#22c55e",
+  emerald: "#10b981",
+  teal: "#14b8a6",
+  cyan: "#06b6d4",
+  sky: "#0ea5e9",
+  blue: "#3b82f6",
+  indigo: "#6366f1",
+  violet: "#8b5cf6",
+  purple: "#a855f7",
+  fuchsia: "#d946ef",
+  pink: "#ec4899",
+  rose: "#f43f5e",
+};
+
+/**
+ * Convert a color value to a CSS-usable color.
+ * If it's a Tailwind family name, map to its hex 500 shade.
+ */
+function toDisplayColor$1(value) {
+  if (!value) return "";
+  const lower = value.toLowerCase().trim();
+  if (TAILWIND_COLORS$1[lower]) return TAILWIND_COLORS$1[lower];
+  return value;
+}
+
 /**
  * Generate a registry manifest from a dashboard config.
  * Converts the internal .dashboard.json format into the registry
@@ -8728,16 +8765,16 @@ function generateRegistryManifest(dashboardConfig, options = {}) {
     if (dashboardConfig.theme.registryPackage) {
       manifest.theme.registryPackage = dashboardConfig.theme.registryPackage;
     }
-    // Extract color values for display
+    // Extract color values for display (convert Tailwind names to hex)
     const td = dashboardConfig.theme.data;
     if (td) {
       const colors = {};
       if (td.primary || td.colors?.primary)
-        colors.primary = td.primary || td.colors.primary;
+        colors.primary = toDisplayColor$1(td.primary || td.colors.primary);
       if (td.secondary || td.colors?.secondary)
-        colors.secondary = td.secondary || td.colors.secondary;
+        colors.secondary = toDisplayColor$1(td.secondary || td.colors.secondary);
       if (td.tertiary || td.colors?.tertiary)
-        colors.tertiary = td.tertiary || td.colors.tertiary;
+        colors.tertiary = toDisplayColor$1(td.tertiary || td.colors.tertiary);
       if (Object.keys(colors).length > 0) {
         manifest.theme.colors = colors;
       }
@@ -10802,9 +10839,48 @@ function generateThemeRegistryManifest(themeData, themeKey, options = {}) {
   };
 }
 
+// Tailwind color family name → representative hex (500 shade)
+const TAILWIND_COLORS = {
+  slate: "#64748b",
+  gray: "#6b7280",
+  zinc: "#71717a",
+  neutral: "#737373",
+  stone: "#78716c",
+  red: "#ef4444",
+  orange: "#f97316",
+  amber: "#f59e0b",
+  yellow: "#eab308",
+  lime: "#84cc16",
+  green: "#22c55e",
+  emerald: "#10b981",
+  teal: "#14b8a6",
+  cyan: "#06b6d4",
+  sky: "#0ea5e9",
+  blue: "#3b82f6",
+  indigo: "#6366f1",
+  violet: "#8b5cf6",
+  purple: "#a855f7",
+  fuchsia: "#d946ef",
+  pink: "#ec4899",
+  rose: "#f43f5e",
+};
+
+/**
+ * Convert a color value to a CSS-usable color.
+ * If it's a Tailwind family name, map to its hex 500 shade.
+ * If it already looks like a hex/rgb/hsl value, return as-is.
+ */
+function toDisplayColor(value) {
+  if (!value) return "";
+  const lower = value.toLowerCase().trim();
+  if (TAILWIND_COLORS[lower]) return TAILWIND_COLORS[lower];
+  return value;
+}
+
 /**
  * Extract primary/secondary/tertiary/neutral colors from a theme object.
  * Theme objects store colors in various structures; this normalizes them.
+ * Converts Tailwind color family names to hex values for display.
  */
 function extractColors(themeData) {
   const colors = {
@@ -10831,6 +10907,12 @@ function extractColors(themeData) {
     if (themeData.colors.neutral) colors.neutral = themeData.colors.neutral;
   }
 
+  // Convert Tailwind names to hex
+  colors.primary = toDisplayColor(colors.primary);
+  colors.secondary = toDisplayColor(colors.secondary);
+  colors.tertiary = toDisplayColor(colors.tertiary);
+  colors.neutral = toDisplayColor(colors.neutral);
+
   return colors;
 }