#!/usr/bin/env node

import { fileURLToPath, pathToFileURL } from 'node:url';
import { build } from 'esbuild';

import { htmlDependentsPlugin } from './htmlDependentsPlugin.ts';
import { rebuildNotifyPlugin } from './rebuildNotifyPlugin.ts';
import { fileExists } from './fileExists.ts';
import { copyFile, writeFile } from 'node:fs/promises';
import { dirname, join } from 'node:path';
import { playgroundPlugin } from './playgroundPlugin.ts';
import { createPlaygroundIndex } from './createPlaygroundIndex.ts';
import { getDirectories } from './getDirectories.ts';
import { resolveExternal } from './resolveExternal.ts';

const plugins = [rebuildNotifyPlugin];
const entryPoints: string[] = [];

const green = (text: string) => `\x1b[32m${text}\x1b[0m`;
const red = (text: string) => `\x1b[31m${text}\x1b[0m`;

const nodeModulesDir = 'node_modules';
const playgroundFile = 'playground.html';
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const defaultDir = join(__dirname, '..', 'default');
const indexFile = 'index.html';
const distDir = 'dist';
const srcDir = 'src';
const componentsDir = 'components';
const configFile = 'element.config.ts';
const rootDir = process.cwd();
const buildDir = 'build';
const fullConfigPath = pathToFileURL(configFile);
if (!(await fileExists(configFile))) {
  console.log(red('Missing element.config.ts in root.'), 'Add with content:');
  console.log('export default {');
  console.log(`  namespace: 'hello',`);
  console.log('}');
  process.exit();
}

const config = await import(fullConfigPath.href);
const {
  namespace,
  title,
  repo,
  repoComponent,
  navigation,
  external,
} = config.default;

// Get local namespaces
const localNamespaces = await getDirectories(join(rootDir, srcDir, componentsDir));
// Get external namespaces; namespace, packageName
const externalNamespaces = new Map<string, string>();
for (let packageName of (external ?? [])) {
  const folders = await getDirectories(join(rootDir, nodeModulesDir, ...packageName.split('/')));
  folders.forEach((namespace) => {
    if (namespace === nodeModulesDir) { return; }
    externalNamespaces.set(namespace, packageName);
  });
}

// Autoload referenced html elements
plugins.push(htmlDependentsPlugin({
  localNamespaces,
  externalNamespaces,
}));

if (namespace) {
  console.log(green('Building app...'));
  entryPoints.push(`./${srcDir}/${componentsDir}/${namespace}/app/app.ts`);
} else {
  // dynamically resolve all found components
  entryPoints.push('playground-entry');
  plugins.push(
    playgroundPlugin({
      after: async (namespaces: any[]) => {
        const indexContent = await createPlaygroundIndex({
          mode: 'production',
          rootDir,
          srcDir,
          indexFile,
          defaultDir,
          playgroundFile,
          title,
          repo,
          repoComponent,
          navigation,
          namespaces,
        });
        await writeFile(join(rootDir, buildDir, indexFile), indexContent);
      }
    })
  );
}

build({
  entryPoints,
  bundle: true,
  platform: 'browser',
  outfile: `./${buildDir}/main.js`,
  sourcemap: false,
  minify: true, // aka production
  format: 'esm', // Use ES Modules
  target: 'es2024', // Target ES6 syntax
  loader: {
    '.html': 'text',
    '.css': 'text'
  },
  plugins,
}).then(async () => {
  // Handle favicon.svg
    const faviconSvg = 'favicon.svg';
    if (await fileExists(join(rootDir, srcDir, faviconSvg))) {
      await copyFile(
        join(rootDir, srcDir, faviconSvg),
        join(rootDir, buildDir, faviconSvg)
      );
    } else {
      await copyFile(
        join(defaultDir, faviconSvg),
        join(rootDir, buildDir, faviconSvg)
      );
    }
}).catch((err) => {
  process.stderr.write(err.stderr);
  process.exit(1);
});