import replace from "@rollup/plugin-replace";
import svelte from "rollup-plugin-svelte";
import commonjs from "@rollup/plugin-commonjs";
import path from "path";
import copy from "rollup-plugin-copy";
import resolve from "@rollup/plugin-node-resolve";
import livereload from "rollup-plugin-livereload";
import { terser } from "rollup-plugin-terser";
import sveltePreprocess from "svelte-preprocess";
import typescript from "@rollup/plugin-typescript";
import css from "rollup-plugin-css-only";
import dev from "rollup-plugin-dev";

import pnpapi from "pnpapi";
import { PosixFS, ZipOpenFS } from "@yarnpkg/fslib";
import libzip from "@yarnpkg/libzip";

const production = !process.env.ROLLUP_WATCH;

export default {
  input: "src/main.ts",
  output: {
    sourcemap: true,
    format: "iife",
    name: "app",
    file: "public/build/bundle.js",
  },
  plugins: [
    // To fix `history`
    replace({
      "process.env.NODE_ENV": JSON.stringify("production"),
    }),
    svelte({
      preprocess: sveltePreprocess({
        sourceMap: !production,
        // https://github.com/sveltejs/svelte-preprocess/issues/283#issuecomment-748480431
        scss: {
          importer: (url, prev, done) => {
            const zipOpenFs = new ZipOpenFS({ libzip: libzip.getLibzipSync() });
            const crossFs = new PosixFS(zipOpenFs);
            const res = pnpapi.resolveRequest(url, __dirname + "/");
            const file = crossFs.readFileSync(res);
            done({ contents: file.toString() });
          },
        },
      }),
      compilerOptions: {
        // enable run-time checks when not in production
        dev: !production,
      },
      exclude: [path.resolve(__dirname, "public/vendor")],
    }),
    // we'll extract any component CSS out into
    // a separate file - better for performance
    css({ output: "bundle.css" }),

    // If you have external dependencies installed from
    // npm, you'll most likely need these plugins. In
    // some cases you'll need additional configuration -
    // consult the documentation for details:
    // https://github.com/rollup/plugins/tree/master/packages/commonjs
    resolve({
      browser: true,
      dedupe: ["svelte"],
    }),
    commonjs(),
    typescript({
      sourceMap: !production,
      inlineSources: !production,
    }),

    copy({
      copyOnce: true,
      hook: "closeBundle",
      targets: [
        {
          src: path.resolve(
            __dirname,
            "node_modules/@shoelace-style/shoelace/dist/assets"
          ),
          dest: path.resolve(__dirname, "public/vendor/shoelace"),
        },
      ],
    }),

    !production &&
      dev({
        dirs: ["public"],
        proxy: [
          {
            from: "/api/",
            to: "http://localhost:8093/api/",
          },
        ],
      }),

    // Watch the `public` directory and refresh the
    // browser on changes when not in production
    !production && livereload("public"),

    // If we're building for production (npm run build
    // instead of npm run dev), minify
    production && terser(),
  ],
  watch: {
    clearScreen: false,
  },
};