asyouplz_SpeechNote/esbuild.config.mjs

import esbuild from 'esbuild';
import process from 'process';
import builtins from 'builtin-modules';
import { promises as fs } from 'fs';
import path from 'path';

const banner = `/*
THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
Optimized for Phase 4 Performance
*/`;

const prod = process.argv[2] === 'production';
const watch = !prod && process.argv[2] !== 'build';
const analyze = process.env.ANALYZE === 'true';

// Ensure output directory exists
const outdir = '.';
await fs.mkdir(outdir, { recursive: true });

// Phase 4 최적화 설정
const optimizationConfig = {
    // Tree shaking 강화
    treeShaking: true,

    // 사용하지 않는 코드 제거
    pure: prod ? ['console.log', 'console.debug', 'console.trace'] : [],
    drop: prod ? ['debugger'] : [],

    // 번들 분석용 메타데이터
    metafile: analyze,

    // 코드 스플리팅 설정
    splitting: false, // Obsidian 플러그인은 단일 파일 필요

    // 최적화 플래그
    minify: prod,
    minifyWhitespace: prod,
    minifyIdentifiers: prod,
    minifySyntax: prod,

    // 소스맵 최적화
    sourcemap: prod ? false : 'inline',

    // 타겟 최적화
    target: 'es2018',

    // 번들 크기 경고
    logLimit: 10,
};

const context = await esbuild.context({
    banner: {
        js: banner,
    },
    entryPoints: ['src/main.ts'],
    bundle: true,
    external: [
        'obsidian',
        'electron',
        '@codemirror/autocomplete',
        '@codemirror/collab',
        '@codemirror/commands',
        '@codemirror/language',
        '@codemirror/lint',
        '@codemirror/search',
        '@codemirror/state',
        '@codemirror/view',
        '@lezer/common',
        '@lezer/highlight',
        '@lezer/lr',
        ...builtins,
    ],
    format: 'cjs',
    outfile: 'main.js',
    logLevel: 'info',

    // Phase 4 최적화 적용
    ...optimizationConfig,

    define: {
        'process.env.NODE_ENV': prod ? '"production"' : '"development"',
        'process.env.PERFORMANCE_MONITORING': '"enabled"',
    },

    plugins: [
        {
            name: 'clean',
            setup(build) {
                build.onStart(async () => {
                    // Clean previous build artifacts
                    const filesToClean = ['main.js', 'main.js.map', 'meta.json'];
                    for (const file of filesToClean) {
                        try {
                            await fs.unlink(file);
                        } catch (e) {
                            // File doesn't exist, ignore
                        }
                    }
                });
            },
        },
        {
            name: 'bundle-size-checker',
            setup(build) {
                build.onEnd(async (result) => {
                    if (result.errors.length > 0) return;

                    try {
                        const stats = await fs.stat('main.js');
                        const sizeKB = (stats.size / 1024).toFixed(2);
                        const sizeMB = (stats.size / 1024 / 1024).toFixed(2);

                        console.log(`📦 Bundle size: ${sizeKB} KB (${sizeMB} MB)`);

                        // Phase 4 목표: 초기 번들 < 150KB
                        const targetSize = 150 * 1024; // 150KB in bytes

                        if (stats.size > targetSize) {
                            console.warn(`⚠️  Bundle size exceeds target of 150KB!`);
                            console.warn(`   Current: ${sizeKB} KB`);
                            console.warn(`   Target:  150.00 KB`);
                            console.warn(
                                `   Excess:  ${((stats.size - targetSize) / 1024).toFixed(2)} KB`
                            );
                        } else {
                            console.log(`✅ Bundle size is within target (< 150KB)`);
                        }

                        // 메타데이터 분석
                        if (analyze && result.metafile) {
                            await fs.writeFile(
                                'meta.json',
                                JSON.stringify(result.metafile, null, 2)
                            );
                            console.log('📊 Bundle analysis saved to meta.json');

                            // 주요 모듈 크기 분석
                            const outputs = result.metafile.outputs;
                            const inputs = result.metafile.inputs;

                            console.log('\n📈 Top 10 largest modules:');
                            const modules = Object.entries(inputs)
                                .map(([path, info]) => ({
                                    path: path.replace('src/', ''),
                                    size: info.bytes,
                                }))
                                .sort((a, b) => b.size - a.size)
                                .slice(0, 10);

                            modules.forEach((module, index) => {
                                const sizeKB = (module.size / 1024).toFixed(2);
                                console.log(`   ${index + 1}. ${module.path}: ${sizeKB} KB`);
                            });
                        }
                    } catch (error) {
                        console.error('Failed to check bundle size:', error);
                    }
                });
            },
        },
        {
            name: 'performance-hints',
            setup(build) {
                build.onEnd((result) => {
                    if (result.errors.length > 0) {
                        console.error('❌ Build failed with errors:');
                        result.errors.forEach((error) => {
                            console.error(error);
                        });
                    } else if (result.warnings.length > 0) {
                        console.warn('⚠️ Build succeeded with warnings:');
                        result.warnings.forEach((warning) => {
                            console.warn(warning);
                        });
                    } else {
                        const time = new Date().toLocaleTimeString();
                        console.log(`✅ Build succeeded at ${time}`);

                        if (prod) {
                            console.log('\n💡 Performance optimization tips:');
                            console.log('   - Consider lazy loading for non-critical components');
                            console.log('   - Review large dependencies for alternatives');
                            console.log('   - Enable caching for API responses');
                            console.log('   - Monitor runtime memory usage');
                        }
                    }
                });
            },
        },
    ],
});

if (prod) {
    // Production build with optimization report
    console.log('🚀 Starting optimized production build...');
    await context.rebuild();

    // Generate optimization report
    console.log('\n📋 Optimization Report:');
    console.log('   ✅ Tree shaking: Enabled');
    console.log('   ✅ Minification: Enabled');
    console.log('   ✅ Dead code elimination: Enabled');
    console.log('   ✅ Console statements: Removed');

    console.log('\n🎯 Phase 4 Performance Targets:');
    console.log('   - Initial bundle: < 150KB');
    console.log('   - Total bundle: < 400KB');
    console.log('   - TTI: < 2 seconds');
    console.log('   - Memory usage: < 50MB');

    process.exit(0);
} else if (watch) {
    // Development with watch mode
    console.log('👀 Watching for changes with performance monitoring...');
    await context.watch();
} else {
    // Single development build
    await context.rebuild();
    console.log('✅ Development build complete');
    await context.dispose();
}