@megaads/wm/playground/vite.config.js

To install the library, use npm:

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'node:path';
import { fileURLToPath } from 'node:url';

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

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@megaads/wm': path.resolve(__dirname, '../src/index.ts'),
    },
  },
  server: {
    port: 5173,
    open: true,
    proxy: {
      // Proxy bypass CORS cho API Printerval khi gọi từ dev server.
      // Frontend gọi /api/printerval/get-campaign-data?product_id=X
      // → Vite forward đến https://printerval.com/module/customization/blue/get-campaign-data?product_id=X
      '/api/printerval': {
        target: 'https://printerval.com',
        changeOrigin: true,
        secure: true,
        rewrite: (p) => p.replace(/^\/api\/printerval/, '/module/customization/blue'),
        configure: (proxy) => {
          // Printerval API yêu cầu Referer + User-Agent kiểu browser, nếu không sẽ trả 403.
          proxy.on('proxyReq', (proxyReq) => {
            proxyReq.setHeader('Referer', 'https://printerval.com/');
            proxyReq.setHeader(
              'User-Agent',
              'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
            );
            proxyReq.setHeader('Accept', 'application/json, text/plain, */*');
          });
        },
      },
    },
  },
});