examples/browser/using-fluent-api.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Serveless Workflow</title>
  <base href="/">
  <meta content="width=device-width, initial-scale=1" name="viewport">
</head>

<body>
  <pre id="output"></pre>
  <script src="../../dist/umd/index.umd.js"></script>
  <script type="text/javascript">
    (() => {
      const { workflowBuilder, documentBuilder, taskListBuilder, setTaskBuilder } = serverWorkflowSdk;
      try {
        const workflow = workflowBuilder()
          .document(documentBuilder().dsl('1.0.0').name('using-fluent-api').version('1.0.0').namespace('default').build())
          .do(
            taskListBuilder()
              .push({
                step1: setTaskBuilder().set({ foo: 'bar' }).build(),
              })
              .build(),
          )
          .build();
        document.getElementById('output').innerHTML = `--- YAML ---\n${workflow.serialize()}\n\n--- JSON ---\n${workflow.serialize('json')}`;
      } catch (ex) {
        console.error('Invalid workflow', ex);
      }
    })();
  </script>
</body>

</html>