@ordojs/core
Version:
Core compiler and runtime for OrdoJS framework
125 lines • 2.79 kB
TypeScript
/**
* @fileoverview CSS Framework Integration for OrdoJS Framework
* Handles integration with external CSS frameworks like Tailwind CSS
*/
/**
* CSS Framework types
*/
export type CSSFramework = 'tailwind' | 'bootstrap' | 'bulma' | 'foundation' | 'custom';
/**
* CSS Framework integration options
*/
export interface CSSFrameworkOptions {
/**
* The CSS framework to integrate
*/
framework: CSSFramework;
/**
* Whether to include the framework's CSS
*/
includeFrameworkCSS?: boolean;
/**
* Custom CSS file path for the framework
*/
customCSSPath?: string;
/**
* Whether to purge unused CSS classes
*/
purgeUnused?: boolean;
/**
* Content paths for purging (for Tailwind)
*/
contentPaths?: string[];
/**
* Whether to generate source maps
*/
generateSourceMaps?: boolean;
/**
* Whether to minify the output
*/
minify?: boolean;
/**
* PostCSS configuration
*/
postcss?: {
plugins?: string[];
options?: Record<string, any>;
};
}
/**
* CSS Framework integration result
*/
export interface CSSFrameworkResult {
/**
* Generated CSS content
*/
css: string;
/**
* CSS file path
*/
cssPath: string;
/**
* Whether the integration was successful
*/
success: boolean;
/**
* Any errors that occurred
*/
errors?: string[];
/**
* Framework-specific metadata
*/
metadata?: Record<string, any>;
}
/**
* CSS Framework Integration Manager
*/
export declare class OrdoJSCSSFrameworkIntegration {
private options;
constructor(options: CSSFrameworkOptions);
/**
* Integrate CSS framework with OrdoJS
*/
integrate(): Promise<CSSFrameworkResult>;
/**
* Integrate Tailwind CSS
*/
private integrateTailwind;
/**
* Generate Tailwind CSS configuration
*/
private generateTailwindConfig;
/**
* Generate Tailwind CSS content
*/
private generateTailwindCSS;
/**
* Integrate Bootstrap
*/
private integrateBootstrap;
/**
* Integrate Bulma
*/
private integrateBulma;
/**
* Integrate Foundation
*/
private integrateFoundation;
/**
* Integrate custom CSS framework
*/
private integrateCustom;
/**
* Generate PostCSS configuration
*/
generatePostCSSConfig(): Record<string, any>;
/**
* Generate package.json dependencies for the framework
*/
generateDependencies(): Record<string, string>;
/**
* Generate framework-specific configuration files
*/
generateConfigFiles(outputDir: string): Promise<string[]>;
}
//# sourceMappingURL=css-framework-integration.d.ts.map