Split out forkCount so we get faster API response times

packages/app/src/app/overmind/effects/api/index.ts

@@ -32,6 +32,7 @@ import {
   IDirectoryAPIResponse,
   IModuleAPIResponse,
   SandboxAPIResponse,
+  SandboxExpensiveDataAPIResponse,
 } from './types';
 
 let api: Api;
@@ -86,6 +87,15 @@ export default {
     // We need to add client side properties for tracking
     return transformSandbox(sandbox);
   },
+  async getSandboxExpensiveData(
+    id: string
+  ): Promise<SandboxExpensiveDataAPIResponse> {
+    const sandboxData = await api.get<SandboxExpensiveDataAPIResponse>(
+      `/sandboxes/${id}/expensive-data`
+    );
+
+    return sandboxData;
+  },
   async forkSandbox(id: string, body?: unknown): Promise<Sandbox> {
     const url = id.includes('/')
       ? `/sandboxes/fork/${id}`

packages/app/src/app/overmind/effects/api/types.ts

@@ -26,3 +26,7 @@ export type SandboxAPIResponse = Omit<Sandbox, 'environmentVariables'> & {
   modules: IModuleAPIResponse[];
   directories: IDirectoryAPIResponse[];
 };
+
+export type SandboxExpensiveDataAPIResponse = {
+  forkCount: number;
+};

packages/app/src/app/overmind/namespaces/editor/actions.ts

@@ -95,6 +95,12 @@ export const sandboxChanged: AsyncAction<{ id: string }> = withLoadApp<{
   try {
     const sandbox = await effects.api.getSandbox(newId);
 
+    effects.api.getSandboxExpensiveData(newId).then(x => {
+      if (state.editor.currentSandbox.id === newId) {
+        state.editor.currentSandbox.forkCount = x.forkCount;
+      }
+    });
+
     actions.internal.setCurrentSandbox(sandbox);
 
     actions.workspace.openDefaultItem();