@revealui/core 0.0.1-pre.4 → 0.2.1

package/dist/optimization/asset-optimizer.d.ts

@@ -0,0 +1,202 @@
+/**
+ * Asset Optimization
+ *
+ * Utilities for optimizing images, fonts, CSS, and other assets
+ */
+/**
+ * Image optimization configuration
+ */
+export interface ImageOptimizationConfig {
+    quality?: number;
+    format?: 'webp' | 'avif' | 'jpeg' | 'png';
+    sizes?: number[];
+    deviceSizes?: number[];
+    imageSizes?: number[];
+    formats?: ('webp' | 'avif')[];
+    minimumCacheTTL?: number;
+    disableStaticImages?: boolean;
+    dangerouslyAllowSVG?: boolean;
+}
+export declare const DEFAULT_IMAGE_CONFIG: ImageOptimizationConfig;
+/**
+ * Calculate responsive image srcset
+ */
+export declare function generateSrcSet(src: string, sizes: number[]): string;
+/**
+ * Generate sizes attribute
+ */
+export declare function generateSizesAttribute(breakpoints: Array<{
+    media: string;
+    size: string;
+}>, defaultSize?: string): string;
+/**
+ * Image format detection
+ */
+export declare function getOptimalImageFormat(userAgent: string): 'avif' | 'webp' | 'jpeg';
+/**
+ * Lazy loading configuration
+ */
+export interface LazyLoadConfig {
+    rootMargin?: string;
+    threshold?: number | number[];
+    loading?: 'lazy' | 'eager';
+}
+export declare const DEFAULT_LAZY_LOAD_CONFIG: LazyLoadConfig;
+/**
+ * Font optimization
+ */
+export interface FontOptimizationConfig {
+    display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+    preload?: boolean;
+    fallback?: string[];
+    subset?: string[];
+    weights?: number[];
+    styles?: ('normal' | 'italic')[];
+}
+export declare const DEFAULT_FONT_CONFIG: FontOptimizationConfig;
+/**
+ * Generate font-face CSS
+ */
+export declare function generateFontFace(family: string, src: string, config?: FontOptimizationConfig): string;
+/**
+ * Font preload link
+ */
+export declare function generateFontPreload(href: string, type?: string): string;
+/**
+ * CSS optimization
+ */
+export interface CSSOptimizationConfig {
+    minify?: boolean;
+    autoprefixer?: boolean;
+    purgecss?: boolean;
+    cssnano?: boolean;
+    inlineCritical?: boolean;
+}
+export declare const DEFAULT_CSS_CONFIG: CSSOptimizationConfig;
+/**
+ * Remove unused CSS selectors
+ */
+export declare function removeUnusedCSS(css: string, _usedSelectors: string[]): string;
+/**
+ * Inline critical CSS
+ */
+export declare function inlineCriticalCSS(html: string, css: string): string;
+/**
+ * SVG optimization
+ */
+export interface SVGOptimizationConfig {
+    removeViewBox?: boolean;
+    removeXMLNS?: boolean;
+    removeDimensions?: boolean;
+    removeComments?: boolean;
+    removeMetadata?: boolean;
+    removeTitle?: boolean;
+    removeDesc?: boolean;
+    convertColors?: boolean;
+    removeUselessStrokeAndFill?: boolean;
+}
+export declare const DEFAULT_SVG_CONFIG: SVGOptimizationConfig;
+/**
+ * Optimize SVG string
+ */
+export declare function optimizeSVG(svg: string, config?: SVGOptimizationConfig): string;
+/**
+ * Convert SVG to data URI
+ */
+export declare function svgToDataURI(svg: string): string;
+/**
+ * Video optimization
+ */
+export interface VideoOptimizationConfig {
+    poster?: string;
+    preload?: 'none' | 'metadata' | 'auto';
+    formats?: ('mp4' | 'webm' | 'ogg')[];
+    quality?: number;
+}
+export declare const DEFAULT_VIDEO_CONFIG: VideoOptimizationConfig;
+/**
+ * Generate video element
+ */
+export declare function generateVideoElement(sources: Array<{
+    src: string;
+    type: string;
+}>, config?: VideoOptimizationConfig): string;
+/**
+ * Asset compression
+ */
+export interface CompressionConfig {
+    brotli?: boolean;
+    gzip?: boolean;
+    level?: number;
+}
+export declare const DEFAULT_COMPRESSION_CONFIG: CompressionConfig;
+/**
+ * Check if file should be compressed
+ */
+export declare function shouldCompressAsset(filePath: string, size: number): boolean;
+/**
+ * Resource hints
+ */
+export interface ResourceHint {
+    type: 'preload' | 'prefetch' | 'dns-prefetch' | 'preconnect';
+    href: string;
+    as?: string;
+    crossorigin?: boolean;
+}
+export declare function generateResourceHint(hint: ResourceHint): string;
+/**
+ * Preload critical assets
+ */
+export declare function preloadCriticalAssets(assets: Array<{
+    href: string;
+    as: string;
+    type?: string;
+}>): string;
+/**
+ * Prefetch next page assets
+ */
+export declare function prefetchNextPage(hrefs: string[]): string;
+/**
+ * DNS prefetch for external resources
+ */
+export declare function dnsPrefetch(domains: string[]): string;
+/**
+ * Preconnect to critical origins
+ */
+export declare function preconnect(origins: string[]): string;
+/**
+ * Calculate asset priority
+ */
+export type AssetPriority = 'critical' | 'high' | 'medium' | 'low';
+export declare function getAssetPriority(assetPath: string, isAboveFold: boolean): AssetPriority;
+/**
+ * Generate Next.js Image config
+ */
+export declare function generateNextImageConfig(domains?: string[]): {
+    domains: string[];
+    deviceSizes: number[];
+    imageSizes: number[];
+    formats: ('webp' | 'avif')[];
+};
+/**
+ * Asset budget configuration
+ */
+export interface AssetBudget {
+    images?: number;
+    scripts?: number;
+    styles?: number;
+    fonts?: number;
+    total?: number;
+}
+export declare const DEFAULT_ASSET_BUDGETS: AssetBudget;
+/**
+ * Check asset budgets
+ */
+export declare function checkAssetBudgets(assets: {
+    type: string;
+    size: number;
+}[], budgets?: AssetBudget): {
+    exceeded: boolean;
+    violations: string[];
+};
+//# sourceMappingURL=asset-optimizer.d.ts.map

