cevr

import type { ActorRefFrom, AnyActorRef, AnyStateMachine, SnapshotFrom } from 'xstate';
import { useMachine, useSelector } from '@xstate/react';

type MachineStateFrom<T extends AnyStateMachine | AnyActorRef> = [
  state: SnapshotFrom<T>,
  send: ActorRefFrom<T>['send'],
  actor: ActorRefFrom<T>,
];

export function useActorFromRef<T extends AnyActorRef>(ref: T): MachineStateFrom<T> {

cevr

const path = require('path');
const fs = require('fs');

const { Project, SyntaxKind } = require('ts-morph');

async function main() {
  const project = new Project();
  const glob = path.join(process.cwd(), './**/(src|test)/**/*.{ts,tsx,js}');
  project.addSourceFilesAtPaths(glob);

cevr

            createCaseFromEvent(result, variables, cache) {
              const readEvent = () =>
                cache.readFragment(
                  gql`
                    fragment _ on CaseManagementEvent {
                      id
                      cases {
                        id
                        status
                      }

cevr

---
refresh_interval: 30 # seconds
max_price: 700 # dollars
urls:
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=184760
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=185988
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=184759
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=184431
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=185087
  - https://www.canadacomputers.com/product_info.php?cPath=43_557_559&item_id=185751

cevr

import * as x from './xstate-fp';

export enum EditableTextState {
  idle = 'idle',
  editing = 'editing',
}

export enum EditableTextEvent {
  mouseenter = 'mouseenter',
  mouseleave = 'mouseleave',

cevr

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

cevr

const connect = (mapState, mapActions) => Component => {
    const store = useStore(mapState);
    const actions = useActions(mapActions);
    return function Wrapped(props) {
        return <Component {...props} {...store} {...actions} />;
    };
};

cevr

function AddTodo() {
  const [text, setText] = useState('');
  const save = useActions(actions => actions.add);
  const handleAddClick = async () => {
    await save(text);
    setText('');
  };
  const handleTextChange = e => setText(e.target.value);
  return (
    <div>

cevr

export default function App() {
  const fetchTodos = useActions(actions => actions.fetchTodos);
  useEffect(() => {
    fetchTodos();
  }, [fetchTodos]);
  return (
    <div>
      <h1 style={{ margin: 0 }}>Todo</h1>
      <Todos />
      <AddTodo />

cevr

import { action, thunk } from 'easy-peasy';
import mockService from './mock-service';

export default {
  todos: {},
  // actions
  setTodos: action((state, todos) => {
    state.todos = todos.reduce((acc, todo) => {
      acc[todo.id] = todo;
      return acc;