respond-framework/dist/modules/replayTools/replayEvents.js

create as fast you think

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.runEvents = exports.default = void 0;
var _index = require("../../createModule/index.js");
var _constants = require("../../helpers/constants.js");
const replayEvents = async function (events, index = events.length - 1, delay = 0, {
  settings,
  branch
} = this.respond.replayState) {
  this.playing = false; // stop possible previous running replay
  const respond = (0, _index.default)(window.state.respond.top, {
    settings,
    branch,
    status: 'replay'
  });
  respond.state.replayTools.evs = events = respond.revive(events);
  await runEvents(events.slice(0, index + 1), delay, respond.state);
  return respond.state;
};
var _default = exports.default = replayEvents;
const runEvents = async (events, delay, {
  respond,
  replayTools
}, dontRender) => {
  // keep in mind we will now be in the context of a new state
  const {
    mem,
    options
  } = respond;
  replayTools.playing = true; // so sendTrigger knows to only increment the index of events it's already aware of
  mem.isFastReplay = !delay; // turn animations + timeouts off

  for (let i = 0; i < events.length && respond.state.replayTools.playing; i++) {
    const first = i === 0;
    const last = i === events.length - 1;
    const {
      event,
      arg,
      meta
    } = events[i];
    await event.trigger(arg, meta);
    if (last) mem.isFastReplay = false; // allow last event to trigger animations
    if (delay ? first : last && !dontRender) respond.render({}, {
      last
    }); // with delay, only render first event as dispatches will automatically render subsequent events : otherwise only render after all events have instantly replayed

    await timeout(delay, meta, last, options.testDelay);
  }
  respond.state.replayTools.playing = false; // proxy, whereas until render it wasn't a proxy, but now we need it reactive to display STOP REPLAY
  mem.isFastReplay = false;
  respond.queueSaveSession(); // concurrent React 18 renders asyncronously, and this is the recommended substitute for the old ReactDOM.render(,,CALLBACK)
};
exports.runEvents = runEvents;
const timeout = (delay, meta, last, testDelay = 1500) => {
  if (_constants.isTest || !delay || meta?.skipped || last) return;
  const ms = delay !== true ? delay : testDelay;
  return new Promise(res => setTimeout(res, ms));
};