import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import terser from "@rollup/plugin-terser";

const parseConfig = (input) => ({
  input: `src/${input}`,
  output: {
    file: `../assets/js/${input.slice(0, input.length - 3)}.js`,
    format: "iife", // Changed from 'cjs' to 'iife' for browser use
    name: "navigation",
    extend: true,
    sourcemap: true,
  },
  plugins: [
    resolve({
      browser: true,
      preferBuiltins: false,
    }),
    commonjs({
      include: /node_modules/,
      transformMixedEsModules: true,
    }),
    typescript({
      include: ["./src/types.d.ts"],
      tsconfig: "./tsconfig.json",
    }),
    terser({
      format: {
        comments: false,
      },
    }),
  ],
});

export default [
  parseConfig("navigation.ts"),
  parseConfig("landing.ts"),
  parseConfig("experiences.ts"),
];