xstate 5.0.0-alpha.2 → 5.0.0-alpha.4

package/dev/dist/xstate-dev.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"xstate-dev.umd.min.js","sources":["../../src/dev/index.ts"],"sourcesContent":["import { IS_PRODUCTION } from '../environment.js';\nimport { AnyInterpreter, DevToolsAdapter } from '../types.js';\n\ninterface DevInterface {\n  services: Set<AnyInterpreter>;\n  register(service: AnyInterpreter): void;\n  onRegister(listener: ServiceListener): void;\n}\ntype ServiceListener = (service: AnyInterpreter) => void;\n\nexport interface XStateDevInterface {\n  register: (service: AnyInterpreter) => void;\n  unregister: (service: AnyInterpreter) => void;\n  onRegister: (\n    listener: ServiceListener\n  ) => {\n    unsubscribe: () => void;\n  };\n  services: Set<AnyInterpreter>;\n}\n\n// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis\nexport function getGlobal(): typeof globalThis | undefined {\n  if (typeof globalThis !== 'undefined') {\n    return globalThis;\n  }\n  if (typeof self !== 'undefined') {\n    return self;\n  }\n  if (typeof window !== 'undefined') {\n    return window;\n  }\n  if (typeof global !== 'undefined') {\n    return global;\n  }\n  if (!IS_PRODUCTION) {\n    console.warn(\n      'XState could not find a global object in this environment. Please let the maintainers know and raise an issue here: https://github.com/statelyai/xstate/issues'\n    );\n  }\n}\n\nfunction getDevTools(): DevInterface | undefined {\n  const w = getGlobal();\n  if (!!(w as any).__xstate__) {\n    return (w as any).__xstate__;\n  }\n\n  return undefined;\n}\n\nexport function registerService(service: AnyInterpreter) {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  const devTools = getDevTools();\n\n  if (devTools) {\n    devTools.register(service);\n  }\n}\n\nexport const devToolsAdapter: DevToolsAdapter = (service) => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  const devTools = getDevTools();\n\n  if (devTools) {\n    devTools.register(service);\n  }\n};\n"],"names":["getGlobal","globalThis","self","window","getDevTools","w","__xstate__","service","devTools","register"],"mappings":"iPAsBO,SAASA,IACd,MAA0B,oBAAfC,WACFA,WAEW,oBAATC,KACFA,KAGAC,OAYX,SAASC,IACP,IAAMC,EAAIL,IACV,GAAOK,EAAUC,WACf,OAAQD,EAAUC,6BAkB0B,SAACC,GAK/C,IAAMC,EAAWJ,IAEbI,GACFA,EAASC,SAASF,oCApBf,SAAyBA,GAK9B,IAAMC,EAAWJ,IAEbI,GACFA,EAASC,SAASF"}
+{"version":3,"file":"xstate-dev.umd.min.js","sources":["../../src/dev/index.ts"],"sourcesContent":["import { IS_PRODUCTION } from '../environment.ts';\nimport { AnyInterpreter, DevToolsAdapter } from '../types.ts';\n\ninterface DevInterface {\n  services: Set<AnyInterpreter>;\n  register(service: AnyInterpreter): void;\n  onRegister(listener: ServiceListener): void;\n}\ntype ServiceListener = (service: AnyInterpreter) => void;\n\nexport interface XStateDevInterface {\n  register: (service: AnyInterpreter) => void;\n  unregister: (service: AnyInterpreter) => void;\n  onRegister: (listener: ServiceListener) => {\n    unsubscribe: () => void;\n  };\n  services: Set<AnyInterpreter>;\n}\n\n// From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis\nexport function getGlobal(): typeof globalThis | undefined {\n  if (typeof globalThis !== 'undefined') {\n    return globalThis;\n  }\n  if (typeof self !== 'undefined') {\n    return self;\n  }\n  if (typeof window !== 'undefined') {\n    return window;\n  }\n  if (typeof global !== 'undefined') {\n    return global;\n  }\n  if (!IS_PRODUCTION) {\n    console.warn(\n      'XState could not find a global object in this environment. Please let the maintainers know and raise an issue here: https://github.com/statelyai/xstate/issues'\n    );\n  }\n}\n\nfunction getDevTools(): DevInterface | undefined {\n  const w = getGlobal();\n  if (!!(w as any).__xstate__) {\n    return (w as any).__xstate__;\n  }\n\n  return undefined;\n}\n\nexport function registerService(service: AnyInterpreter) {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  const devTools = getDevTools();\n\n  if (devTools) {\n    devTools.register(service);\n  }\n}\n\nexport const devToolsAdapter: DevToolsAdapter = (service) => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  const devTools = getDevTools();\n\n  if (devTools) {\n    devTools.register(service);\n  }\n};\n"],"names":["getGlobal","globalThis","self","window","getDevTools","w","__xstate__","service","devTools","register"],"mappings":"iPAoBO,SAASA,IACd,MAA0B,oBAAfC,WACFA,WAEW,oBAATC,KACFA,KAGAC,OAYX,SAASC,IACP,IAAMC,EAAIL,IACV,GAAOK,EAAUC,WACf,OAAQD,EAAUC,6BAkB0B,SAACC,GAK/C,IAAMC,EAAWJ,IAEbI,GACFA,EAASC,SAASF,oCApBf,SAAyBA,GAK9B,IAAMC,EAAWJ,IAEbI,GACFA,EAASC,SAASF"}

