Version Packages

[github-actions[bot]]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

xstate@5.18.0

Minor Changes

• #5042 54c9d9e6a4 Thanks @boneskull! - waitFor() now accepts a {signal: AbortSignal} in WaitForOptions

• #5006 1ab974547f Thanks @davidkpiano! - The state value typings for setup state machine actors (setup({}).createMachine({ ... })) have been improved to represent the actual expected state values.

  const machine = setup({}).createMachine({
    initial: 'green',
    states: {
      green: {},
      yellow: {},
      red: {
        initial: 'walk',
        states: {
          walk: {},
          wait: {},
          stop: {}
        }
      },
      emergency: {
        type: 'parallel',
        states: {
          main: {
            initial: 'blinking',
            states: {
              blinking: {}
            }
          },
          cross: {
            initial: 'blinking',
            states: {
              blinking: {}
            }
          }
        }
      }
    }
  });
  
  const actor = createActor(machine).start();
  
  const stateValue = actor.getSnapshot().value;
  
  if (stateValue === 'green') {
    // ...
  } else if (stateValue === 'yellow') {
    // ...
  } else if ('red' in stateValue) {
    stateValue;
    // {
    //   red: "walk" | "wait" | "stop";
    // }
  } else {
    stateValue;
    // {
    //   emergency: {
    //     main: "blinking";
    //     cross: "blinking";
    //   };
    // }
  }

Patch Changes

• #5054 853f6daa0b Thanks @davidkpiano! - The CallbackLogicFunction type (previously InvokeCallback) is now exported. This is the callback function that you pass into fromCallback(callbackLogicFn) to create an actor from a callback function.

  import { type CallbackLogicFunction } from 'xstate';
  
  // ...

@xstate/store@2.3.0

Minor Changes

• #5056 8c35da9a72 Thanks @steveadams! - You can now use the xstate/store package with SolidJS.

  Import useSelector from @xstate/store/solid. Select the data you want via useSelector(…) and send events using store.send(eventObject):

  import { donutStore } from './donutStore.ts';
  import { useSelector } from '@xstate/store/solid';
  
  function DonutCounter() {
    const donutCount = useSelector(donutStore, (state) => state.context.donuts);
  
    return (
      <div>
        <button onClick={() => donutStore.send({ type: 'addDonut' })}>
          Add donut ({donutCount()})
        </button>
      </div>
    );
  }