Auto commit from Stately Studio

statelyai · Dec 22, 2023 · 88fc46d · 88fc46d
1 parent dc9444e
commit 88fc46d
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 1 deletion.
diff --git a/examples/tic-tac-toe-react/src/ticTacToe.machine.ts b/examples/tic-tac-toe-react/src/ticTacToe.machine.ts
@@ -20,7 +20,7 @@ const context = {
 
 export const ticTacToeMachine = createMachine(
   {
-    /** @xstate-layout N4IgpgJg5mDOIC5QBcCWBjAKgQywezADoBbXAC1QDswACAClPQuoEpCAHAG2wE8qoAxAAUAMgEEAmgG0ADAF1Eodnlio0eSopAAPRAFYALAEZCAZgBMemTIBse8wYAcBvQE4ANCB6JHrwm9dAwIMZU1c9Uz0AXyjPNCxcTAIScipaBlTWDm4+SkFsTgB3XlhZBSQQZVV1TQrdBBsZT28EIyNHf1Mui1dbIxsbAHZzGLiMHHwiRmZ06bS2Ll5+AQLinlKjcqUVNVQNLXrzQY7hq1C9X1MjQaNmxAMbc38g1xsjPQ-rD9GQeImkqaZWZAthQbDEMAAeQAbmAAE4CABKAFEAMrIzBlLRVXb7Or6N6EczWayPcyOGyOQx3BDmSyEIwvG6mXyDG4xWIgSh4CBwLR-RLJObUejCsAsbE7GoHRBGcw0tqEF7K5WmH4CyYpJhpUUg7JLPKS6p7WqgeqmQZ6QgGclGCyOQahQbGGwKmSDQiDbpXVx0my9Izq8aCwHakUZMPiwhgiEw+FG3GmnSIQauE4k84yX3mSI0o4e5V6L2OcxDVxBhKasW6yOg8FQ2FwwiFKjUOEJ6X4hDOGyejORLN03NeRCmIbPILO92MxyhCv-IVAmszOuxxuECBw7CFDsmmXdh59kkD7PDloXK0BYK9FlzjlAA */
+    /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOgAcAbdATwKgGIAFAGQEEBNAbQAYBdRUGQD2sXABdcQ-AJAAPRAFYALAEYSAZgBMC7twBsCzUoAcShQE4ANCGqJj5khfPPnS7uvML1CgL4-raFh4hKSUNHT06BQA7jSwPPxIIMKiElIy8gh63Na2CCoqxo7qJdqaAOx65eWa6n4BGDgExORUtPgMUbHU8SqJgiLiktJJmRVFNTruCvbqKuXzuYhKepqOLsoq5urGc5r1IIFNISRQ6KhgAPIAbmAATvQASgCiAMrPACoJMilD6aOKPRqTS6XSrTTGPTGLxLBCabQkLbOcpKbTccrbUx+fwgfBCCBwGRHYLEH6DNIjUCZFSaWEFEguRlM5x1HHE5qhNp0MmpYYZRDqcoKEio4wqLTGcruFEqPR09EkcolLSo7aaTxVA7sk5nC43e48v6UuSIDETUHTbjmeHeWEVcoMlxAtxOOZaxok0i6q63O4kaIEQh3Q0U-kIUx6RUW7xWm0KWHqKrrZx6dTopTWt1sj0c07nH33EgQO7oaIhvkA8MrKOgmPW2rxmyKaHJ8xmPZK63YnxAA */
     initial: 'playing',
     types: {} as {
       context: typeof context;

diff --git a/src/newDemoFiles/do-not-stopwatch.ts b/src/newDemoFiles/do-not-stopwatch.ts
@@ -0,0 +1,42 @@
+import { assign, createMachine, fromCallback } from 'xstate';
+
+export const stopwatchMachine = createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QBED2ACAdqgLu2OqADgO4CGOAxgBYB0BxRkAxAWQE44DaADALqJQRVLACWOUakyCQAD0QBWACwB2WgoCMAJgU8AbEoDMWgwoA0IAJ6JDKhbSUBOZ472GlGlQccBfHxbQsXHxCUgoaWnYAV0xMUUwoZgAVAEkAYQBpXgEkEGExCSkZeQQNHg17AA5Kux5KhRUtSq0lC2sEQ21aN0NejW0eTR5ffxBA7DwGMKpqZnY4MG5+GXzxSWlckr0eNptDStoTPWPDRyVVLW0-UewIOBlx4KnyGZWRNaLNxG1dhBbaMoeBRaLQqQaOLRnSp+AIYCYhYgvCJTJgQN4FdbFRBKHhaWiGXQ8YwmVT7SqtKzfFRqHg8IEg3ruWkKGFjOFPUJIujRWLxKDoj4bUBbY60FQ1XR6CF6FoKRy-SF6WiVRmGOqkkEjPxAA */
+  id: "Do not stopwatch",
+  initial: 'stopped',
+  context: {
+    elapsed: 0
+  },
+  states: {
+    stopped: {
+      on: {
+        start: 'running'
+      }
+    },
+    running: {
+      invoke: {
+        src: fromCallback((sendBack) => {
+          const interval = setInterval(() => {
+            sendBack({ type: 'TICK' });
+          }, 10);
+          return () => clearInterval(interval);
+        })
+      },
+      on: {
+        TICK: {
+          actions: assign({
+            elapsed: ({ context }) => context.elapsed + 1
+          })
+        }
+      }
+    }
+  },
+  on: {
+    reset: {
+      actions: assign({
+        elapsed: 0
+      }),
+      target: '.stopped'
+    }
+  }
+});