Bring Express example up to date with v5 (#4610)

* format with prettier. update gerPersistedSnapshot() function call * Update examples/express-workflow/index.ts Co-authored-by: David Khourshid <davidkpiano@gmail.com> --------- Co-authored-by: David Khourshid <davidkpiano@gmail.com>
statelyai · Dec 21, 2023 · 6b74bbe · 6b74bbe
1 parent 998a669
commit 6b74bbe
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 18 deletions.
diff --git a/examples/express-workflow/index.ts b/examples/express-workflow/index.ts
@@ -1,14 +1,14 @@
-import { createActor } from 'xstate';
-import bodyParser from 'body-parser';
+import { createActor } from "xstate";
+import bodyParser from "body-parser";
 
 function generateActorId() {
   return Math.random().toString(36).substring(2, 8);
 }
 
 const persistedStates: Record<string, unknown> = {};
 
-import express from 'express';
-import { machine } from './machine';
+import express from "express";
+import { machine } from "./machine";
 
 const app = express();
 
@@ -19,12 +19,12 @@ app.use(bodyParser.json());
 // - Starts the actor
 // - Persists the actor state
 // - Returns the actor ID in the response
-app.post('/workflows', (req, res) => {
+app.post("/workflows", (req, res) => {
   const workflowId = generateActorId(); // generate a unique ID
   const actor = createActor(machine).start();
 
   // @ts-ignore
-  persistedStates[workflowId] = actor.getPersistedState();
+  persistedStates[workflowId] = actor.getPersistedSnapshot();
 
   res.send({ workflowId });
 });
@@ -35,21 +35,21 @@ app.post('/workflows', (req, res) => {
 // - Sends the event from the request body to the actor
 // - Persists the updated state
 // - Returns the updated state in the response
-app.post('/workflows/:workflowId', (req, res) => {
+app.post("/workflows/:workflowId", (req, res) => {
   const { workflowId } = req.params;
   const snapshot = persistedStates[workflowId];
 
   if (!snapshot) {
-    return res.status(404).send('Actor not found');
+    return res.status(404).send("Actor not found");
   }
 
   const event = req.body;
-  const actor = createActor(machine, { state: snapshot }).start();
+  const actor = createActor(machine, { snapshot }).start();
 
   actor.send(event);
 
   // @ts-ignore
-  persistedStates[workflowId] = actor.getPersistedState();
+  persistedStates[workflowId] = actor.getPersistedSnapshot();
 
   actor.stop();
 
@@ -60,18 +60,18 @@ app.post('/workflows/:workflowId', (req, res) => {
 // - Gets the actor ID from request params
 // - Gets the persisted state for that actor
 // - Returns the persisted state in the response
-app.get('/workflows/:workflowId', (req, res) => {
+app.get("/workflows/:workflowId", (req, res) => {
   const { workflowId } = req.params;
   const persistedState = persistedStates[workflowId];
 
   if (!persistedState) {
-    return res.status(404).send('Actor not found');
+    return res.status(404).send("Actor not found");
   }
 
   res.json(persistedState);
 });
 
-app.get('/', (_, res) => {
+app.get("/", (_, res) => {
   res.send(`
     <html>
       <body style="font-family: sans-serif;">
@@ -88,5 +88,5 @@ app.get('/', (_, res) => {
 });
 
 app.listen(4242, () => {
-  console.log('Server listening on port 4242');
+  console.log("Server listening on port 4242");
 });
diff --git a/examples/express-workflow/package.json b/examples/express-workflow/package.json
@@ -13,6 +13,7 @@
     "@types/body-parser": "^1.19.5",
     "body-parser": "^1.20.2",
     "express": "^4.18.2",
+    "prettier": "^3.1.1",
     "ts-node": "^10.9.1",
     "xstate": "^5.0.0"
   },

diff --git a/examples/express-workflow/pnpm-lock.yaml b/examples/express-workflow/pnpm-lock.yaml