package/dist/optimization/asset-optimizer.d.ts.map

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

package/dist/optimization/asset-optimizer.js

@@ -0,0 +1,312 @@
+/**
+ * Asset Optimization
+ *
+ * Utilities for optimizing images, fonts, CSS, and other assets
+ */
+export const DEFAULT_IMAGE_CONFIG = {
+    quality: 75,
+    format: 'webp',
+    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+    formats: ['webp'],
+    minimumCacheTTL: 60 * 60 * 24 * 365, // 1 year
+    disableStaticImages: false,
+    dangerouslyAllowSVG: false,
+};
+/**
+ * Calculate responsive image srcset
+ */
+export function generateSrcSet(src, sizes) {
+    return sizes.map((size) => `${src}?w=${size} ${size}w`).join(', ');
+}
+/**
+ * Generate sizes attribute
+ */
+export function generateSizesAttribute(breakpoints, defaultSize = '100vw') {
+    const mediaQueries = breakpoints.map((bp) => `${bp.media} ${bp.size}`).join(', ');
+    return mediaQueries ? `${mediaQueries}, ${defaultSize}` : defaultSize;
+}
+/**
+ * Image format detection
+ */
+export function getOptimalImageFormat(userAgent) {
+    // Check for AVIF support
+    if (userAgent.includes('Chrome/9') || userAgent.includes('Edge/9')) {
+        return 'avif';
+    }
+    // Check for WebP support
+    if (userAgent.includes('Chrome') || userAgent.includes('Edge') || userAgent.includes('Firefox')) {
+        return 'webp';
+    }
+    return 'jpeg';
+}
+export const DEFAULT_LAZY_LOAD_CONFIG = {
+    rootMargin: '50px',
+    threshold: 0.01,
+    loading: 'lazy',
+};
+export const DEFAULT_FONT_CONFIG = {
+    display: 'swap',
+    preload: true,
+    fallback: ['system-ui', 'sans-serif'],
+    weights: [400, 700],
+    styles: ['normal'],
+};
+/**
+ * Generate font-face CSS
+ */
+export function generateFontFace(family, src, config = {}) {
+    const { display = 'swap', weights = [400], styles = ['normal'] } = config;
+    const fontFaces = [];
+    for (const weight of weights) {
+        for (const style of styles) {
+            fontFaces.push(`
+@font-face {
+  font-family: '${family}';
+  font-style: ${style};
+  font-weight: ${weight};
+  font-display: ${display};
+  src: url('${src}') format('woff2');
+}`);
+        }
+    }
+    return fontFaces.join('\n');
+}
+/**
+ * Font preload link
+ */
+export function generateFontPreload(href, type = 'font/woff2') {
+    return `<link rel="preload" href="${href}" as="font" type="${type}" crossorigin>`;
+}
+export const DEFAULT_CSS_CONFIG = {
+    minify: true,
+    autoprefixer: true,
+    purgecss: true,
+    cssnano: true,
+    inlineCritical: true,
+};
+/**
+ * Remove unused CSS selectors
+ */
+export function removeUnusedCSS(css, _usedSelectors) {
+    // Simplified implementation
+    // Real implementation would use PostCSS or PurgeCSS
+    return css;
+}
+/**
+ * Inline critical CSS
+ */
+export function inlineCriticalCSS(html, css) {
+    const headEnd = html.indexOf('</head>');
+    if (headEnd === -1)
+        return html;
+    const styleTag = `<style>${css}</style>`;
+    return html.slice(0, headEnd) + styleTag + html.slice(headEnd);
+}
+export const DEFAULT_SVG_CONFIG = {
+    removeViewBox: false,
+    removeXMLNS: false,
+    removeDimensions: true,
+    removeComments: true,
+    removeMetadata: true,
+    removeTitle: false,
+    removeDesc: false,
+    convertColors: true,
+    removeUselessStrokeAndFill: true,
+};
+/**
+ * Optimize SVG string
+ */
+export function optimizeSVG(svg, config = {}) {
+    let optimized = svg;
+    const { removeComments = true, removeMetadata = true } = config;
+    if (removeComments) {
+        optimized = optimized.replace(/<!--[\s\S]*?-->/g, '');
+    }
+    if (removeMetadata) {
+        optimized = optimized.replace(/<metadata[\s\S]*?<\/metadata>/g, '');
+    }
+    // Remove unnecessary whitespace
+    optimized = optimized.replace(/>\s+</g, '><').trim();
+    return optimized;
+}
+/**
+ * Convert SVG to data URI
+ */
+export function svgToDataURI(svg) {
+    const optimized = optimizeSVG(svg);
+    const encoded = encodeURIComponent(optimized).replace(/'/g, '%27').replace(/"/g, '%22');
+    return `data:image/svg+xml,${encoded}`;
+}
+export const DEFAULT_VIDEO_CONFIG = {
+    preload: 'metadata',
+    formats: ['webm', 'mp4'],
+    quality: 80,
+};
+/**
+ * Generate video element
+ */
+export function generateVideoElement(sources, config = {}) {
+    const { poster, preload = 'metadata' } = config;
+    const sourceElements = sources
+        .map((source) => `<source src="${source.src}" type="${source.type}">`)
+        .join('\n  ');
+    return `
+<video ${poster ? `poster="${poster}"` : ''} preload="${preload}" controls>
+  ${sourceElements}
+  Your browser does not support the video tag.
+</video>`;
+}
+export const DEFAULT_COMPRESSION_CONFIG = {
+    brotli: true,
+    gzip: true,
+    level: 11, // Maximum compression for static assets
+};
+/**
+ * Check if file should be compressed
+ */
+export function shouldCompressAsset(filePath, size) {
+    const compressibleExts = ['.js', '.css', '.html', '.svg', '.json', '.xml'];
+    const ext = filePath.substring(filePath.lastIndexOf('.'));
+    // Compress if compressible type and size > 1KB
+    return compressibleExts.includes(ext) && size > 1024;
+}
+export function generateResourceHint(hint) {
+    const { type, href, as, crossorigin } = hint;
+    const attributes = [
+        `rel="${type}"`,
+        `href="${href}"`,
+        as ? `as="${as}"` : '',
+        crossorigin ? 'crossorigin' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return `<link ${attributes}>`;
+}
+/**
+ * Preload critical assets
+ */
+export function preloadCriticalAssets(assets) {
+    return assets
+        .map((asset) => generateResourceHint({
+        type: 'preload',
+        href: asset.href,
+        as: asset.as,
+    }))
+        .join('\n');
+}
+/**
+ * Prefetch next page assets
+ */
+export function prefetchNextPage(hrefs) {
+    return hrefs
+        .map((href) => generateResourceHint({
+        type: 'prefetch',
+        href,
+    }))
+        .join('\n');
+}
+/**
+ * DNS prefetch for external resources
+ */
+export function dnsPrefetch(domains) {
+    return domains
+        .map((domain) => generateResourceHint({
+        type: 'dns-prefetch',
+        href: domain,
+    }))
+        .join('\n');
+}
+/**
+ * Preconnect to critical origins
+ */
+export function preconnect(origins) {
+    return origins
+        .map((origin) => generateResourceHint({
+        type: 'preconnect',
+        href: origin,
+        crossorigin: true,
+    }))
+        .join('\n');
+}
+export function getAssetPriority(assetPath, isAboveFold) {
+    // Critical: Above fold images, fonts, critical CSS/JS
+    if (isAboveFold) {
+        return 'critical';
+    }
+    // High: Fonts, above fold CSS/JS
+    if (assetPath.includes('font') || assetPath.endsWith('.css')) {
+        return 'high';
+    }
+    // Medium: Below fold images, async scripts
+    if (assetPath.match(/\.(jpg|jpeg|png|webp|avif)$/)) {
+        return 'medium';
+    }
+    // Low: Everything else
+    return 'low';
+}
+/**
+ * Generate Next.js Image config
+ */
+export function generateNextImageConfig(domains = []) {
+    return {
+        domains,
+        deviceSizes: DEFAULT_IMAGE_CONFIG.deviceSizes,
+        imageSizes: DEFAULT_IMAGE_CONFIG.imageSizes,
+        formats: DEFAULT_IMAGE_CONFIG.formats,
+    };
+}
+export const DEFAULT_ASSET_BUDGETS = {
+    images: 200 * 1024, // 200KB for images
+    scripts: 300 * 1024, // 300KB for scripts
+    styles: 50 * 1024, // 50KB for styles
+    fonts: 100 * 1024, // 100KB for fonts
+    total: 500 * 1024, // 500KB total
+};
+/**
+ * Check asset budgets
+ */
+export function checkAssetBudgets(assets, budgets = DEFAULT_ASSET_BUDGETS) {
+    const violations = [];
+    const totals = {
+        images: 0,
+        scripts: 0,
+        styles: 0,
+        fonts: 0,
+        total: 0,
+    };
+    for (const asset of assets) {
+        totals.total += asset.size;
+        if (asset.type.startsWith('image/')) {
+            totals.images += asset.size;
+        }
+        else if (asset.type === 'text/javascript' || asset.type === 'application/javascript') {
+            totals.scripts += asset.size;
+        }
+        else if (asset.type === 'text/css') {
+            totals.styles += asset.size;
+        }
+        else if (asset.type.includes('font')) {
+            totals.fonts += asset.size;
+        }
+    }
+    if (budgets.images && totals.images > budgets.images) {
+        violations.push(`Images exceed budget: ${totals.images} > ${budgets.images}`);
+    }
+    if (budgets.scripts && totals.scripts > budgets.scripts) {
+        violations.push(`Scripts exceed budget: ${totals.scripts} > ${budgets.scripts}`);
+    }
+    if (budgets.styles && totals.styles > budgets.styles) {
+        violations.push(`Styles exceed budget: ${totals.styles} > ${budgets.styles}`);
+    }
+    if (budgets.fonts && totals.fonts > budgets.fonts) {
+        violations.push(`Fonts exceed budget: ${totals.fonts} > ${budgets.fonts}`);
+    }
+    if (budgets.total && totals.total > budgets.total) {
+        violations.push(`Total assets exceed budget: ${totals.total} > ${budgets.total}`);
+    }
+    return {
+        exceeded: violations.length > 0,
+        violations,
+    };
+}