@xstate/react 3.0.0 → 4.0.0-alpha.0

package/lib/useMachine.js

@@ -1,73 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMachine = void 0;
-var react_1 = require("react");
-var with_selector_1 = require("use-sync-external-store/shim/with-selector");
-var xstate_1 = require("xstate");
-var useInterpret_1 = require("./useInterpret");
-function identity(a) {
-    return a;
-}
-function useMachine(getMachine) {
-    var _a = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        _a[_i - 1] = arguments[_i];
-    }
-    var _b = __read(_a, 1), _c = _b[0], options = _c === void 0 ? {} : _c;
-    // using `useIdleInterpreter` allows us to subscribe to the service *before* we start it
-    // so we don't miss any notifications
-    var service = (0, useInterpret_1.useIdleInterpreter)(getMachine, options);
-    var getSnapshot = (0, react_1.useCallback)(function () {
-        if (service.status === xstate_1.InterpreterStatus.NotStarted) {
-            return (options.state
-                ? xstate_1.State.create(options.state)
-                : service.machine.initialState);
-        }
-        return service.state;
-    }, [service]);
-    var isEqual = (0, react_1.useCallback)(function (prevState, nextState) {
-        if (service.status === xstate_1.InterpreterStatus.NotStarted) {
-            return true;
-        }
-        // Only change the current state if:
-        // - the incoming state is the "live" initial state (since it might have new actors)
-        // - OR the incoming state actually changed.
-        //
-        // The "live" initial state will have .changed === undefined.
-        var initialStateChanged = nextState.changed === undefined &&
-            (Object.keys(nextState.children).length > 0 ||
-                typeof prevState.changed === 'boolean');
-        return !(nextState.changed || initialStateChanged);
-    }, [service]);
-    var subscribe = (0, react_1.useCallback)(function (handleStoreChange) {
-        var unsubscribe = service.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [service]);
-    var storeSnapshot = (0, with_selector_1.useSyncExternalStoreWithSelector)(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-    (0, react_1.useEffect)(function () {
-        var rehydratedState = options.state;
-        service.start(rehydratedState ? xstate_1.State.create(rehydratedState) : undefined);
-        return function () {
-            service.stop();
-            service.status = xstate_1.InterpreterStatus.NotStarted;
-        };
-    }, []);
-    return [storeSnapshot, service.send, service];
-}
-exports.useMachine = useMachine;

package/lib/useSelector.d.ts

@@ -1,3 +0,0 @@
-import { ActorRef, Subscribable } from 'xstate';
-export declare function useSelector<TActor extends ActorRef<any, any>, T, TEmitted = TActor extends Subscribable<infer Emitted> ? Emitted : never>(actor: TActor, selector: (emitted: TEmitted) => T, compare?: (a: T, b: T) => boolean, getSnapshot?: (a: TActor) => TEmitted): T;
-//# sourceMappingURL=useSelector.d.ts.map

package/lib/useSelector.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelector = void 0;
-var react_1 = require("react");
-var with_selector_1 = require("use-sync-external-store/shim/with-selector");
-var useActor_1 = require("./useActor");
-var utils_1 = require("./utils");
-function isService(actor) {
-    return 'state' in actor && 'machine' in actor;
-}
-var defaultCompare = function (a, b) { return a === b; };
-var defaultGetSnapshot = function (a) {
-    return isService(a)
-        ? (0, utils_1.getServiceSnapshot)(a)
-        : (0, useActor_1.isActorWithState)(a)
-            ? a.state
-            : undefined;
-};
-function useSelector(actor, selector, compare, getSnapshot) {
-    if (compare === void 0) { compare = defaultCompare; }
-    if (getSnapshot === void 0) { getSnapshot = defaultGetSnapshot; }
-    var subscribe = (0, react_1.useCallback)(function (handleStoreChange) {
-        var unsubscribe = actor.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [actor]);
-    var boundGetSnapshot = (0, react_1.useCallback)(function () { return getSnapshot(actor); }, [
-        actor,
-        getSnapshot
-    ]);
-    var selectedSnapshot = (0, with_selector_1.useSyncExternalStoreWithSelector)(subscribe, boundGetSnapshot, boundGetSnapshot, selector, compare);
-    return selectedSnapshot;
-}
-exports.useSelector = useSelector;

package/lib/useSpawn.d.ts

@@ -1,10 +0,0 @@
-import { ActorRef, Behavior, EventObject } from 'xstate';
-/**
- * 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`
- */
-export declare function useSpawn<TState, TEvent extends EventObject>(behavior: Behavior<TEvent, TState>): ActorRef<TEvent, TState>;
-//# sourceMappingURL=useSpawn.d.ts.map

package/lib/useSpawn.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpawn = void 0;
-var xstate_1 = require("xstate");
-var useConstant_1 = require("./useConstant");
-/**
- * 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 = (0, useConstant_1.default)(function () {
-        return (0, xstate_1.spawnBehavior)(behavior);
-    });
-    return actorRef;
-}
-exports.useSpawn = useSpawn;

package/lib/utils.d.ts

@@ -1,4 +0,0 @@
-import { Interpreter } from 'xstate';
-export declare function partition<T, A extends T, B extends T>(items: T[], predicate: (item: T) => item is A): [A[], B[]];
-export declare function getServiceSnapshot<TService extends Interpreter<any, any, any, any>>(service: TService): TService['state'];
-//# sourceMappingURL=utils.d.ts.map

package/lib/utils.js

@@ -1,58 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServiceSnapshot = exports.partition = void 0;
-function partition(items, predicate) {
-    var e_1, _a;
-    var _b = __read([[], []], 2), truthy = _b[0], falsy = _b[1];
-    try {
-        for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-            var item = items_1_1.value;
-            if (predicate(item)) {
-                truthy.push(item);
-            }
-            else {
-                falsy.push(item);
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return [truthy, falsy];
-}
-exports.partition = partition;
-function getServiceSnapshot(service) {
-    return service.status !== 0 ? service.state : service.machine.initialState;
-}
-exports.getServiceSnapshot = getServiceSnapshot;