Display Gitpod and pipeline editor buttons

Displays Gitpod and Pipeline editor buttons in the consolidated dropdown

app/assets/javascripts/repository/components/blob_content_viewer.vue

@@ -14,6 +14,8 @@ import WebIdeLink from '~/vue_shared/components/web_ide_link.vue';
 import CodeIntelligence from '~/code_navigation/components/app.vue';
 import getRefMixin from '../mixins/get_ref';
 import blobInfoQuery from '../queries/blob_info.query.graphql';
+import userInfoQuery from '../queries/user_info.query.graphql';
+import applicationInfoQuery from '../queries/application_info.query.graphql';
 import { DEFAULT_BLOB_INFO, TEXT_FILE_TYPE, LFS_STORAGE } from '../constants';
 import BlobButtonGroup from './blob_button_group.vue';
 import ForkSuggestion from './fork_suggestion.vue';
@@ -40,6 +42,18 @@ export default {
     },
   },
   apollo: {
+    gitpodEnabled: {
+      query: applicationInfoQuery,
+      error() {
+        this.displayError();
+      },
+    },
+    currentUser: {
+      query: userInfoQuery,
+      error() {
+        this.displayError();
+      },
+    },
     project: {
       query: blobInfoQuery,
       variables() {
@@ -81,7 +95,9 @@ export default {
       isBinary: false,
       isLoadingLegacyViewer: false,
       activeViewerType: SIMPLE_BLOB_VIEWER,
-      project: DEFAULT_BLOB_INFO,
+      project: DEFAULT_BLOB_INFO.project,
+      gitpodEnabled: DEFAULT_BLOB_INFO.gitpodEnabled,
+      currentUser: DEFAULT_BLOB_INFO.currentUser,
     };
   },
   computed: {
@@ -226,22 +242,18 @@ export default {
             :edit-url="blobInfo.editBlobPath"
             :web-ide-url="blobInfo.ideEditPath"
             :needs-to-fork="showForkSuggestion"
+            :show-pipeline-editor-button="Boolean(blobInfo.pipelineEditorPath)"
+            :pipeline-editor-url="blobInfo.pipelineEditorPath"
+            :gitpod-url="blobInfo.gitpodBlobUrl"
+            :show-gitpod-button="gitpodEnabled"
+            :gitpod-enabled="currentUser && currentUser.gitpodEnabled"
+            :user-preferences-gitpod-path="currentUser && currentUser.preferencesGitpodPath"
+            :user-profile-enable-gitpod-path="currentUser && currentUser.profileEnableGitpodPath"
             is-blob
             disable-fork-modal
             @edit="editBlob"
           />
 
-          <gl-button
-            v-if="blobInfo.pipelineEditorPath"
-            class="gl-mr-3"
-            category="secondary"
-            variant="confirm"
-            data-testid="pipeline-editor"
-            :href="blobInfo.pipelineEditorPath"
-          >
-            {{ $options.i18n.pipelineEditor }}
-          </gl-button>
-
           <blob-button-group
             v-if="isLoggedIn && !blobInfo.archived"
             :path="path"

app/assets/javascripts/repository/constants.js

@@ -27,6 +27,12 @@ export const PDF_MAX_PAGE_LIMIT = 50;
 export const ROW_APPEAR_DELAY = 150;
 
 export const DEFAULT_BLOB_INFO = {
+  gitpodEnabled: false,
+  currentUser: {
+    gitpodEnabled: false,
+    preferencesGitpodPath: null,
+    profileEnableGitpodPath: null,
+  },
   userPermissions: {
     pushCode: false,
     downloadCode: false,
@@ -49,6 +55,7 @@ export const DEFAULT_BLOB_INFO = {
           tooLarge: false,
           path: '',
           editBlobPath: '',
+          gitpodBlobUrl: '',
           ideEditPath: '',
           forkAndEditPath: '',
           ideForkAndEditPath: '',

app/assets/javascripts/repository/queries/application_info.query.graphql

+query getApplicationInfo {
+  gitpodEnabled
+}

app/assets/javascripts/repository/queries/blob_info.query.graphql

@@ -28,6 +28,7 @@ query getBlobInfo(
           language
           path
           editBlobPath
+          gitpodBlobUrl
           ideEditPath
           forkAndEditPath
           ideForkAndEditPath

app/assets/javascripts/repository/queries/user_info.query.graphql

+query getUserInfo {
+  currentUser {
+    id
+    gitpodEnabled
+    preferencesGitpodPath
+    profileEnableGitpodPath
+  }
+}

app/graphql/types/query_type.rb

@@ -150,6 +150,10 @@ module Types
           resolver: Resolvers::TopicsResolver,
           description: "Find project topics."
 
+    field :gitpod_enabled, GraphQL::Types::Boolean,
+          null: true,
+          description: "Whether Gitpod is enabled in application settings."
+
     def design_management
       DesignManagementObject.new(nil)
     end
@@ -194,6 +198,10 @@ module Types
       Gitlab::CurrentSettings.current_application_settings
     end
 
+    def gitpod_enabled
+      application_settings.gitpod_enabled
+    end
+
     def query_complexity
       context.query
     end

app/graphql/types/repository/blob_type.rb

@@ -77,6 +77,9 @@ module Types
       field :pipeline_editor_path, GraphQL::Types::String, null: true,
             description: 'Web path to edit .gitlab-ci.yml file.'
 
+      field :gitpod_blob_url, GraphQL::Types::String, null: true,
+            description: 'URL to the blob within Gitpod.'
+
       field :find_file_path, GraphQL::Types::String, null: true,
             description: 'Web path to find file.'
 

app/graphql/types/user_interface.rb

@@ -116,6 +116,15 @@ module Types
           complexity: 5,
           resolver: ::Resolvers::TimelogResolver
 
+    field :gitpod_enabled, GraphQL::Types::Boolean, null: true,
+          description: 'Whether Gitpod is enabled at the user level.'
+
+    field :preferences_gitpod_path, GraphQL::Types::String, null: true,
+          description: 'Web path to the Gitpod section within user preferences.'
+
+    field :profile_enable_gitpod_path, GraphQL::Types::String, null: true,
+          description: 'Web path to enable Gitpod for the user.'
+
     definition_methods do
       def resolve_type(object, context)
         # in the absense of other information, we cannot tell - just default to

app/presenters/blob_presenter.rb

@@ -62,6 +62,12 @@ class BlobPresenter < Gitlab::View::Presenter::Delegated
     project_ci_pipeline_editor_path(project, branch_name: blob.commit_id) if can_collaborate_with_project?(project) && blob.path == project.ci_config_path_or_default
   end
 
+  def gitpod_blob_url
+    return unless Gitlab::CurrentSettings.gitpod_enabled && !current_user.nil? && current_user.gitpod_enabled
+
+    "#{Gitlab::CurrentSettings.gitpod_url}##{url_helpers.project_tree_url(project, tree_join(blob.commit_id, blob.path || ''))}"
+  end
+
   def find_file_path
     url_helpers.project_find_file_path(project, ref_qualified_path)
   end

app/presenters/user_presenter.rb

@@ -11,6 +11,14 @@ class UserPresenter < Gitlab::View::Presenter::Delegated
     should_be_private? ? ProjectMember.none : user.project_members
   end
 
+  def preferences_gitpod_path
+    profile_preferences_path(anchor: 'user_gitpod_enabled') if application_gitpod_enabled?
+  end
+
+  def profile_enable_gitpod_path
+    profile_path(user: { gitpod_enabled: true }) if application_gitpod_enabled?
+  end
+
   private
 
   def can?(*args)
@@ -20,4 +28,8 @@ class UserPresenter < Gitlab::View::Presenter::Delegated
   def should_be_private?
     !Ability.allowed?(current_user, :read_user_profile, user)
   end
+
+  def application_gitpod_enabled?
+    Gitlab::CurrentSettings.gitpod_enabled
+  end
 end

doc/api/graphql/reference/index.md

@@ -157,6 +157,12 @@ Returns [`GeoNode`](#geonode).
 | ---- | ---- | ----------- |
 | <a id="querygeonodename"></a>`name` | [`String`](#string) | Name of the Geo node. Defaults to the current Geo node name. |
 
+### `Query.gitpodEnabled`
+
+Whether Gitpod is enabled in application settings.
+
+Returns [`Boolean`](#boolean).
+
 ### `Query.group`
 
 Find a group.
@@ -12447,6 +12453,7 @@ A user assigned to a merge request.
 | <a id="mergerequestassigneebot"></a>`bot` | [`Boolean!`](#boolean) | Indicates if the user is a bot. |
 | <a id="mergerequestassigneecallouts"></a>`callouts` | [`UserCalloutConnection`](#usercalloutconnection) | User callouts that belong to the user. (see [Connections](#connections)) |
 | <a id="mergerequestassigneeemail"></a>`email` **{warning-solid}** | [`String`](#string) | **Deprecated** in 13.7. This was renamed. Use: [`User.publicEmail`](#userpublicemail). |
+| <a id="mergerequestassigneegitpodenabled"></a>`gitpodEnabled` | [`Boolean`](#boolean) | Whether Gitpod is enabled at the user level. |
 | <a id="mergerequestassigneegroupcount"></a>`groupCount` | [`Int`](#int) | Group count for the user. |
 | <a id="mergerequestassigneegroupmemberships"></a>`groupMemberships` | [`GroupMemberConnection`](#groupmemberconnection) | Group memberships of the user. (see [Connections](#connections)) |
 | <a id="mergerequestassigneeid"></a>`id` | [`ID!`](#id) | ID of the user. |
@@ -12454,6 +12461,8 @@ A user assigned to a merge request.
 | <a id="mergerequestassigneemergerequestinteraction"></a>`mergeRequestInteraction` | [`UserMergeRequestInteraction`](#usermergerequestinteraction) | Details of this user's interactions with the merge request. |
 | <a id="mergerequestassigneename"></a>`name` | [`String!`](#string) | Human-readable name of the user. Returns `****` if the user is a project bot and the requester does not have permission to view the project. |
 | <a id="mergerequestassigneenamespace"></a>`namespace` | [`Namespace`](#namespace) | Personal namespace of the user. |
+| <a id="mergerequestassigneepreferencesgitpodpath"></a>`preferencesGitpodPath` | [`String`](#string) | Web path to the Gitpod section within user preferences. |
+| <a id="mergerequestassigneeprofileenablegitpodpath"></a>`profileEnableGitpodPath` | [`String`](#string) | Web path to enable Gitpod for the user. |
 | <a id="mergerequestassigneeprojectmemberships"></a>`projectMemberships` | [`ProjectMemberConnection`](#projectmemberconnection) | Project memberships of the user. (see [Connections](#connections)) |
 | <a id="mergerequestassigneepublicemail"></a>`publicEmail` | [`String`](#string) | User's public email. |
 | <a id="mergerequestassigneestate"></a>`state` | [`UserState!`](#userstate) | State of the user. |
@@ -12708,6 +12717,7 @@ A user assigned to a merge request as a reviewer.
 | <a id="mergerequestreviewerbot"></a>`bot` | [`Boolean!`](#boolean) | Indicates if the user is a bot. |
 | <a id="mergerequestreviewercallouts"></a>`callouts` | [`UserCalloutConnection`](#usercalloutconnection) | User callouts that belong to the user. (see [Connections](#connections)) |
 | <a id="mergerequestrevieweremail"></a>`email` **{warning-solid}** | [`String`](#string) | **Deprecated** in 13.7. This was renamed. Use: [`User.publicEmail`](#userpublicemail). |
+| <a id="mergerequestreviewergitpodenabled"></a>`gitpodEnabled` | [`Boolean`](#boolean) | Whether Gitpod is enabled at the user level. |
 | <a id="mergerequestreviewergroupcount"></a>`groupCount` | [`Int`](#int) | Group count for the user. |
 | <a id="mergerequestreviewergroupmemberships"></a>`groupMemberships` | [`GroupMemberConnection`](#groupmemberconnection) | Group memberships of the user. (see [Connections](#connections)) |
 | <a id="mergerequestreviewerid"></a>`id` | [`ID!`](#id) | ID of the user. |
@@ -12715,6 +12725,8 @@ A user assigned to a merge request as a reviewer.
 | <a id="mergerequestreviewermergerequestinteraction"></a>`mergeRequestInteraction` | [`UserMergeRequestInteraction`](#usermergerequestinteraction) | Details of this user's interactions with the merge request. |
 | <a id="mergerequestreviewername"></a>`name` | [`String!`](#string) | Human-readable name of the user. Returns `****` if the user is a project bot and the requester does not have permission to view the project. |
 | <a id="mergerequestreviewernamespace"></a>`namespace` | [`Namespace`](#namespace) | Personal namespace of the user. |
+| <a id="mergerequestreviewerpreferencesgitpodpath"></a>`preferencesGitpodPath` | [`String`](#string) | Web path to the Gitpod section within user preferences. |
+| <a id="mergerequestreviewerprofileenablegitpodpath"></a>`profileEnableGitpodPath` | [`String`](#string) | Web path to enable Gitpod for the user. |
 | <a id="mergerequestreviewerprojectmemberships"></a>`projectMemberships` | [`ProjectMemberConnection`](#projectmemberconnection) | Project memberships of the user. (see [Connections](#connections)) |
 | <a id="mergerequestreviewerpublicemail"></a>`publicEmail` | [`String`](#string) | User's public email. |
 | <a id="mergerequestreviewerstate"></a>`state` | [`UserState!`](#userstate) | State of the user. |
@@ -15073,6 +15085,7 @@ Returns [`Tree`](#tree).
 | <a id="repositoryblobfindfilepath"></a>`findFilePath` | [`String`](#string) | Web path to find file. |
 | <a id="repositoryblobforkandeditpath"></a>`forkAndEditPath` | [`String`](#string) | Web path to edit this blob using a forked project. |
 | <a id="repositoryblobforkandviewpath"></a>`forkAndViewPath` | [`String`](#string) | Web path to view this blob using a forked project. |
+| <a id="repositoryblobgitpodbloburl"></a>`gitpodBlobUrl` | [`String`](#string) | URL to the blob within Gitpod. |
 | <a id="repositoryblobhistorypath"></a>`historyPath` | [`String`](#string) | Web path to blob history page. |
 | <a id="repositoryblobid"></a>`id` | [`ID!`](#id) | ID of the blob. |
 | <a id="repositoryblobideeditpath"></a>`ideEditPath` | [`String`](#string) | Web path to edit this blob in the Web IDE. |
@@ -16028,12 +16041,15 @@ Core represention of a GitLab user.
 | <a id="usercorebot"></a>`bot` | [`Boolean!`](#boolean) | Indicates if the user is a bot. |
 | <a id="usercorecallouts"></a>`callouts` | [`UserCalloutConnection`](#usercalloutconnection) | User callouts that belong to the user. (see [Connections](#connections)) |
 | <a id="usercoreemail"></a>`email` **{warning-solid}** | [`String`](#string) | **Deprecated** in 13.7. This was renamed. Use: [`User.publicEmail`](#userpublicemail). |
+| <a id="usercoregitpodenabled"></a>`gitpodEnabled` | [`Boolean`](#boolean) | Whether Gitpod is enabled at the user level. |
 | <a id="usercoregroupcount"></a>`groupCount` | [`Int`](#int) | Group count for the user. |
 | <a id="usercoregroupmemberships"></a>`groupMemberships` | [`GroupMemberConnection`](#groupmemberconnection) | Group memberships of the user. (see [Connections](#connections)) |
 | <a id="usercoreid"></a>`id` | [`ID!`](#id) | ID of the user. |
 | <a id="usercorelocation"></a>`location` | [`String`](#string) | Location of the user. |
 | <a id="usercorename"></a>`name` | [`String!`](#string) | Human-readable name of the user. Returns `****` if the user is a project bot and the requester does not have permission to view the project. |
 | <a id="usercorenamespace"></a>`namespace` | [`Namespace`](#namespace) | Personal namespace of the user. |
+| <a id="usercorepreferencesgitpodpath"></a>`preferencesGitpodPath` | [`String`](#string) | Web path to the Gitpod section within user preferences. |
+| <a id="usercoreprofileenablegitpodpath"></a>`profileEnableGitpodPath` | [`String`](#string) | Web path to enable Gitpod for the user. |
 | <a id="usercoreprojectmemberships"></a>`projectMemberships` | [`ProjectMemberConnection`](#projectmemberconnection) | Project memberships of the user. (see [Connections](#connections)) |
 | <a id="usercorepublicemail"></a>`publicEmail` | [`String`](#string) | User's public email. |
 | <a id="usercorestate"></a>`state` | [`UserState!`](#userstate) | State of the user. |
@@ -19515,12 +19531,15 @@ Implementations:
 | <a id="userbot"></a>`bot` | [`Boolean!`](#boolean) | Indicates if the user is a bot. |
 | <a id="usercallouts"></a>`callouts` | [`UserCalloutConnection`](#usercalloutconnection) | User callouts that belong to the user. (see [Connections](#connections)) |
 | <a id="useremail"></a>`email` **{warning-solid}** | [`String`](#string) | **Deprecated** in 13.7. This was renamed. Use: [`User.publicEmail`](#userpublicemail). |
+| <a id="usergitpodenabled"></a>`gitpodEnabled` | [`Boolean`](#boolean) | Whether Gitpod is enabled at the user level. |
 | <a id="usergroupcount"></a>`groupCount` | [`Int`](#int) | Group count for the user. |
 | <a id="usergroupmemberships"></a>`groupMemberships` | [`GroupMemberConnection`](#groupmemberconnection) | Group memberships of the user. (see [Connections](#connections)) |
 | <a id="userid"></a>`id` | [`ID!`](#id) | ID of the user. |
 | <a id="userlocation"></a>`location` | [`String`](#string) | Location of the user. |
 | <a id="username"></a>`name` | [`String!`](#string) | Human-readable name of the user. Returns `****` if the user is a project bot and the requester does not have permission to view the project. |
 | <a id="usernamespace"></a>`namespace` | [`Namespace`](#namespace) | Personal namespace of the user. |
+| <a id="userpreferencesgitpodpath"></a>`preferencesGitpodPath` | [`String`](#string) | Web path to the Gitpod section within user preferences. |
+| <a id="userprofileenablegitpodpath"></a>`profileEnableGitpodPath` | [`String`](#string) | Web path to enable Gitpod for the user. |
 | <a id="userprojectmemberships"></a>`projectMemberships` | [`ProjectMemberConnection`](#projectmemberconnection) | Project memberships of the user. (see [Connections](#connections)) |
 | <a id="userpublicemail"></a>`publicEmail` | [`String`](#string) | User's public email. |
 | <a id="userstate"></a>`state` | [`UserState!`](#userstate) | State of the user. |

spec/features/projects/blobs/user_views_pipeline_editor_button_spec.rb

@@ -19,14 +19,14 @@ RSpec.describe 'User views pipeline editor button on root ci config file', :js d
       project.repository.create_file(user, project.ci_config_path_or_default, 'test', message: 'testing', branch_name: 'master')
       visit project_blob_path(project, File.join('master', '.my-config.yml'))
 
-      expect(page).to have_content('Pipeline Editor')
+      expect(page).to have_content('Edit in pipeline editor')
     end
 
     it 'does not shows the Pipeline Editor button' do
       project.repository.create_file(user, '.my-sub-config.yml', 'test', message: 'testing', branch_name: 'master')
       visit project_blob_path(project, File.join('master', '.my-sub-config.yml'))
 
-      expect(page).not_to have_content('Pipeline Editor')
+      expect(page).not_to have_content('Edit in pipeline editor')
     end
   end
 
@@ -36,7 +36,7 @@ RSpec.describe 'User views pipeline editor button on root ci config file', :js d
     end
     it 'does not shows the Pipeline Editor button' do
       visit project_blob_path(project, File.join('master', '.my-config.yml'))
-      expect(page).not_to have_content('Pipeline Editor')
+      expect(page).not_to have_content('Edit in pipeline editor')
     end
   end
 end

spec/frontend/repository/components/blob_content_viewer_spec.js

@@ -18,6 +18,8 @@ import DownloadViewer from '~/repository/components/blob_viewers/download_viewer
 import EmptyViewer from '~/repository/components/blob_viewers/empty_viewer.vue';
 import SourceViewer from '~/vue_shared/components/source_viewer/source_viewer.vue';
 import blobInfoQuery from '~/repository/queries/blob_info.query.graphql';
+import userInfoQuery from '~/repository/queries/user_info.query.graphql';
+import applicationInfoQuery from '~/repository/queries/application_info.query.graphql';
 import CodeIntelligence from '~/code_navigation/components/app.vue';
 import { redirectTo } from '~/lib/utils/url_utility';
 import { isLoggedIn } from '~/lib/utils/common_utils';
@@ -27,6 +29,8 @@ import {
   simpleViewerMock,
   richViewerMock,
   projectMock,
+  userInfoMock,
+  applicationInfoMock,
   userPermissionsMock,
   propsMock,
   refMock,
@@ -38,6 +42,8 @@ jest.mock('~/lib/utils/common_utils');
 
 let wrapper;
 let mockResolver;
+let userInfoMockResolver;
+let applicationInfoMockResolver;
 
 const mockAxios = new MockAdapter(axios);
 
@@ -77,7 +83,19 @@ const createComponent = async (mockData = {}, mountFn = shallowMount) => {
     data: { isBinary, project },
   });
 
-  const fakeApollo = createMockApollo([[blobInfoQuery, mockResolver]]);
+  userInfoMockResolver = jest.fn().mockResolvedValue({
+    data: { ...userInfoMock },
+  });
+
+  applicationInfoMockResolver = jest.fn().mockResolvedValue({
+    data: { ...applicationInfoMock },
+  });
+
+  const fakeApollo = createMockApollo([
+    [blobInfoQuery, mockResolver],
+    [userInfoQuery, userInfoMockResolver],
+    [applicationInfoQuery, applicationInfoMockResolver],
+  ]);
 
   wrapper = extendedWrapper(
     mountFn(BlobContentViewer, {
@@ -107,7 +125,6 @@ describe('Blob content viewer component', () => {
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
   const findBlobHeader = () => wrapper.findComponent(BlobHeader);
   const findWebIdeLink = () => wrapper.findComponent(WebIdeLink);
-  const findPipelineEditor = () => wrapper.findByTestId('pipeline-editor');
   const findBlobContent = () => wrapper.findComponent(BlobContent);
   const findBlobButtonGroup = () => wrapper.findComponent(BlobButtonGroup);
   const findForkSuggestion = () => wrapper.findComponent(ForkSuggestion);
@@ -290,6 +307,13 @@ describe('Blob content viewer component', () => {
         editUrl: editBlobPath,
         webIdeUrl: ideEditPath,
         showEditButton: true,
+        showGitpodButton: applicationInfoMock.gitpodEnabled,
+        gitpodEnabled: userInfoMock.currentUser.gitpodEnabled,
+        showPipelineEditorButton: true,
+        gitpodUrl: simpleViewerMock.gitpodBlobUrl,
+        pipelineEditorUrl: simpleViewerMock.pipelineEditorPath,
+        userPreferencesGitpodPath: userInfoMock.currentUser.preferencesGitpodPath,
+        userProfileEnableGitpodPath: userInfoMock.currentUser.profileEnableGitpodPath,
       });
     });
 
@@ -313,15 +337,6 @@ describe('Blob content viewer component', () => {
       });
     });
 
-    it('renders Pipeline Editor button for .gitlab-ci files', async () => {
-      const pipelineEditorPath = 'some/path/.gitlab-ce';
-      const blob = { ...simpleViewerMock, pipelineEditorPath };
-      await createComponent({ blob, inject: { BlobContent: true, BlobReplace: true } }, mount);
-
-      expect(findPipelineEditor().exists()).toBe(true);
-      expect(findPipelineEditor().attributes('href')).toBe(pipelineEditorPath);
-    });
-
     describe('blob header binary file', () => {
       it('passes the correct isBinary value when viewing a binary file', async () => {
         await createComponent({ blob: richViewerMock, isBinary: true });

spec/frontend/repository/mock_data.js

@@ -9,6 +9,7 @@ export const simpleViewerMock = {
   path: 'some_file.js',
   webPath: 'some_file.js',
   editBlobPath: 'some_file.js/edit',
+  gitpodBlobUrl: 'https://gitpod.io#path/to/blob.js',
   ideEditPath: 'some_file.js/ide/edit',
   forkAndEditPath: 'some_file.js/fork/edit',
   ideForkAndEditPath: 'some_file.js/fork/ide',
@@ -25,7 +26,7 @@ export const simpleViewerMock = {
   externalStorage: 'lfs',
   rawPath: 'some_file.js',
   replacePath: 'some_file.js/replace',
-  pipelineEditorPath: '',
+  pipelineEditorPath: 'path/to/pipeline/editor',
   simpleViewer: {
     fileType: 'text',
     tooLarge: false,
@@ -70,6 +71,17 @@ export const projectMock = {
   },
 };
 
+export const userInfoMock = {
+  currentUser: {
+    id: '123',
+    gitpodEnabled: true,
+    preferencesGitpodPath: '/-/profile/preferences#user_gitpod_enabled',
+    profileEnableGitpodPath: '/-/profile?user%5Bgitpod_enabled%5D=true',
+  },
+};
+
+export const applicationInfoMock = { gitpodEnabled: true };
+
 export const propsMock = { path: 'some_file.js', projectPath: 'some/path' };
 
 export const refMock = 'default-ref';

spec/graphql/types/merge_requests/reviewer_type_spec.rb

@@ -34,6 +34,9 @@ RSpec.describe GitlabSchema.types['MergeRequestReviewer'] do
       namespace
       timelogs
       groups
+      gitpodEnabled
+      preferencesGitpodPath
+      profileEnableGitpodPath
     ]
 
     expect(described_class).to have_graphql_fields(*expected_fields)

spec/graphql/types/query_type_spec.rb

@@ -29,6 +29,7 @@ RSpec.describe GitlabSchema.types['Query'] do
       timelogs
       board_list
       topics
+      gitpod_enabled
     ]
 
     expect(described_class).to have_graphql_fields(*expected_fields).at_least

spec/graphql/types/repository/blob_type_spec.rb

@@ -25,6 +25,7 @@ RSpec.describe Types::Repository::BlobType do
       :raw_path,
       :replace_path,
       :pipeline_editor_path,
+      :gitpod_blob_url,
       :find_file_path,
       :blame_path,
       :history_path,

spec/graphql/types/user_type_spec.rb

@@ -39,6 +39,9 @@ RSpec.describe GitlabSchema.types['User'] do
       namespace
       timelogs
       groups
+      gitpodEnabled
+      preferencesGitpodPath
+      profileEnableGitpodPath
     ]
 
     expect(described_class).to have_graphql_fields(*expected_fields)

spec/presenters/blob_presenter_spec.rb

@@ -71,6 +71,40 @@ RSpec.describe BlobPresenter do
     end
   end
 
+  context 'Gitpod' do
+    let(:gitpod_url) { "https://gitpod.io" }
+    let(:gitpod_application_enabled) { true }
+    let(:gitpod_user_enabled) { true }
+
+    before do
+      allow(user).to receive(:gitpod_enabled).and_return(gitpod_user_enabled)
+      allow(Gitlab::CurrentSettings).to receive(:gitpod_enabled).and_return(gitpod_application_enabled)
+      allow(Gitlab::CurrentSettings).to receive(:gitpod_url).and_return(gitpod_url)
+    end
+
+    context 'Gitpod enabled for application and user' do
+      describe '#gitpod_blob_url' do
+        it { expect(presenter.gitpod_blob_url).to eq("#{gitpod_url}##{"http://localhost/#{project.full_path}/-/tree/#{blob.commit_id}/#{blob.path}"}") }
+      end
+    end
+
+    context 'Gitpod disabled at application level' do
+      let(:gitpod_application_enabled) { false }
+
+      describe '#gitpod_blob_url' do
+        it { expect(presenter.gitpod_blob_url).to eq(nil) }
+      end
+    end
+
+    context 'Gitpod disabled at user level' do
+      let(:gitpod_user_enabled) { false }
+
+      describe '#gitpod_blob_url' do
+        it { expect(presenter.gitpod_blob_url).to eq(nil) }
+      end
+    end
+  end
+
   describe '#find_file_path' do
     it { expect(presenter.find_file_path).to eq("/#{project.full_path}/-/find_file/HEAD/files/ruby/regex.rb") }
   end

spec/presenters/user_presenter_spec.rb

@@ -14,4 +14,36 @@ RSpec.describe UserPresenter do
   describe '#web_url' do
     it { expect(presenter.web_url).to eq("http://localhost/#{user.username}") }
   end
+
+  context 'Gitpod' do
+    let(:gitpod_url) { "https://gitpod.io" }
+    let(:gitpod_application_enabled) { true }
+
+    before do
+      allow(Gitlab::CurrentSettings).to receive(:gitpod_enabled).and_return(gitpod_application_enabled)
+      allow(Gitlab::CurrentSettings).to receive(:gitpod_url).and_return(gitpod_url)
+    end
+
+    context 'Gitpod enabled for application' do
+      describe '#preferences_gitpod_path' do
+        it { expect(presenter.preferences_gitpod_path).to eq("/-/profile/preferences#user_gitpod_enabled") }
+      end
+
+      describe '#profile_enable_gitpod_path' do
+        it { expect(presenter.profile_enable_gitpod_path).to eq("/-/profile?user%5Bgitpod_enabled%5D=true") }
+      end
+    end
+
+    context 'Gitpod disabled for application' do
+      let(:gitpod_application_enabled) { false }
+
+      describe '#preferences_gitpod_path' do
+        it { expect(presenter.preferences_gitpod_path).to eq(nil) }
+      end
+
+      describe '#profile_enable_gitpod_path' do
+        it { expect(presenter.profile_enable_gitpod_path).to eq(nil) }
+      end
+    end
+  end
 end

spec/requests/api/graphql/query_spec.rb

@@ -11,6 +11,30 @@ RSpec.describe 'Query' do
 
   let(:current_user) { developer }
 
+  describe 'gitpodEnabled field' do
+    let(:gitpod_enabled) { true }
+    let(:gitpod_enabled_query) do
+      <<~GRAPHQL
+        { gitpodEnabled }
+      GRAPHQL
+    end
+
+    before do
+      allow(Gitlab::CurrentSettings.current_application_settings).to receive(:gitpod_enabled).and_return(gitpod_enabled)
+      post_graphql(gitpod_enabled_query)
+    end
+
+    context 'When Gitpod is enabled for the application' do
+      it { expect(graphql_data).to include('gitpodEnabled' => true) }
+    end
+
+    context 'When Gitpod is disabled for the application' do
+      let(:gitpod_enabled) { false }
+
+      it { expect(graphql_data).to include('gitpodEnabled' => false) }
+    end
+  end
+
   describe '.designManagement' do
     include DesignManagementTestHelpers