Function react

src/plot_api/plot_api.js:2582–2749

* Plotly.react: * A plot/update method that takes the full plot state (same API as plot/newPlot) * and diffs to determine the minimal update pathway * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {array of objects} data * array o

(gd, data, layout, config)

 *
 */
function react(gd, data, layout, config) {
    var frames, plotDone;

    function addFrames() {
        return exports.addFrames(gd, frames);
    }

    gd = Lib.getGraphDiv(gd);
    helpers.clearPromiseQueue(gd);

    var oldFullData = gd._fullData;
    var oldFullLayout = gd._fullLayout;

    // you can use this as the initial draw as well as to update
    if (!Lib.isPlotDiv(gd) || !oldFullData || !oldFullLayout) {
        plotDone = exports.newPlot(gd, data, layout, config);
    } else {
        if (Lib.isPlainObject(data)) {
            var obj = data;
            data = obj.data;
            layout = obj.layout;
            config = obj.config;
            frames = obj.frames;
        }

        var configChanged = false;
        // assume that if there's a config at all, we're reacting to it too,
        // and completely replace the previous config
        if (config) {
            const oldConfig = Lib.extendDeepAll({}, gd._context);
            gd._context = undefined;
            setPlotContext(gd, config);
            configChanged = !helpers.collectionsAreEqual(oldConfig, gd._context);
        }

        if (configChanged) {
            // Save event listeners as newPlot will remove them
            const eventListeners = gd._ev.eventNames().map((name) => [name, gd._ev.listeners(name)]);
            plotDone = exports.newPlot(gd, data, layout, config).then(() => {
                for (const [name, callbacks] of eventListeners) {
                    callbacks.forEach((cb) => gd.on(name, cb));
                }

                // Call react in case transition should have occurred along with config change
                return exports.react(gd, data, layout, config);
            });
        } else {
            gd.data = data || [];
            helpers.cleanData(gd.data);
            gd.layout = layout || {};
            helpers.cleanLayout(gd.layout);

            applyUIRevisions(gd.data, gd.layout, oldFullData, oldFullLayout);

            // "true" skips updating calcdata and remapping arrays from calcTransforms,
            // which supplyDefaults usually does at the end, but we may need to NOT do
            // if the diff (which we haven't determined yet) says we'll recalc
            Plots.supplyDefaults(gd, { skipUpdateCalc: true });