buildkite / frontend Goto Github PK
View Code? Open in Web Editor NEW🌏 The front-end application code for https://buildkite.com
License: MIT License
🌏 The front-end application code for https://buildkite.com
License: MIT License
It appears that emoji could be sized as 1.25em
rather than 20px
(& then lots of separate handling), but would be good to double check!
On poorly-performing networks this could cause issues!
app/components/agent/Show.js
(#235)app/components/agent/Index/installation.js
(#235)app/components/agent/Index/agents.js
(#158)Noted by @keithpitt in #135
We have a pipeline which will trigger an incident if it fails. When this happens we need to be able to investigate exactly what failed. Currently it's possible for someone to retry a step in the pipeline, erasing this failure history. We would like to either preserve the existing logs somewhere so we can still see them, or have a lot of actions on each job, which would show when a job has been retried.
Scenario:
(Note: The reference to build B on the build A page also does not go into the "in progress" state when the job on build B is being retried)
Hi Buildkite team,
really like the new pipelines view, but I miss two small aspects that were very useful in the old one:
Thanks for your consideration!
I never used to like it but for this use case it's definitely much more readable, allows comments (which I wanted to add, specifying rationale for rules, but didn't), and doesn't get angry at you if you misplace a comma
Emojis in pipeline names are displaying properly in the Pipeline Settings page but not in those sections:
In the pipelines list, in the following graph, you can't tell which jobs actually failed and which jobs were cancelled because another merge happened before the tests finished. We want to be able to notice failures of tests on master just by looking at the graph, without having to hover or click. It would be really useful if those builds showed up in a different color and I propose gray.
by prefixing key log lines with ~~~
i have gotten the logs to fold nicely, and buildkite clearly says how long each step of the build took
what i would like next, is for buildkite to grab the average run-time for each step over the last few commits, and then render it in this UI, so it says 1m 10s / 2m 13s
, giving you a rough idea of how much longer it will take to finish, and similarly handle the total runtime of the entire script
another optional thing you could then do, is to perform the same checks on everything in the queue, and estimate how long it will take for an agent to become available to run the command
I left a build running while I was on holidays. There was no agent running so it was waiting from Jan 17 -> Feb 1 = 15 days, or around 2 weeks.
However, the pipeline says 'Waiting for 4 weeks'
and the build says waiting for '2w 15d'
I suspect that 15 days is being converted to 2w but the days are not being set to the remainder.
Then I suspect they are being added back together to get the 4 weeks value.
A "Wait" is represented by the little pointer arrow in the top list of steps, but has no visual representation in the lower list. It would be helpful when scrolling through a long list of steps to see where the "Wait"s occurred. # #
When you're a complete idiot (like myself), you spell things wrong all the time. Of course, there is an invention called bookmarks to solve this problem, but alas, when you head to https://buildkite.com/org?team=non-existent-team you get a page hang.
I guess it would be nicer to get a 404 or some kind of message. RESTful i guess the URL is accurate, so 404 may not be technically correct since it's invalid query params causing the issue. 400 bad request maybe. Or just a screen message. I'll leave that up to your capable hands.
Sometimes I want to do this, e.g. for a long-running build with one step I'm trying to debug for flakiness, or to test a step which builds and publishes artifacts, and should be a no-op download if run subsequently for the same SHA.
I am using a Mac laptop with a Chrome browser and encounter the block step modal sometimes gets cut off at the top to the point I cannot scroll any higher and some inputs, title, and closing X button of the modal get cut off if there are too many selects/text input fields in the block step modal. I can scroll down to click 'Continue' which is good though. I've been experimenting with adding a bunch of fields and ran into this issue in our pipelines.
i use aspnet with vb
and the properties file.error and file.type
"error" and "type"
are reserved words
and i cant use them as properties
can it be changed ?
i saw someone use "errorMSG" instead for the error message
i now trying to fix it but may be someone else will encounter this issue
tnx
I accidentally had a leading space in my repository name, which the UI accepted. However, when the agent tried to check out the code, I got the misleading message that:
Cloning into '.'...
Permission denied (publickey).
fatal: Could not read from remote repository.
The command-line output shows that the repo name is quoted:
$ cd "/var/lib/buildkite-agent/builds/ubuntu-1404-10.232.1.48/example/repo"
$ git clone -v -- " [email protected]:example/repo.git" .
Following the guides at https://buildkite.com/docs/builds/managing-log-output , I've added the following line to our build shell script:
echo -e "\:package: Deploying to dev environment"
However, it is showing verbatim, and not showing any emoji. Removing the backslash escape has no effect.
For instance:
In that image, I'm on https://buildkite.com/.../builds?branch=feature%2Fsplit-pipeline, that is, the list of builds for the feature/split-pipeline
branch. I clicked "New Build", and it suggested "develop". As suggested in the image, it could instead suggest the feature/split-pipeline
branch. The same would be true if I was looking at a specific build of this branch (the build in the background of the image is number 324, so if I was on https://buildkite.com/.../builds/324).
If there's an expectation that most "New Builds" would be on the repo's default branch, alternatives could be:
(Or possibly all three: radio boxes, with the current branch chosen by default, along with autocompletion in the Other box!)
Hi there,
I saw that Buildkite uses Gravatar to fetch profile pictures.
I happen to have an account at Gravatar, so I was surprised that my avatar wasn't fetched.
Decided to figure out why this was the case: on sign-up, I entered my email address with uppercase letters, but Gravatar only works with lowercase.
Gravatar documentation: https://en.gravatar.com/site/implement/hash/
I found this out by inspecting the URL of my profile image, which turned out to be:
https://www.gravatar.com/avatar/bb1a9d0a...
I tried to compute some of the hashes myself in the JavaScript console using this md5-function:
> md5("M.P.Sijm@...")
< "bb1a9d0a..."
> md5("m.p.sijm@...")
< "bf363487..."
The newly added summary section is useful, but could be more so if we show number of test failures (and if possible, successes) right at the top.
It will be really useful while making incremental changes as a factor that guides me is the reduction in the number of test failures.
cc @ticky
Scenario:
It would be nice to inline the triggered steps into the main pipeline view (recursive) to see what are the real progress, see logs and so on. This way, users will see ALL the steps involved, what is the real progress... and can go directly to steps to get logs, artifacts, without clicking and clicking
I had to inline steps by my self in the main pipeline and not using triggers to make our team happy.
I ended complicating the maintenance of .buildkite files..., just for an UX issue
WDYT? Sounds reasonable?
This doesn't work when setting an environment variable:
CI_HIPE_LLVM=
After saving the field is empty.
It would be great to have an option to expand/collapse all failed tests using a single button. I currently use custom js for this...
Clicking cancel on a build causes the pipeline page build state icons to disappear for a moment while the build is cancelled. Perhaps canceling should be like pending but red, or something?
Just filing this as a request for additional documentation for open source developers to get involved. Some useful information that you could add to the readme:
yarn start
I assume.EMOJI_HOST
, or provide a default if possible.FRONTEND_HOST
, or provide a default if possible.buildkite.dev
, and I also get a EADDRNOTAVAIL
error when trying to start the server.vendor/emojis
directory.I'm willing to jump through a few hoops to contribute, but would love to see the barrier to contribute lowered by better documentation. Thanks!
You say that the buildkite supports Github integration. But necessity to create via email and/or other unwanted actions obstructs a bit for a simple testing of buildkite.
Sorry, frontend can be bad place for this issue,
It would be nice to have some statistics page per pipeline and branch to show failed / passed builds in pipelines for each branch
More or less what is shown in main page, but with a dedicated/nice views/easy to use page ;)
We’re currently using a bunch of the deprecated, soon-to-be-removed methods.
It will be impossible to upgrade to React 17 if we don’t transition away from these. Most of the usages should be simple to replace with supported methods, but we do have a lot of lifecycle methods dependent on the current data flow.
Affected files:
/frontend/app/components/agent/Index/installation.js
/frontend/app/components/icons/BuildState.js
/frontend/app/components/job/Index/index.js
/frontend/app/components/job/Index/jobs.js
/frontend/app/components/layout/Flashes/index.js
/frontend/app/components/layout/Navigation/index.js
/frontend/app/components/layout/Navigation/MyBuilds/index.js
/frontend/app/components/member/Edit/form.js
/frontend/app/components/member/New.js
/frontend/app/components/organization/AgentsCount.js
/frontend/app/components/organization/Pipeline/graph.js
/frontend/app/components/organization/Pipelines.js
/frontend/app/components/pipeline/CreateBuildDialog.js
/frontend/app/components/pipeline/Header/index.js
/frontend/app/components/shared/Autocomplete/Dialog/index.js
/frontend/app/components/shared/Autocomplete/Field/index.js
/frontend/app/components/shared/BuildStatusDescription.js
/frontend/app/components/shared/CreditCardInput.js
/frontend/app/components/shared/Dialog.js
/frontend/app/components/shared/Duration.js
/frontend/app/components/shared/FriendlyTime.js
/frontend/app/components/shared/Menu/button.js
/frontend/app/components/shared/Menu/index.js
/frontend/app/components/shared/SearchField.js
Building pipelines isn't difficult, but can be a little time consuming. It would be handy if we could copy (duplicate) an existing pipeline to start with.
Hi,
In the pipelines list it shows the default branch builds, there are pipelines that are run on several branches and never on the default. This make the UI as if the pipeline is empty (see the image bellow).
Can a option to show all builds be added? Maybe a checkbox in the pipeline settings.
Best Regards
We have over a dozen pipelines and it would be helpful to be able to disable a pipeline, instead of deleting it.
Going to https://buildkite.com/organizations//teams/development and clicking on "remove" doesn't do anything.
Also looked at browser debug and there was no call actioned from a click.
If you annotate a build with a job link. For example:
<a href=\"##{job_id}\">Job ##{job_id}</a>
and you click on the link , nothing happens
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.