9 |
11 | );
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/app/components/shared/Icon/permission-small-cross.svg:
--------------------------------------------------------------------------------
1 | {this.props.children}
12 | );
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/app/lib/ValidationErrors.js:
--------------------------------------------------------------------------------
1 | export default class ValidationErrors {
2 | constructor(errors) {
3 | this.errors = errors;
4 | }
5 |
6 | findForField(field) {
7 | if (this.errors && this.errors.length > 0) {
8 | return this.errors
9 | .filter((error) => error.field === field)
10 | .map((error) => error.message);
11 | }
12 |
13 | return [];
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/.buildkite/steps/jest.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | set -euo pipefail
3 |
4 | echo "+++ :jest: Running Jest"
5 | yarn run test-with-coverage
6 |
7 | echo "👌 Looks good to me!"
8 |
9 | echo "--- :compression: Packaging coverage report"
10 | tar -c -v -z -f "coverage/lcov-report-${BUILDKITE_ORGANIZATION_SLUG}-${BUILDKITE_PIPELINE_SLUG}-${BUILDKITE_COMMIT}.tgz" -C "coverage/lcov-report" "."
11 |
12 | echo "📑 Done!"
13 |
--------------------------------------------------------------------------------
/app/components/shared/FormYAMLEditorField/codemirror.js:
--------------------------------------------------------------------------------
1 | export default from 'codemirror';
2 |
3 | import 'app/css/codemirror.css';
4 |
5 | import 'codemirror/addon/hint/show-hint';
6 | import 'codemirror/addon/comment/comment';
7 | import 'codemirror/addon/edit/matchbrackets';
8 | import 'codemirror/addon/edit/closebrackets';
9 | import 'codemirror/keymap/sublime';
10 | import 'codemirror/mode/yaml/yaml';
11 |
--------------------------------------------------------------------------------
/app/css/svg-colors.css:
--------------------------------------------------------------------------------
1 | /*
2 | Classes to use to set SVG color properties
3 |
4 | Create them as you need.
5 | */
6 |
7 | .stroke-black { stroke: var(--black) }
8 | .stroke-gray { stroke: var(--gray) }
9 | .stroke-dark-gray { stroke: var(--dark-gray) }
10 | .stroke-silver { stroke: var(--silver) }
11 | .stroke-white { stroke: var(--white) }
12 | .stroke-lime { stroke: var(--lime) }
13 |
--------------------------------------------------------------------------------
/app/queries/Organization.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import Relay from 'react-relay/classic';
4 |
5 | // Note: Ensure whatever variable you use as the $slug is unique and doesn't
6 | // match any existing variables in any other queries otherwise React Relay
7 | // Router doesn't work very well.
8 |
9 | export const query = () => Relay.QL`
10 | query {
11 | organization(slug: $organization)
12 | }
13 | `;
14 |
--------------------------------------------------------------------------------
/app/components/shared/__snapshots__/BuildStatusDescription.spec.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`BuildStatusDescription calls through to \`getRelativeDateString\` and \`buildStatus\` 1`] = `
4 |
5 | tested
6 |
7 |
13 |
14 | `;
15 |
--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '2.1'
2 |
3 | services:
4 | frontend:
5 | build: .
6 | environment:
7 | - EMOJI_HOST
8 | - BUILDKITE
9 | - BUILDKITE_COMMIT
10 | - BUILDKITE_ORGANIZATION_SLUG
11 | - BUILDKITE_PIPELINE_SLUG
12 | - CI
13 | volumes:
14 | - "./bundle-analysis:/frontend/bundle-analysis"
15 | - "./coverage:/frontend/coverage"
16 | - "./dist:/host/dist"
--------------------------------------------------------------------------------
/app/components/shared/Icon/queues.svg:
--------------------------------------------------------------------------------
1 |
12 | {this.props.children}
13 |
14 | );
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/app/lib/relay/makeFetch.js:
--------------------------------------------------------------------------------
1 | // @flow weak
2 |
3 | export default function makeFetch(operation, variables) {
4 | return fetch(window._graphql.url, {
5 | method: 'POST',
6 | headers: {
7 | ...window._graphql.headers,
8 | 'Accept': 'application/json',
9 | 'Content-Type': 'application/json'
10 | },
11 | credentials: 'same-origin',
12 | body: JSON.stringify({
13 | query: operation.text,
14 | variables
15 | })
16 | }).then((response) => response.json());
17 | }
18 |
--------------------------------------------------------------------------------
/app/components/shared/Menu/header.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | export default class Header extends React.PureComponent {
5 | static displayName = "Menu.Header";
6 |
7 | static propTypes = {
8 | children: PropTypes.node.isRequired
9 | };
10 |
11 | render() {
12 | return (
13 |
14 | {this.props.children}
15 |
16 | );
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/app/components/user/graphql/GraphQLExplorerDocumentation/Comment.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React from "react";
4 | import wrap from "word-wrap";
5 |
6 | type Props = {
7 | text: string
8 | };
9 |
10 | export default class Comment extends React.PureComponent
14 | {wrap(this.props.text || "n/a", { width: 70, indent: '' }).replace(/(^|\n)/g, "$1# ")}
15 |
16 | );
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/app/lib/warn.js:
--------------------------------------------------------------------------------
1 | // @flow weak
2 |
3 | /* eslint-disable no-unused-vars */
4 | let warn = (...args) => {};
5 |
6 | if (process.env.NODE_ENV !== "production") {
7 | warn = (condition: boolean, format: string, ...args) => {
8 | if (!condition) {
9 | const name = "Warning:";
10 | let argIndex = 0;
11 | const message = format.replace(/%s/g, () => (args[argIndex++]));
12 | /* eslint-disable no-console */
13 | console.error(name, message);
14 | }
15 | };
16 | }
17 |
18 | export default warn;
19 |
--------------------------------------------------------------------------------
/app/lib/reactRenderer.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | /* eslint-disable react/no-render-return-value */
3 |
4 | import * as React from 'react';
5 | import ReactDOM from 'react-dom';
6 | import { ErrorBoundary } from './Bugsnag';
7 |
8 | export default function reactRenderer
15 | Public
16 |
17 | );
18 | }
19 |
20 | return null;
21 | }
22 | }
--------------------------------------------------------------------------------
/app/queries/Pipeline.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import Relay from 'react-relay/classic';
4 |
5 | // Note: Ensure whatever variable you use as the $slug is unique and doesn't
6 | // match any existing variables in any other queries otherwise React Relay
7 | // Router doesn't work very well.
8 |
9 | export const query = () => Relay.QL`
10 | query {
11 | pipeline(slug: $pipelineSlug)
12 | }
13 | `;
14 |
15 | export const prepareParams = (params: Object) => {
16 | return {
17 | ...params,
18 | pipelineSlug: [params.organization, params.pipeline].join("/")
19 | };
20 | };
21 |
--------------------------------------------------------------------------------
/app/components/shared/PageHeader/title.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import classNames from 'classnames';
4 |
5 | class Title extends React.PureComponent {
6 | static displayName = "PageHeader.Title";
7 |
8 | static propTypes = {
9 | children: PropTypes.node.isRequired,
10 | className: PropTypes.string
11 | };
12 |
13 | render() {
14 | return (
15 | 16 | {this.props.children} 17 |
18 | ); 19 | } 20 | } 21 | 22 | export default Title; 23 | -------------------------------------------------------------------------------- /app/components/shared/FormTextField.js: -------------------------------------------------------------------------------- 1 | import collapsible from './collapsibleFormComponent'; 2 | import labelled from './labelledFormComponent'; 3 | 4 | const textFieldDefaultProps = { type: 'text' }; 5 | 6 | const FormTextField = labelled('input'); 7 | FormTextField.defaultProps = { 8 | ...FormTextField.defaultProps, 9 | ...textFieldDefaultProps 10 | }; 11 | 12 | FormTextField.Collapsible = collapsible('input'); 13 | FormTextField.Collapsible.defaultProps = { 14 | ...FormTextField.Collapsible.defaultProps, 15 | ...textFieldDefaultProps 16 | }; 17 | 18 | export default FormTextField; 19 | -------------------------------------------------------------------------------- /app/components/shared/Icon/pipeline.svg: -------------------------------------------------------------------------------- 1 |
17 | {children}
18 |
19 | );
20 | }
21 | }
--------------------------------------------------------------------------------
/app/components/user/TwoFactor/TwoFactorConfigure/TwoFactorConfigureActivate/buildkite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/app/components/docs/07-windows.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Windows
3 | ---
4 | 1. Download the latest Windows beta from [Buildkite Agent releases on GitHub](https://github.com/buildkite/agent/releases)
5 | 2. Extract the files to a directory of your choice
6 | 3. Edit `buildkite-agent.cfg` and add your token
7 | 4. Run `buildkite-agent start` from a command prompt
8 |
9 | See the Windows agent docs for more details.
10 | 11 | When asked, enter your agent token: 12 | 13 | ```markdown 14 | {{ props.token || 'INSERT-YOUR-AGENT-TOKEN-HERE' }} 15 | ``` 16 | -------------------------------------------------------------------------------- /app/components/shared/FormInputHelp.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import classNames from 'classnames'; 4 | 5 | const FormInputHelp = ({ className, children, ...props }) => { 6 | if (!children) { 7 | return null; 8 | } 9 | 10 | return ( 11 |15 | {children} 16 |
17 | ); 18 | }; 19 | 20 | FormInputHelp.propTypes = { 21 | className: PropTypes.string, 22 | children: PropTypes.node 23 | }; 24 | 25 | export default FormInputHelp; 26 | -------------------------------------------------------------------------------- /app/components/shared/FormTextarea.js: -------------------------------------------------------------------------------- 1 | import AutosizingTextarea from './AutosizingTextarea'; 2 | import collapsible from './collapsibleFormComponent'; 3 | import labelled from './labelledFormComponent'; 4 | 5 | const FormTextarea = labelled('textarea'); 6 | FormTextarea.Autosize = labelled(AutosizingTextarea); 7 | FormTextarea.Autosize.proxyMethods = ['updateAutoresize']; 8 | 9 | FormTextarea.Collapsible = collapsible('textarea'); 10 | FormTextarea.Collapsible.Autosize = collapsible(AutosizingTextarea); 11 | FormTextarea.Collapsible.Autosize.proxyMethods = ['updateAutoresize']; 12 | 13 | export default FormTextarea; 14 | -------------------------------------------------------------------------------- /app/components/shared/Autocomplete/error-message.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import classNames from 'classnames'; 4 | 5 | export default class ErrorMessage extends React.PureComponent { 6 | static displayName = "Autocomplete.ErrorMessage"; 7 | 8 | static propTypes = { 9 | children: PropTypes.node.isRequired, 10 | className: PropTypes.string 11 | }; 12 | 13 | render() { 14 | const classes = classNames(this.props.className, "px2 py2 dark-gray"); 15 | 16 | return ( 17 |See the macOS agent docs for more details.
15 | -------------------------------------------------------------------------------- /app/queries/PipelineSchedule.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import Relay from 'react-relay/classic'; 4 | 5 | // Note: Ensure whatever variable you use as the $slug is unique and doesn't 6 | // match any existing variables in any other queries otherwise React Relay 7 | // Router doesn't work very well. 8 | 9 | export const query = () => Relay.QL` 10 | query { 11 | pipelineSchedule(slug: $pipelineScheduleSlug) 12 | } 13 | `; 14 | 15 | export const prepareParams = (params: Object) => { 16 | return { 17 | ...params, 18 | pipelineScheduleSlug: [params.organization, params.pipeline, params.schedule].join("/") 19 | }; 20 | }; 21 | -------------------------------------------------------------------------------- /app/queries/OrganizationMember.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import Relay from 'react-relay/classic'; 4 | 5 | // Note: Ensure whatever variable you use as the $slug is unique and doesn't 6 | // match any existing variables in any other queries otherwise React Relay 7 | // Router doesn't work very well. 8 | 9 | export const query = () => Relay.QL` 10 | query { 11 | organizationMember(slug: $organizationMemberSlug) 12 | } 13 | `; 14 | 15 | export const prepareParams = (params: Object) => { 16 | return { 17 | ...params, 18 | organizationMemberSlug: [params.organization, params.organizationMember].join("/") 19 | }; 20 | }; 21 | -------------------------------------------------------------------------------- /app/components/shared/PageHeader/description.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import classNames from 'classnames'; 4 | 5 | export default class Description extends React.PureComponent { 6 | static displayName = 'PageHeader.Description'; 7 | static propTypes = { 8 | children: PropTypes.node.isRequired, 9 | className: PropTypes.string 10 | }; 11 | 12 | render() { 13 | const { className, children } = this.props; 14 | 15 | return ( 16 |
17 | {children}
18 |
19 | );
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/app/constants/JobStates.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | const JobStates = {
4 | PENDING: "PENDING",
5 | WAITING: "WAITING",
6 | WAITING_FAILED: "WAITING_FAILED",
7 | BLOCKED: "BLOCKED",
8 | BLOCKED_FAILED: "BLOCKED_FAILED",
9 | UNBLOCKED: "UNBLOCKED",
10 | UNBLOCKED_FAILED: "UNBLOCKED_FAILED",
11 | SCHEDULED: "SCHEDULED",
12 | ASSIGNED: "ASSIGNED",
13 | ACCEPTED: "ACCEPTED",
14 | RUNNING: "RUNNING",
15 | FINISHED: "FINISHED",
16 | CANCELING: "CANCELING",
17 | CANCELED: "CANCELED",
18 | TIMING_OUT: "TIMING_OUT",
19 | TIMED_OUT: "TIMED_OUT",
20 | SKIPPED: "SKIPPED",
21 | BROKEN: "BROKEN"
22 | };
23 |
24 | export default JobStates;
25 |
--------------------------------------------------------------------------------
/app/components/shared/Panel/header.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import classNames from 'classnames';
4 | import PropTypes from 'prop-types';
5 | import React from 'react';
6 |
7 | type Props = {
8 | children: React$Node,
9 | className?: string
10 | };
11 |
12 | export default class Header extends React.PureComponent21 | {this.props.children} 22 |
23 | ); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /.buildkite/steps/webpack.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | set -euo pipefail 3 | 4 | mkdir -p bundle-analysis dist 5 | 6 | # Remove anything already in dist. The Dockerfile builds the assets already, 7 | # but not the production versions, so paths like app.js exist, and we don't 8 | # want to deploy those to production. 9 | rm dist/* 10 | 11 | echo "--- :webpack: Building Webpack assets for production, and analysing bundle" 12 | GENERATE_BUNDLE_REPORT=true yarn run build-production 13 | 14 | echo "--- :javascript: Checking valid JS" 15 | node --check dist/*.js && echo "👍 Javascript looks valid!" 16 | 17 | echo "--- :docker: Copying to the host for artifact upload" 18 | cp -a dist/* /host/dist 19 | -------------------------------------------------------------------------------- /app/components/shared/Icon/twitter.svg: -------------------------------------------------------------------------------- 1 |See the Linux agent docs for more details.
19 | -------------------------------------------------------------------------------- /app/images/mark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app/components/shared/Icon/svgContent.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import Logger from 'app/lib/Logger'; 4 | import escape from 'escape-html'; 5 | 6 | // NOTE: We cast `require` to an Object here so we can call `context`, 7 | // as Flow doesn't understand Webpack's require extensions. 8 | const context = (require: Object).context('!raw-loader!./', false, /\.svg$/); 9 | 10 | export default function svgContent(name: string, title?: string){ 11 | let icon = context('./placeholder.svg'); 12 | 13 | try { 14 | icon = context(`./${name}.svg`); 15 | } catch (err) { 16 | Logger.error(`[Icon] No icon defined for "${name}"`, err); 17 | } 18 | 19 | return (title ? `
14 |
23 | );
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/app/lib/__snapshots__/commits.spec.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`shortCommit returns a 7-character SHA1 for a full SHA1 commitish 1`] = `"be9c03b"`;
4 |
5 | exports[`shortCommit returns the full name for a 40-character non-SHA1 commitish 1`] = `"so-this-is-a-forty-character-branch-name"`;
6 |
7 | exports[`shortCommit returns the full name for a non-SHA1 commitish 1`] = `"preload-pipeline-names-sperlunking"`;
8 |
9 | exports[`shortMessage returns the first line of a multi-line message 1`] = `"✨ Somehow this is the first spec I've written for our front-end, and this seems really odd to me"`;
10 |
11 | exports[`shortMessage returns the whole message in a one-line message 1`] = `"Bump frontend"`;
12 |
--------------------------------------------------------------------------------
/app/mutations/EmailResendVerification.js:
--------------------------------------------------------------------------------
1 | import Relay from 'react-relay/classic';
2 |
3 | class EmailResendVerification extends Relay.Mutation {
4 | getMutation() {
5 | return Relay.QL`
6 | mutation {
7 | emailResendVerification
8 | }
9 | `;
10 | }
11 |
12 | getFatQuery() {
13 | return Relay.QL`
14 | fragment on EmailResendVerificationPayload {
15 | email
16 | }
17 | `;
18 | }
19 |
20 | getConfigs() {
21 | return [{
22 | type: 'FIELDS_CHANGE',
23 | fieldIDs: {
24 | email: this.props.email.id
25 | }
26 | }];
27 | }
28 |
29 | getVariables() {
30 | return { id: this.props.email.id };
31 | }
32 | }
33 |
34 | export default EmailResendVerification;
35 |
--------------------------------------------------------------------------------
/app/lib/jobs.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import JobStates from 'app/constants/JobStates';
4 |
5 | export function jobTime(job: Object) {
6 | const { state, startedAt, finishedAt, canceledAt, timedOutAt } = job;
7 | const time = {};
8 |
9 | // job never stared, so no duration to show
10 | if (!startedAt) {
11 | return time;
12 | }
13 |
14 | time.from = startedAt;
15 |
16 | switch (state) {
17 | case JobStates.FINISHED:
18 | time.to = finishedAt;
19 | break;
20 |
21 | case JobStates.CANCELED:
22 | case JobStates.CANCELING:
23 | time.to = canceledAt;
24 | break;
25 |
26 | case JobStates.TIMED_OUT:
27 | case JobStates.TIMING_OUT:
28 | time.to = timedOutAt;
29 | break;
30 | }
31 |
32 | return time;
33 | }
34 |
--------------------------------------------------------------------------------
/app/components/docs/05-docker.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Docker
3 | ---
4 | Start an agent with the [official image](https://hub.docker.com/r/buildkite/agent/) based on Alpine Linux:
5 |
6 | ```bash
7 | docker run -e BUILDKITE_AGENT_TOKEN="{{ props.token || 'INSERT-YOUR-AGENT-TOKEN-HERE' }}" buildkite/agent
8 | ```
9 |
10 | A much larger Ubuntu-based image is also available:
11 |
12 | ```bash
13 | docker run -e BUILDKITE_AGENT_TOKEN="{{ props.token || 'INSERT-YOUR-AGENT-TOKEN-HERE' }}" buildkite/agent:ubuntu
14 | ```
15 |
16 |
15 |
22 |
16 | {children[0]}
17 |
18 |
19 | {children.slice(1)}
20 |
21 | Alternatively all our installers are capable of running your builds within isolated Docker containers. Simply install the relevant agent for your system and see our Docker docs for more details.
17 | -------------------------------------------------------------------------------- /app/css/rouge.css: -------------------------------------------------------------------------------- 1 | .rouge-table pre { 2 | font-family: var(--font-family-mono); 3 | font-size: 12px; 4 | line-height: 17px; 5 | background: inherit; 6 | border: 0; 7 | } 8 | 9 | .rouge-gutter { 10 | min-width: 25px; 11 | padding-right: 8px; 12 | text-align: right; 13 | } 14 | 15 | .rouge-gutter pre { 16 | color: #999; 17 | } 18 | 19 | .rouge-code-json .p { 20 | color: #555; 21 | } 22 | 23 | .rouge-code-json .s2 { 24 | color: #D64292 25 | } 26 | 27 | .rouge-code-graphql .p { 28 | color: #555; 29 | } 30 | 31 | .rouge-code-graphql .s2 { 32 | color: #D64292; 33 | } 34 | 35 | .rouge-code-graphql .k { 36 | color: #B11A04; 37 | } 38 | 39 | .rouge-code-graphql .n { 40 | color: #1F61A0; 41 | } 42 | 43 | .rouge-code-graphql .k + .w + .n { 44 | color: #D2054E; 45 | } 46 | -------------------------------------------------------------------------------- /app/components/shared/FormInputLabel.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import classNames from 'classnames'; 4 | 5 | class FormInputLabel extends React.PureComponent { 6 | static propTypes = { 7 | label: PropTypes.node.isRequired, 8 | children: PropTypes.node, 9 | errors: PropTypes.bool, 10 | required: PropTypes.bool 11 | }; 12 | 13 | render() { 14 | return ( 15 | 22 | ); 23 | } 24 | } 25 | 26 | export default FormInputLabel; 27 | -------------------------------------------------------------------------------- /app/lib/words.spec.js: -------------------------------------------------------------------------------- 1 | /* global describe, it, expect */ 2 | import { indefiniteArticleFor } from './words'; 3 | 4 | const TEST_WORDS = [ 5 | 'pipeline', 6 | 'organization', 7 | 'request', 8 | 'dog', 9 | 'cat', 10 | 'ant', 11 | 'clock' 12 | ]; 13 | 14 | describe('indefiniteArticleFor', () => { 15 | describe('correctly identifies indefinite articles', () => { 16 | TEST_WORDS.forEach((word) => { 17 | it(`for “${word}”`, () => { 18 | const articleForWord = indefiniteArticleFor(word); 19 | const articleForUppercaseWord = indefiniteArticleFor(word.toUpperCase()); 20 | 21 | expect(articleForWord).toMatchSnapshot(); 22 | expect(articleForUppercaseWord).toMatchSnapshot(); 23 | expect(articleForWord).toEqual(articleForUppercaseWord); 24 | }); 25 | }); 26 | }); 27 | }); 28 | -------------------------------------------------------------------------------- /app/components/agent/shared.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | export function getColourForConnectionState(connectionState: string, prefix: string = '') { 4 | switch (connectionState) { 5 | case 'connected': 6 | return `${prefix}lime`; 7 | case 'disconnected': 8 | case 'stopped': 9 | case 'lost': 10 | case 'never_connected': 11 | return `${prefix}gray`; 12 | case 'stopping': 13 | return `${prefix}orange`; 14 | } 15 | } 16 | 17 | const CONNECTION_STATE_LABELS = { 18 | 'connected': 'Connected', 19 | 'disconnected': 'Disconnected', 20 | 'stopped': 'Stopped', 21 | 'stopping': 'Stopping…', 22 | 'never_connected': 'Never Connected', 23 | 'lost': 'Lost Connection' 24 | }; 25 | 26 | export function getLabelForConnectionState(connectionState: string) { 27 | return CONNECTION_STATE_LABELS[connectionState]; 28 | } 29 | -------------------------------------------------------------------------------- /app/components/layout/Navigation/dropdown-button.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | import classNames from 'classnames'; 4 | 5 | export default class DropdownButton extends React.PureComponent { 6 | static displayName = "Navigation.DropdownButton"; 7 | 8 | static propTypes = { 9 | style: PropTypes.object, 10 | className: PropTypes.string, 11 | children: PropTypes.node, 12 | onMouseEnter: PropTypes.func 13 | }; 14 | 15 | render() { 16 | return ( 17 | 22 | ); 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /app/queries/Build.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | 3 | import Relay from 'react-relay/classic'; 4 | 5 | // Note: Ensure whatever variable you use as the $slug is unique and doesn't 6 | // match any existing variables in any other queries otherwise React Relay 7 | // Router doesn't work very well. 8 | 9 | export const query = () => Relay.QL` 10 | query { 11 | build(slug: $buildSlug) 12 | } 13 | `; 14 | 15 | // Since relay doesn't currently support root fields with multiple 16 | // parameters, it means we can't have queries like: build(org: "...", 17 | // pipeline: "...", number: "12"), so we have to do this hacky thing where we 18 | // include them all in the `buildSlug` param. 19 | export const prepareParams = (params: Object) => { 20 | return { 21 | ...params, 22 | buildSlug: [params.organization, params.pipeline, params.number].join("/") 23 | }; 24 | }; 25 | -------------------------------------------------------------------------------- /app/components/shared/PermissionDescription.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import PropTypes from 'prop-types'; 3 | 4 | import Icon from './Icon'; 5 | 6 | export default class PermissionDescription extends React.PureComponent { 7 | static propTypes = { 8 | allowed: PropTypes.bool.isRequired, 9 | permission: PropTypes.string.isRequired 10 | }; 11 | 12 | render() { 13 | const { allowed, permission } = this.props; 14 | 15 | const icon = allowed ? 'permission-small-tick' : 'permission-small-cross'; 16 | const words = allowed ? `Can ${permission}.` : `Can not ${permission}.`; 17 | 18 | return ( 19 |
20 |
23 | );
24 | }
25 | }
--------------------------------------------------------------------------------
/app/components/shared/UserAvatar.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import classNames from 'classnames';
4 |
5 | export default class UserAvatar extends React.PureComponent {
6 | static propTypes = {
7 | user: PropTypes.shape({
8 | name: PropTypes.string.isRequired,
9 | avatar: PropTypes.shape({
10 | url: PropTypes.string.isRequired
11 | })
12 | }).isRequired,
13 | className: PropTypes.string,
14 | style: PropTypes.object
15 | };
16 |
17 | render() {
18 | return (
19 | 
26 | );
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/app/components/shared/PageHeader/icon.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import classNames from 'classnames';
4 | import styled from 'styled-components';
5 |
6 | const DivWithSlightRightMargin = styled('div').attrs({
7 | className: 'align-middle'
8 | })`
9 | /* Slightly less than the mr3 (15px) */
10 | margin-right: 13px;
11 | `;
12 |
13 | export default class Icon extends React.PureComponent {
14 | static displayName = 'PageHeader.Icon';
15 | static propTypes = {
16 | children: PropTypes.node.isRequired,
17 | className: PropTypes.string
18 | };
19 |
20 | render() {
21 | const { className, children } = this.props;
22 |
23 | return (
24 | 12 | {errors.reduce( 13 | (acc, item, index) => { 14 | const separator = ( 15 | index > 0 16 | ? [', '] 17 | : [] 18 | ); 19 | 20 | return acc.concat(separator).concat([item]); 21 | }, 22 | [] 23 | )} 24 |
25 | ); 26 | }; 27 | 28 | FormInputErrors.propTypes = { 29 | className: PropTypes.string, 30 | errors: PropTypes.arrayOf(PropTypes.node.isRequired) 31 | }; 32 | 33 | FormInputErrors.defaultProps = { 34 | errors: [] 35 | }; 36 | 37 | export default FormInputErrors; 38 | -------------------------------------------------------------------------------- /flow-typed/npm/query-string_v5.1.x.js: -------------------------------------------------------------------------------- 1 | // flow-typed signature: 104549010077e5ab3f721b14eec18869 2 | // flow-typed version: d566ab41b9/query-string_v5.1.x/flow_>=v0.32.x 3 | 4 | declare module 'query-string' { 5 | declare type ArrayFormat = 'none' | 'bracket' | 'index' 6 | declare type ParserOptions = {| 7 | arrayFormat?: ArrayFormat, 8 | |} 9 | 10 | declare type StringifyOptions = {| 11 | arrayFormat?: ArrayFormat, 12 | encode?: boolean, 13 | strict?: boolean, 14 | sort?: false || {state} | 15 |
24 | Mutation:
25 | {field.isDeprecated &&
29 | );
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/flow-typed/npm/escape-html_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 61d0accc5f710452e30a119650bb38c9
2 | // flow-typed version: <Mutation:
25 | {field.isDeprecated && This mutation is deprecated. {field.deprecationReason}
} 26 |{field.description || 'No description available.'}
27 |{JSON.stringify(field, null, ' ')}
28 |
33 |
38 | );
39 | }
40 | }
41 |
42 | export default Row;
43 |
--------------------------------------------------------------------------------
/flow-typed/npm/exports-loader_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 134c7e273af8e114f82ebb5428394398
2 | // flow-typed version: <
34 | {nodes}
35 |
36 | {actions}
37 | {props.children}
;
8 | };
9 | Section.propTypes = {
10 | children: PropTypes.node
11 | };
12 |
13 | // Useful when authoring our base CSS styles
14 | //
15 | // We don't yet have a static page/route to render this, so at the moment
16 | // you just have to insert it into pages as you need it.
17 | //
18 | // For example:
19 | //
20 | // import CSSStyleGuide from '../../css/style-guide';
21 | //
22 | // class SomeComponent extends React.Component {
23 | // render() {
24 | // return (
25 | //
26 | //
28 | // );
29 | // }
30 | // }
31 | export default class CSSStyleGuide extends React.PureComponent {
32 | render() {
33 | return (
34 |
35 |
37 | );
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/flow-typed/npm/postcss-easings_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: fd45654e04d69129c9bb814116a00537
2 | // flow-typed version: <
16 | {icons.map((icon) => (
17 |
18 |
19 |
24 | );
25 |
26 | storiesOf('Icon', module).add('All', iconSheet);
27 |
28 | export const Sketch = iconSheet;
29 |
30 | icons.forEach((icon) => {
31 | storiesOf('Icon', module).add(icon, () =>
32 |
24 | Query:
25 | {field.isDeprecated &&
31 | );
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/app/stores/PusherStore.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import EventEmitter from 'eventemitter3';
4 | import Pusher from 'pusher-js';
5 | import Logger from 'app/lib/Logger';
6 |
7 | class PusherStore extends EventEmitter {
8 | pusher: Pusher;
9 |
10 | constructor() {
11 | super();
12 | }
13 |
14 | configure(key: string, options: Object) {
15 | this.pusher = new Pusher(key, options);
16 | this.pusher.connection.bind(
17 | 'state_change',
18 | ({ current, ...context }) => {
19 | Logger.info('[PusherStore]', current, context);
20 |
21 | this.emit(current, context);
22 | }
23 | );
24 | }
25 |
26 | isConfigured() {
27 | return !!this.pusher;
28 | }
29 |
30 | listen(channel: string) {
31 | Logger.info(`[PusherStore] Listening to channel '${channel}'`);
32 |
33 | this.pusher.subscribe(channel).bind_global((event, payload) => {
34 | Logger.info('[PusherStore]', event, payload);
35 |
36 | this.emit(event, payload);
37 | });
38 | }
39 | }
40 |
41 | export default new PusherStore();
42 |
--------------------------------------------------------------------------------
/flow-typed/npm/babel-preset-react_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: 35549820087f04141f3ab3c8b3cb4691
2 | // flow-typed version: <Query:
25 | {field.isDeprecated && This query is deprecated. {field.deprecationReason}
} 26 |{field.description || 'No description available.'}
27 |Arguments
28 |Returns
29 |{JSON.stringify(field, null, ' ')}
30 |
34 |
44 |
45 | `;
46 |
--------------------------------------------------------------------------------
/app/components/shared/Panel/intro-with-button.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React from 'react';
4 | import PropTypes from 'prop-types';
5 |
6 | type Props = {
7 | children: React$Node
8 | };
9 |
10 | export default class IntroWithButton extends React.PureComponent
32 | {button}
33 |
34 | );
35 | }
36 |
37 | return (
38 |
39 |
42 | );
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/app/components/shared/Icon/notification-services.svg:
--------------------------------------------------------------------------------
1 | {intro}
40 | {button}
41 |
25 | Secret
26 |
27 | );
28 | }
29 | return null;
30 |
31 | }
32 | }
33 |
34 | export default createFragmentContainer(TeamLabels, graphql`
35 | fragment Labels_team on Team {
36 | privacy
37 | }
38 | `);
--------------------------------------------------------------------------------
/app/mutations/NoticeDismiss.js:
--------------------------------------------------------------------------------
1 | import Relay from 'react-relay/classic';
2 |
3 | class NoticeDismiss extends Relay.Mutation {
4 | static fragments = {
5 | notice: () => Relay.QL`
6 | fragment on Notice {
7 | id
8 | }
9 | `
10 | }
11 |
12 | getMutation() {
13 | return Relay.QL`
14 | mutation {
15 | noticeDismiss
16 | }
17 | `;
18 | }
19 |
20 | getFatQuery() {
21 | return Relay.QL`
22 | fragment on NoticeDismissPayload {
23 | notice {
24 | dismissedAt
25 | }
26 | }
27 | `;
28 | }
29 |
30 | getOptimisticResponse() {
31 | return {
32 | notice: {
33 | id: this.props.notice.id,
34 | dismissedAt: (new Date()).toString()
35 | }
36 | };
37 | }
38 |
39 | getConfigs() {
40 | return [{
41 | type: 'FIELDS_CHANGE',
42 | fieldIDs: {
43 | notice: this.props.notice.id
44 | }
45 | }];
46 | }
47 |
48 | getVariables() {
49 | return { id: this.props.notice.id };
50 | }
51 | }
52 |
53 | export default NoticeDismiss;
54 |
--------------------------------------------------------------------------------
/flow-typed/npm/stats-webpack-plugin_vx.x.x.js:
--------------------------------------------------------------------------------
1 | // flow-typed signature: f70989c86f49fbb0213e47230aeba908
2 | // flow-typed version: <
15 |
32 | );
33 | }
34 |
35 | handleInputChange = (event) => {
36 | this.props.onChange(event);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/app/components/shared/Panel/row-actions.js:
--------------------------------------------------------------------------------
1 | // @flow
2 |
3 | import React from 'react';
4 | import PropTypes from 'prop-types';
5 | import classNames from 'classnames';
6 |
7 | type Props = {
8 | children?: React$Node,
9 | className?: string
10 | };
11 |
12 | export default class RowActions extends React.PureComponent