@tekton-ui/core 0.2.0

package/dist/screen-generation/generators/tailwind-generator.js

@@ -0,0 +1,355 @@
+/**
+ * @tekton-ui/core - Tailwind CSS Generator
+ * Generates Tailwind class names and configuration from ResolvedScreen
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+import { cssVarToToken } from './utils.js';
+// ============================================================================
+// Token to Tailwind Class Mapping
+// ============================================================================
+/**
+ * Tailwind property mapping
+ * Maps CSS properties to Tailwind class prefixes
+ */
+const TAILWIND_PROPERTY_MAP = {
+    // Layout
+    width: 'w',
+    height: 'h',
+    padding: 'p',
+    margin: 'm',
+    gap: 'gap',
+    // Flexbox & Grid
+    display: '',
+    flexDirection: 'flex',
+    alignItems: 'items',
+    justifyContent: 'justify',
+    gridTemplateColumns: 'grid-cols',
+    // Typography
+    fontSize: 'text',
+    fontWeight: 'font',
+    lineHeight: 'leading',
+    textAlign: 'text',
+    color: 'text',
+    // Backgrounds
+    background: 'bg',
+    backgroundColor: 'bg',
+    // Borders
+    borderRadius: 'rounded',
+    borderWidth: 'border',
+    borderColor: 'border',
+    // Effects
+    boxShadow: 'shadow',
+    opacity: 'opacity',
+    // Transforms
+    transform: 'transform',
+    scale: 'scale',
+};
+/**
+ * Convert token binding to Tailwind class name
+ *
+ * Maps design token references to Tailwind utility classes.
+ * Uses a lookup table for performance.
+ *
+ * @param tokenBinding - Token binding (CSS variable reference)
+ * @param context - Resolution context with component props
+ * @returns Tailwind class name
+ *
+ * @example
+ * ```typescript
+ * tokenToTailwindClass('var(--atomic-spacing-16)', { prop: 'padding' });
+ * // → 'p-4'
+ *
+ * tokenToTailwindClass('var(--semantic-color-primary)', { prop: 'background' });
+ * // → 'bg-primary-500'
+ * ```
+ */
+export function tokenToTailwindClass(tokenBinding, context) {
+    // Extract token reference from CSS variable
+    const tokenRef = cssVarToToken(tokenBinding);
+    const parts = tokenRef.split('.');
+    if (parts.length < 2) {
+        return '';
+    }
+    const [layer, category, ...rest] = parts;
+    const prefix = TAILWIND_PROPERTY_MAP[context.prop] || '';
+    // Responsive prefix
+    const responsivePrefix = context.responsive ? `${context.responsive}:` : '';
+    // Handle different token types
+    if (category === 'spacing' || category === 'space') {
+        const value = rest[0];
+        const tailwindValue = mapSpacingToTailwind(value);
+        return prefix ? `${responsivePrefix}${prefix}-${tailwindValue}` : '';
+    }
+    if (category === 'color' || category === 'colors') {
+        const colorName = rest.join('-');
+        return prefix ? `${responsivePrefix}${prefix}-${colorName}` : '';
+    }
+    if (category === 'font' || category === 'typography') {
+        const value = rest.join('-');
+        return prefix ? `${responsivePrefix}${prefix}-${value}` : '';
+    }
+    if (category === 'radius' || category === 'radii') {
+        const value = rest[0];
+        return `${responsivePrefix}rounded-${value}`;
+    }
+    if (category === 'shadow' || category === 'shadows') {
+        const value = rest.join('-');
+        return `${responsivePrefix}shadow-${value}`;
+    }
+    // Component-specific tokens
+    if (layer === 'component') {
+        const value = rest.join('-');
+        return `${responsivePrefix}${prefix}-${category}-${value}`;
+    }
+    return '';
+}
+/**
+ * Map spacing token value to Tailwind spacing scale
+ *
+ * @param value - Spacing token value (e.g., '16', '32', '48')
+ * @returns Tailwind spacing value (e.g., '4', '8', '12')
+ */
+function mapSpacingToTailwind(value) {
+    // Tekton uses 4px base unit, Tailwind uses 0.25rem (4px) base
+    // Direct mapping: 16px → 4, 32px → 8, etc.
+    const numValue = parseInt(value, 10);
+    if (isNaN(numValue)) {
+        return value;
+    }
+    return String(numValue / 4);
+}
+/**
+ * Generate Tailwind classes for component
+ *
+ * @param component - Resolved component
+ * @returns Array of Tailwind class names
+ *
+ * @example
+ * ```typescript
+ * const component = {
+ *   type: 'Button',
+ *   tokenBindings: {
+ *     background: 'var(--semantic-color-primary)',
+ *     padding: 'var(--atomic-spacing-16)'
+ *   }
+ * };
+ *
+ * generateTailwindClasses(component);
+ * // → ['bg-primary-500', 'p-4']
+ * ```
+ */
+export function generateComponentClasses(component) {
+    const classes = [];
+    for (const [prop, tokenBinding] of Object.entries(component.tokenBindings)) {
+        const className = tokenToTailwindClass(tokenBinding, { prop });
+        if (className) {
+            classes.push(className);
+        }
+    }
+    return classes;
+}
+// ============================================================================
+// Tailwind Config Generation
+// ============================================================================
+/**
+ * Generate Tailwind configuration extension
+ *
+ * Creates a tailwind.config.js extension that maps design tokens
+ * to Tailwind theme values.
+ *
+ * @param cssVars - CSS variables from resolved screen
+ * @returns Tailwind config extension code
+ *
+ * @example
+ * ```typescript
+ * const cssVars = {
+ *   'var(--semantic-color-primary)': 'semantic.color.primary',
+ *   'var(--atomic-spacing-16)': 'atomic.spacing.16'
+ * };
+ *
+ * const config = generateTailwindConfig(cssVars);
+ * // module.exports = {
+ * //   theme: {
+ * //     extend: {
+ * //       colors: {
+ * //         'primary': 'var(--semantic-color-primary)',
+ * //       },
+ * //       spacing: {
+ * //         '4': 'var(--atomic-spacing-16)',
+ * //       }
+ * //     }
+ * //   }
+ * // }
+ * ```
+ */
+export function generateTailwindConfig(cssVars) {
+    const config = {
+        colors: {},
+        spacing: {},
+        fontSizes: {},
+        borderRadius: {},
+        boxShadow: {},
+    };
+    // Process CSS variables
+    for (const [cssVar, tokenRef] of Object.entries(cssVars)) {
+        const parts = tokenRef.split('.');
+        if (parts.length < 2) {
+            continue;
+        }
+        const [layer, category, ...rest] = parts;
+        if (layer === 'semantic' || layer === 'atomic') {
+            if (category === 'color' || category === 'colors') {
+                const key = rest.join('-');
+                config.colors[key] = cssVar;
+            }
+            else if (category === 'spacing' || category === 'space') {
+                const value = rest[0];
+                const tailwindKey = mapSpacingToTailwind(value);
+                config.spacing[tailwindKey] = cssVar;
+            }
+            else if (category === 'font' || category === 'typography') {
+                const key = rest.join('-');
+                config.fontSizes[key] = cssVar;
+            }
+            else if (category === 'radius' || category === 'radii') {
+                const key = rest[0] || 'default';
+                config.borderRadius[key] = cssVar;
+            }
+            else if (category === 'shadow' || category === 'shadows') {
+                const key = rest.join('-') || 'default';
+                config.boxShadow[key] = cssVar;
+            }
+        }
+    }
+    // Generate config code
+    const lines = [];
+    lines.push('/** @type {import("tailwindcss").Config} */');
+    lines.push('module.exports = {');
+    lines.push('  theme: {');
+    lines.push('    extend: {');
+    // Colors
+    if (Object.keys(config.colors).length > 0) {
+        lines.push('      colors: {');
+        for (const [key, value] of Object.entries(config.colors)) {
+            lines.push(`        '${key}': '${value}',`);
+        }
+        lines.push('      },');
+    }
+    // Spacing
+    if (Object.keys(config.spacing).length > 0) {
+        lines.push('      spacing: {');
+        for (const [key, value] of Object.entries(config.spacing)) {
+            lines.push(`        '${key}': '${value}',`);
+        }
+        lines.push('      },');
+    }
+    // Font sizes
+    if (Object.keys(config.fontSizes).length > 0) {
+        lines.push('      fontSize: {');
+        for (const [key, value] of Object.entries(config.fontSizes)) {
+            lines.push(`        '${key}': '${value}',`);
+        }
+        lines.push('      },');
+    }
+    // Border radius
+    if (Object.keys(config.borderRadius).length > 0) {
+        lines.push('      borderRadius: {');
+        for (const [key, value] of Object.entries(config.borderRadius)) {
+            lines.push(`        '${key}': '${value}',`);
+        }
+        lines.push('      },');
+    }
+    // Box shadow
+    if (Object.keys(config.boxShadow).length > 0) {
+        lines.push('      boxShadow: {');
+        for (const [key, value] of Object.entries(config.boxShadow)) {
+            lines.push(`        '${key}': '${value}',`);
+        }
+        lines.push('      },');
+    }
+    lines.push('    },');
+    lines.push('  },');
+    lines.push('};');
+    return lines.join('\n');
+}
+// ============================================================================
+// Main Generation Function
+// ============================================================================
+/**
+ * Generate Tailwind classes and configuration from resolved screen
+ *
+ * Creates:
+ * - Component class mappings
+ * - Tailwind configuration extension
+ *
+ * @param screen - Resolved screen
+ * @param options - Generator options
+ * @returns Generator result with code and config
+ *
+ * @example
+ * ```typescript
+ * const screen = resolveScreen(screenDefinition);
+ * const result = generateTailwindClasses(screen);
+ *
+ * console.log(result.code); // Component class mappings
+ * console.log(result.files[0].content); // tailwind.config.js
+ * ```
+ */
+export function generateTailwindClasses(screen, _options = {}) {
+    const startTime = performance.now();
+    const componentClasses = {};
+    const warnings = [];
+    // Generate classes for each component
+    for (const section of screen.sections) {
+        for (const component of section.components) {
+            const classes = generateComponentClasses(component);
+            if (classes.length === 0) {
+                warnings.push(`No Tailwind classes generated for ${component.type} (may need manual styling)`);
+            }
+            const key = `${section.id}-${component.type}`;
+            componentClasses[key] = classes;
+        }
+    }
+    // Generate Tailwind config
+    const config = generateTailwindConfig(screen.cssVariables);
+    // Generate class mapping code
+    const classMapCode = generateClassMapCode(componentClasses);
+    const endTime = performance.now();
+    return {
+        code: classMapCode,
+        files: [
+            {
+                path: 'tailwind.config.js',
+                content: config,
+                type: 'config',
+            },
+        ],
+        warnings,
+        meta: {
+            duration: endTime - startTime,
+            componentCount: Object.keys(componentClasses).length,
+            lineCount: classMapCode.split('\n').length + config.split('\n').length,
+        },
+    };
+}
+/**
+ * Generate class mapping code
+ *
+ * @param componentClasses - Component class mappings
+ * @returns TypeScript code for class mappings
+ */
+function generateClassMapCode(componentClasses) {
+    const lines = [];
+    lines.push('/**');
+    lines.push(' * Tailwind class mappings for components');
+    lines.push(' * Generated from design tokens');
+    lines.push(' */');
+    lines.push('export const componentClasses = {');
+    for (const [key, classes] of Object.entries(componentClasses)) {
+        const classString = classes.join(' ');
+        lines.push(`  '${key}': '${classString}',`);
+    }
+    lines.push('};');
+    return lines.join('\n');
+}
+//# sourceMappingURL=tailwind-generator.js.map

