import { $ } from "bun";
import * as esbuild from "esbuild";
import postcss from "esbuild-postcss";
import * as tsup from "tsup";
import { guessMimeType } from "./src/media/storage/mime-types";

const args = process.argv.slice(2);
const watch = args.includes("--watch");
const minify = args.includes("--minify");
const types = args.includes("--types");
const sourcemap = args.includes("--sourcemap");
const clean = args.includes("--clean");

// keep console logs if not minified
const debugging = minify;

if (clean) {
   console.log("Cleaning dist");
   await $`rm -rf dist`;
}

let types_running = false;
function buildTypes() {
   if (types_running) return;
   types_running = true;

   Bun.spawn(["bun", "build:types"], {
      stdout: "inherit",
      onExit: () => {
         console.log("Types built");
         Bun.spawn(["bun", "tsc-alias"], {
            stdout: "inherit",
            onExit: () => {
               console.log("Types aliased");
               types_running = false;
            }
         });
      }
   });
}

let watcher_timeout: any;
function delayTypes() {
   if (!watch || !types) return;
   if (watcher_timeout) {
      clearTimeout(watcher_timeout);
   }
   watcher_timeout = setTimeout(buildTypes, 1000);
}

if (types && !watch) {
   buildTypes();
}

/**
 * Build static assets
 * Using esbuild because tsup doesn't include "react"
 */
const result = await esbuild.build({
   minify,
   sourcemap,
   entryPoints: ["src/ui/main.tsx"],
   entryNames: "[dir]/[name]-[hash]",
   outdir: "dist/static/assets",
   platform: "browser",
   bundle: true,
   splitting: true,
   metafile: true,
   drop: debugging ? undefined : ["console", "debugger"],
   inject: ["src/ui/inject.js"],
   target: "es2022",
   format: "esm",
   plugins: [postcss()],
   loader: {
      ".svg": "dataurl",
      ".js": "jsx"
   },
   define: {
      __isDev: "0",
      "process.env.NODE_ENV": '"production"'
   },
   chunkNames: "chunks/[name]-[hash]",
   logLevel: "error"
});

// Write manifest
{
   const manifest: Record<string, object> = {};
   const toAsset = (output: string) => {
      const name = output.split("/").pop()!;
      return {
         name,
         path: output,
         mime: guessMimeType(name)
      };
   };

   const info = Object.entries(result.metafile.outputs)
      .filter(([, meta]) => {
         return meta.entryPoint && meta.entryPoint === "src/ui/main.tsx";
      })
      .map(([output, meta]) => ({ output, meta }));

   for (const { output, meta } of info) {
      manifest[meta.entryPoint as string] = toAsset(output);
      if (meta.cssBundle) {
         manifest["src/ui/main.css"] = toAsset(meta.cssBundle);
      }
   }

   const manifest_file = "dist/static/manifest.json";
   await Bun.write(manifest_file, JSON.stringify(manifest, null, 2));
   console.log(`Manifest written to ${manifest_file}`, manifest);
}

/**
 * Building backend and general API
 */
await tsup.build({
   minify,
   sourcemap,
   watch,
   entry: ["src/index.ts", "src/data/index.ts", "src/core/index.ts", "src/core/utils/index.ts"],
   outDir: "dist",
   external: ["bun:test", "@libsql/client"],
   metafile: true,
   platform: "browser",
   format: ["esm"],
   splitting: false,
   treeshake: true,
   loader: {
      ".svg": "dataurl"
   },
   onSuccess: async () => {
      delayTypes();
   }
});

/**
 * Building UI for direct imports
 */
await tsup.build({
   minify,
   sourcemap,
   watch,
   entry: [
      "src/ui/index.ts",
      "src/ui/client/index.ts",
      "src/ui/elements/index.ts",
      "src/ui/main.css"
   ],
   outDir: "dist/ui",
   external: ["bun:test", "react", "react-dom", "use-sync-external-store"],
   metafile: true,
   platform: "browser",
   format: ["esm"],
   splitting: true,
   treeshake: true,
   loader: {
      ".svg": "dataurl"
   },
   esbuildOptions: (options) => {
      options.logLevel = "silent";
      options.chunkNames = "chunks/[name]-[hash]";
   },
   onSuccess: async () => {
      delayTypes();
   }
});

/**
 * Building adapters
 */
function baseConfig(adapter: string): tsup.Options {
   return {
      minify,
      sourcemap,
      watch,
      entry: [`src/adapter/${adapter}/index.ts`],
      format: ["esm"],
      platform: "neutral",
      outDir: `dist/adapter/${adapter}`,
      define: {
         __isDev: "0"
      },
      external: [
         /^cloudflare*/,
         /^@?(hono|libsql).*?/,
         /^(bknd|react|next|node).*?/,
         /.*\.(html)$/
      ],
      metafile: true,
      splitting: false,
      treeshake: true,
      onSuccess: async () => {
         delayTypes();
      }
   };
}

await tsup.build({
   ...baseConfig("vite"),
   platform: "node"
});

await tsup.build({
   ...baseConfig("cloudflare")
});

await tsup.build({
   ...baseConfig("nextjs"),
   platform: "node"
});

await tsup.build({
   ...baseConfig("remix")
});

await tsup.build({
   ...baseConfig("bun")
});

await tsup.build({
   ...baseConfig("node"),
   platform: "node"
});

await tsup.build({
   ...baseConfig("astro")
});