Hi,
Want to contribute your suggestions to Predix UI? Here's how you can help.
Please follow the below steps carefully, so your suggestions will be clear and developers can make effective fixes.
The GitHub issue tracker is the preferred channel for bug reports, features requests and submitting pull requests, so please respect the following restrictions:
-
Please do not use the GitHub issue tracker for personal support requests. Stack Overflow (
predix ui
tag), or Predix.io are better places to get help. -
Please do not derail or troll issues. Keep the discussion on topic and respect the opinions of others.
-
Please do not post vague comments like "+1" or ":thumbsup:". Use GitHub's "reactions" feature. We reserve the right to delete comments.
Our bug tracker utilizes several labels to help organize and identify issues. Here's what they represent and how we use them:
browser bug
- Issues that are reported to us, but are actually the result of a browser-specific bug. These issues are diagnosed with reduced test cases and result in an issue opened on that browser's own bug tracker.confirmed
- Issues that have been confirmed with a reduced test case and identify a bug in a Predix UI component.css
- Issues stemming from our compiled CSS or source Sass files.docs
- Issues for improving or updating our documentation.examples
- Issues involving the example templates included in our docs.feature
- Issues asking for a new feature to be added, or an existing one to be extended or modified. New features require a minor version bump (e.g.,v3.0.0
tov3.1.0
).gulp
- Issues with our included JavaScript-based gulpfile, which is used to run all our tests, concatenate and compile source files, and more.help wanted
- Issues that we need or would like the community to help us resolve.js
- Issues stemming from our compiled or source JavaScript files.meta
- Issues with the project itself or our GitHub repository.
A bug is a demonstrable problem caused by the code in the repository. Good bug reports are extremely helpful.
Guidelines for bug reports:
-
Validate and lint your code; validate your HTML and lint your HTML to ensure your problem isn't caused by a simple error in your own code.
-
Use the GitHub issue search; check if the issue has already been reported.
-
Check if the issue has been fixed; try to reproduce the issue by using the latest
master
or development branch in the repository. -
Isolate the problem; ideally create a reduced test case and a live example using CodePen or jsfiddle.
A good bug report shouldn't require others to get more information. Please be as detailed as possible in your report. What is your environment? What steps will reproduce the issue? What browser(s) and OS experience the problem? Do other browsers show the bug differently? What would you expect for the outcome? Such details will help people fix potential bugs.
Example:
Short and descriptive example bug report title
A summary of the issue and the browser/OS environment in which it occurs. If suitable, include the steps required to reproduce the bug.
- This is the first step
- This is the second step
- Further steps, etc.
<url>
- a link to the reduced test caseAny other information relevant to the bug report. This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits).
Feature requests are welcome, but before opening one, determine if your idea suits the scope and aims of Predix UI. You need to make a strong case and convince the Predix UI team to adopt your feature. Please provide as much detail and context as possible.
Your pull requests�patches, improvements, and new features�are a big help. The requests should be focused and avoid unrelated commits.
Please ask before making a significant pull request (e.g., implementing features, refactoring code, or porting to a different language) that Predix UI developers might not merge into the component.
Please follow the coding guidelines used throughout the project (indentation, accurate comments, etc.) and any other requirements (such as test coverage).
Do not edit any of the CSS files directly! The files are automatically generated. You should edit the source files in [sass/
] instead.
Do not edit the gh-pages
branch. That branch is generated from the documentation source files and is managed separately by the Predix UI team.
Please use the following process to have your work considered for the project:
-
Fork the component.
-
Create a new topic branch (off the main project development branch) to contain your feature, change, or fix:
bash git checkout -b <topic-branch-name>
-
Commit your changes in logical chunks. Please adhere to these git commit message guidelines or your code is unlikely to be merged into the main project. Use Git's interactive rebase feature to tidy up your commits before making them public.
-
Locally merge (or rebase) the latest commits into your branch:
bash git pull [--rebase] origin master
-
Push your topic branch up to your fork:
bash git push origin <topic-branch-name>
-
Open a Pull Request with a clear title and description against the
master
branch.
- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags).
- Use WAI-ARIA attributes in documentation examples to promote accessibility.
- When feasible, default color palettes should comply with WCAG color contrast guidelines.
- Except in rare cases, don't remove default
:focus
styles (via e.g.outline: none;
) without providing alternative styles. See this A11Y Project post for more details.
- 2 spaces (no tabs)
- "Attractive"
- no errors / warnings