@trops/dash-core 0.1.575 → 0.1.577

package/dist/electron/index.js

@@ -34,7 +34,6 @@ var require$$1$5 = require('http2');
 var require$$2$5 = require('node-forge');
 var require$$0$a = require('css');
 var require$$1$6 = require('node-vibrant/node');
-var dashReact = require('@trops/dash-react');
 var require$$3$3 = require('ws');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -50818,7 +50817,7 @@ function parseColor(str) {
     /^hsla?\(\s*([\d.]+)\s*[,/\s]\s*([\d.]+)%\s*[,/\s]\s*([\d.]+)%/,
   );
   if (hslMatch) {
-    return hslToRgb(
+    return hslToRgb$1(
       parseFloat(hslMatch[1]),
       parseFloat(hslMatch[2]),
       parseFloat(hslMatch[3]),
@@ -50832,7 +50831,7 @@ function parseColor(str) {
 }
 
 /** HSL (h: 0-360, s: 0-100, l: 0-100) → { r, g, b } (0-255) */
-function hslToRgb(h, s, l) {
+function hslToRgb$1(h, s, l) {
   s /= 100;
   l /= 100;
   const k = (n) => (n + h / 30) % 12;
@@ -50847,7 +50846,7 @@ function hslToRgb(h, s, l) {
 }
 
 /** { r, g, b } → hex string "#rrggbb" */
-function rgbToHex({ r, g, b }) {
+function rgbToHex$1({ r, g, b }) {
   return (
     "#" +
     [r, g, b]
@@ -50857,7 +50856,7 @@ function rgbToHex({ r, g, b }) {
 }
 
 /** { r, g, b } (0-255) → { h, s, l } (h: 0-360, s/l: 0-100) */
-function rgbToHsl$1({ r, g, b }) {
+function rgbToHsl$2({ r, g, b }) {
   r /= 255;
   g /= 255;
   b /= 255;
@@ -50930,7 +50929,7 @@ function extractMetaColors(htmlContent) {
     const rgb = parseColor(themeColorMatch[1]);
     if (rgb)
       results.push({
-        hex: rgbToHex(rgb),
+        hex: rgbToHex$1(rgb),
         source: "meta",
         confidence: 1.0,
       });
@@ -50944,7 +50943,7 @@ function extractMetaColors(htmlContent) {
     const rgb = parseColor(themeColorMatch2[1]);
     if (rgb)
       results.push({
-        hex: rgbToHex(rgb),
+        hex: rgbToHex$1(rgb),
         source: "meta",
         confidence: 1.0,
       });
@@ -50958,7 +50957,7 @@ function extractMetaColors(htmlContent) {
     const rgb = parseColor(tileColorMatch[1]);
     if (rgb)
       results.push({
-        hex: rgbToHex(rgb),
+        hex: rgbToHex$1(rgb),
         source: "meta",
         confidence: 0.9,
       });
@@ -50972,7 +50971,7 @@ function extractMetaColors(htmlContent) {
     const rgb = parseColor(tileColorMatch2[1]);
     if (rgb)
       results.push({
-        hex: rgbToHex(rgb),
+        hex: rgbToHex$1(rgb),
         source: "meta",
         confidence: 0.9,
       });
@@ -50999,7 +50998,7 @@ function extractCssVarColors(cssContent) {
     const rgb = parseColor(value);
     if (rgb) {
       results.push({
-        hex: rgbToHex(rgb),
+        hex: rgbToHex$1(rgb),
         source: "cssvar",
         confidence: 0.8,
       });
@@ -51022,7 +51021,7 @@ function extractCssVarColors(cssContent) {
             const rgb = parseColor(decl.value);
             if (rgb) {
               results.push({
-                hex: rgbToHex(rgb),
+                hex: rgbToHex$1(rgb),
                 source: "cssvar",
                 confidence: 0.8,
               });
@@ -51056,7 +51055,7 @@ function extractComputedColors(computedStyles) {
       const rgb = parseColor(styles[prop]);
       if (rgb) {
         results.push({
-          hex: rgbToHex(rgb),
+          hex: rgbToHex$1(rgb),
           source: "computed",
           confidence: 0.6,
         });
@@ -51080,7 +51079,7 @@ function extractDomColors(domColors) {
     const rgb = parseColor(entry.color);
     if (!rgb) continue;
     results.push({
-      hex: rgbToHex(rgb),
+      hex: rgbToHex$1(rgb),
       source: "dom",
       confidence: 0.7,
       count: entry.count,
@@ -51244,7 +51243,7 @@ async function extractFaviconColors(htmlContent, baseUrl) {
         const swatch = palette[name];
         if (!swatch) continue;
         const [r, g, b] = swatch.rgb;
-        const hex = rgbToHex({
+        const hex = rgbToHex$1({
           r: Math.round(r),
           g: Math.round(g),
           b: Math.round(b),
@@ -51282,7 +51281,7 @@ async function extractFaviconColors(htmlContent, baseUrl) {
 function isBoringColor(hex) {
   const rgb = parseColor(hex);
   if (!rgb) return true;
-  const hsl = rgbToHsl$1(rgb);
+  const hsl = rgbToHsl$2(rgb);
 
   // Near-black or near-white
   if (hsl.l < 5 || hsl.l > 95) return true;
@@ -51353,7 +51352,7 @@ function mergeAndRank(allColors, maxColors = 6) {
 
   // Score: confidence * frequency weight * saturation bonus
   const scored = interesting.map((c) => {
-    const hsl = rgbToHsl$1(c.rgb);
+    const hsl = rgbToHsl$2(c.rgb);
     const freqWeight = Math.min(c.count / 3, 1.5); // cap frequency bonus
     const satBonus = 1 + hsl.s / 200; // slight boost for saturated colors
     return {
@@ -51383,7 +51382,7 @@ function mergeAndRank(allColors, maxColors = 6) {
   // append the top boring color as a candidate for the neutral role
   if (boring.length > 0 && palette.length < maxColors) {
     const bestBoring = boring.sort((a, b) => b.confidence - a.confidence)[0];
-    const hsl = rgbToHsl$1(bestBoring.rgb);
+    const hsl = rgbToHsl$2(bestBoring.rgb);
     palette.push({
       hex: bestBoring.hex,
       rgb: {
@@ -51573,18 +51572,91 @@ var require$$8 = /*@__PURE__*/getAugmentedNamespace(colorUtils);
  * Utility for generating themes via presets, random generation,
  * and color-harmony-based generation from a user-selected base color.
  */
+// All color math is inlined here (no @trops/dash-react import). This
+// file is reachable from Electron's main process via
+// `electron/controller/paletteToThemeMapper.js`. Importing dash-react
+// from a main-process reachable file pulls dash-react's renderer
+// bundle into the main bundle — that bundle has top-level browser
+// API access (`window.ResizeObserver` in CodeEditorVS) which throws
+// when required under Node. Keeping this module pure-JS / no-deps
+// breaks the chain.
+
+const HEX_RE = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+function isHexColor(value) {
+  return typeof value === "string" && HEX_RE.test(value.trim());
+}
+function normalizeHex(input) {
+  if (typeof input !== "string") return null;
+  let s = input.trim().toLowerCase();
+  if (!s.startsWith("#")) s = `#${s}`;
+  if (!HEX_RE.test(s)) return null;
+  if (s.length === 4) s = `#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}`;
+  else if (s.length === 5) s = `#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}`;
+  else if (s.length === 9) s = s.slice(0, 7);
+  return s;
+}
+function hexToRgb(hex) {
+  const n = normalizeHex(hex);
+  if (!n) return null;
+  const v = parseInt(n.slice(1), 16);
+  return { r: (v >> 16) & 0xff, g: (v >> 8) & 0xff, b: v & 0xff };
+}
+function rgbToHex({ r, g, b }) {
+  const c = (x) => Math.max(0, Math.min(255, Math.round(x)));
+  const h = (x) => c(x).toString(16).padStart(2, "0");
+  return `#${h(r)}${h(g)}${h(b)}`;
+}
+function rgbToHsl$1({ r, g, b }) {
+  const R = r / 255,
+    G = g / 255,
+    B = b / 255;
+  const max = Math.max(R, G, B),
+    min = Math.min(R, G, B);
+  const l = (max + min) / 2;
+  let h = 0,
+    s = 0;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case R:
+        h = (G - B) / d + (G < B ? 6 : 0);
+        break;
+      case G:
+        h = (B - R) / d + 2;
+        break;
+      default:
+        h = (R - G) / d + 4;
+    }
+    h *= 60;
+  }
+  return { h, s, l };
+}
+function hslToRgb({ h, s, l }) {
+  if (s === 0) {
+    const v = l * 255;
+    return { r: v, g: v, b: v };
+  }
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+  const m = l - c / 2;
+  let rp, gp, bp;
+  if (h < 60) [rp, gp, bp] = [c, x, 0];
+  else if (h < 120) [rp, gp, bp] = [x, c, 0];
+  else if (h < 180) [rp, gp, bp] = [0, c, x];
+  else if (h < 240) [rp, gp, bp] = [0, x, c];
+  else if (h < 300) [rp, gp, bp] = [x, 0, c];
+  else [rp, gp, bp] = [c, 0, x];
+  return { r: (rp + m) * 255, g: (gp + m) * 255, b: (bp + m) * 255 };
+}
 
-// Color harmony helpers — inlined so dash-core can ship the new
-// "From Colors" generator without first publishing matching
-// exports from @trops/dash-react. Same math as the planned dash-react
-// counterparts; can be replaced with a re-export once both ship in
-// the same cycle.
+// Color harmony helpers — pure JS, no DOM/window access.
 function rotateHex(hex, deltaH) {
-  const rgb = dashReact.hexToRgb(hex);
+  const rgb = hexToRgb(hex);
   if (!rgb) return null;
-  const { h, s, l } = dashReact.rgbToHsl(rgb);
+  const { h, s, l } = rgbToHsl$1(rgb);
   const newH = (((h + deltaH) % 360) + 360) % 360;
-  return dashReact.rgbToHex(dashReact.hslToRgb({ h: newH, s, l }));
+  return rgbToHex(hslToRgb({ h: newH, s, l }));
 }
 function complementHex(hex) {
   return rotateHex(hex, 180);
@@ -51611,26 +51683,26 @@ function tetradicHexes(hex) {
   return a && b && c ? [a, b, c] : null;
 }
 function monochromaticHexes(hex, count = 3) {
-  const rgb = dashReact.hexToRgb(hex);
+  const rgb = hexToRgb(hex);
   if (!rgb) return null;
-  const { h, s } = dashReact.rgbToHsl(rgb);
+  const { h, s } = rgbToHsl$1(rgb);
   const out = [];
   for (let i = 0; i < count; i++) {
     const t = count === 1 ? 0.5 : i / (count - 1);
     const l = 0.15 + t * 0.7;
     const sAdj = s * (1 - 0.3 * Math.abs(t - 0.5) * 2);
-    out.push(dashReact.rgbToHex(dashReact.hslToRgb({ h, s: sAdj, l })));
+    out.push(rgbToHex(hslToRgb({ h, s: sAdj, l })));
   }
   return out;
 }
 function adjustHsl(hex, dH = 0, dS = 0, dL = 0) {
-  const rgb = dashReact.hexToRgb(hex);
+  const rgb = hexToRgb(hex);
   if (!rgb) return null;
-  const hsl = dashReact.rgbToHsl(rgb);
+  const hsl = rgbToHsl$1(rgb);
   const h = (((hsl.h + dH) % 360) + 360) % 360;
   const s = Math.max(0, Math.min(1, hsl.s + dS));
   const l = Math.max(0, Math.min(1, hsl.l + dL));
-  return dashReact.rgbToHex(dashReact.hslToRgb({ h, s, l }));
+  return rgbToHex(hslToRgb({ h, s, l }));
 }
 
 // Color wheel mapping for Tailwind palettes (approximate hue angles)
@@ -51828,6 +51900,28 @@ function generateRandomTheme() {
   return buildRawTheme(name, primary, secondary, tertiary, neutral);
 }
 
+/**
+ * Generate a random theme with all-hex channels. Picks a random hue
+ * + harmony, runs it through the hex-mode generator, applies the
+ * optional HSL nudge uniformly. Same shape as `generateRandomTheme`
+ * but every channel is a hex string (suitable for the hex-aware
+ * editor + slider nudges).
+ */
+function generateRandomHexTheme(hslNudge = null) {
+  const h = Math.floor(Math.random() * 360);
+  const baseHex = rgbToHex(hslToRgb({ h, s: 0.65, l: 0.5 }));
+  const strategies = [
+    "complementary",
+    "analogous",
+    "triadic",
+    "split-complementary",
+    "tetradic",
+    "monochromatic",
+  ];
+  const strategy = pick(strategies);
+  return generateHexHarmonyTheme(baseHex, strategy, hslNudge);
+}
+
 // ─── Color Harmony Generation ────────────────────────────────────────────
 
 /**
@@ -51847,7 +51941,7 @@ function generateHarmonyTheme(
   strategy = "complementary",
   hslNudge = null,
 ) {
-  if (typeof baseColor === "string" && dashReact.isHexColor(baseColor)) {
+  if (typeof baseColor === "string" && isHexColor(baseColor)) {
     return generateHexHarmonyTheme(baseColor, strategy, hslNudge);
   }
 
@@ -51896,7 +51990,7 @@ function generateHarmonyTheme(
  * almost fully, keeping the same hue family for a cohesive feel.
  */
 function generateHexHarmonyTheme(baseHex, strategy, hslNudge) {
-  const base = dashReact.normalizeHex(baseHex);
+  const base = normalizeHex(baseHex);
   if (!base) return generateRandomTheme();
 
   let primary = base;
@@ -52017,6 +52111,7 @@ var themeGenerator = /*#__PURE__*/Object.freeze({
 	HARMONY_STRATEGIES: HARMONY_STRATEGIES,
 	generateCustomTheme: generateCustomTheme,
 	generateHarmonyTheme: generateHarmonyTheme,
+	generateRandomHexTheme: generateRandomHexTheme,
 	generateRandomTheme: generateRandomTheme,
 	generateThemeName: generateThemeName$1,
 	getBrandPresets: getBrandPresets,