const mix = require('laravel-mix');
const path = require('path');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

if (!mix.inProduction()) {
  mix
    .js('src/js/index.ts', 'assets/js').vue()
    .webpackConfig({
      resolve: {
         extensions: ['.ts', '.js', '.vue', '.tsx'], // Support TypeScript, Vue, and JavaScript
         alias: {
            '@': path.resolve(__dirname, 'src'), // Optional: Add alias for `@`
         },
      },
      module: {
         rules: [
            {
               test: /\.ts$/,
               loader: 'ts-loader',
               exclude: /node_modules/,
               options: {
                  appendTsSuffixTo: [/\.vue$/], // Allow `.vue` files to be processed as TypeScript
               },
            },
         ],
      },
   })
    .js('src/js/admin.js', 'assets/js').vue()
   //  .extract(['vue', 'element-plus', 'pinia'])
    .sass('src/scss/main.scss', 'assets/css')
    .sourceMaps(true, 'source-map')
    .options({
      processCssUrls: false,
      fonts: 'assets/fonts'
    });
    
}

// if (mix.inProduction()) {
//   mix.minify([
//     'assets/css/style.css',
//     'assets/css/main.css',
//     'assets/js/index.js',
//     'assets/js/admin.js',

//     // Webinane Commerce
//     'wpcm/assets/js/admin/dashboard.js',
//     'wpcm/assets/js/admin/export-order.js',
//     'wpcm/assets/js/admin/metaboxes.js',
//     'wpcm/assets/js/admin/orders.js',
//     'wpcm/assets/js/admin/settings.js',

//     'wpcm/assets/js/frontend/add-to-cart.js',
//     'wpcm/assets/js/frontend/checkout.js',
//     'wpcm/assets/js/frontend/my-account.js',

//     'wpcm/assets/js/components.js',

//     'wpcm/assets/js/common/script.js',

//     // Webinane Commerce CSS files
//     'wpcm/assets/css/bootstrap.css',
//     'wpcm/assets/css/dashboard.css',
//     'wpcm/assets/css/element-ui.css',
//     'wpcm/assets/css/export-order.css',
//     'wpcm/assets/css/main.css',
//     'wpcm/assets/css/responsive.css',
//     'wpcm/assets/css/style.css',
//   ])
// }