@roboticela/devkit 1.0.2

package/dist/lib/theme.js

@@ -0,0 +1,221 @@
+// ── Colour math ───────────────────────────────────────────────────────────────
+function hexToRgb(hex) {
+    const n = parseInt(hex.replace("#", ""), 16);
+    return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
+}
+function rgbToHex(r, g, b) {
+    return "#" + [r, g, b].map((v) => Math.max(0, Math.min(255, v)).toString(16).padStart(2, "0")).join("");
+}
+function lighten(hex, amount) {
+    const [r, g, b] = hexToRgb(hex);
+    return rgbToHex(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);
+}
+function darken(hex, amount) {
+    const [r, g, b] = hexToRgb(hex);
+    return rgbToHex(r * (1 - amount), g * (1 - amount), b * (1 - amount));
+}
+function relativeLuminance(hex) {
+    const [r, g, b] = hexToRgb(hex).map((c) => {
+        const s = c / 255;
+        return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrastRatio(hex1, hex2) {
+    const l1 = relativeLuminance(hex1);
+    const l2 = relativeLuminance(hex2);
+    const lighter = Math.max(l1, l2);
+    const darker = Math.min(l1, l2);
+    return (lighter + 0.05) / (darker + 0.05);
+}
+function accessibleTextColor(bg) {
+    return contrastRatio(bg, "#ffffff") >= 4.5 ? "#ffffff" : "#111827";
+}
+// ── Presets ───────────────────────────────────────────────────────────────────
+const PRESETS = {
+    default: { primary: "#6366f1", secondary: "#f59e0b", radius: "md" },
+    minimal: { primary: "#475569", secondary: "#0ea5e9", radius: "sm" },
+    bold: { primary: "#7c3aed", secondary: "#ec4899", radius: "lg" },
+    playful: { primary: "#10b981", secondary: "#f97316", radius: "full" },
+    corporate: { primary: "#1d4ed8", secondary: "#374151", radius: "none" },
+};
+const RADIUS_MAP = {
+    none: "0",
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    xl: "1rem",
+    full: "9999px",
+};
+// ── Token generator ───────────────────────────────────────────────────────────
+export function generateThemeCSS(config) {
+    const theme = config.theme ?? {};
+    const preset = PRESETS[theme.preset ?? "default"] ?? PRESETS.default;
+    const primary = theme.colors?.primary ?? preset.primary;
+    const secondary = theme.colors?.secondary ?? preset.secondary;
+    const radiusKey = theme.radius ?? preset.radius;
+    const baseRadius = RADIUS_MAP[radiusKey] ?? RADIUS_MAP.md;
+    const radii = {
+        sm: radiusKey === "none" ? "0" : `calc(${baseRadius} * 0.5)`,
+        md: baseRadius,
+        lg: radiusKey === "none" ? "0" : `calc(${baseRadius} * 1.5)`,
+        xl: radiusKey === "none" ? "0" : `calc(${baseRadius} * 2)`,
+        "2xl": radiusKey === "none" ? "0" : `calc(${baseRadius} * 3)`,
+        full: "9999px",
+    };
+    const fontSans = theme.fonts?.sans ?? "Inter";
+    const fontMono = theme.fonts?.mono ?? "JetBrains Mono";
+    const fontDisplay = theme.fonts?.display ?? fontSans;
+    const googleFonts = [];
+    if (fontSans !== "system-ui")
+        googleFonts.push(fontSans);
+    if (fontMono !== fontSans)
+        googleFonts.push(fontMono);
+    if (fontDisplay !== fontSans)
+        googleFonts.push(fontDisplay);
+    const imports = [...new Set(googleFonts)]
+        .map((f) => `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g, "+")}:wght@400;500;600;700;800&display=swap');`)
+        .join("\n");
+    return `/* ── DevKit Managed Theme Block — do not edit below this line ── */
+/* ── Generated by @roboticela/devkit on ${new Date().toISOString().split("T")[0]} ── */
+
+${imports}
+
+:root {
+  /* ── Brand: Primary ── */
+  --color-primary:         ${primary};
+  --color-primary-hover:   ${darken(primary, 0.1)};
+  --color-primary-active:  ${darken(primary, 0.2)};
+  --color-primary-subtle:  ${lighten(primary, 0.9)};
+  --color-primary-text:    ${accessibleTextColor(primary)};
+
+  /* ── Brand: Secondary ── */
+  --color-secondary:       ${secondary};
+  --color-secondary-hover: ${darken(secondary, 0.1)};
+  --color-secondary-subtle:${lighten(secondary, 0.9)};
+  --color-secondary-text:  ${accessibleTextColor(secondary)};
+
+  /* ── Neutral / Surface ── */
+  --color-bg:              #ffffff;
+  --color-bg-subtle:       #f9fafb;
+  --color-bg-muted:        #f3f4f6;
+  --color-border:          #e5e7eb;
+  --color-border-strong:   #d1d5db;
+
+  /* ── Text ── */
+  --color-text:            #111827;
+  --color-text-muted:      #6b7280;
+  --color-text-subtle:     #9ca3af;
+  --color-text-inverse:    #ffffff;
+
+  /* ── Semantic ── */
+  --color-success:         #10b981;
+  --color-success-subtle:  #ecfdf5;
+  --color-success-text:    #065f46;
+  --color-warning:         #f59e0b;
+  --color-warning-subtle:  #fffbeb;
+  --color-warning-text:    #92400e;
+  --color-error:           #ef4444;
+  --color-error-subtle:    #fef2f2;
+  --color-error-text:      #991b1b;
+  --color-info:            #3b82f6;
+  --color-info-subtle:     #eff6ff;
+  --color-info-text:       #1e40af;
+
+  /* ── Overlay ── */
+  --color-overlay:         rgba(0,0,0,0.5);
+  --color-shadow:          rgba(0,0,0,0.08);
+
+  /* ── Typography ── */
+  --font-sans:    '${fontSans}', system-ui, -apple-system, sans-serif;
+  --font-mono:    '${fontMono}', 'Fira Code', monospace;
+  --font-display: '${fontDisplay}', sans-serif;
+
+  --text-xs:   0.75rem;
+  --text-sm:   0.875rem;
+  --text-base: 1rem;
+  --text-lg:   1.125rem;
+  --text-xl:   1.25rem;
+  --text-2xl:  1.5rem;
+  --text-3xl:  1.875rem;
+  --text-4xl:  2.25rem;
+  --text-5xl:  3rem;
+  --text-6xl:  3.75rem;
+
+  --weight-normal:    400;
+  --weight-medium:    500;
+  --weight-semibold:  600;
+  --weight-bold:      700;
+  --weight-extrabold: 800;
+
+  --leading-tight:   1.25;
+  --leading-snug:    1.375;
+  --leading-normal:  1.5;
+  --leading-relaxed: 1.625;
+
+  /* ── Border Radius ── */
+  --radius-sm:   ${radii.sm};
+  --radius-md:   ${radii.md};
+  --radius-lg:   ${radii.lg};
+  --radius-xl:   ${radii.xl};
+  --radius-2xl:  ${radii["2xl"]};
+  --radius-full: ${radii.full};
+
+  /* ── Spacing ── */
+  --space-1:  0.25rem;  --space-2:  0.5rem;   --space-3:  0.75rem;
+  --space-4:  1rem;     --space-6:  1.5rem;   --space-8:  2rem;
+  --space-10: 2.5rem;   --space-12: 3rem;     --space-16: 4rem;
+  --space-20: 5rem;     --space-24: 6rem;
+
+  /* ── Shadows ── */
+  --shadow-sm:  0 1px 2px var(--color-shadow);
+  --shadow-md:  0 4px 6px -1px var(--color-shadow);
+  --shadow-lg:  0 10px 15px -3px var(--color-shadow);
+  --shadow-xl:  0 20px 25px -5px var(--color-shadow);
+
+  /* ── Transitions ── */
+  --transition-fast:   150ms ease;
+  --transition-normal: 200ms ease;
+  --transition-slow:   300ms ease;
+
+  /* ── Z-Index ── */
+  --z-dropdown: 1000;  --z-sticky: 1100;  --z-overlay: 1200;
+  --z-modal:    1300;  --z-toast:  1400;  --z-tooltip: 1500;
+}
+${theme.darkMode !== false
+        ? `
+.dark {
+  --color-primary:         ${lighten(primary, 0.2)};
+  --color-primary-hover:   ${primary};
+  --color-primary-subtle:  ${darken(primary, 0.7)};
+  --color-primary-text:    #ffffff;
+
+  --color-bg:              #0f172a;
+  --color-bg-subtle:       #1e293b;
+  --color-bg-muted:        #334155;
+  --color-border:          #334155;
+  --color-border-strong:   #475569;
+
+  --color-text:            #f1f5f9;
+  --color-text-muted:      #94a3b8;
+  --color-text-subtle:     #64748b;
+  --color-text-inverse:    #0f172a;
+
+  --color-success:         #34d399;
+  --color-success-subtle:  #064e3b;
+  --color-warning:         #fbbf24;
+  --color-warning-subtle:  #451a03;
+  --color-error:           #f87171;
+  --color-error-subtle:    #450a0a;
+  --color-info:            #60a5fa;
+  --color-info-subtle:     #1e3a5f;
+  --color-overlay:         rgba(0,0,0,0.7);
+  --color-shadow:          rgba(0,0,0,0.3);
+}
+`
+        : ""}
+/* ── End DevKit Managed Theme Block ── */
+
+/* Your custom styles go here — DevKit will never modify below this line */
+`;
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@roboticela/devkit",
+  "version": "1.0.2",
+  "description": "Roboticela DevKit CLI — scaffold, extend, and theme full-stack projects with one command",
+  "type": "module",
+  "bin": {
+    "devkit": "./dist/index.js"
+  },
+  "scripts": {
+    "dev": "tsx src/index.ts",
+    "build": "tsc && node scripts/post-build.js",
+    "start": "node dist/index.js",
+    "lint": "eslint src",
+    "prepublishOnly": "npm run build",
+    "release:patch": "npm version patch && npm publish --access public",
+    "release:minor": "npm version minor && npm publish --access public",
+    "release:major": "npm version major && npm publish --access public"
+  },
+  "keywords": [
+    "devkit",
+    "cli",
+    "scaffold",
+    "components",
+    "roboticela"
+  ],
+  "author": "Roboticela",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Roboticela/devkit-cli"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "dependencies": {
+    "commander": "^12.1.0",
+    "@clack/prompts": "^0.9.0",
+    "chalk": "^5.3.0",
+    "ora": "^8.1.0",
+    "tar": "^7.4.0",
+    "semver": "^7.6.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/tar": "^6.1.13",
+    "@types/semver": "^7.5.8",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.0",
+    "eslint": "^9.0.0",
+    "typescript-eslint": "^8.0.0",
+    "@eslint/js": "^9.0.0",
+    "globals": "^15.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}