feat(context-menu): different options for repositories (#7025)

* feat(context-menu): different options for repositories

* fix: typeerror

Author: alexnm

packages/app/src/app/graphql/types.ts

@@ -186,7 +186,7 @@ export type CurrentUser = {
   collections: Array<Collection>;
   deletionRequested: Scalars['Boolean'];
   email: Scalars['String'];
-  /** Get enabled feature flags for all teams user is in */
+  /** @deprecated Field no longer supported */
   featureFlags: Array<FeatureFlag>;
   /** Get all of the current user's GitHub organizations */
   githubOrganizations: Maybe<Array<GithubOrganization>>;
@@ -297,6 +297,7 @@ export type FeatureFlag = {
   enabled: Scalars['Boolean'];
   id: Scalars['UUID4'];
   name: Scalars['String'];
+  /** @deprecated Field no longer supported */
   teams: Array<Team>;
 };
 
@@ -596,9 +597,11 @@ export enum ProviderName {
 
 export type PullRequest = {
   __typename?: 'PullRequest';
+  baseRepository: Repository;
   creator: Maybe<User>;
   creatorUsername: Scalars['String'];
   draft: Scalars['Boolean'];
+  htmlUrl: Scalars['String'];
   number: Scalars['Int'];
   prClosedAt: Maybe<Scalars['DateTime']>;
   prCreatedAt: Maybe<Scalars['DateTime']>;
@@ -671,7 +674,7 @@ export type RootMutationType = {
   /** Create a collection */
   createCollection: Collection;
   createComment: Comment;
-  /** Create a feature flag */
+  /** @deprecated Field no longer supported */
   createFeatureFlag: FeatureFlag;
   /** Create or Update a private registry */
   createOrUpdatePrivateNpmRegistry: PrivateRegistry;
@@ -691,13 +694,13 @@ export type RootMutationType = {
   /** Delete sandboxes */
   deleteSandboxes: Array<Sandbox>;
   deleteWorkspace: Scalars['String'];
-  /** Disable a feature flag globally */
+  /** @deprecated Field no longer supported */
   disableFeatureFlag: FeatureFlag;
-  /** Disable a feature flag for a team */
+  /** @deprecated Field no longer supported */
   disableFeatureFlagForTeam: TeamsFeatureFlag;
-  /** Enable a feature flag globally */
+  /** @deprecated Field no longer supported */
   enableFeatureFlag: FeatureFlag;
-  /** Enable a feature flag for a team */
+  /** @deprecated Field no longer supported */
   enableFeatureFlagForTeam: TeamsFeatureFlag;
   /** Enable beta-access for team and all members */
   enableTeamBetaAccess: Team;
@@ -1163,7 +1166,7 @@ export type RootQueryType = {
   album: Maybe<Album>;
   albums: Array<Album>;
   curatedAlbums: Array<Album>;
-  /** Get all feature flags */
+  /** @deprecated Field no longer supported */
   featureFlags: Array<FeatureFlag>;
   /** Get git repo and related V1 sandboxes */
   git: Maybe<Git>;
@@ -1621,46 +1624,6 @@ export type ListPersonalTemplatesQuery = { __typename?: 'RootQueryType' } & {
   >;
 };
 
-export type ListTemplatesQueryVariables = Exact<{
-  showAll: Maybe<Scalars['Boolean']>;
-}>;
-
-export type ListTemplatesQuery = { __typename?: 'RootQueryType' } & {
-  me: Maybe<
-    { __typename?: 'CurrentUser' } & {
-      templates: Array<{ __typename?: 'Template' } & TemplateFragment>;
-      teams: Array<
-        { __typename?: 'Team' } & Pick<Team, 'id' | 'name'> & {
-            templates: Array<{ __typename?: 'Template' } & TemplateFragment>;
-          }
-      >;
-    }
-  >;
-};
-
-export type ListPersonalBookmarkedTemplatesQueryVariables = Exact<{
-  [key: string]: never;
-}>;
-
-export type ListPersonalBookmarkedTemplatesQuery = {
-  __typename?: 'RootQueryType';
-} & {
-  me: Maybe<
-    { __typename?: 'CurrentUser' } & {
-      teams: Array<
-        { __typename?: 'Team' } & Pick<Team, 'id' | 'name'> & {
-            bookmarkedTemplates: Array<
-              { __typename?: 'Template' } & TemplateFragment
-            >;
-          }
-      >;
-      bookmarkedTemplates: Array<
-        { __typename?: 'Template' } & TemplateFragment
-      >;
-    }
-  >;
-};
-
 export type GetGithubRepoQueryVariables = Exact<{
   owner: Scalars['String'];
   name: Scalars['String'];
@@ -1705,30 +1668,6 @@ export type GetGithubOrganizationsQuery = { __typename?: 'RootQueryType' } & {
   >;
 };
 
-export type MakeSandboxesTemplateMutationVariables = Exact<{
-  sandboxIds: Array<Scalars['ID']>;
-}>;
-
-export type MakeSandboxesTemplateMutation = {
-  __typename?: 'RootMutationType';
-} & {
-  makeSandboxesTemplates: Array<
-    { __typename?: 'Template' } & Pick<Template, 'id'>
-  >;
-};
-
-export type UnmakeSandboxesTemplateMutationVariables = Exact<{
-  sandboxIds: Array<Scalars['ID']>;
-}>;
-
-export type UnmakeSandboxesTemplateMutation = {
-  __typename?: 'RootMutationType';
-} & {
-  unmakeSandboxesTemplates: Array<
-    { __typename?: 'Template' } & Pick<Template, 'id'>
-  >;
-};
-
 export type CollaboratorFragment = { __typename?: 'Collaborator' } & Pick<
   Collaborator,
   'id' | 'authorization' | 'lastSeenAt' | 'warning'
@@ -2360,7 +2299,7 @@ export type ProjectFragment = { __typename?: 'Project' } & {
   branches: Array<{ __typename?: 'Branch' } & BranchFragment>;
   repository: { __typename?: 'GitHubRepository' } & Pick<
     GitHubRepository,
-    'owner' | 'name'
+    'owner' | 'name' | 'defaultBranch'
   >;
 };
 

packages/app/src/app/overmind/effects/gql/dashboard/fragments.ts

@@ -242,6 +242,7 @@ export const projectFragment = gql`
       ... on GitHubRepository {
         owner
         name
+        defaultBranch
       }
     }
   }

packages/app/src/app/overmind/effects/gql/dashboard/mutations.ts

@@ -1,6 +1,6 @@
 import {
-  UnmakeSandboxesTemplateMutation,
-  UnmakeSandboxesTemplateMutationVariables,
+  _UnmakeSandboxesTemplateMutation,
+  _UnmakeSandboxesTemplateMutationVariables,
   RenameFolderMutation,
   DeleteFolderMutation,
   DeleteFolderMutationVariables,
@@ -35,8 +35,8 @@ import {
   _CreateTeamMutationVariables,
   _RenameSandboxMutation,
   _RenameSandboxMutationVariables,
-  MakeSandboxesTemplateMutation,
-  MakeSandboxesTemplateMutationVariables,
+  _MakeSandboxesTemplateMutation,
+  _MakeSandboxesTemplateMutationVariables,
   CreateFolderMutation,
   CreateFolderMutationVariables,
   SetTeamNameMutation,
@@ -335,8 +335,8 @@ export const setTeamDescription: Query<
 `;
 
 export const unmakeSandboxesTemplate: Query<
-  UnmakeSandboxesTemplateMutation,
-  UnmakeSandboxesTemplateMutationVariables
+  _UnmakeSandboxesTemplateMutation,
+  _UnmakeSandboxesTemplateMutationVariables
 > = gql`
   mutation _UnmakeSandboxesTemplate($sandboxIds: [ID!]!) {
     unmakeSandboxesTemplates(sandboxIds: $sandboxIds) {
@@ -346,8 +346,8 @@ export const unmakeSandboxesTemplate: Query<
 `;
 
 export const makeSandboxesTemplate: Query<
-  MakeSandboxesTemplateMutation,
-  MakeSandboxesTemplateMutationVariables
+  _MakeSandboxesTemplateMutation,
+  _MakeSandboxesTemplateMutationVariables
 > = gql`
   mutation _MakeSandboxesTemplate($sandboxIds: [ID!]!) {
     makeSandboxesTemplates(sandboxIds: $sandboxIds) {

packages/app/src/app/pages/Dashboard/Components/Selection/ContextMenus/RepositoryMenu.tsx

@@ -4,9 +4,11 @@ import { Menu } from '@codesandbox/components';
 import { ProjectFragment as Repository } from 'app/graphql/types';
 import {
   dashboard,
+  v2DefaultBranchUrl,
   v2DraftBranchUrl,
 } from '@codesandbox/common/lib/utils/url-generator';
 import { useActions, useAppState } from 'app/overmind';
+import { quotes } from 'app/utils/quotes';
 import { Context, MenuItem } from '../ContextMenu';
 
 type RepositoryMenuProps = {
@@ -38,6 +40,10 @@ export const RepositoryMenu: React.FC<RepositoryMenuProps> = ({
     providerRepository.owner,
     providerRepository.name
   );
+  const defaultBranchUrl = v2DefaultBranchUrl(
+    providerRepository.owner,
+    providerRepository.name
+  );
 
   const repositoryIsStarred = state.dashboard.starredRepos.find(
     repo =>
@@ -54,19 +60,28 @@ export const RepositoryMenu: React.FC<RepositoryMenuProps> = ({
       position={position}
       style={{ width: 120 }}
     >
-      <MenuItem onSelect={() => history.push(repositoryUrl)}>
-        Open repository
+      <MenuItem
+        onSelect={() => {
+          window.location.href = defaultBranchUrl;
+        }}
+      >
+        Open {quotes(providerRepository.defaultBranch)} branch
       </MenuItem>
-      <MenuItem onSelect={() => window.open(repositoryUrl, '_blank')}>
-        Open repository in a new tab
+      <MenuItem onSelect={() => window.open(defaultBranchUrl, '_blank')}>
+        Open {quotes(providerRepository.defaultBranch)} in a new tab
       </MenuItem>
       <MenuItem onSelect={() => window.open(githubUrl, '_blank')}>
         Open on GitHub
       </MenuItem>
+
       <Menu.Divider />
+
       <MenuItem onSelect={() => window.open(branchFromDefaultUrl, '_blank')}>
         Create branch
       </MenuItem>
+      <MenuItem onSelect={() => history.push(repositoryUrl)}>
+        See all branches
+      </MenuItem>
 
       {experimentalMode && (
         <MenuItem

packages/app/src/app/utils/quotes.ts

@@ -0,0 +1 @@
+export const quotes = (value: string): string => `“${value}”`;