vite.dspublisher.ts

import { readFileSync } from 'fs';
import { dirname, resolve } from 'path';
import { fileURLToPath } from 'url';
import type { UserConfig } from 'vite';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const dspConfig = JSON.parse(
  readFileSync(resolve(__dirname, 'dspublisher/config/default.json'), 'utf-8')
);
const docsPort = dspConfig.docsPort;

const allFlowImportsPath = resolve(__dirname, 'frontend/generated/flow/generated-flow-imports.js');

// vite.generated.ts accesses __dirname without declaring it.
// Workaround the error by setting it on the global object.
globalThis.__dirname = __dirname;
const { vaadinConfig } = await import('./vite.generated');

const vaadin = vaadinConfig({
  mode: process.env.NODE_ENV ?? 'development',
  command: 'build',
}) as UserConfig;

const endpointMocks = resolve(__dirname, 'frontend', 'demo', 'services', 'mocks.js');

// Use newer target to support top-level await in Hilla dependencies
const target = ['safari15', 'es2022'];

const config: UserConfig = {
  resolve: {
    alias: {
      'Frontend/generated/endpoints': endpointMocks,
      ...vaadin.resolve?.alias,
      'all-flow-imports-or-empty':
        process.env.DOCS_IMPORT_EXAMPLE_RESOURCES === 'true' ? allFlowImportsPath : 'lit',
      // Workaround https://github.com/preactjs/signals/issues/414
      '@vaadin/hilla-react-signals': '@preact/signals-react',
    },
  },
  server: {
    /* dev-mode proxy config */
    proxy: {
      '/vaadin': {
        target: `http://localhost:${docsPort}`,
      },
    },
  },
  build: {
    target,
  },
  optimizeDeps: {
    esbuildOptions: {
      target,
    },
  },
};

export default config;