Comment réécrire la fonction widget avec mixins Magento 2.1.1

Nous avons swatch-renderer.js

Dans ce fichier, il y a des widgets.

....
    $.widget('mage.SwatchRenderer', {
....

    /**
     * @private
     */
    _init: function () {
        if (this.options.jsonConfig !== '' && this.options.jsonSwatchConfig !== '') {
            this._sortAttributes();
            this._RenderControls();
        } else {
            console.log('SwatchRenderer: No input data received');
        }
    },

    /**
     * @private
     */
    _sortAttributes: function () {
        this.options.jsonConfig.attributes = _.sortBy(this.options.jsonConfig.attributes, function (attribute) {
            return attribute.position;
        });
    },

Je voudrais réécrire certaines de ses fonctions.

Quelle est la bonne façon de procéder?

Les explications dans la bibliothèque magento ne sont plus réelles, elles sont liées sur des classes qui utilisent une autre approche (je parle de place-order.js / place-order-mixin.js). Et les exemples décrits n'expliquent pas en quelque sorte comment réécrire les fonctions de widget.

requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Swatches/js/swatch-renderer': {
                'path/to/your/mixin': true
            }
        }
    }
};

chemin / vers / votre / mixin.js

define([
    'jquery'
], function ($) {
    'use strict';

    return function (widget) {

        $.widget('mage.SwatchRenderer', widget, {
            _Rebuild: function () {
                console.log('Hello from rebuild', arguments);
                return this._super();
            }
        });

        return $.mage.SwatchRenderer;
    }
});

Edit: ma réponse n'utilise pas de mixins. À ma connaissance, les mixins ne fonctionnent que pour les méthodes de réécriture et les propriétés. Dans votre cas, c'est du pur JS qui est appelé directement en dehors d'une méthode.

Vous pouvez le faire via un module.

Dans, Vendor/Module/view/frontend/requirejs-config.jsvous pouvez ajouter les éléments suivants:

var config = {
    map: {
        '*': {
            'Magento_Swatches/js/swatch-renderer':'Vendor_Module/js/swatch-renderer'
        }
    }
};

Vous pouvez ensuite créer le Vendor/Module/view/frontend/web/js/swatch-renderer.jsfichier en copiant le swatch-renderer.jsfichier d' origine et modifier son contenu en fonction de ce que vous voulez faire.