package/dist/{actions-acb29ffe.cjs.prod.js → actions-2479953d.cjs.prod.js}

@@ -346,14 +346,21 @@ function toArray(value) {
 }
 function mapContext(mapper, context, _event) {
   if (isFunction(mapper)) {
-    return mapper(context, _event.data);
+    return mapper({
+      context: context,
+      event: _event.data
+    });
   }
   var result = {};
+  var args = {
+    context: context,
+    event: _event.data
+  };
   for (var _i4 = 0, _Object$keys2 = Object.keys(mapper); _i4 < _Object$keys2.length; _i4++) {
     var _key3 = _Object$keys2[_i4];
     var subMapper = mapper[_key3];
     if (isFunction(subMapper)) {
-      result[_key3] = subMapper(context, _event.data);
+      result[_key3] = subMapper(args);
     } else {
       result[_key3] = subMapper;
     }
@@ -502,24 +509,25 @@ function send$1(eventOrExpr, options) {
       // there is too big chance of the ID collision
       id: options && options.id !== undefined ? options.id : isFunction(eventOrExpr) ? eventOrExpr.name : eventOrExpr.type
     };
-    var meta = {
+    var args = {
+      context: state.context,
+      event: _event.data,
       _event: _event,
-      state: state,
       self: (_actorContext$self = actorContext === null || actorContext === void 0 ? void 0 : actorContext.self) !== null && _actorContext$self !== void 0 ? _actorContext$self : null,
       system: actorContext === null || actorContext === void 0 ? void 0 : actorContext.system
     };
     var delaysMap = state.machine.options.delays;
 
     // TODO: helper function for resolving Expr
-    var resolvedEvent = toSCXMLEvent(isFunction(eventOrExpr) ? eventOrExpr(state.context, _event.data, meta) : eventOrExpr);
+    var resolvedEvent = toSCXMLEvent(isFunction(eventOrExpr) ? eventOrExpr(args) : eventOrExpr);
     var resolvedDelay;
     if (isString(params.delay)) {
       var configDelay = delaysMap && delaysMap[params.delay];
-      resolvedDelay = isFunction(configDelay) ? configDelay(state.context, _event.data, meta) : configDelay;
+      resolvedDelay = isFunction(configDelay) ? configDelay(args) : configDelay;
     } else {
-      resolvedDelay = isFunction(params.delay) ? params.delay(state.context, _event.data, meta) : params.delay;
+      resolvedDelay = isFunction(params.delay) ? params.delay(args) : params.delay;
     }
-    var resolvedTarget = isFunction(params.to) ? params.to(state.context, _event.data, meta) : params.to;
+    var resolvedTarget = isFunction(params.to) ? params.to(args) : params.to;
     var targetActorRef;
     if (typeof resolvedTarget === 'string') {
       if (resolvedTarget === exports.SpecialTargets.Parent) {
@@ -591,7 +599,7 @@ function sendParent(event, options) {
  */
 function respond(event, options) {
   return send$1(event, _objectSpread2(_objectSpread2({}, options), {}, {
-    to: function to(_, __, _ref2) {
+    to: function to(_ref2) {
       var _event = _ref2._event;
       return _event.origin; // TODO: handle when _event.origin is undefined
     }
@@ -615,7 +623,8 @@ function forwardTo(target, options) {
       return resolvedTarget;
     };
   }
-  return send$1(function (_, event) {
+  return send$1(function (_ref3) {
+    var event = _ref3.event;
     return event;
   }, _objectSpread2(_objectSpread2({}, options), {}, {
     to: target
@@ -630,10 +639,10 @@ function forwardTo(target, options) {
  * @param options Options to pass into the send action creator.
  */
 function escalate(errorData, options) {
-  return sendParent(function (context, event, meta) {
+  return sendParent(function (arg) {
     return {
       type: error,
-      data: isFunction(errorData) ? errorData(context, event, meta) : errorData
+      data: isFunction(errorData) ? errorData(arg) : errorData
     };
   }, _objectSpread2(_objectSpread2({}, options), {}, {
     to: exports.SpecialTargets.Parent
@@ -678,6 +687,86 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 
+var Mailbox = /*#__PURE__*/function () {
+  function Mailbox(_process) {
+    _classCallCheck(this, Mailbox);
+    this._process = _process;
+    _defineProperty(this, "_active", false);
+    _defineProperty(this, "_current", null);
+    _defineProperty(this, "_last", null);
+  }
+  _createClass(Mailbox, [{
+    key: "start",
+    value: function start() {
+      this._active = true;
+      this.flush();
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      // we can't set _current to null because we might be currently processing
+      // and enqueue following clear shouldnt start processing the enqueued item immediately
+      if (this._current) {
+        this._current.next = null;
+        this._last = this._current;
+      }
+    }
+
+    // TODO: rethink this design
+  }, {
+    key: "prepend",
+    value: function prepend(event) {
+      if (!this._current) {
+        this.enqueue(event);
+        return;
+      }
+
+      // we know that something is already queued up
+      // so the mailbox is already flushing or it's inactive
+      // therefore the only thing that we need to do is to reassign `this._current`
+      this._current = {
+        value: event,
+        next: this._current
+      };
+    }
+  }, {
+    key: "enqueue",
+    value: function enqueue(event) {
+      var enqueued = {
+        value: event,
+        next: null
+      };
+      if (this._current) {
+        this._last.next = enqueued;
+        this._last = enqueued;
+        return;
+      }
+      this._current = enqueued;
+      this._last = enqueued;
+      if (this._active) {
+        this.flush();
+      }
+    }
+  }, {
+    key: "flush",
+    value: function flush() {
+      while (this._current) {
+        // atm the given _process is responsible for implementing proper try/catch handling
+        // we assume here that this won't throw in a way that can affect this mailbox
+        var consumed = this._current;
+        this._process(consumed.value);
+        // something could have been prepended in the meantime
+        // so we need to be defensive here to avoid skipping over a prepended item
+        if (consumed === this._current) {
+          this._current = this._current.next;
+        }
+      }
+      this._last = null;
+    }
+  }]);
+  return Mailbox;
+}();
+
 var symbolObservable = function () {
   return typeof Symbol === 'function' && Symbol.observable || '@@observable';
 }();
@@ -1143,86 +1232,6 @@ function toActorRef(actorRefLike) {
   }), _objectSpread2$1), actorRefLike);
 }
 
-var Mailbox = /*#__PURE__*/function () {
-  function Mailbox(_process) {
-    _classCallCheck(this, Mailbox);
-    this._process = _process;
-    _defineProperty(this, "_active", false);
-    _defineProperty(this, "_current", null);
-    _defineProperty(this, "_last", null);
-  }
-  _createClass(Mailbox, [{
-    key: "start",
-    value: function start() {
-      this._active = true;
-      this.flush();
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      // we can't set _current to null because we might be currently processing
-      // and enqueue following clear shouldnt start processing the enqueued item immediately
-      if (this._current) {
-        this._current.next = null;
-        this._last = this._current;
-      }
-    }
-
-    // TODO: rethink this design
-  }, {
-    key: "prepend",
-    value: function prepend(event) {
-      if (!this._current) {
-        this.enqueue(event);
-        return;
-      }
-
-      // we know that something is already queued up
-      // so the mailbox is already flushing or it's inactive
-      // therefore the only thing that we need to do is to reassign `this._current`
-      this._current = {
-        value: event,
-        next: this._current
-      };
-    }
-  }, {
-    key: "enqueue",
-    value: function enqueue(event) {
-      var enqueued = {
-        value: event,
-        next: null
-      };
-      if (this._current) {
-        this._last.next = enqueued;
-        this._last = enqueued;
-        return;
-      }
-      this._current = enqueued;
-      this._last = enqueued;
-      if (this._active) {
-        this.flush();
-      }
-    }
-  }, {
-    key: "flush",
-    value: function flush() {
-      while (this._current) {
-        // atm the given _process is responsible for implementing proper try/catch handling
-        // we assume here that this won't throw in a way that can affect this mailbox
-        var consumed = this._current;
-        this._process(consumed.value);
-        // something could have been prepended in the meantime
-        // so we need to be defensive here to avoid skipping over a prepended item
-        if (consumed === this._current) {
-          this._current = this._current.next;
-        }
-      }
-      this._last = null;
-    }
-  }]);
-  return Mailbox;
-}();
-
 function createSystem() {
   var sessionIdCounter = 0;
   var children = new Map();
@@ -1721,7 +1730,10 @@ function stop$1(actorRef) {
     }
   }, function (_event, _ref) {
     var state = _ref.state;
-    var actorRefOrString = isFunction(actor) ? actor(state.context, _event.data) : actor;
+    var actorRefOrString = isFunction(actor) ? actor({
+      context: state.context,
+      event: _event.data
+    }) : actor;
     var actorRef = typeof actorRefOrString === 'string' ? state.children[actorRefOrString] : actorRefOrString;
     return [state, {
       type: 'xstate.stop',
@@ -1744,7 +1756,9 @@ function stop$1(actorRef) {
   });
 }
 
-var defaultLogExpr = function defaultLogExpr(context, event) {
+var defaultLogExpr = function defaultLogExpr(_ref) {
+  var context = _ref.context,
+    event = _ref.event;
   return {
     context: context,
     event: event
@@ -1769,13 +1783,14 @@ function log$1() {
       label: label,
       expr: expr
     }
-  }, function (_event, _ref) {
+  }, function (_event, _ref2) {
     var _actorContext$self;
-    var state = _ref.state,
-      actorContext = _ref.actorContext;
-    var resolvedValue = typeof expr === 'function' ? expr(state.context, _event.data, {
+    var state = _ref2.state,
+      actorContext = _ref2.actorContext;
+    var resolvedValue = typeof expr === 'function' ? expr({
+      context: state.context,
+      event: _event.data,
       _event: _event,
-      state: state,
       self: (_actorContext$self = actorContext === null || actorContext === void 0 ? void 0 : actorContext.self) !== null && _actorContext$self !== void 0 ? _actorContext$self : {},
       system: actorContext === null || actorContext === void 0 ? void 0 : actorContext.system
     }) : expr;
@@ -1816,10 +1831,10 @@ function cancel$1(sendId) {
     var _actorContext$self;
     var state = _ref.state,
       actorContext = _ref.actorContext;
-    var resolvedSendId = isFunction(sendId) ? sendId(state.context, _event.data, {
+    var resolvedSendId = isFunction(sendId) ? sendId({
+      context: state.context,
+      event: _event.data,
       _event: _event,
-      state: state,
-      // TODO: fix types,
       self: (_actorContext$self = actorContext === null || actorContext === void 0 ? void 0 : actorContext.self) !== null && _actorContext$self !== void 0 ? _actorContext$self : {},
       system: actorContext === null || actorContext === void 0 ? void 0 : actorContext.system
     }) : sendId;
@@ -1883,7 +1898,7 @@ function stateIn(stateValue) {
     params: {
       stateValue: stateValue
     },
-    predicate: function predicate(_, __, _ref) {
+    predicate: function predicate(_ref) {
       var state = _ref.state;
       if (isString(stateValue) && isStateId(stateValue)) {
         return state.configuration.some(function (sn) {
@@ -1901,8 +1916,13 @@ function not(guard) {
       op: 'not'
     },
     children: [toGuardDefinition(guard)],
-    predicate: function predicate(ctx, _, meta) {
-      return !meta.evaluate(meta.guard.children[0], ctx, meta._event, meta.state);
+    predicate: function predicate(_ref2) {
+      var evaluate = _ref2.evaluate,
+        guard = _ref2.guard,
+        context = _ref2.context,
+        _event = _ref2._event,
+        state = _ref2.state;
+      return !evaluate(guard.children[0], context, _event, state);
     }
   };
 }
@@ -1915,9 +1935,14 @@ function and(guards) {
     children: guards.map(function (guard) {
       return toGuardDefinition(guard);
     }),
-    predicate: function predicate(ctx, _, meta) {
-      return meta.guard.children.every(function (childGuard) {
-        return meta.evaluate(childGuard, ctx, meta._event, meta.state);
+    predicate: function predicate(_ref3) {
+      var evaluate = _ref3.evaluate,
+        guard = _ref3.guard,
+        context = _ref3.context,
+        _event = _ref3._event,
+        state = _ref3.state;
+      return guard.children.every(function (childGuard) {
+        return evaluate(childGuard, context, _event, state);
       });
     }
   };
@@ -1931,9 +1956,14 @@ function or(guards) {
     children: guards.map(function (guard) {
       return toGuardDefinition(guard);
     }),
-    predicate: function predicate(ctx, _, meta) {
-      return meta.guard.children.some(function (childGuard) {
-        return meta.evaluate(childGuard, ctx, meta._event, meta.state);
+    predicate: function predicate(_ref4) {
+      var evaluate = _ref4.evaluate,
+        guard = _ref4.guard,
+        context = _ref4.context,
+        _event = _ref4._event,
+        state = _ref4.state;
+      return guard.children.some(function (childGuard) {
+        return evaluate(childGuard, context, _event, state);
       });
     }
   };
@@ -1941,17 +1971,18 @@ function or(guards) {
 function evaluateGuard(guard, context, _event, state) {
   var _machine$options$guar, _machine$options, _machine$options$guar2;
   var machine = state.machine;
-  var guardMeta = {
-    state: state,
-    guard: guard,
-    _event: _event,
-    evaluate: evaluateGuard
-  };
   var predicate = (_machine$options$guar = machine === null || machine === void 0 ? void 0 : (_machine$options = machine.options) === null || _machine$options === void 0 ? void 0 : (_machine$options$guar2 = _machine$options.guards) === null || _machine$options$guar2 === void 0 ? void 0 : _machine$options$guar2[guard.type]) !== null && _machine$options$guar !== void 0 ? _machine$options$guar : guard.predicate;
   if (!predicate) {
     throw new Error("Guard '".concat(guard.type, "' is not implemented.'."));
   }
-  return predicate(context, _event.data, guardMeta);
+  return predicate({
+    context: context,
+    event: _event.data,
+    state: state,
+    guard: guard,
+    _event: _event,
+    evaluate: evaluateGuard
+  });
 }
 function toGuardDefinition(guardConfig, getPredicate) {
   var _guardConfig$children;
@@ -3794,8 +3825,10 @@ function invoke$1(invokeDef) {
           src: src,
           parent: actorContext === null || actorContext === void 0 ? void 0 : actorContext.self,
           systemId: invokeDef.systemId,
-          input: typeof input === 'function' ? input(state.context, _event.data, {
-            self: actorContext.self
+          input: typeof input === 'function' ? input({
+            context: state.context,
+            event: _event.data,
+            self: actorContext === null || actorContext === void 0 ? void 0 : actorContext.self
           }) : input
         });
         resolvedInvokeAction = {
@@ -3849,7 +3882,9 @@ function createSpawner(self, machine, context, _event, mutCapturedActions) {
         var actorRef = interpret(referenced.src, {
           id: resolvedName,
           parent: self,
-          input: typeof input === 'function' ? input(context, _event.data, {
+          input: typeof input === 'function' ? input({
+            context: context,
+            event: _event.data,
             self: self
           }) : input
         });
@@ -3907,8 +3942,9 @@ function assign$1(assignment) {
     if (!state.context) {
       throw new Error('Cannot assign to undefined `context`. Ensure that `context` is defined in the machine config.');
     }
-    var meta = {
-      state: state,
+    var args = {
+      context: state.context,
+      event: _event.data,
       action: action,
       _event: _event,
       spawn: createSpawner(actorContext === null || actorContext === void 0 ? void 0 : actorContext.self, state.machine, state.context, _event, capturedActions),
@@ -3917,12 +3953,12 @@ function assign$1(assignment) {
     };
     var partialUpdate = {};
     if (isFunction(assignment)) {
-      partialUpdate = assignment(state.context, _event.data, meta);
+      partialUpdate = assignment(args);
     } else {
       for (var _i = 0, _Object$keys = Object.keys(assignment); _i < _Object$keys.length; _i++) {
         var key = _Object$keys[_i];
         var propAssignment = assignment[key];
-        partialUpdate[key] = isFunction(propAssignment) ? propAssignment(state.context, _event.data, meta) : propAssignment;
+        partialUpdate[key] = isFunction(propAssignment) ? propAssignment(args) : propAssignment;
       }
     }
     var updatedContext = Object.assign({}, state.context, partialUpdate);
@@ -3962,22 +3998,23 @@ function raise$1(eventOrExpr, options) {
       event: eventOrExpr,
       id: options && options.id !== undefined ? options.id : typeof eventOrExpr === 'function' ? eventOrExpr.name : eventOrExpr.type
     };
-    var meta = {
+    var args = {
+      context: state.context,
+      event: _event.data,
       _event: _event,
-      state: state,
       self: (_actorContext$self = actorContext === null || actorContext === void 0 ? void 0 : actorContext.self) !== null && _actorContext$self !== void 0 ? _actorContext$self : {},
       system: actorContext === null || actorContext === void 0 ? void 0 : actorContext.system
     };
     var delaysMap = state.machine.options.delays;
 
     // TODO: helper function for resolving Expr
-    var resolvedEvent = toSCXMLEvent(typeof eventOrExpr === 'function' ? eventOrExpr(state.context, _event.data, meta) : eventOrExpr);
+    var resolvedEvent = toSCXMLEvent(typeof eventOrExpr === 'function' ? eventOrExpr(args) : eventOrExpr);
     var resolvedDelay;
     if (typeof params.delay === 'string') {
       var configDelay = delaysMap && delaysMap[params.delay];
-      resolvedDelay = typeof configDelay === 'function' ? configDelay(state.context, _event.data, meta) : configDelay;
+      resolvedDelay = typeof configDelay === 'function' ? configDelay(args) : configDelay;
     } else {
-      resolvedDelay = typeof params.delay === 'function' ? params.delay(state.context, _event.data, meta) : params.delay;
+      resolvedDelay = typeof params.delay === 'function' ? params.delay(args) : params.delay;
     }
     var resolvedAction = {
       type: raise,
@@ -4040,10 +4077,11 @@ function resolveActionObject(actionObject, actionFunctionMap) {
         type: actionObject.type,
         params: actionObject.params,
         execute: function execute(actorCtx) {
-          return dereferencedAction(state.context, state.event, {
+          return dereferencedAction({
+            context: state.context,
+            event: state.event,
             action: a,
             _event: state._event,
-            state: state,
             system: actorCtx.system,
             self: actorCtx.self
           });
@@ -4080,10 +4118,11 @@ function toActionObject(action) {
           "function": action
         },
         execute: function execute(actorCtx) {
-          return action(state.context, _event.data, {
+          return action({
+            context: state.context,
+            event: _event.data,
             action: actionObject,
             _event: _event,
-            state: state,
             self: actorCtx.self,
             system: actorCtx.system
           });