vite.config.ts

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
// NOTE: This is just for the Keycloakify core contributors to be able to dynamically link
// to a local version of the keycloakify package. This is not needed for normal usage.
import { keycloakify } from "keycloakify/vite-plugin";
import commonjs from "vite-plugin-commonjs";


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    commonjs(),
    keycloakify({
      extraThemeProperties: [
        "POSTHOG_KEY=${env.POSTHOG_KEY:fake-key}",
        "POSTHOG_HOST=${env.POSTHOG_HOST:https://app.posthog.com}"
      ]

      // themeName: "keycloakify-starter",
      // extraThemeProperties: [
      //   "foo=bar"
      // ],
      // This is a hook that will be called after the build is done
      // but before the jar is created.
      // You can use it to add/remove/edit your theme files.
      // postBuild: async keycloakifyBuildOptions => {

        // const fs = await import("fs/promises");
        // const path = await import("path");

        // await fs.writeFile(
        //   path.join(keycloakifyBuildOptions.keycloakifyBuildDirPath, "foo.txt"),
        //   Buffer.from(
        //     [
        //     "This file was created by the postBuild hook of the keycloakify vite plugin",
        //     "",
        //     "Resolved keycloakifyBuildOptions:",
        //     "",
        //     JSON.stringify(keycloakifyBuildOptions, null, 2),
        //     ""
        //     ].join("\n"),
        //     "utf8"
        //   )
        // );

      // }
    })
  ],
  /*
   * Uncomment this if you want to use the default domain provided by GitHub Pages
   * replace "keycloakify-starter" with your repository name.
   * This is only relevent if you are building an Wep App + A Keycloak theme.
   * If you are only building a Keycloak theme, you can ignore this.
   */
  //base: "/keycloakify-starter/"
  build: {
    sourcemap: true,
  }
})