package/dist/screen-generation/generators/tailwind-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-generator.js","sourceRoot":"","sources":["../../../src/screen-generation/generators/tailwind-generator.ts"],"names":[],"mappings":"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"}

package/dist/screen-generation/generators/types.d.ts

@@ -0,0 +1,136 @@
+/**
+ * @tekton-ui/core - Generator Type Definitions
+ * Common types and interfaces for code generators
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+/**
+ * CSS framework options for code generation
+ */
+export type CSSFramework = 'styled-components' | 'emotion' | 'tailwind' | 'css-modules';
+/**
+ * Output format options
+ */
+export type OutputFormat = 'typescript' | 'javascript';
+/**
+ * Component style options
+ */
+export type ComponentStyle = 'functional' | 'class';
+/**
+ * Generator options for customizing output
+ */
+export interface GeneratorOptions {
+    /** Output format (default: 'typescript') */
+    format?: OutputFormat;
+    /** CSS framework to use (default: 'tailwind') */
+    cssFramework?: CSSFramework;
+    /** Enable prettier formatting (default: true) */
+    prettier?: boolean;
+    /** Include TypeScript types (default: true) */
+    includeTypes?: boolean;
+    /** Component style (default: 'functional') */
+    componentStyle?: ComponentStyle;
+    /** Indentation (default: 2 spaces) */
+    indent?: number;
+    /** Single quotes vs double quotes (default: true for single) */
+    singleQuote?: boolean;
+}
+/**
+ * Default generator options
+ */
+export declare const defaultGeneratorOptions: Required<GeneratorOptions>;
+/**
+ * Result from code generation
+ */
+export interface GeneratorResult {
+    /** Generated code */
+    code: string;
+    /** Files generated (for multi-file generators) */
+    files?: GeneratedFile[];
+    /** Warnings encountered during generation */
+    warnings?: string[];
+    /** Metadata about generation */
+    meta?: {
+        /** Time taken to generate (ms) */
+        duration?: number;
+        /** Number of components generated */
+        componentCount?: number;
+        /** Number of lines generated */
+        lineCount?: number;
+    };
+}
+/**
+ * Generated file
+ */
+export interface GeneratedFile {
+    /** File path relative to output directory */
+    path: string;
+    /** File content */
+    content: string;
+    /** File type */
+    type: 'component' | 'style' | 'config' | 'type';
+}
+/**
+ * CSS variable mapping for token resolution
+ */
+export interface CSSVariableMap {
+    /** Variable name (without --) */
+    name: string;
+    /** CSS variable reference (with var()) */
+    cssVar: string;
+    /** Original token reference */
+    tokenRef: string;
+}
+/**
+ * Tailwind class mapping configuration
+ */
+export interface TailwindClassMap {
+    /** Property name (e.g., 'background', 'padding') */
+    property: string;
+    /** Tailwind class name (e.g., 'bg-primary-500') */
+    className: string;
+    /** Original token reference */
+    tokenRef: string;
+    /** Responsive variants (optional) */
+    responsive?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        '2xl'?: string;
+    };
+}
+/**
+ * Theme configuration for styled-components/Emotion
+ */
+export interface StyledThemeConfig {
+    /** Theme name */
+    name: string;
+    /** Color tokens */
+    colors: Record<string, string>;
+    /** Spacing tokens */
+    spacing: Record<string, string>;
+    /** Typography tokens */
+    typography: Record<string, string>;
+    /** Border radius tokens */
+    radii: Record<string, string>;
+    /** Shadow tokens */
+    shadows: Record<string, string>;
+    /** Custom tokens */
+    custom?: Record<string, Record<string, string>>;
+}
+/**
+ * Context for component generation
+ */
+export interface ComponentGenerationContext {
+    /** Component depth in tree (for indentation) */
+    depth: number;
+    /** Parent component type (if nested) */
+    parentType?: string;
+    /** Accumulated imports */
+    imports: Set<string>;
+    /** CSS framework being used */
+    cssFramework: CSSFramework;
+    /** Output format */
+    format: OutputFormat;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/screen-generation/generators/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/screen-generation/generators/types.ts"],"names":[],"mappings":"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"}

package/dist/screen-generation/generators/types.js

@@ -0,0 +1,18 @@
+/**
+ * @tekton-ui/core - Generator Type Definitions
+ * Common types and interfaces for code generators
+ * [SPEC-LAYOUT-002] [PHASE-3]
+ */
+/**
+ * Default generator options
+ */
+export const defaultGeneratorOptions = {
+    format: 'typescript',
+    cssFramework: 'tailwind',
+    prettier: true,
+    includeTypes: true,
+    componentStyle: 'functional',
+    indent: 2,
+    singleQuote: true,
+};
+//# sourceMappingURL=types.js.map

package/dist/screen-generation/generators/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/screen-generation/generators/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA+CH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAA+B;IACjE,MAAM,EAAE,YAAY;IACpB,YAAY,EAAE,UAAU;IACxB,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,YAAY;IAC5B,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,IAAI;CAClB,CAAC"}