skeet-fyi / build.js

import * as esbuild from 'esbuild';
import { exec } from 'child_process';
import { promises as fs } from 'fs';
import path from 'path';

// Helper function to execute shell commands
async function execCommand(command) {
  return new Promise((resolve, reject) => {
    exec(command, (error, stdout, stderr) => {
      if (error) {
        console.error(`Error executing command: ${error}`);
        reject(error);
        return;
      }
      if (stderr) {
        console.warn(`Command stderr: ${stderr}`);
      }
      resolve(stdout);
    });
  });
}

// Helper function to ensure directory exists
async function ensureDir(dir) {
  try {
    await fs.mkdir(dir, { recursive: true });
  } catch (error) {
    if (error.code !== 'EEXIST') {
      throw error;
    }
  }
}

// Main build function
async function build() {
  try {
    console.log('Starting build process...');

    // Clean dist directory
    await execCommand('rm -rf dist');
    await ensureDir('dist');
    await ensureDir('dist/scripts');
    await ensureDir('dist/lib');
    await ensureDir('dist/assets/css');
    await ensureDir('dist/assets/icon');
    await ensureDir('dist/pages');

    // Copy OAuth-related files from pack to src
    console.log('Copying OAuth-related files from pack to src...');

    // Create src/scripts directory if it doesn't exist
    await ensureDir('src/scripts');

    // Build JavaScript files with minification
    console.log('Building and minifying JavaScript files...');
    await esbuild.build({
      entryPoints: [
        'src/scripts/popup.js',
        'src/scripts/background.js',
        'src/scripts/content-script.js',
        'src/scripts/extension-id-provider.js',
      ],
      bundle: true,
      outdir: 'dist/scripts',
      format: 'esm',
      platform: 'browser',
      target: ['chrome90'],
      loader: {
        '.js': 'jsx',
        '.ts': 'ts',
      },
      define: {
        'process.env.NODE_ENV': '"production"',
      },
      minify: true,
      drop: ['console'],
    });

    // Build the API TypeScript file with minification
    console.log('Building and minifying API TypeScript file...');
    await esbuild.build({
      entryPoints: ['src/lib/api.ts'],
      bundle: true,
      outdir: 'dist/lib',
      format: 'esm',
      platform: 'browser',
      target: ['chrome90'],
      loader: {
        '.ts': 'ts',
      },
      define: {
        'process.env.NODE_ENV': '"production"',
      },
      minify: true,
      drop: ['console'],
    });

    // Copy static files
    console.log('Copying static files...');

    // Copy manifest.json
    await fs.copyFile('manifest.json', 'dist/manifest.json');

    // Copy HTML files
    const htmlFiles = [
      { src: 'src/pages/popup.html', dest: 'dist/pages/popup.html' },
    ];

    for (const file of htmlFiles) {
      try {
        console.log(`Copying ${file.src} to ${file.dest}`);
        await fs.copyFile(file.src, file.dest);
      } catch (error) {
        console.error(`Error copying ${file.src}: ${error.message}`);
      }
    }

    // Copy icon files
    const iconDir = 'src/assets/icon';
    const iconDestDir = 'dist/assets/icon';
    try {
      const iconFiles = await fs.readdir(iconDir);
      for (const file of iconFiles) {
        if (file.endsWith('.png')) {
          console.log(`Copying icon file: ${file}`);
          await fs.copyFile(path.join(iconDir, file), path.join(iconDestDir, file));
        }
      }
    } catch (error) {
      console.error(`Error copying icon files: ${error.message}`);
    }

    // Copy logo.svg file
    try {
      await ensureDir('dist/assets');
      console.log('Copying logo.svg file');
      await fs.copyFile('src/assets/logo.svg', 'dist/assets/logo.svg');
    } catch (error) {
      console.error(`Error copying logo.svg file: ${error.message}`);
    }

    console.log('Build completed successfully!');
  } catch (error) {
    console.error('Build failed:', error);
    process.exit(1);
  }
}

// Run the build
build();