feat: v3.11.0 (#498)

* feat: add undo stack of object resize/move [#358] (#490)

* feat: add objectModified handler

* feat: resize move add undo stack - middle commit

* feat: resize move add undo stack - middle commit 2

* feat: one item undo redo prototype complate

* feat: undo chage from group selection = #1

* feat: prototyping complete

* feat: add selectionModifyHelper

* feat: complate refactoring

* refactor: complete refactoring

* feat: added test for changeSelection command

* test: add selectionModifyHelper test

* chore: fix misspelling

* chore: apply code review

Co-authored-by: lja1018 <[email protected]>
Co-authored-by: jinwoo-kim-nhn <[email protected]>

* feat: update fabric version to 4.2.0 [#461] (#491)

* feat: fabricjs version update 3.6.0 -> 4.2.0 - start prototyping

* feat: apply fabric v4.2.0 breaking changes

* test: fix fabric v4.2.0 breaking changes

* chore: change example cdn link

* fix: icon event drag error bug at IE

* env: update fabric version to 4.2.0

* chore: change misspelling

* chore: fix misspelling

* chore: apply code review

Co-authored-by: jinwoo-kim-nhn <[email protected]>

* feat: add icon drawing mode [#74, #441] (#492)

* feat: add drawingmode for icon - prototyping complete

* feat: complete add drawing mode for icon

* chore: fix misspelling

* chore: apply code review

* fix: icon selection scale

Co-authored-by: jinwoo-kim-nhn <[email protected]>

* fix: text line-through decoration (#496)

* fix: not apply setBrush API when LINE_DRAWING (#497)

* feat: apply prettier (#493)

* env: add prettier

* chore: apply prettier

Co-authored-by: 김진우 <[email protected]>
Co-authored-by: jinwoo-kim-nhn <[email protected]>

.babelrc

@@ -1,8 +1,8 @@
 {
-    "presets": ["es2015"],
-    "plugins": [
-        ["transform-es2015-destructuring", {"loose": true}],
-        ["transform-es2015-for-of", {"loose": true}],
-        ["transform-es2015-spread", {"loose": true}]
-    ]
+  "presets": ["es2015"],
+  "plugins": [
+    ["transform-es2015-destructuring", { "loose": true }],
+    ["transform-es2015-for-of", { "loose": true }],
+    ["transform-es2015-spread", { "loose": true }]
+  ]
 }

.eslintrc.js

@@ -1,26 +1,30 @@
 module.exports = {
-    "extends": "tui/es6",
-    "env": {
-        "browser": true,
-        "amd": true,
-        "node": true,
-        "jasmine": true,
-        "jquery": true,
-        "es6": true
-    },
-    "globals": {
-        "fabric": true,
-        "tui": true,
-        "loadFixtures": true
-    },
-    "parserOptions": {
-        "sourceType": "module"
-    },
-    'rules': {
-        indent: [2, 4, {SwitchCase: 1, ignoreComments: false, ImportDeclaration: 1, flatTernaryExpressions: false}],
-        'prefer-destructuring': ['error', {
-            VariableDeclarator: {array: true, object: true},
-            AssignmentExpression: {array: false, object: false}
-        }]
-    }
+  extends: ['tui/es6', 'plugin:prettier/recommended'],
+  plugins: ['prettier'],
+  env: {
+    browser: true,
+    amd: true,
+    node: true,
+    jasmine: true,
+    jquery: true,
+    es6: true,
+  },
+  globals: {
+    fabric: true,
+    tui: true,
+    loadFixtures: true,
+  },
+  parserOptions: {
+    sourceType: 'module',
+  },
+  rules: {
+    'prefer-destructuring': [
+      'error',
+      {
+        VariableDeclarator: { array: true, object: true },
+        AssignmentExpression: { array: false, object: false },
+      },
+    ],
+    'prettier/prettier': 'error',
+  },
 };

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,14 +4,14 @@ about: Create a report to help us improve
 title: ''
 labels: Bug
 assignees: ''
-
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: Enhancement, Need Discussion
 assignees: ''
-
 ---
 
 <!--
@@ -19,17 +18,21 @@ And you can write template's contents in Korean also.
 <!-- TEMPLATE -->
 
 ## Version
+
 <!-- Write the version of the imageEditor you are currently using. -->
 
 ## Development Environment
+
 <!-- Write the browser type, OS and so on -->
 
 ## Current Behavior
+
 <!-- Write a description of the current operation. You can add sample code, 'CodePen' or 'jsfiddle' links. -->
 
 ```js
 // Write example code
 ```
 
 ## Expected Behavior
+
 <!-- Write a description of the future action. -->

.github/ISSUE_TEMPLATE/question.md

@@ -4,7 +4,6 @@ about: Create a question about imageEditor
 title: ''
 labels: Question
 assignees: ''
-
 ---
 
 <!--

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "quoteProps": "as-needed",
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "bracketSpacing": true,
+  "proseWrap": "preserve"
+}

CODE_OF_CONDUCT.md

@@ -14,21 +14,21 @@ religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
+- The use of sexualized language or imagery and unwelcome sexual attention or
   advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
   address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Our Responsibilities

CONTRIBUTING.md

@@ -5,87 +5,103 @@ 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.
+- **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](../../labels/enhancement) 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.**
+- **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.
+- **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](./docs/COMMIT_MESSAGE_CONVENTION.md).
 
 ### 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'
+
+- 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](./docs/PULL_REQUEST_TEMPLATE.md) by check your case.
 
 ## Code of Conduct
+
 This project and everyone participating in it is governed by the [Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [email protected].
 
 > This Guide is base on [atom contributing guide](https://github.com/atom/atom/blob/master/CONTRIBUTING.md), [CocoaPods](https://guides.cocoapods.org/contributing/contribute-to-cocoapods.html) and [ESLint](https://eslint.org/docs/developer-guide/contributing/pull-requests)

ISSUE_TEMPLATE.md

@@ -10,17 +10,21 @@ And you can write template's contents in Korean also.
 <!-- TEMPLATE -->
 
 ## Version
+
 <!-- Write the version of the grid you are currently using. -->
 
 ## Development Environment
+
 <!-- Write the browser type, OS and so on -->
 
 ## Current Behavior
+
 <!-- Write a description of the current operation. You can add example code, 'CodePen' or 'jsfiddle' links. -->
 
 ```js
 // Write example code
 ```
 
 ## Expected Behavior
+
 <!-- Write a description of the future action. -->