Как вписать атрибуты в ассеты javascript на Yii2?

Question

[Игорь Васильев]

Здравствуйте.
--
Есть ассет для лэйаута, в нём нужны атрибуты:

<script src="vendor/pace.js/pace.js" data-pace-options='{ "target": ".content-wrap", "ghostTime": 1000 }'></script>
<script id="test" src="vendor/underscore/underscore.js"></script>

Как их дописать здесь?

<?php

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/application.min.css',
    ];
    public $js = [
        'js/defina.min.js', // нужно добавить id и data-...
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

Кто сталкивался с этим?
На WordPress эту задачу выполняет функция типа:

...
function wpb_adding_scripts() {
    wp_register_script('script-defina', get_template_directory_uri() . '/js/defina.min.js','','1.1', true);    
    wp_enqueue_script('script-defina');    
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
...

Значит на Yii2 тем более что-то подобное есть, или самому функцию дописывать?
Что-то типа:

...
    public function init()
    {
        if (\yii::$app->request->url == '/video') {
            $this->js[] = 'js/jquery.countdown.js', ['id' => 'test', 'data-pace-options' => '{ "target": ".content-wrap", "ghostTime": 1000 }'];
            $this->js[] = 'js/script.time.js';
        }
    }
...

Answer 1

[Максим Тимофеев]

https://www.yiiframework.com/doc/api/2.0/yii-web-a...

public $js = [
        'js/defina.min.js' => ['data-pace-options'=>'{ "target": ".content-wrap", "ghostTime": 1000 }']
    ];

Не помню наверняка, вложенность может быть иной, пробуй

Comments

[Игорь Васильев]

<script src="/{ &quot;target&quot;: &quot;.content-wrap&quot;, &quot;ghostTime&quot;: 1000 }"></script>

Я так пробовал, не получается :(

[Максим Тимофеев]

Игорь Васильев, я ж говорю

Не помню наверняка, вложенность может быть иной

видимо первый элемент массива это src, исходя из
"with the first entry being the URL or relative path as described before", я же дал ссылку. Пробуй так:

public $js = [
       ['js/defina.min.js', 'options' => ['data-pace-options'=>'{ "target": ".content-wrap", "ghostTime": 1000 }']
    ];

или скорее всего так:

public $js = [
       ['js/defina.min.js', 'data-pace-options'=>'{ "target": ".content-wrap", "ghostTime": 1000 }']
    ];

[Игорь Васильев]

Максим Тимофеев, проблема в том, что двойные кавычки экранируются, превращаясь в html сущности
В коде три параметра:

public function registerJsFile($url, $options = [], $key = null)
    {
        $url = Yii::getAlias($url);
        $key = $key ?: $url;

        $depends = ArrayHelper::remove($options, 'depends', []);

        if (empty($depends)) {
            $position = ArrayHelper::remove($options, 'position', self::POS_END);
            $this->jsFiles[$position][$key] = Html::jsFile($url, $options);
        } else {
            $this->getAssetManager()->bundles[$key] = Yii::createObject([
                'class' => AssetBundle::className(),
                'baseUrl' => '',
                'js' => [strncmp($url, '//', 2) === 0 ? $url : ltrim($url, '/')],
                'jsOptions' => $options,
                'depends' => (array) $depends,
            ]);
            $this->registerAssetBundle($key);
        }
    }

Путь, Опции, и Ключ, - куда пихать код, отменить экранирование не получилось, да и не безопасно думаю, будет.
Короче, рабочий вариант:

public $js = [
...
['vendor/pace.js/pace.js', 'data-pace-options'=>'{ target: .content-wrap, ghostTime: 1000 }'],
...
];

Отображается как:

<script src="/vendor/pace.js/pace.js" data-pace-options="{ target: .content-wrap, ghostTime: 1000 }"></script>

Ошибка пропала, вроде работает, без кавычек, а если добавить " становится "