import fs from 'fs';
import { defineConfig } from 'vite';

export default () => {
  const config = JSON.parse(
    fs.readFileSync(`${process.cwd()}/../../packages/configs/config.json`, {
      encoding: 'utf8',
    })
  );
  const { api } = config;

  process.env = {
    ...process.env,
    VITE_API_BASE_URL: `${api.baseUrl}:${api.port}`,
  };

  return defineConfig({
    server: {
      port: Number(api.port),
    },
  });
};

import { fileURLToPath } from 'url';
import { dirname } from 'path';

import dotenv from 'dotenv';
import dotenvExpand from 'dotenv-expand';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const env = dotenv.config({ path: `${__dirname}/.env` });

export default dotenvExpand.expand(env);

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import '../env/dotenv.config.js';

// only import the VITE-related environment variables
const viteEnv = Object.fromEntries(
  Object.entries(process.env)
    .filter(([key]) => key.startsWith('VITE_'))
    .map(([key, val]) => [`import.meta.env.${key}`, JSON.stringify(val)]),
);

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  define: viteEnv,
});

{
  "name": "@repo/configs",
  ...
  "exports": {
   ...
    "./vite/vite.config": "./vite/vite.config.js"
  }
}

export { default } from '@repo/configs/vite/vite.config';