Simplify setting up example users

Author: keerlu

howtos/how-to-set-an-away-message/index.html

@@ -37,19 +37,34 @@
   <script>
     Talk.ready.then(function () {
       const me = new Talk.User({
+        id: "autoReplyExampleUser",
+        name: "Sebastian",
+        email: "[email protected]",
+        photoUrl: "https://talkjs.com/images/avatar-5.jpg",
+        role: "customer",
+        welcomeMessage: "Hi!",
+      });
+      const talkSession = new Talk.Session({
+        appId: "<APP_ID>", // replace with your app ID
+        me: me,
+      });
+
+      var other = new Talk.User({
         id: "autoReplyExampleSupportAgent",
         name: "Alice",
         email: "[email protected]",
         photoUrl: "https://talkjs.com/images/avatar-1.jpg",
         role: "support",
-        welcomeMessage: "Hey there! How can I help?",
-      });
-      const talkSession = new Talk.Session({
-        appId: "<APP_ID>", // replace with your app ID
-        me: me,
+        welcomeMessage: "Hey, how can I help?",
       });
 
-      const inbox = talkSession.createInbox();
+      var conversation = talkSession.getOrCreateConversation(
+        "autoReplyExampleConversation"
+      );
+      conversation.setParticipant(me);
+      conversation.setParticipant(other);
+
+      const inbox = talkSession.createInbox({ selected: conversation });
       inbox.mount(document.getElementById("talkjs-container"));
     });
   </script>

howtos/how-to-set-an-away-message/server.js

@@ -72,116 +72,3 @@ app.post("/talkjs", async (req, res) => {
 
   res.status(200).end();
 });
-
-// EVERYTHING BELOW IS SETUP CODE FOR THIS EXAMPLE
-// You won't need any of it in your live app!
-//
-// It's just here so that you can play around with this example more easily
-// Whenever you start the server, we make sure the two example users are created
-// recreate the two conversations, and send messages from the example users
-
-async function setupConversation(i) {
-  const conversationId = `autoReplyExample${i}`;
-  const userId = `autoReplyExampleUser${i}`;
-
-  // Delete the conversation (if it exists)
-  await fetch(`${basePath}/v1/${appId}/conversations/${conversationId}`, {
-    method: "delete",
-    headers: {
-      Authorization: `Bearer ${secretKey}`,
-    },
-  });
-
-  // Create a new conversation
-  await fetch(`${basePath}/v1/${appId}/conversations/${conversationId}`, {
-    method: "put",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${secretKey}`,
-    },
-    body: JSON.stringify({
-      participants: ["autoReplyExampleSupportAgent", userId],
-    }),
-  });
-
-  // Send a message from the user to make sure it will show up in the conversation list
-  await fetch(
-    `${basePath}/v1/${appId}/conversations/${conversationId}/messages`,
-    {
-      method: "post",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${secretKey}`,
-      },
-      body: JSON.stringify([
-        {
-          text: "Everything is broken again!",
-          sender: userId,
-          type: "UserMessage",
-        },
-      ]),
-    }
-  );
-}
-
-async function setup() {
-  const supportAgent = fetch(
-    `${basePath}/v1/${appId}/users/autoReplyExampleSupportAgent`,
-    {
-      method: "put",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${secretKey}`,
-      },
-      body: JSON.stringify({
-        name: "Alice",
-        email: ["[email protected]"],
-        photoUrl: "https://talkjs.com/images/avatar-1.jpg",
-        role: "support",
-        welcomeMessage: "Hey there! How can I help?",
-      }),
-    }
-  );
-
-  const user1 = fetch(`${basePath}/v1/${appId}/users/autoReplyExampleUser1`, {
-    method: "put",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${secretKey}`,
-    },
-    body: JSON.stringify({
-      name: "Sebastian",
-      email: ["[email protected]"],
-      photoUrl: "https://talkjs.com/images/avatar-5.jpg",
-      role: "customer",
-      welcomeMessage: "Hi!",
-    }),
-  });
-
-  const user2 = fetch(`${basePath}/v1/${appId}/users/autoReplyExampleUser2`, {
-    method: "put",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${secretKey}`,
-    },
-    body: JSON.stringify({
-      name: "Bob",
-      email: ["[email protected]"],
-      photoUrl: "https://talkjs.com/images/avatar-4.jpg",
-      role: "customer",
-      welcomeMessage: "Hello!",
-    }),
-  });
-
-  await supportAgent;
-  await user1;
-  await user2;
-
-  const conv1 = setupConversation(1);
-  const conv2 = setupConversation(2);
-
-  await conv1;
-  await conv2;
-}
-
-setup();