Describe the bug Hi, i'm new with react and laravel mix. I'm trying to create an app when I get two deprecation warnings:

Router::plugin() is deprecated, use the non-static method RouterBuilder::plugin() instead. - /Applications/MAMP/htdocs/cakereact/vendor/ishanvyas22/asset-mix/config/routes.php, line: 11 You can disable all deprecation warnings by setting Error.errorLevel to E_ALL & ~E_USER_DEPRECATED, or add vendor/ishanvyas22/asset-mix/config/routes.php to Error.ignoredDeprecationPaths in your config/app.php to mute deprecations from only this file. [CORE/src/Core/functions.php, line 322]

Router::scope() is deprecated, use the non-static method RouterBuilder::scope() instead. - /Applications/MAMP/htdocs/cakereact/vendor/cakephp/cakephp/src/Routing/Router.php, line: 912 You can disable all deprecation warnings by setting Error.errorLevel to E_ALL & ~E_USER_DEPRECATED, or add vendor/cakephp/cakephp/src/Routing/Router.php to Error.ignoredDeprecationPaths in your config/app.php to mute deprecations from only this file. [CORE/src/Core/functions.php, line 322]

As describe in issue https://github.com/ishanvyas22/asset-mix/issues/30#issuecomment-878441912, it seems like there's security vulnerabilities in current packages versions which causes Laravel Mix version to bump up to 6.x.

To prevent this issue from happening it would be wise to upgrade the Laravel Mix version along with other dependencies.

Describe the bug I'm using cakephp-inertiajs:

bin/cake asset_mix generate inertia-react

Output:

Error: "inertia-react" is not a valid value for preset. Please use one of "bootstrap, vue, react, inertia-vue"

To Reproduce Steps to reproduce the behavior:

1. Install and load the plugin (I did through cakephp-inertiajs)
2. Run bin/cake asset_mix generate inertia-react

Expected behavior Scaffolded inertia-react app in assets directory.

Screenshots

Not sure if this is related to cakephp-inertiajs (asset-mix not upgraded maybe), I didn't make a check yet.

Hi, is there a way to pass my configuration variables from PHP to JS? For example: application logo, email, url, etc Where should we store SPA configurations? (Like in .env files)

Thanks Massimo

The $helpers array should be public and not protected, as per the CakePHP's official docs: https://book.cakephp.org/3/en/views/helpers.html#including-other-helpers

When $this->AssetMix->script('app', ['defer' => false]) is called, the output script tag still contains the defer="defer" option. I fixed it by changing the way that the default options are merged.

Description

My assets are hosted on a CDN in production. According to the Cake Book the App.cssBaseUrl and App.jsBaseUrl should be the URL and path to the CDN. When I set App.jsBaseUrl to https://example.com/js/ I get the following error when trying to execute $this->AssetMix->script('app');:

Unable to locate AssetMix file: /https://example.com/js/app.js.

Steps To Reproduce

1. Add the following lines to app_local.php. Combine the App array if one already exists.

   'App' => [
       'cssBaseUrl' => 'https://example.com/css/',`
       'jsBaseUrl' => 'https://example.com/js/',
   ]
   

2. Compile javascript and CSS assets.

   mix.js('resources/js/app.js', 'webroot/js')
       .sass('resources/sass/main.scss', 'webroot/css');
   

3. Add $this->AssetMix->js('app'); to a template file.

Expected behavior

The CSS file should load from https://example.com/css/main.css and the javascript should load from https://example.com/js/app.js.

Tests

I wrote these tests in case they would be useful.

/**
 * Test `css()` function returns proper url
 *
 * @return void
 */
public function testStyleTagWithExternalBaseUrl()
{
    Configure::write('App.cssBaseUrl', 'https://example.com/css/');

    $this->_copyWithoutVersion();

    $result = $this->AssetMix->css('main');

    $this->assertStringContainsString('https://example.com/css/main.css', $result);
}

/**
 * Test `script()` function returns proper url
 *
 * @return void
 */
public function testScriptTagWithExternalBaseUrl()
{
    Configure::write('App.jsBaseUrl', 'https://example.com/js/');

    $this->_copyWithoutVersion();

    $result = $this->AssetMix->script('app');

    $this->assertStringContainsString('https://example.com/js/app.js', $result);
}

Since there is no special bootstrap 4 functionality present (as far as I have seen) in this plugin I would guess it wouldn't be a problem to update the default generated package.json and stubs to use bootstrap 5 instead of 4.

Hi, in my project I've got several apps which are loaded into normal pages ie: Pages/map.php -> will load map.js

Is there a way to compile different apps instead of only app.js

Thanks Massimo

For custom directories (other than assets), webpack.mix.js file's content generates invalid result on npm run dev command.

Current webpack.mix.js file content:

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

mix.setPublicPath('./webroot')
  .js('assets/js/app.js', 'webroot/js')
  .sass('assets/sass/app.sass', 'webroot/css')
  .version();

It should be:

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

mix.setPublicPath('./webroot')
  .js('resources/js/app.js', 'webroot/js')
  .sass('resources/sass/app.sass', 'webroot/css')
  .version();

Or whatever user has entered while generating custom directories

Is your feature request related to a problem? Please describe. Yes, a problem I had while setting up this library on a Cake3 application. With asset timestamping (Asset.timestamp => true or 'force' in app.php) enabled, AssetMix will fail to find the manifest. This is because Cake appends a timestamp to the end of the asset URL which means the "path" is not found in the mix manifest.

I'm new to this plugin and to mix/manifests in general, so I apologize if my terminology is inaccurate.

Describe the solution you'd like Either update the docs to indicate that this setting should be turned off OR find a way for the manifest loader to ignore the timestamp in the query string when loading the asset file.

Describe alternatives you've considered N/A

Additional context