vida-css 0.0.1 → 0.0.2

package/scripts/scanner.js

@@ -0,0 +1,32 @@
+// scripts/scanner.js
+import fs from "fs";
+import path from "path";
+
+const extensions = [".html", ".js", ".jsx", ".ts", ".tsx", ".vue"];
+
+export function scanClasses(dir) {
+  const classes = new Set();
+
+  function walk(folder) {
+    const files = fs.readdirSync(folder);
+    files.forEach(file => {
+      const fullPath = path.join(folder, file);
+      const stat = fs.statSync(fullPath);
+      if (stat.isDirectory()) { walk(fullPath); return; }
+
+      if (!extensions.includes(path.extname(file))) return;
+
+      const content = fs.readFileSync(fullPath, "utf8");
+      // Capture class attribute values without breaking on nested quotes.
+      // Example Tailwind arbitrary: content-[''] must remain intact inside the attribute.
+      const regex = /class(Name)?=(["'])(.*?)\2/g;
+      let match;
+      while ((match = regex.exec(content))) {
+        match[3].split(/\s+/).forEach(cls => { if (cls) classes.add(cls); });
+      }
+    });
+  }
+
+  walk(dir);
+  return Array.from(classes);
+}

package/vida.config.js

@@ -0,0 +1,53 @@
+// vida.config.js
+export default {
+  colors: {
+    black: "#000000",
+    white: "#ffffff",
+    gray: {
+      50:"#f9fafb",
+      100:"#f3f4f6",
+      200:"#e5e7eb",
+      300:"#d1d5db",
+      400:"#9ca3af",
+      500:"#6b7280",
+      600:"#4b5563",
+      700:"#374151",
+      800:"#1f2937",
+      900:"#111827"
+    },
+    red: { 100:"#fee2e2", 300:"#fca5a5", 500:"#ef4444", 600:"#dc2626", 700:"#b91c1c", 900:"#5a0c0c" },
+    blue: { 100:"#dbeafe", 300:"#93c5fd", 500:"#3b82f6", 600:"#2563eb", 700:"#1d4ed8", 900:"#0d1f53" },
+    green: { 100:"#dcfce7", 300:"#86efac", 500:"#22c55e", 600:"#16a34a", 700:"#15803d", 900:"#063a1a" },
+    yellow: { 100:"#fef9c3", 300:"#fde047", 500:"#eab308", 600:"#ca8a04", 700:"#a16207", 900:"#7a4b09" },
+    purple: { 100:"#f3e8ff", 300:"#d8b4fe", 500:"#a855f7", 600:"#9333ea", 700:"#7e22ce", 900:"#361057" },
+    indigo: { 100:"#e0e7ff", 300:"#a5b4fc", 500:"#6366f1", 600:"#4f46e5", 700:"#4338ca", 900:"#312e81" },
+    pink: { 100:"#fce7f3", 300:"#f9a8d4", 500:"#ec4899", 600:"#db2777", 700:"#be185d", 900:"#831843" },
+    orange: { 100:"#ffedd5", 300:"#fdba74", 500:"#f97316", 600:"#ea580c", 700:"#c2410c", 900:"#7c2d12" },
+    teal: { 100:"#ccfbf1", 300:"#5eead4", 500:"#14b8a6", 600:"#0d9488", 700:"#0f766e", 900:"#134e4a" },
+    cyan: { 100:"#cffafe", 300:"#67e8f9", 500:"#06b6d4", 600:"#0891b2", 700:"#0e7490", 900:"#164e63" },
+    slate: { 100:"#f1f5f9", 300:"#cbd5e1", 500:"#64748b", 600:"#475569", 700:"#334155", 900:"#0f172a" }
+  },
+  spacing: { 1: "4px", 2: "8px", 3: "12px", 4: "16px", 5: "20px", 6: "24px", 7: "28px", 8: "32px", 9: "36px", 10: "40px" },
+  borderRadius: { sm: "4px", md: "8px", lg: "12px" },
+  fontFamily: {
+    sans: "\"Space Grotesk\", \"Segoe UI\", \"Helvetica Neue\", sans-serif",
+    display: "\"Space Grotesk\", \"Segoe UI\", \"Helvetica Neue\", sans-serif",
+    serif: "\"Source Serif 4\", \"Times New Roman\", serif",
+    mono: "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, Consolas, \"Liberation Mono\", monospace"
+  },
+  screens: { sm: "640px", md: "768px", lg: "1024px", xl: "1280px" },
+  // Tailwind-like state variants supported by the generator.
+  variants: ["hover", "focus", "focus-visible", "active", "disabled", "visited", "dark"],
+  sizeScale: {
+    0: "0px", 1: "4px", 2: "8px", 3: "12px", 4: "16px", 5: "20px", 6: "24px",
+    8: "32px", 10: "40px", 12: "48px", 16: "64px", 20: "80px", 24: "96px",
+    32: "128px", 40: "160px", 48: "192px", 56: "224px", 64: "256px", 72: "288px",
+    80: "320px", 96: "384px"
+  },
+  // Remaining registries are kept for backward compatibility with older code paths.
+  flex: ["flex", "inline-flex"],
+  flexDirection: ["flex-row", "flex-col", "flex-row-reverse", "flex-col-reverse"],
+  flexAlignment: ["justify-start","justify-center","justify-end","justify-between","items-start","items-center","items-end"],
+  grid: ["grid","grid-cols-2","grid-cols-3"],
+  textAlign: ["text-left","text-center","text-right"]
+};