examples/browser/using-class.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 { Classes: { Workflow } } = serverWorkflowSdk;
      const workflow = new Workflow({
        document: {
          dsl: '1.0.0',
          name: 'using-class',
          version: '1.0.0',
          namespace: 'default',
        },
        do: [
          {
            step1: {
              set: {
                variable: 'my first workflow',
              },
            },
          },
        ],
      });
      try {
        workflow.validate();
        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>