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

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

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);

// mix.js('resources/js/app.js', 'public/js')
//     .sass('resources/sass/app.scss', 'public/css')
//     .browserSync({
//         proxy: 'kanaksoftware.test', // Replace with your local URL
//         files: [
//             'app/**/*.php',
//             'resources/views/**/*.php',
//             'public/js/**/*.js',
//             'public/css/**/*.css',
//             'routes/**/*.php'
//         ],
//         open: false,
//         notify: false
//     })
//     .disableNotifications(); // Disable notifications
    mix.browserSync({
        proxy: '127.0.0.1:8000', // replace with your local development URL
        files: [
            'app/**/*.php',
            'resources/views/**/*.php',
            'public/js/**/*.js',
            'public/css/**/*.css',
            'routes/**/*.php'
        ]
    }).disableNotifications();;
    mix.copyDirectory('vendor/tinymce/tinymce', 'public/js/tinymce');