Start users

coder · presleyp · Apr 14, 2022 · Apr 11, 2022 · Apr 11, 2022 · Apr 11, 2022
commit fa600a50bc807a8c9e38b22d0fb6ae7a79ea015d
diff --git a/site/src/api/index.ts b/site/src/api/index.ts
@@ -69,6 +69,11 @@ export const getApiKey = async (): Promise<Types.APIKeyResponse> => {
   return response.data
 }
 
+export const getUsers = async (): Promise<Types.UserResponse[]> => {
+  const response = await axios.get<Types.UserResponse[]>("/api/v2/users")
+  return response.data
+}
+
 export const getBuildInfo = async (): Promise<Types.BuildInfoResponse> => {
   const response = await axios.get("/api/v2/buildinfo")
   return response.data

diff --git a/site/src/test_helpers/entities.ts b/site/src/test_helpers/entities.ts
@@ -24,6 +24,13 @@ export const MockUser: UserResponse = {
   created_at: "",
 }
 
+export const MockUser2: UserResponse = {
+  id: "test-user-2",
+  username: "TestUser2",
+  email: "test2@coder.com",
+  created_at: "",
+}
+
 export const MockOrganization: Organization = {
   id: "test-org",
   name: "Test Organization",

diff --git a/site/src/test_helpers/handlers.ts b/site/src/test_helpers/handlers.ts
@@ -21,6 +21,9 @@ export const handlers = [
   }),
 
   // users
+  rest.get("/api/v2/users", async (req, res, ctx) => {
+    return res(ctx.status(200), ctx.json([M.MockUser, M.MockUser2]))
+  }),
   rest.post("/api/v2/users/me/workspaces", async (req, res, ctx) => {
     return res(ctx.status(200), ctx.json(M.MockWorkspace))
   }),

diff --git a/site/src/xServices/users/usersXService.ts b/site/src/xServices/users/usersXService.ts
@@ -0,0 +1,76 @@
+import { assign, createMachine } from "xstate"
+import * as API from "../../api"
+import * as Types from "../../api/types"
+
+export interface UsersContext {
+}
+
+export type UsersEvent = { type: 'GET_USERS' }
+
+export const usersMachine =
+  createMachine(
+    {
+      tsTypes: {} as import("./usersXService.typegen").Typegen0,
+      schema: {
+        context: {} as UsersContext,
+        events: {} as UsersEvent,
+        services: {} as {
+          getUsers: {
+            data: Types.UserResponse[]
+          }
+        },
+      },
+      context: {
+      },
+      id: "usersState",
+      initial: "gettingUsers",
+      states: {
+        gettingUsers: {
+          invoke: {
+            src: "getUsers",
+            id: "getUsers",
+            onDone: [
+              {
+                target: "#usersState.ready",
+                actions: ["assignUsers", "clearGetUsersError"]
+              },
+            ],
+            onError: [
+              {
+                actions: "assignGetUsersError",
+                target: "#usersState.error",
+              },
+            ],
+          },
+          tags: "loading",
+        },
+        ready: {
+          on: {
+            GET_USERS: "gettingUsers"
+          }
+        },
+        error: {
+          on: {
+            GET_USERS: "gettingUsers"
+          }
+        }
+      },
+    },
+    {
+      services: {
+        getUsers: API.getUsers 
+      },
+      actions: {
+        assignUsers: assign({
+          me: (_, event) => event.data,
+        }),
+        assignGetUsersError: assign({
+          getUsersError: (_, event) => event.data,
+        }),
+        clearGetUsersError: assign((context: UsersContext) => ({
+          ...context,
+          getUsersError: undefined,
+        })),
+      },
+    },
+  )