📦 deps(thirdparty): update snapshots

ui-ux-pro-max/gallery/lib/parseStyles.ts

@@ -35,41 +35,85 @@ function parseCSVLine(line: string): string[] {
   return fields;
 }
 
+function splitCSVRecords(content: string): string[] {
+  const records: string[] = [];
+  let current = "";
+  let inQuotes = false;
+
+  for (let i = 0; i < content.length; i++) {
+    const char = content[i];
+    if (char === '"') {
+      current += char;
+      if (inQuotes && content[i + 1] === '"') {
+        current += content[++i];
+      } else {
+        inQuotes = !inQuotes;
+      }
+    } else if (!inQuotes && (char === "\n" || char === "\r")) {
+      if (current.trim()) records.push(current);
+      current = "";
+      if (char === "\r" && content[i + 1] === "\n") i++;
+    } else {
+      current += char;
+    }
+  }
+  if (current.trim()) records.push(current);
+  if (inQuotes) throw new Error("Unterminated quoted CSV field");
+  return records;
+}
+
 export function parseStylesCSV(csvContent: string): StyleData[] {
-  const lines = csvContent.split("\n").filter((l) => l.trim().length > 0);
+  const lines = splitCSVRecords(csvContent);
   if (lines.length < 2) return [];
 
-  // Skip header
+  const headers = parseCSVLine(lines[0]);
+  const column = new Map(headers.map((header, index) => [header, index]));
+  const value = (fields: string[], header: string): string => {
+    const index = column.get(header);
+    return index === undefined ? "" : fields[index] || "";
+  };
+
   const dataLines = lines.slice(1);
   return dataLines.map((line) => {
     const f = parseCSVLine(line);
-    const primaryColors = f[4] || "";
-    const secondaryColors = f[5] || "";
-    const cssTechnicalKeywords = f[19] || "";
+    const primaryColors = value(f, "Primary Colors");
+    const secondaryColors = value(f, "Secondary Colors");
+    const cssTechnicalKeywords = value(f, "CSS/Technical Keywords");
+    const status = value(f, "Status");
+    if (!(["active", "supplemental", "deprecated"] as string[]).includes(status)) {
+      throw new Error(`Unknown or missing style status: ${status || "<empty>"}`);
+    }
 
     return {
-      no: parseInt(f[0]) || 0,
-      styleCategory: f[1] || "",
-      type: f[2] || "",
-      keywords: f[3] || "",
+      no: parseInt(value(f, "No")) || 0,
+      styleId: value(f, "Style ID"),
+      styleCategory: value(f, "Style Category"),
+      aliases: value(f, "Aliases").split("|").map((alias) => alias.trim()).filter(Boolean),
+      status: status as StyleData["status"],
+      parentStyleId: value(f, "Parent Style ID"),
+      replacementDomain: value(f, "Replacement Domain"),
+      replacementId: value(f, "Replacement ID"),
+      preferredMode: (value(f, "Preferred Mode") || "auto") as StyleData["preferredMode"],
+      type: value(f, "Type"),
+      keywords: value(f, "Keywords"),
       primaryColors,
       secondaryColors,
-      effectsAnimation: f[6] || "",
-      bestFor: f[7] || "",
-      doNotUseFor: f[8] || "",
-      lightMode: f[9] || "",
-      darkMode: f[10] || "",
-      performance: f[11] || "",
-      accessibility: f[12] || "",
-      mobileFriendly: f[13] || "",
-      conversionFocused: f[14] || "",
-      frameworkCompatibility: f[15] || "",
-      eraOrigin: f[16] || "",
-      complexity: f[17] || "",
-      aiPromptKeywords: f[18] || "",
+      effectsAnimation: value(f, "Effects & Animation"),
+      bestFor: value(f, "Best For"),
+      doNotUseFor: value(f, "Do Not Use For"),
+      lightMode: value(f, "Light Mode ✓"),
+      darkMode: value(f, "Dark Mode ✓"),
+      performance: value(f, "Performance"),
+      accessibility: value(f, "Accessibility"),
+      mobileFriendly: value(f, "Mobile-Friendly"),
+      conversionFocused: value(f, "Conversion-Focused"),
+      frameworkCompatibility: value(f, "Framework Compatibility"),
+      eraOrigin: value(f, "Era/Origin"),
+      complexity: value(f, "Complexity"),
+      aiPromptKeywords: value(f, "AI Prompt Keywords"),
       cssTechnicalKeywords,
-      implementationChecklist: f[20] || "",
-      designSystemVariables: f[21] || "",
+      implementationChecklist: value(f, "Implementation Checklist"),
+      designSystemVariables: value(f, "Design System Variables"),
       extractedColors: extractColors(`${primaryColors} ${secondaryColors}`),
       cssProperties: parseCssKeywords(cssTechnicalKeywords),
     };