@flamingo-stack/openframe-frontend-core 0.0.405 → 0.0.406-snapshot.20260711131925

package/dist/utils/index.cjs

@@ -468,6 +468,174 @@ function formatBioText(aboutHtml, fallback = "") {
 }
 var PLAY_ICON_PATH = "M4.875 5.006c0-2.501 2.793-3.989 4.87-2.592l9.78 6.578c2.135 1.437 2.135 4.58 0 6.016l-9.78 6.579c-2.077 1.396-4.87-.091-4.87-2.593zm2.25 13.988c0 .7.783 1.118 1.364.727l9.78-6.58c.81-.545.81-1.738 0-2.283L8.488 4.28a.875.875 0 0 0-1.364.726v13.988Z";
 
+// src/utils/color-analysis.ts
+var DESIGN_PALETTE = [
+  { name: "yellow", hex: "#FFC008", rgb: [255, 192, 8] },
+  { name: "black", hex: "#161616", rgb: [22, 22, 22] },
+  { name: "gray", hex: "#888888", rgb: [136, 136, 136] }
+];
+function hexToRgb(hex) {
+  const normalized = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `${r}${r}${g}${g}${b}${b}`);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
+  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
+}
+function getLuminance(rgb) {
+  const [r, g, b] = rgb.map((c) => {
+    c = c / 255;
+    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function getContrastRatio(color1, color2) {
+  const lum1 = getLuminance(color1);
+  const lum2 = getLuminance(color2);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function pickReadableTextColor(bgHex) {
+  const bg = hexToRgb(bgHex);
+  const darkContrast = getContrastRatio(bg, [26, 26, 26]);
+  const lightContrast = getContrastRatio(bg, [250, 250, 250]);
+  return darkContrast >= lightContrast ? "dark" : "light";
+}
+function extractDominantColor(canvas) {
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return [128, 128, 128];
+  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+  const data = imageData.data;
+  const sampleSize = Math.max(1, Math.floor(data.length / (4 * 1e3)));
+  const colorCounts = {};
+  for (let i = 0; i < data.length; i += 4 * sampleSize) {
+    const r = data[i];
+    const g = data[i + 1];
+    const b = data[i + 2];
+    const alpha = data[i + 3];
+    if (alpha < 128) continue;
+    const bucketR = Math.round(r / 32) * 32;
+    const bucketG = Math.round(g / 32) * 32;
+    const bucketB = Math.round(b / 32) * 32;
+    const key = `${bucketR},${bucketG},${bucketB}`;
+    colorCounts[key] = (colorCounts[key] || 0) + 1;
+  }
+  let maxCount = 0;
+  let dominantColor = [128, 128, 128];
+  for (const [colorKey, count] of Object.entries(colorCounts)) {
+    if (count > maxCount) {
+      maxCount = count;
+      const [r, g, b] = colorKey.split(",").map(Number);
+      dominantColor = [r, g, b];
+    }
+  }
+  return dominantColor;
+}
+function getBestContrastColor(imageColor) {
+  let bestColor = DESIGN_PALETTE[0];
+  let bestContrast = 0;
+  for (const color of DESIGN_PALETTE) {
+    const contrast = getContrastRatio(imageColor, color.rgb);
+    if (contrast > bestContrast) {
+      bestContrast = contrast;
+      bestColor = color;
+    }
+  }
+  return bestContrast >= 3 ? bestColor : DESIGN_PALETTE.find((c) => c.name === "black") || bestColor;
+}
+function analyzeImageColor(imageSrc) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          reject(new Error("Could not get canvas context"));
+          return;
+        }
+        const maxSize = 100;
+        const scale = Math.min(maxSize / img.width, maxSize / img.height);
+        canvas.width = img.width * scale;
+        canvas.height = img.height * scale;
+        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+        const dominantColor = extractDominantColor(canvas);
+        const bestContrastColor = getBestContrastColor(dominantColor);
+        resolve(bestContrastColor);
+      } catch (error) {
+        reject(error);
+      }
+    };
+    img.onerror = () => reject(new Error("Failed to load image"));
+    img.src = imageSrc;
+  });
+}
+async function extractImageEdgeColorAsync(imageUrl) {
+  return new Promise((resolve) => {
+    if (typeof window === "undefined") {
+      resolve("#000000");
+      return;
+    }
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          resolve("#000000");
+          return;
+        }
+        const maxSize = 50;
+        const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
+        const w = Math.round(img.naturalWidth * scale);
+        const h = Math.round(img.naturalHeight * scale);
+        canvas.width = w;
+        canvas.height = h;
+        ctx.drawImage(img, 0, 0, w, h);
+        const data = ctx.getImageData(0, 0, w, h).data;
+        const edgeW = Math.max(2, Math.round(w * 0.15));
+        const edgeH = Math.max(2, Math.round(h * 0.15));
+        const bucketSize = 32;
+        const buckets = /* @__PURE__ */ new Map();
+        for (let y = 0; y < h; y++) {
+          for (let x = 0; x < w; x++) {
+            if (!(x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH)) continue;
+            const i = (y * w + x) * 4;
+            if (data[i + 3] < 128) continue;
+            const br = Math.floor(data[i] / bucketSize) * bucketSize;
+            const bg = Math.floor(data[i + 1] / bucketSize) * bucketSize;
+            const bb = Math.floor(data[i + 2] / bucketSize) * bucketSize;
+            const key = `${br},${bg},${bb}`;
+            const existing = buckets.get(key);
+            if (existing) {
+              existing.r += data[i];
+              existing.g += data[i + 1];
+              existing.b += data[i + 2];
+              existing.count++;
+            } else {
+              buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
+            }
+          }
+        }
+        let best = { r: 0, g: 0, b: 0, count: 0 };
+        for (const b2 of buckets.values()) {
+          if (b2.count > best.count) best = b2;
+        }
+        if (best.count === 0) {
+          resolve("#000000");
+          return;
+        }
+        const r = Math.round(best.r / best.count), g = Math.round(best.g / best.count), b = Math.round(best.b / best.count);
+        resolve(`#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`);
+      } catch {
+        resolve("#000000");
+      }
+    };
+    img.onerror = () => resolve("#000000");
+    img.src = imageUrl;
+  });
+}
+
 // src/utils/ods-color-utils.ts
 function getPlatformAccentColor(platform) {
   const currentPlatform = platform || getCurrentPlatform();
@@ -492,18 +660,13 @@ function getCurrentPlatform() {
   return process.env.NEXT_PUBLIC_APP_TYPE || "openmsp";
 }
 function getReadableTextColor(hex) {
-  const n = parseInt(hex.replace("#", ""), 16);
-  const r = n >> 16 & 255;
-  const g = n >> 8 & 255;
-  const b = n & 255;
-  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-  return luminance > 0.5 ? "#212121" : "#fafafa";
+  return pickReadableTextColor(hex) === "dark" ? "#212121" : "#fafafa";
 }
 var HEX_PATTERN = /^#[0-9a-fA-F]{6}$/;
 function clamp(n, min, max) {
   return Math.max(min, Math.min(max, n));
 }
-function hexToRgb(hex) {
+function hexToRgb2(hex) {
   if (!HEX_PATTERN.test(hex)) return null;
   const n = Number.parseInt(hex.slice(1), 16);
   return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
@@ -515,7 +678,7 @@ function rgbToHex(r, g, b) {
 var HOVER_DARKEN_STEP = 10;
 var ACTIVE_DARKEN_STEP = 20;
 function darkenByStep(hex, step) {
-  const rgb = hexToRgb(hex);
+  const rgb = hexToRgb2(hex);
   if (!rgb) return hex;
   return rgbToHex(rgb.r - step, rgb.g - step, rgb.b - step);
 }
@@ -2318,173 +2481,6 @@ function isGenericWebsiteDomain(website) {
   return isGenericDomain(normalizeDomain(website));
 }
 
-// src/utils/color-analysis.ts
-var DESIGN_PALETTE = [
-  { name: "yellow", hex: "#FFC008", rgb: [255, 192, 8] },
-  { name: "black", hex: "#161616", rgb: [22, 22, 22] },
-  { name: "gray", hex: "#888888", rgb: [136, 136, 136] }
-];
-function hexToRgb2(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
-}
-function getLuminance(rgb) {
-  const [r, g, b] = rgb.map((c) => {
-    c = c / 255;
-    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-function getContrastRatio(color1, color2) {
-  const lum1 = getLuminance(color1);
-  const lum2 = getLuminance(color2);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function pickReadableTextColor(bgHex) {
-  const bg = hexToRgb2(bgHex);
-  const darkContrast = getContrastRatio(bg, [26, 26, 26]);
-  const lightContrast = getContrastRatio(bg, [250, 250, 250]);
-  return darkContrast >= lightContrast ? "dark" : "light";
-}
-function extractDominantColor(canvas) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return [128, 128, 128];
-  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-  const data = imageData.data;
-  const sampleSize = Math.max(1, Math.floor(data.length / (4 * 1e3)));
-  const colorCounts = {};
-  for (let i = 0; i < data.length; i += 4 * sampleSize) {
-    const r = data[i];
-    const g = data[i + 1];
-    const b = data[i + 2];
-    const alpha = data[i + 3];
-    if (alpha < 128) continue;
-    const bucketR = Math.round(r / 32) * 32;
-    const bucketG = Math.round(g / 32) * 32;
-    const bucketB = Math.round(b / 32) * 32;
-    const key = `${bucketR},${bucketG},${bucketB}`;
-    colorCounts[key] = (colorCounts[key] || 0) + 1;
-  }
-  let maxCount = 0;
-  let dominantColor = [128, 128, 128];
-  for (const [colorKey, count] of Object.entries(colorCounts)) {
-    if (count > maxCount) {
-      maxCount = count;
-      const [r, g, b] = colorKey.split(",").map(Number);
-      dominantColor = [r, g, b];
-    }
-  }
-  return dominantColor;
-}
-function getBestContrastColor(imageColor) {
-  let bestColor = DESIGN_PALETTE[0];
-  let bestContrast = 0;
-  for (const color of DESIGN_PALETTE) {
-    const contrast = getContrastRatio(imageColor, color.rgb);
-    if (contrast > bestContrast) {
-      bestContrast = contrast;
-      bestColor = color;
-    }
-  }
-  return bestContrast >= 3 ? bestColor : DESIGN_PALETTE.find((c) => c.name === "black") || bestColor;
-}
-function analyzeImageColor(imageSrc) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          reject(new Error("Could not get canvas context"));
-          return;
-        }
-        const maxSize = 100;
-        const scale = Math.min(maxSize / img.width, maxSize / img.height);
-        canvas.width = img.width * scale;
-        canvas.height = img.height * scale;
-        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
-        const dominantColor = extractDominantColor(canvas);
-        const bestContrastColor = getBestContrastColor(dominantColor);
-        resolve(bestContrastColor);
-      } catch (error) {
-        reject(error);
-      }
-    };
-    img.onerror = () => reject(new Error("Failed to load image"));
-    img.src = imageSrc;
-  });
-}
-async function extractImageEdgeColorAsync(imageUrl) {
-  return new Promise((resolve) => {
-    if (typeof window === "undefined") {
-      resolve("#000000");
-      return;
-    }
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          resolve("#000000");
-          return;
-        }
-        const maxSize = 50;
-        const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
-        const w = Math.round(img.naturalWidth * scale);
-        const h = Math.round(img.naturalHeight * scale);
-        canvas.width = w;
-        canvas.height = h;
-        ctx.drawImage(img, 0, 0, w, h);
-        const data = ctx.getImageData(0, 0, w, h).data;
-        const edgeW = Math.max(2, Math.round(w * 0.15));
-        const edgeH = Math.max(2, Math.round(h * 0.15));
-        const bucketSize = 32;
-        const buckets = /* @__PURE__ */ new Map();
-        for (let y = 0; y < h; y++) {
-          for (let x = 0; x < w; x++) {
-            if (!(x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH)) continue;
-            const i = (y * w + x) * 4;
-            if (data[i + 3] < 128) continue;
-            const br = Math.floor(data[i] / bucketSize) * bucketSize;
-            const bg = Math.floor(data[i + 1] / bucketSize) * bucketSize;
-            const bb = Math.floor(data[i + 2] / bucketSize) * bucketSize;
-            const key = `${br},${bg},${bb}`;
-            const existing = buckets.get(key);
-            if (existing) {
-              existing.r += data[i];
-              existing.g += data[i + 1];
-              existing.b += data[i + 2];
-              existing.count++;
-            } else {
-              buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
-            }
-          }
-        }
-        let best = { r: 0, g: 0, b: 0, count: 0 };
-        for (const b2 of buckets.values()) {
-          if (b2.count > best.count) best = b2;
-        }
-        if (best.count === 0) {
-          resolve("#000000");
-          return;
-        }
-        const r = Math.round(best.r / best.count), g = Math.round(best.g / best.count), b = Math.round(best.b / best.count);
-        resolve(`#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`);
-      } catch {
-        resolve("#000000");
-      }
-    };
-    img.onerror = () => resolve("#000000");
-    img.src = imageUrl;
-  });
-}
-
 // src/utils/announcement-storage.ts
 function announcementDismissCookieName(platform) {
   return `${platform}-announcement-dismissed`;
@@ -2513,6 +2509,19 @@ function isAnnouncementDismissed(platform, id) {
     return false;
   }
 }
