Tryag File Manager

/var/www/html/tpid-kimaya/tpid-view-company-profile/webpack.mix.js

const mix = require('laravel-mix');
const glob = require('glob');
const path = require('path');
const ReplaceInFileWebpackPlugin = require('replace-in-file-webpack-plugin');
const rimraf = require('rimraf');
const WebpackRTLPlugin = require('webpack-rtl-plugin');
const del = require('del');

/*
 |--------------------------------------------------------------------------
 | 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.
 |
 */

// arguments/params from the line command
const args = getParameters();

// get selected demo
let demo = getDemos(path.resolve(__dirname, 'resources/assets'))[0];

// Global jquery
mix.autoload({
    'jquery': ['$', 'jQuery'],
    Popper: ['popper.js', 'default'],
});

// Remove existing generated assets from public folder
del.sync(['public/css/*', 'public/js/*', 'public/media/*', 'public/plugins/*',]);

// Build 3rd party plugins css/js
mix.sass(`resources/assets/core/plugins/plugins.scss`, `public/${demo}/plugins/global/plugins.bundle.css`).then(() => {
    // remove unused preprocessed fonts folder
    rimraf(path.resolve('public/fonts'), () => {
    });
    rimraf(path.resolve('public/images'), () => {
    });
}).sourceMaps(!mix.inProduction())
    // .setResourceRoot('./')
    .options({processCssUrls: false}).js([`resources/assets/core/plugins/plugins.js`], `public/${demo}/plugins/global/plugins.bundle.js`);

// Build extended plugin styles
mix.sass(`resources/assets/${demo}/sass/plugins.scss`, `public/${demo}/plugins/global/plugins-custom.bundle.css`);

// Build Metronic css/js
mix.sass(`resources/assets/${demo}/sass/style.scss`, `public/${demo}/css/style.bundle.css`, {sassOptions: {includePaths: ['node_modules']}})
    // .options({processCssUrls: false})
    .js([`resources/assets/${demo}/js/scripts.js`, 'resources/assets/extended/button-ajax.js'], `public/${demo}/js/scripts.bundle.js`);

// Dark skin mode css files
if (args.indexOf('dark_mode') !== -1) {
    mix.sass(`resources/assets/core/plugins/plugins.dark.scss`, `public/${demo}/plugins/global/plugins.dark.bundle.css`);
    mix.sass(`resources/assets/${demo}/sass/plugins.dark.scss`, `public/${demo}/plugins/global/plugins-custom.dark.bundle.css`);
    mix.sass(`resources/assets/${demo}/sass/style.dark.scss`, `public/${demo}/css/style.dark.bundle.css`, {sassOptions: {includePaths: ['node_modules']}});
}

// Build custom 3rd party plugins
(glob.sync(`resources/assets/core/plugins/custom/**/*.js`) || []).forEach(file => {
    mix.js(file, `public/${demo}/${file.replace(`resources/assets/core/`, '').replace('.js', '.bundle.js')}`);
});
(glob.sync(`resources/assets/core/plugins/custom/**/*.scss`) || []).forEach(file => {
    mix.sass(file, `public/${demo}/${file.replace(`resources/assets/core/`, '').replace('.scss', '.bundle.css')}`);
});

// Build Metronic css pages (single page use)
(glob.sync(`resources/assets/${demo}/sass/pages/**/!(_)*.scss`) || []).forEach(file => {
    file = file.replace(/[\\\/]+/g, '/');
    mix.sass(file, file.replace(`resources/assets/${demo}/sass`, `public/${demo}/css`).replace(/\.scss$/, '.css'));
});

// Metronic js pages (single page use)
(glob.sync('resources/assets/core/js/custom/**/*.js') || []).forEach(file => {
    var output = `public/${demo}/${file.replace('resources/assets/core/', '')}`;
    if (extendedFiles.indexOf(output) === -1) {
        mix.js(file, output);
    }
});
(glob.sync(`resources/assets/${demo}/js/custom/**/*.js`) || []).forEach(file => {
    var output = `public/${demo}/${file.replace(`resources/assets/${demo}/`, '')}`;
    if (extendedFiles.indexOf(output) === -1) {
        mix.js(file, output);
    }
});

// Metronic media
mix.copyDirectory('resources/assets/core/media', `public/${demo}/media`);
mix.copyDirectory(`resources/assets/${demo}/media`, `public/${demo}/media`);

// Metronic theme
(glob.sync(`resources/assets/${demo}/sass/themes/**/!(_)*.scss`) || []).forEach(file => {
    file = file.replace(/[\\\/]+/g, '/');
    mix.sass(file, file.replace(`resources/assets/${demo}/sass`, `public/${demo}/css`).replace(/\.scss$/, '.css'));
});

