Using a generated object as input setup({...}).createMachine

[justin-prather]

I am trying to generate the object passed to createMachine at runtime, and i thought i could just save a base config, mutate it as needed, and then pass it to create machine. however i am getting completely swamped in type errors even doing a basic proof of concept (extracting the json object i had passed into create machine to a variable and then just passing that variable into create machine). Im really struggling with how to type the param passed into create machine, any help would be greatly appreciated

[Andarist]

Please share what you have come up with so far. It will take us less time to figure out how to help you with some initial code at hand.

[justin-prather]

const machineConfig = {
  context: {},
  id: "Logic Controller",
  initial: "Idle",
  states: {
    Idle: {
      on: {
        onFreshData: {
          target: "Pull Hard Inputs",
        },
        onUserData: {
          target: "Pull User Inputs",
        },
      },
    },
    "Pull Hard Inputs": {
      invoke: {
        src: "hardInputs",
        onDone: {
          target: "Compute Synthetic Inputs",
        },
      },
    },
    "Pull User Inputs": {
      invoke: {
        src: "userInputs",
        onDone: {
          target: "Compute Synthetic Inputs",
        },
      },
      description: "Pull user inputs and user overrides",
    },
    "Compute Synthetic Inputs": {
      type: "parallel",
      onDone: {
        target: "Compute Outputs",
      },
      states: {
        "New state 1": {
          initial: "runner",
          states: {
            runner: {
              invoke: {
                input: {},
                src: "actor",
                onDone: {
                  target: "finished",
                },
              },
            },
            finished: {
              type: "final",
            },
          },
        },
        "New state 2": {
          initial: "runner",
          states: {
            runner: {
              invoke: {
                input: {},
                src: "actor2",
                onDone: {
                  target: "finished",
                },
              },
            },
            finished: {
              type: "final",
            },
          },
        },
      },
    },
    "Compute Outputs": {
      type: "parallel",
      onDone: {
        target: "Push Hard Outputs",
      },
      states: {
        "New state 1": {
          initial: "runner",
          states: {
            runner: {
              invoke: {
                input: {},
                src: "actor3",
                onDone: {
                  target: "finished",
                },
              },
            },
            finished: {
              type: "final",
            },
          },
        },
        "New state 2": {
          initial: "runner",
          states: {
            runner: {
              invoke: {
                input: {},
                src: "actor4",
                onDone: {
                  target: "finished",
                },
              },
            },
            finished: {
              type: "final",
            },
          },
        },
      },
    },
    "Push Hard Outputs": {
      invoke: {
        src: "pushOutputs",
        onDone: {
          target: "Idle",
        },
      },
    },
  },
};

export const machine = setup({
  types: {
    context: {} as {},
    events: {} as Events,
  },
  actors: Actors,
}).createMachine(machineConfig);

[Andarist]

This works pretty well: TS plaground

[justin-prather]

Thank you so much. I got so lost in complicated answers following the ts error messages i didnt consider something so simple. appreciate it @Andarist