Add loading state while seam API is requested (#242)

lib/interact-for-access-code.ts

@@ -1,6 +1,7 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { interactForDevice } from "./interact-for-device"
+import { withLoading } from "./util/with-loading"
 
 export const interactForAccessCode = async ({
   device_id,
@@ -13,9 +14,11 @@ export const interactForAccessCode = async ({
     device_id = await interactForDevice()
   }
 
-  const accessCodes = await seam.accessCodes.list({
-    device_id,
-  })
+  const accessCodes = await withLoading("Fetching access codes...", () =>
+    seam.accessCodes.list({
+      device_id,
+    })
+  )
 
   const { accessCodeId } = await prompts({
     name: "accessCodeId",

lib/interact-for-acs-entrance.ts

@@ -1,10 +1,13 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
+import { withLoading } from "./util/with-loading"
 
 export const interactForAcsEntrance = async () => {
   const seam = await getSeam()
 
-  const entrances = await seam.acs.entrances.list()
+  const entrances = await withLoading("Fetching ACS entrances...", () =>
+    seam.acs.entrances.list()
+  )
 
   const { acsEntranceId } = await prompts({
     name: "acsEntranceId",

lib/interact-for-acs-system.ts

@@ -1,10 +1,13 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
+import { withLoading } from "./util/with-loading"
 
 export const interactForAcsSystem = async (message?: string) => {
   const seam = await getSeam()
 
-  const systems = await seam.acs.systems.list()
+  const systems = await withLoading("Fetching ACS systems...", () =>
+    seam.acs.systems.list()
+  )
 
   const { acsSystemId } = await prompts({
     name: "acsSystemId",

lib/interact-for-acs-user.ts

@@ -1,6 +1,7 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { interactForAcsSystem } from "./interact-for-acs-system"
+import { withLoading } from "./util/with-loading"
 
 export const interactForAcsUser = async () => {
   const seam = await getSeam()
@@ -9,9 +10,11 @@ export const interactForAcsUser = async () => {
     "What acs_system does the acs_user belong to?"
   )
 
-  const users = await seam.acs.users.list({
-    acs_system_id,
-  })
+  const users = await withLoading("Fetching ACS users...", () =>
+    seam.acs.users.list({
+      acs_system_id,
+    })
+  )
 
   const { acsUserId } = await prompts({
     name: "acsUserId",

lib/interact-for-action-attempt-poll.ts

@@ -1,6 +1,7 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { ActionAttemptsGetResponse } from "@seamapi/http/connect"
+import { withLoading } from "./util/with-loading"
 
 export const interactForActionAttemptPoll = async (
   action_attempt: ActionAttemptsGetResponse["action_attempt"]
@@ -19,9 +20,13 @@ export const interactForActionAttemptPoll = async (
       const seam = await getSeam()
       const { action_attempt_id } = action_attempt
 
-      const updated_action_attempt = await seam.actionAttempts.get(
-        { action_attempt_id },
-        { waitForActionAttempt: { pollingInterval: 240, timeout: 10_000 } }
+      const updated_action_attempt = await withLoading(
+        "Polling action attempt...",
+        () =>
+          seam.actionAttempts.get(
+            { action_attempt_id },
+            { waitForActionAttempt: { pollingInterval: 240, timeout: 10_000 } }
+          )
       )
 
       console.dir(updated_action_attempt, { depth: null })

lib/interact-for-connected-account.ts

@@ -1,10 +1,14 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { getConfigStore } from "./get-config-store"
+import { withLoading } from "./util/with-loading"
 export const interactForConnectedAccount = async () => {
   const seam = await getSeam()
 
-  const connected_accounts = await seam.connectedAccounts.list()
+  const connected_accounts = await withLoading(
+    "Fetching connected accounts...",
+    () => seam.connectedAccounts.list()
+  )
 
   const { connectedAccountId } = await prompts({
     name: "connectedAccountId",

lib/interact-for-credential-pool.ts

@@ -1,6 +1,7 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { interactForAcsSystem } from "./interact-for-acs-system"
+import { withLoading } from "./util/with-loading"
 
 export const interactForCredentialPool = async () => {
   const seam = await getSeam()
@@ -9,9 +10,13 @@ export const interactForCredentialPool = async () => {
     "What acs_system does the credential pool belong to?"
   )
 
-  const credentialPools = await seam.acs.credentialPools.list({
-    acs_system_id,
-  })
+  const credentialPools = await withLoading(
+    "Fetching ACS credential pools...",
+    () =>
+      seam.acs.credentialPools.list({
+        acs_system_id,
+      })
+  )
 
   const { credentialPoolId } = await prompts({
     name: "credentialPoolId",

lib/interact-for-device.ts

@@ -1,10 +1,13 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
 import { getConfigStore } from "./get-config-store"
+import { withLoading } from "./util/with-loading"
 export const interactForDevice = async () => {
   const seam = await getSeam()
 
-  const devices = await seam.devices.list()
+  const devices = await withLoading("Fetching devices...", () =>
+    seam.devices.list()
+  )
 
   const { deviceId } = await prompts({
     name: "deviceId",

lib/interact-for-user-identity.ts

@@ -1,10 +1,13 @@
 import prompts from "prompts"
 import { getSeam } from "./get-seam"
+import { withLoading } from "./util/with-loading"
 
 export const interactForUserIdentity = async () => {
   const seam = await getSeam()
 
-  const uis = await seam.userIdentities.list()
+  const uis = await withLoading("Fetching user identities...", () =>
+    seam.userIdentities.list()
+  )
 
   const { userIdentityId } = await prompts({
     name: "userIdentityId",

lib/interact-for-workspace-id.ts

@@ -1,12 +1,15 @@
 import { getConfigStore } from "./get-config-store"
 import prompts from "prompts"
 import { getSeam, getSeamMultiWorkspace } from "./get-seam"
+import { withLoading } from "./util/with-loading"
 
 export const interactForWorkspaceId = async () => {
   const config = getConfigStore()
   const seam = await getSeamMultiWorkspace()
 
-  const workspaces = await seam.workspaces.list()
+  const workspaces = await withLoading("Fetching workspaces...", () =>
+    seam.workspaces.list()
+  )
 
   const { workspaceId } = await prompts({
     name: "workspaceId",

lib/util/request-seam-api.ts

@@ -1,6 +1,7 @@
 import type { AxiosResponse } from "axios"
 import chalk from "chalk"
 import { getSeam } from "../get-seam"
+import { withLoading } from "./with-loading"
 
 export const RequestSeamApi = async ({
   path,
@@ -13,9 +14,11 @@ export const RequestSeamApi = async ({
 
   logRequest(path, params)
 
-  const response = await seam.client.post(path, params, {
-    validateStatus: () => true,
-  })
+  const response = await withLoading("Making request...", () =>
+    seam.client.post(path, params, {
+      validateStatus: () => true,
+    })
+  )
 
   logResponse(response)
 

lib/util/with-loading.ts

@@ -0,0 +1,16 @@
+import ora from "ora"
+
+export const withLoading = async <T>(
+  message: string,
+  fn: () => Promise<T>
+): Promise<T> => {
+  const spinner = ora(message).start()
+  try {
+    const result = await fn()
+    spinner.succeed()
+    return result
+  } catch (error) {
+    spinner.fail()
+    throw error
+  }
+}