import type { Options } from "tsup";
import { defineConfig } from "tsup";
import svgr from "esbuild-plugin-svgr";
import jsx from "@svgr/plugin-jsx";

const env = process.env.NODE_ENV;
// console.table(process.env);
console.log(`mirosurvey client build env: ${env}`);
// const env = "development";
// console.log(env);

export const tsup = defineConfig({
  splitting: false,
  clean: false, // clean up the dist folder
  // dts: true, // generate dts files
  format: ["iife"], // generate iife
  minify: env === "development" ? false : true,
  //   bundle: env === "production",
  bundle: true,
  skipNodeModulesBundle: true,
  entryPoints: ["./src/index.ts"],
  watch: env === "development",
  target: "es2020",
  outDir: env === "development" ? "./playground/dist" : "./dist",
  //   outDir: "./playground/dist",
  entry: ["src/**/*.ts", "src/**/*.tsx"], //include all files under src
  platform: "browser",
  define: {
    "process.env.SAMELOGIC_URL":
      env === "development"
        ? "'http://localhost:3000'"
        : "'https://samelogic.com'",
    // "process.env.SAMELOGIC_URL": '"http://localhost:3000"',
  },
  esbuildPlugins: [svgr() as any],
});