@xstate/react 4.0.0-alpha.1 → 4.0.0-beta.10

package/dist/xstate-react.cjs.prod.js

@@ -1,281 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-var useConstant = require('./useConstant-eeb49d3f.cjs.prod.js');
-var xstate = require('xstate');
-var shim = require('use-sync-external-store/shim');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-var _excluded = ["context", "actors", "guards", "actions", "delays", "state"];
-function useIdleInterpreter(getMachine, options) {
-  var machine = useConstant.useConstant(function () {
-    return typeof getMachine === 'function' ? getMachine() : getMachine;
-  });
-
-  var context = options.context,
-      actors = options.actors,
-      guards = options.guards,
-      actions = options.actions,
-      delays = options.delays,
-      rehydratedState = options.state,
-      interpreterOptions = _objectWithoutProperties(options, _excluded);
-
-  var service = useConstant.useConstant(function () {
-    var machineConfig = {
-      context: context,
-      guards: guards,
-      actions: actions,
-      actors: actors,
-      delays: delays
-    };
-    var machineWithConfig = machine.provide(machineConfig);
-    return xstate.interpret(machineWithConfig, interpreterOptions);
-  }); // Make sure options are kept updated when they change.
-  // This mutation assignment is safe because the service instance is only used
-  // in one place -- this hook's caller.
-
-  useIsomorphicLayoutEffect__default['default'](function () {
-    Object.assign(service.behavior.options.actions, actions);
-    Object.assign(service.behavior.options.guards, guards);
-    Object.assign(service.behavior.options.actors, actors);
-    Object.assign(service.behavior.options.delays, delays);
-  }, [actions, guards, actors, delays]);
-  return service;
-}
-function useInterpret(getMachine) {
-  for (var _len = arguments.length, _ref = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    _ref[_key - 1] = arguments[_key];
-  }
-
-  var _ref$ = _ref[0],
-      options = _ref$ === void 0 ? {} : _ref$,
-      observerOrListener = _ref[1];
-  var service = useIdleInterpreter(getMachine, options);
-  React.useEffect(function () {
-    if (!observerOrListener) {
-      return;
-    }
-
-    var sub = service.subscribe(xstate.toObserver(observerOrListener));
-    return function () {
-      sub.unsubscribe();
-    };
-  }, [observerOrListener]);
-  React.useEffect(function () {
-    var rehydratedState = options.state;
-    service.start(rehydratedState ? service.behavior.createState(rehydratedState) : undefined);
-    return function () {
-      service.stop();
-      service.status = xstate.InterpreterStatus.NotStarted;
-    };
-  }, []);
-  return service;
-}
-
-function identity(a) {
-  return a;
-}
-
-var isEqual = function isEqual(prevState, nextState) {
-  return prevState === nextState || nextState.changed === false;
-};
-
-// TODO: rethink how we can do this better
-var cachedRehydratedStates = new WeakMap();
-function useMachine(getMachine) {
-  for (var _len = arguments.length, _ref = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    _ref[_key - 1] = arguments[_key];
-  }
-
-  var _ref$ = _ref[0],
-      options = _ref$ === void 0 ? {} : _ref$;
-  // using `useIdleInterpreter` allows us to subscribe to the service *before* we start it
-  // so we don't miss any notifications
-  var service = useIdleInterpreter(getMachine, options);
-  var getSnapshot = React.useCallback(function () {
-    if (service.status === xstate.InterpreterStatus.NotStarted && options.state) {
-      var cached = cachedRehydratedStates.get(options.state);
-
-      if (cached) {
-        return cached;
-      }
-
-      var created = service.behavior.createState(options.state);
-      cachedRehydratedStates.set(options.state, created);
-      return created;
-    }
-
-    return service.getSnapshot();
-  }, [service]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-        unsubscribe = _service$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  React.useEffect(function () {
-    var rehydratedState = options.state;
-    service.start(rehydratedState ? service.behavior.createState(rehydratedState) : undefined);
-    return function () {
-      service.stop();
-      service.status = xstate.InterpreterStatus.NotStarted;
-    };
-  }, []);
-  return [storeSnapshot, service.send, service];
-}
-
-function useActor(actorRef) {
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _actorRef$subscribe = actorRef.subscribe(handleStoreChange),
-        unsubscribe = _actorRef$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [actorRef]);
-  var boundGetSnapshot = React.useCallback(function () {
-    return actorRef.getSnapshot();
-  }, [actorRef]);
-  var storeSnapshot = shim.useSyncExternalStore(subscribe, boundGetSnapshot, boundGetSnapshot);
-  var boundSend = React.useCallback(function (event) {
-    return actorRef.send(event);
-  }, [actorRef]);
-  return [storeSnapshot, boundSend];
-}
-
-function defaultCompare(a, b) {
-  return a === b;
-}
-
-function useSelector(actor, selector) {
-  var compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultCompare;
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _actor$subscribe = actor.subscribe(handleStoreChange),
-        unsubscribe = _actor$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [actor]);
-  var boundGetSnapshot = React.useCallback(function () {
-    return actor.getSnapshot();
-  }, [actor]);
-  var selectedSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, boundGetSnapshot, boundGetSnapshot, selector, compare);
-  return selectedSnapshot;
-}
-
-/**
- * React hook that spawns an `ActorRef` with the specified `behavior`.
- * The returned `ActorRef` can be used with the `useActor(actorRef)` hook.
- *
- * @param behavior The actor behavior to spawn
- * @returns An ActorRef with the specified `behavior`
- */
-
-function useSpawn(behavior) {
-  var actorRef = useConstant.useConstant(function () {
-    // TODO: figure out what to do about the name argument
-    return xstate.interpret(behavior);
-  });
-  React.useEffect(function () {
-    var _actorRef$start;
-
-    (_actorRef$start = actorRef.start) === null || _actorRef$start === void 0 ? void 0 : _actorRef$start.call(actorRef);
-    return function () {
-      var _stop, _ref;
-
-      (_stop = (_ref = actorRef).stop) === null || _stop === void 0 ? void 0 : _stop.call(_ref);
-    };
-  }, []);
-  return actorRef;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-// From https://github.com/reduxjs/react-redux/blob/720f0ba79236cdc3e1115f4ef9a7760a21784b48/src/utils/shallowEqual.ts
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-
-function shallowEqual(objA, objB) {
-  if (is(objA, objB)) return true;
-
-  if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
-    return false;
-  }
-
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return false;
-
-  for (var i = 0; i < keysA.length; i++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-exports.shallowEqual = shallowEqual;
-exports.useActor = useActor;
-exports.useInterpret = useInterpret;
-exports.useMachine = useMachine;
-exports.useSelector = useSelector;
-exports.useSpawn = useSpawn;

package/fsm/dist/xstate-react-fsm.cjs.d.ts

@@ -1 +0,0 @@
-export * from "../../dist/declarations/src/fsm";

package/fsm/dist/xstate-react-fsm.cjs.dev.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useConstant = require('../../dist/useConstant-644f0e11.cjs.dev.js');
-var fsm = require('@xstate/fsm');
-var React = require('react');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function identity(a) {
-  return a;
-}
-
-var getServiceState = function getServiceState(service) {
-  var currentValue;
-  service.subscribe(function (state) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
-
-function useMachine(stateMachine, options) {
-  var persistedStateRef = React.useRef();
-
-  if (process.env.NODE_ENV !== 'production') {
-    var _useState = React.useState(stateMachine),
-        _useState2 = useConstant._slicedToArray(_useState, 1),
-        initialMachine = _useState2[0];
-
-    if (stateMachine !== initialMachine) {
-      console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' + 'Please make sure that you pass the same Machine as argument each time.');
-    }
-  }
-
-  var _useConstant = useConstant.useConstant(function () {
-    var queue = [];
-    var service = fsm.interpret(fsm.createMachine(stateMachine.config, options ? options : stateMachine._options));
-    var send = service.send;
-
-    service.send = function (event) {
-      if (service.status === fsm.InterpreterStatus.NotStarted) {
-        queue.push(event);
-        return;
-      }
-
-      send(event);
-      persistedStateRef.current = service.state;
-    };
-
-    return [service, queue];
-  }),
-      _useConstant2 = useConstant._slicedToArray(_useConstant, 2),
-      service = _useConstant2[0],
-      queue = _useConstant2[1]; // TODO: consider using `useInsertionEffect` if available
-
-
-  useIsomorphicLayoutEffect__default['default'](function () {
-    if (options) {
-      service._machine._options = options;
-    }
-  });
-  var useServiceResult = useService(service);
-  React.useEffect(function () {
-    service.start(persistedStateRef.current);
-    queue.forEach(service.send);
-    persistedStateRef.current = service.state;
-    return function () {
-      service.stop();
-    };
-  }, []);
-  return useServiceResult;
-}
-
-var isEqual = function isEqual(_prevState, nextState) {
-  return nextState.changed === false;
-};
-
-function useService(service) {
-  var getSnapshot = React.useCallback(function () {
-    return getServiceState(service);
-  }, [service]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-        unsubscribe = _service$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  return [storeSnapshot, service.send, service];
-}
-
-exports.useMachine = useMachine;
-exports.useService = useService;

package/fsm/dist/xstate-react-fsm.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./xstate-react-fsm.cjs.prod.js");
-} else {
-  module.exports = require("./xstate-react-fsm.cjs.dev.js");
-}

package/fsm/dist/xstate-react-fsm.cjs.prod.js

@@ -1,144 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var fsm = require('@xstate/fsm');
-var React = require('react');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-var useConstant = require('../../dist/useConstant-eeb49d3f.cjs.prod.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function identity(a) {
-  return a;
-}
-
-var getServiceState = function getServiceState(service) {
-  var currentValue;
-  service.subscribe(function (state) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
-
-function useMachine(stateMachine, options) {
-  var persistedStateRef = React.useRef();
-
-  var _useConstant = useConstant.useConstant(function () {
-    var queue = [];
-    var service = fsm.interpret(fsm.createMachine(stateMachine.config, options ? options : stateMachine._options));
-    var send = service.send;
-
-    service.send = function (event) {
-      if (service.status === fsm.InterpreterStatus.NotStarted) {
-        queue.push(event);
-        return;
-      }
-
-      send(event);
-      persistedStateRef.current = service.state;
-    };
-
-    return [service, queue];
-  }),
-      _useConstant2 = _slicedToArray(_useConstant, 2),
-      service = _useConstant2[0],
-      queue = _useConstant2[1]; // TODO: consider using `useInsertionEffect` if available
-
-
-  useIsomorphicLayoutEffect__default['default'](function () {
-    if (options) {
-      service._machine._options = options;
-    }
-  });
-  var useServiceResult = useService(service);
-  React.useEffect(function () {
-    service.start(persistedStateRef.current);
-    queue.forEach(service.send);
-    persistedStateRef.current = service.state;
-    return function () {
-      service.stop();
-    };
-  }, []);
-  return useServiceResult;
-}
-
-var isEqual = function isEqual(_prevState, nextState) {
-  return nextState.changed === false;
-};
-
-function useService(service) {
-  var getSnapshot = React.useCallback(function () {
-    return getServiceState(service);
-  }, [service]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-        unsubscribe = _service$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  return [storeSnapshot, service.send, service];
-}
-
-exports.useMachine = useMachine;
-exports.useService = useService;

package/fsm/dist/xstate-react-fsm.esm.js

@@ -1,89 +0,0 @@
-import { _ as _slicedToArray, u as useConstant } from '../../dist/useConstant-94bfdbb5.esm.js';
-import { interpret, createMachine, InterpreterStatus } from '@xstate/fsm';
-import { useRef, useState, useEffect, useCallback } from 'react';
-import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-
-function identity(a) {
-  return a;
-}
-
-var getServiceState = function getServiceState(service) {
-  var currentValue;
-  service.subscribe(function (state) {
-    currentValue = state;
-  }).unsubscribe();
-  return currentValue;
-};
-
-function useMachine(stateMachine, options) {
-  var persistedStateRef = useRef();
-
-  if (process.env.NODE_ENV !== 'production') {
-    var _useState = useState(stateMachine),
-        _useState2 = _slicedToArray(_useState, 1),
-        initialMachine = _useState2[0];
-
-    if (stateMachine !== initialMachine) {
-      console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' + 'Please make sure that you pass the same Machine as argument each time.');
-    }
-  }
-
-  var _useConstant = useConstant(function () {
-    var queue = [];
-    var service = interpret(createMachine(stateMachine.config, options ? options : stateMachine._options));
-    var send = service.send;
-
-    service.send = function (event) {
-      if (service.status === InterpreterStatus.NotStarted) {
-        queue.push(event);
-        return;
-      }
-
-      send(event);
-      persistedStateRef.current = service.state;
-    };
-
-    return [service, queue];
-  }),
-      _useConstant2 = _slicedToArray(_useConstant, 2),
-      service = _useConstant2[0],
-      queue = _useConstant2[1]; // TODO: consider using `useInsertionEffect` if available
-
-
-  useIsomorphicLayoutEffect(function () {
-    if (options) {
-      service._machine._options = options;
-    }
-  });
-  var useServiceResult = useService(service);
-  useEffect(function () {
-    service.start(persistedStateRef.current);
-    queue.forEach(service.send);
-    persistedStateRef.current = service.state;
-    return function () {
-      service.stop();
-    };
-  }, []);
-  return useServiceResult;
-}
-
-var isEqual = function isEqual(_prevState, nextState) {
-  return nextState.changed === false;
-};
-
-function useService(service) {
-  var getSnapshot = useCallback(function () {
-    return getServiceState(service);
-  }, [service]);
-  var subscribe = useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-        unsubscribe = _service$subscribe.unsubscribe;
-
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  return [storeSnapshot, service.send, service];
-}
-
-export { useMachine, useService };

package/fsm/package.json

@@ -1,4 +0,0 @@
-{
-  "main": "dist/xstate-react-fsm.cjs.js",
-  "module": "dist/xstate-react-fsm.esm.js"
-}