@alignui/cli 0.0.1-alpha.3 → 0.0.1-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alignui/cli",
-  "version": "0.0.1-alpha.3",
+  "version": "0.0.1-alpha.5",
   "description": "A command line interface to setup AlignUI",
   "main": "dist/index.js",
   "type": "module",

package/src/commands/tailwind.ts

@@ -32,7 +32,7 @@ import {
 import { prettierFormat } from '@/src/utils/prettier';
 import { formatHslColor, formatRgbColor } from '@/src/utils/color-helpers';
 
-const PROJECT_DEPENDENCIES = ['-D tailwindcss-animate'];
+const PROJECT_DEV_DEPENDENCIES = ['tailwindcss-animate'];
 const highlight = (text: string) => chalk.hex('#8c71f6')(text);
 
 const tailwindInitOptionsSchema = z.object({
@@ -72,7 +72,7 @@ export const initTailwind = new Command()
       logger.break();
       logger.white(`Installed the following packages:
 
-${PROJECT_DEPENDENCIES.map((pkg) => `   - ${pkg}`).join('\n')}`);
+${PROJECT_DEV_DEPENDENCIES.map((pkg) => `   - ${pkg}`).join('\n')}`);
       logger.break();
     } catch (error) {
       handleError(error);
@@ -259,7 +259,11 @@ async function runInit(cwd: string, config: Config) {
 
   await execa(
     packageManager,
-    [packageManager === 'npm' ? 'i' : 'add', ...PROJECT_DEPENDENCIES],
+    [
+      packageManager === 'npm' ? 'i' : 'add',
+      packageManager === 'npm' ? '--save-dev' : '-D',
+      ...PROJECT_DEV_DEPENDENCIES,
+    ],
     {
       cwd,
     },

package/src/utils/tokens.ts

@@ -460,24 +460,28 @@ export const tailwindColorsHex = {
 };
 
 export const tailwindColorsRgb = Object.fromEntries(
-  Object.entries(tailwindColorsHex).map(([colorName, shades]) => [
+  Object.entries(tailwindColorsHex).map(([colorName, shadesOrString]) => [
     colorName,
-    Object.fromEntries(
-      Object.entries(shades).map(([shade, channel]) => {
-        return [shade, `rgb(${channel})`];
-      }),
-    ),
+    typeof shadesOrString === 'object'
+      ? Object.fromEntries(
+          Object.entries(shadesOrString).map(([shade, channel]) => {
+            return [shade, `rgb(${channel})`];
+          }),
+        )
+      : shadesOrString,
   ]),
 );
 
 export const tailwindColorsHsl = Object.fromEntries(
-  Object.entries(tailwindColorsHex).map(([colorName, shades]) => [
+  Object.entries(tailwindColorsHex).map(([colorName, shadesOrString]) => [
     colorName,
-    Object.fromEntries(
-      Object.entries(shades).map(([shade, channel]) => {
-        return [shade, `hsl(${channel})`];
-      }),
-    ),
+    typeof shadesOrString === 'object'
+      ? Object.fromEntries(
+          Object.entries(shadesOrString).map(([shade, channel]) => {
+            return [shade, `hsl(${channel})`];
+          }),
+        )
+      : shadesOrString,
   ]),
 );