@trops/dash-core 0.1.136 → 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
@@ -8719,6 +8756,31 @@ function generateRegistryManifest(dashboardConfig, options = {}) {
     manifest.appOrigin = options.appOrigin || dashboardConfig.appOrigin;
   }
 
+  // Include theme metadata if dashboard bundles a theme
+  if (dashboardConfig.theme) {
+    manifest.theme = {
+      key: dashboardConfig.theme.key || "",
+      name: dashboardConfig.theme.data?.name || dashboardConfig.theme.key || "",
+    };
+    if (dashboardConfig.theme.registryPackage) {
+      manifest.theme.registryPackage = dashboardConfig.theme.registryPackage;
+    }
+    // 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 = toDisplayColor$1(td.primary || td.colors.primary);
+      if (td.secondary || td.colors?.secondary)
+        colors.secondary = toDisplayColor$1(td.secondary || td.colors.secondary);
+      if (td.tertiary || td.colors?.tertiary)
+        colors.tertiary = toDisplayColor$1(td.tertiary || td.colors.tertiary);
+      if (Object.keys(colors).length > 0) {
+        manifest.theme.colors = colors;
+      }
+    }
+  }
+
   return manifest;
 }
 
@@ -10777,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 = {
@@ -10806,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;
 }