vite.config.js

/** @type {import('vite').UserConfig} */
import {defineConfig, loadEnv} from "vite";
import { resolve } from 'path';

// Configuration
//let apiKEY  = "<YOUR_KEY>"; // add your API key
//let platformUrl  = 'https://app.timefold.ai'; // adjust your platform (usually app.timefold.ai)
//
let apiKEY  = '<DUMMY>'; // add your API key
let platformUrl  = 'http://localhost:9000'; // adjust your platform (usually app.timefold.ai)

// Rewrite the path for the local proxy
function rewritePath(p, env) {
    p = p.replace(/^\/proxy/,'');
    if(platformUrl.match(".*localhost.*")) {
        return p.replace(/^\/employee-shifts/, '/v1/')
    } else {
        return p.replace(/^\/employee-shifts/, '/api/models/employee-scheduling/v1');
    }
}

/*
This proxy serves 2 purposes:
- Add the API key so it's not exposed in the UI
- Rewrite the path based on the configured platformUrl
 */

export default defineConfig(({ mode }) => {
    const env = loadEnv(mode, process.cwd(), '');
    return {
    // Setup environment variables for build
    define: {
        __PROD_API_URL__: JSON.stringify(env.VITE_PROD_API_URL),
        __STAGING_API_URL__: JSON.stringify(env.VITE_STAGING_API_URL),
        __ESS_MODEL_PATH__: JSON.stringify(env.VITE_ESS_MODEL_PATH),
        __ESS_MODEL_MAIN_RESOURCE__: JSON.stringify(env.VITE_ESS_MODEL_MAIN_RESOURCE),
    },
    build: {
        rollupOptions: {
            input: {
                main: resolve(__dirname, 'index.html'),
            }
        },
    },

    // Setup server for local development.
    server: {
        proxy: {
            '/proxy': {
                target: platformUrl,
                secure: false,
                changeOrigin: true,
                rewrite: p => rewritePath(p, env),
                headers: {
                    'X-API-KEY': apiKEY,
                },
                configure: (proxy, options) => {
                    proxy.on('proxyReq', (proxyReq, req, res) => {
                        console.log(`Proxied request to: ${proxyReq.path}`);
                    });
                },
            }
        }
    }
}});