Contributing to TOAST UI

First off, thanks for taking the time to contribute! 🎉 😘 ✨

The following is a set of guidelines for contributing to TOAST UI. These are mostly guidelines, not rules. Use your best judgment, and feel free to propose changes to this document in a pull request.

Reporting Bugs

Bugs are tracked as GitHub issues. Search the list and try reproduce on [demo][demo] before you create an issue. When you create an issue, please provide the following information by filling in the template.

Explain the problem and include additional details to help maintainers reproduce the problem:

• Use a clear and descriptive title for the issue to identify the problem.
• Describe the exact steps which reproduce the problem in as many details as possible. Don't just say what you did, but explain how you did it. For example, if you moved the cursor to the end of a line, explain if you used a mouse or a keyboard.
• Provide specific examples to demonstrate the steps. Include links to files or GitHub projects, or copy/pasteable snippets, which you use in those examples. If you're providing snippets on the issue, use Markdown code blocks.
• Describe the behavior you observed after following the steps and point out what exactly is the problem with that behavior.
• Explain which behavior you expected to see instead and why.
• Include screenshots and animated GIFs which show you following the described steps and clearly demonstrate the problem.

Suggesting Enhancements

In case you want to suggest for TOAST UI ImageEditor, please follow this guideline to help maintainers and the community understand your suggestion. Before creating suggestions, please check issue list if there's already a request.

Create an issue and provide the following information:

• Use a clear and descriptive title for the issue to identify the suggestion.
• Provide a step-by-step description of the suggested enhancement in as many details as possible.
• Provide specific examples to demonstrate the steps. Include copy/pasteable snippets which you use in those examples, as Markdown code blocks.
• Include screenshots and animated GIFs which helps demonstrate the steps or point out the part of TOAST UI ImageEditor which the suggestion is related to.
• Explain why this enhancement would be useful to most TOAST UI users.
• List some other image editors or applications where this enhancement exists.

First Code Contribution

Unsure where to begin contributing to TOAST UI? You can start by looking through these document, good first issue and help wanted issues:

• document issues: issues which should be reviewed or improved.
• good first issues: issues which should only require a few lines of code, and a test or two.
• help wanted issues: issues which should be a bit more involved than beginner issues.

Pull Requests

Development WorkFlow

• Set up your development environment
• Make change from a right branch
• Be sure the code passes npm run lint, npm run test
• Make a pull request

Development environment

• Prepare your machine node and it's packages installed.
• Checkout our repository
• Install dependencies by npm install && bower install
• Start webpack-dev-server by npm run serve

Make changes

Checkout a branch

• develop: PR base branch. merge features, updates for next minor or major release
• master: bug fix or document update for next patch release. develop branch will rebase every time master branch update. so keep code change to a minimum.
• production: lastest release branch with distribution files. never make a PR on this
• gh-pages: API docs, examples and demo

Check Code Style

Run npm run eslint and make sure all the tests pass.

Test

Run npm run test and verify all the tests pass. If you are adding new commands or features, they must include tests. If you are changing functionality, update the tests if you need to.

Commit

Follow our commit message conventions.

Yes! Pull request

Make your pull request, then describe your changes.

Title

Follow other PR title format on below.

    <Type>: Short Description (fix #111)
    <Type>: Short Description (fix #123, #111, #122)
    <Type>: Short Description (ref #111)

• capitalize first letter of Type
• use present tense: 'change' not 'changed' or 'changes'

Description

If it has related to issues, add links to the issues(like #123) in the description. Fill in the Pull Request Template by check your case.

Code of Conduct

This project and everyone participating in it is governed by the Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to dl_javascript@nhn.com.

This Guide is base on atom contributing guide, CocoaPods and ESLint