1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
/*
* SonarQube
* Copyright (C) 2009-2018 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import * as React from 'react';
import SQPageContainer from './components/SQPageContainer';
import SQStartUsing from './components/SQStartUsing';
import SQTopNav from './components/SQTopNav';
import { isLoggedIn } from '../../../app/types';
import { getBaseUrl } from '../../../helpers/urls';
import './style.css';
export default function SonarLintIntegration() {
return (
<SQPageContainer>
{({ currentUser }) => (
<div className="page page-limited sc-page">
<SQTopNav />
<div className="sc-child-header">
<img
alt=""
height="34"
src={`${getBaseUrl()}/images/sonarcloud/sonarlint-integration.svg`}
/>
<h1 className="sc-child-title">SonarLint integration</h1>
<p className="sc-child-lead">
SonarCloud can be extended with{' '}
<a className="sc-child-lead-link" href="https://www.sonarlint.org/">
SonarLint
</a>{' '}
to provide developers maximum insight <br />
in their IDEs on code quality and make sure they do not introduce new issues.
</p>
<img
alt=""
height="147"
src={`${getBaseUrl()}/images/sonarcloud/sl-notif.png`}
srcSet={`${getBaseUrl()}/images/sonarcloud/sl-notif.png 1x, ${getBaseUrl()}/images/sonarcloud/sl-notif@2x.png 2x`}
width="450"
/>
</div>
<ul className="sc-features-list">
<li className="sc-feature sc-child-feature">
<h3 className="sc-feature-title">Get instant feedback</h3>
<p className="sc-feature-description">
SonarLint will provide developers with instant feedback in their IDEs as they are
writing code, like with a spell checker. SonarLint also shows already existing
issues in the code and enables developers to differentiate what issues they
introduced.
</p>
</li>
<li className="sc-feature sc-child-feature">
<h3 className="sc-feature-title">Share quality profiles</h3>
<p className="sc-feature-description">
Teams will share the ruleset used to check quality on the project. This means that
not only everyone in the team uses the same rules but it also means that if you
update this ruleset, everybody will use immediately the updated one.
</p>
</li>
<li className="sc-feature sc-child-feature">
<h3 className="sc-feature-title">Share configuration</h3>
<p className="sc-feature-description">
Project configuration such as exclutions, parameters and false positives get
conveyed to the IDE as they get defined, enabling the team get exactly the same view
on the project they are working on.
</p>
</li>
<li className="sc-feature sc-child-feature">
<h3 className="sc-feature-title">Event notification</h3>
<p className="sc-feature-description">
Developers will get notified directly in their IDEs when the Quality Gate of their
project fails or when they have introduced an issue that has been picked by
SonarCloud.
</p>
</li>
</ul>
{!isLoggedIn(currentUser) && <SQStartUsing />}
</div>
)}
</SQPageContainer>
);
}
|