+function clearAnnouncementDismissals(platform) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${announcementDismissCookieName(platform)}=; path=/; max-age=0`;
+  try {
+    const prefix = `${platform}-announcement-`;
+    Object.keys(localStorage).forEach((key) => {
+      if (key.startsWith(prefix) && key.endsWith("-dismissed")) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch {
+  }
+}
 function clearLegacyAnnouncementCache(platform) {
   if (typeof window === "undefined") return;
   try {
@@ -4091,6 +4100,7 @@ exports.buildOgPlaceholderUrl = buildOgPlaceholderUrl;
 exports.buildSuggestionUrl = buildSuggestionUrl;
 exports.canonicalContentRefType = canonicalContentRefType;
 exports.cleanEmailDomain = cleanEmailDomain;
+exports.clearAnnouncementDismissals = clearAnnouncementDismissals;
 exports.clearEmbedProxyAuth = clearEmbedProxyAuth;
 exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache;
 exports.clickupTaskUrl = clickupTaskUrl;
@@ -4185,7 +4195,6 @@ exports.getEmbedProxyAuth = getEmbedProxyAuth;
 exports.getFirstLastInitials = getFirstLastInitials;
 exports.getIconComponent = getIconComponent;
 exports.getInitialExpandedNodeIds = getInitialExpandedNodeIds;
-exports.getLuminance = getLuminance;
 exports.getOSIcon = getOSIcon;
 exports.getOSLabel = getOSLabel;
 exports.getOSPlatformId = getOSPlatformId;
@@ -4214,7 +4223,7 @@ exports.getToolLabel = getToolLabel;
 exports.getToolTypeAliases = getToolTypeAliases;
 exports.getTrendColors = getTrendColors;
 exports.hasGenericEmailDomain = hasGenericEmailDomain;
-exports.hexToRgb = hexToRgb;
+exports.hexToRgb = hexToRgb2;
 exports.isAnnouncementDismissed = isAnnouncementDismissed;
 exports.isCrossOriginUrl = isCrossOriginUrl;
 exports.isDismissedCookieValue = isDismissedCookieValue;