@ng-shangjc/cli 1.0.0-beta

package/src/utils/variant-configs.ts

@@ -0,0 +1,131 @@
+export interface ComponentVariant {
+  name: string;
+  classes: string;
+  description?: string;
+}
+
+export interface ComponentVariantConfig {
+  component: string;
+  variants: ComponentVariant[];
+  defaultVariant: string;
+}
+
+export const COMPONENT_VARIANT_CONFIGS: Record<string, ComponentVariantConfig> = {
+  alert: {
+    component: 'alert',
+    variants: [
+      {
+        name: 'default',
+        classes: 'bg-background text-foreground border-border',
+        description: 'Default alert style'
+      },
+      {
+        name: 'destructive',
+        classes: 'border-destructive/50 text-red-800 bg-red-50 dark:border-destructive dark:bg-red-950/30 dark:text-red-300 [&>svg]:text-red-600 dark:[&>svg]:text-red-300',
+        description: 'Red alert for errors'
+      },
+      {
+        name: 'warning',
+        classes: 'border-yellow-500/50 text-yellow-800 bg-yellow-50 dark:border-yellow-500 dark:text-yellow-300 dark:bg-yellow-950/30 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-300',
+        description: 'Yellow alert for warnings'
+      },
+      {
+        name: 'success',
+        classes: 'border-green-500/50 text-green-800 bg-green-50 dark:border-green-500 dark:text-green-300 dark:bg-green-950/30 [&>svg]:text-green-600 dark:[&>svg]:text-green-300',
+        description: 'Green alert for success'
+      },
+      {
+        name: 'info',
+        classes: 'border-blue-500/50 text-blue-800 bg-blue-50 dark:border-blue-500 dark:text-blue-300 dark:bg-blue-950/30 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-300',
+        description: 'Blue alert for information'
+      }
+    ],
+    defaultVariant: 'default'
+  },
+  button: {
+    component: 'button',
+    variants: [
+      {
+        name: 'default',
+        classes: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        description: 'Primary button style'
+      },
+      {
+        name: 'destructive',
+        classes: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+        description: 'Destructive button style'
+      },
+      {
+        name: 'outline',
+        classes: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
+        description: 'Outline button style'
+      },
+      {
+        name: 'secondary',
+        classes: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        description: 'Secondary button style'
+      },
+      {
+        name: 'ghost',
+        classes: 'hover:bg-accent hover:text-accent-foreground',
+        description: 'Ghost button style'
+      },
+      {
+        name: 'link',
+        classes: 'text-primary underline-offset-4 hover:underline',
+        description: 'Link button style'
+      }
+    ],
+    defaultVariant: 'default'
+  },
+  input: {
+    component: 'input',
+    variants: [
+      {
+        name: 'default',
+        classes: 'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        description: 'Default input style'
+      },
+      {
+        name: 'destructive',
+        classes: 'flex h-10 w-full rounded-md border border-destructive bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-destructive focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        description: 'Input with destructive border'
+      }
+    ],
+    defaultVariant: 'default'
+  },
+  badge: {
+    component: 'badge',
+    variants: [
+      {
+        name: 'default',
+        classes: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+        description: 'Default badge style'
+      },
+      {
+        name: 'secondary',
+        classes: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        description: 'Secondary badge style'
+      },
+      {
+        name: 'destructive',
+        classes: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        description: 'Destructive badge style'
+      },
+      {
+        name: 'outline',
+        classes: 'text-foreground border',
+        description: 'Outline badge style'
+      }
+    ],
+    defaultVariant: 'default'
+  }
+};
+
+export function getComponentVariantConfig(componentName: string): ComponentVariantConfig | null {
+  return COMPONENT_VARIANT_CONFIGS[componentName] || null;
+}
+
+export function getAllVariantConfigs(): ComponentVariantConfig[] {
+  return Object.values(COMPONENT_VARIANT_CONFIGS);
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "CommonJS",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}