mix.webpackConfig({
    plugins: [
        new ReplaceInFileWebpackPlugin([
            {
                // rewrite font paths
                dir: path.resolve(`public/${demo}/plugins/global`),
                test: /\.css$/,
                rules: [
                    {
                        // fontawesome
                        search: /url$(\.\.\/)?webfonts\/(fa-.*?)"?$/g,
                        replace: 'url(./fonts/@fortawesome/$2)',
                    },
                    {
                        // flaticon
                        search: /url$("?\.\/)?font\/(Flaticon\..*?)"?$/g,
                        replace: 'url(./fonts/flaticon/$2)',
                    },
                    {
                        // flaticon2
                        search: /url$("?\.\/)?font\/(Flaticon2\..*?)"?$/g,
                        replace: 'url(./fonts/flaticon2/$2)',
                    },
                    {
                        // keenthemes fonts
                        search: /url$("?\.\/)?(Ki\..*?)"?$/g,
                        replace: 'url(./fonts/keenthemes-icons/$2)',
                    },
                    {
                        // lineawesome fonts
                        search: /url$("?\.\.\/)?fonts\/(la-.*?)"?$/g,
                        replace: 'url(./fonts/line-awesome/$2)',
                    },
                    {
                        // socicons
                        search: /url$("?\.\.\/)?font\/(socicon\..*?)"?$/g,
                        replace: 'url(./fonts/socicon/$2)',
                    },
                    {
                        // bootstrap-icons
                        search: /url$.*?(bootstrap-icons\..*?)"?$/g,
                        replace: 'url(./fonts/bootstrap-icons/$1)',
                    },
                ],
            },
        ]),
        // Uncomment this part for RTL version
        /*new WebpackRTLPlugin({
            filename: '[name].rtl.css',
            options: {},
            plugins: [],
        })*/
    ],
    ignoreWarnings: [{
        module: /esri-leaflet/,
        message: /version/,
    }],
});

// Webpack.mix does not copy fonts, manually copy
(glob.sync(`resources/assets/${demo}/plugins/**/*.+(woff|woff2|eot|ttf)`) || []).forEach(file => {
    var folder = file.match(/resources\/metronic\/plugins\/(.*?)\//)[1];
    mix.copy(file, `public/${demo}/plugins/global/fonts/${folder}/${path.basename(file)}`);
});
(glob.sync('node_modules/+(@fortawesome|socicon|line-awesome|bootstrap-icons)/**/*.+(woff|woff2|eot|ttf)') || []).forEach(file => {
    var folder = file.match(/node_modules\/(.*?)\//)[1];
    mix.copy(file, `public/${demo}/plugins/global/fonts/${folder}/${path.basename(file)}`);
});

// Optional: Output datatables.net
mix.scripts([
    "node_modules/datatables.net/js/jquery.dataTables.js",
    "node_modules/datatables.net-bs5/js/dataTables.bootstrap5.js",
    "../src/js/vendors/plugins/datatables.init.js",
    "node_modules/jszip/dist/jszip.min.js",
    "node_modules/pdfmake/build/pdfmake.min.js",
    "node_modules/pdfmake/build/vfs_fonts.js",
    "node_modules/datatables.net-buttons/js/dataTables.buttons.min.js",
    "node_modules/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js",
    "node_modules/datatables.net-buttons/js/buttons.colVis.js",
    "node_modules/datatables.net-buttons/js/buttons.flash.js",
    "node_modules/datatables.net-buttons/js/buttons.html5.js",
    "node_modules/datatables.net-buttons/js/buttons.print.js",
    "node_modules/datatables.net-colreorder/js/dataTables.colReorder.min.js",
    "node_modules/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.js",
    "node_modules/datatables.net-fixedcolumns/js/dataTables.fixedColumns.min.js",
    "node_modules/datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5.js",
    "node_modules/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js",
    "node_modules/datatables.net-fixedheader-bs5/js/fixedHeader.bootstrap5.js",
    "node_modules/datatables.net-responsive/js/dataTables.responsive.min.js",
    "node_modules/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js",
    "node_modules/datatables.net-rowgroup/js/dataTables.rowGroup.min.js",
    "node_modules/datatables.net-rowgroup-bs5/js/rowGroup.bootstrap5.js",
    "node_modules/datatables.net-rowreorder/js/dataTables.rowReorder.min.js",
    "node_modules/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.js",
    "node_modules/datatables.net-scroller/js/dataTables.scroller.min.js",
    "node_modules/datatables.net-scroller-bs5/js/dataTables.bootstrap5.js",
    "node_modules/datatables.net-select/js/dataTables.select.min.js",
    "node_modules/datatables.net-select-bs5/js/dataTables.bootstrap5.js",
    "node_modules/datatables.net-datetime/dist/dataTables.dateTime.min.js",
    'resources/assets/core/js/vendors/plugins/datatables.init.js'
], `public/${demo}/plugins/custom/datatables/datatables.bundle.js`);
mix.styles([
    "node_modules/datatables.net-bs5/css/dataTables.bootstrap5.css",
    "node_modules/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css",
    "node_modules/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css",
    "node_modules/datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5.min.css",
    "node_modules/datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css",
    "node_modules/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css",
    "node_modules/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css",
    "node_modules/datatables.net-scroller-bs5/css/scroller.bootstrap5.min.css",
    "node_modules/datatables.net-select-bs5/css/select.bootstrap5.min.css",
    "node_modules/datatables.net-datetime/dist/dataTables.dateTime.min.css",
], `public/${demo}/plugins/custom/datatables/datatables.bundle.css`);

// Optional: Output fullcalendar
// mix.scripts([
//     'node_modules/fullcalendar/main.js',
//     'node_modules/fullcalendar/locales-all.min.js',
// ], `public/${demo}/plugins/custom/fullcalendar/fullcalendar.bundle.js`);
// mix.styles([
//     'node_modules/fullcalendar/main.min.css',
// ], `public/${demo}/plugins/custom/fullcalendar/fullcalendar.bundle.css`);

function getParameters() {
    var possibleArgs = [
        'main',
        'dark_mode'
    ];

var args = [];
    possibleArgs.forEach(function (key) {
        if (process.env['npm_config_' + key]) {
            args.push(key);
        }
    });

return args;
}

// Tpid script
mix.copyDirectory('resources/vendor', `public/vendor`);