Skip to main content
import { Sequence } from "smithers-orchestrator";

​
Props

PropTypeDefaultDescription
skipIfbooleanfalseSkip the entire sequence. Returns null; no children are mounted.
childrenReactNodeundefinedTasks and control-flow components to execute sequentially.

​
Usage

<Workflow name="pipeline">
  <Sequence>
    <Task id="fetch" output={outputs.fetch}>
      {{ url: "https://api.example.com/data" }}
    </Task>
    <Task id="transform" output={outputs.transform} agent={transformer}>
      {`Transform the data: ${ctx.output(outputs.fetch, { nodeId: "fetch" }).url}`}
    </Task>
    <Task id="store" output={outputs.store}>
      {{ stored: true }}
    </Task>
  </Sequence>
</Workflow>

​
When explicit Sequence is needed

<Workflow> sequences direct children implicitly. An explicit <Sequence> is needed inside other control-flow components: 
<Workflow name="build-and-deploy">
  <Parallel maxConcurrency={2}>
    {/* Each branch runs its own steps in order */}
    <Sequence>
      <Task id="build-frontend" output={outputs.buildFrontend}>
        {{ status: "built" }}
      </Task>
      <Task id="test-frontend" output={outputs.testFrontend}>
        {{ passed: true }}
      </Task>
    </Sequence>
    <Sequence>
      <Task id="build-backend" output={outputs.buildBackend}>
        {{ status: "built" }}
      </Task>
      <Task id="test-backend" output={outputs.testBackend}>
        {{ passed: true }}
      </Task>
    </Sequence>
  </Parallel>
</Workflow>
The two <Sequence> groups run in parallel; tasks within each group run sequentially.

​
Conditional skipping

<Sequence skipIf={ctx.input.skipTests}>
  <Task id="unit-tests" output={outputs.unitTests}>
    {{ passed: true }}
  </Task>
  <Task id="integration-tests" output={outputs.integrationTests}>
    {{ passed: true }}
  </Task>
</Sequence>
When skipIf is true, the component returns null. No children are mounted into the execution plan.

​
Rendering

<Sequence> renders as a <smithers:sequence> host element (or null when skipped). The runtime assigns ordinals to tasks in source order.

​
Notes

  • Child ordering matches JSX source order.
  • Nestable inside <Parallel>, <Branch>, <Loop>, or another <Sequence>.
  • An empty <Sequence> is valid and produces no tasks.