Feat/core js with esmodule

package.json

@@ -84,7 +84,7 @@
  "tslint": "tslint index.d.ts"
  },
  "dependencies": {
- "core-js": "2.4.1",
+ "core-js-pure": "^3.6.4",
  "fabric": "3.6.0",
  "tui-code-snippet": "^1.5.0",
  "tui-color-picker": "^2.2.0"

src/js/action.js

@@ -1,5 +1,5 @@
 import {extend} from 'tui-code-snippet';
-import util from './util';
+import {isSupportFileApi, base64ToBlob, toInteger} from './util';
 import Imagetracer from './helper/imagetracer';
 
 export default {
@@ -97,7 +97,7 @@ export default {
  this.ui.changeHelpButtonEnabled('deleteAll', false);
  },
  load: file => {
- if (!util.isSupportFileApi()) {
+ if (!isSupportFileApi()) {
  alert('This browser does not support file-api');
  }
 
@@ -116,8 +116,8 @@ export default {
  let imageName = this.getImageName();
  let blob, type, w;
 
- if (util.isSupportFileApi() && window.saveAs) {
- blob = util.base64ToBlob(dataURL);
+ if (isSupportFileApi() && window.saveAs) {
+ blob = base64ToBlob(dataURL);
  type = blob.type.split('/')[1];
  if (imageName.split('.').pop() !== type) {
  imageName += `.${type}`;
@@ -489,7 +489,7 @@ export default {
  },
  objectScaled: obj => {
  if (['i-text', 'text'].indexOf(obj.type) > -1) {
- this.ui.text.fontSize = util.toInteger(obj.fontSize);
+ this.ui.text.fontSize = toInteger(obj.fontSize);
  } else if (['rect', 'circle', 'triangle'].indexOf(obj.type) >= 0) {
  const {width, height} = obj;
  const strokeValue = this.ui.shape.getStrokeValue();

src/js/command/addIcon.js

@@ -3,10 +3,9 @@
  * @fileoverview Add an icon
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {Promise} from '../util';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {ICON} = componentNames;
 
 const command = {
@@ -44,4 +43,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/addImageObject.js

@@ -3,10 +3,8 @@
  * @fileoverview Add an image object
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames} = consts;
+import {Promise} from '../util';
+import {commandNames} from '../consts';
 
 const command = {
  name: commandNames.ADD_IMAGE_OBJECT,
@@ -37,4 +35,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/addObject.js

@@ -3,10 +3,8 @@
  * @fileoverview Add an object
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames, rejectMessages} = consts;
+import {Promise} from '../util';
+import {commandNames, rejectMessages} from '../consts';
 
 const command = {
  name: commandNames.ADD_OBJECT,
@@ -46,4 +44,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/addShape.js

@@ -3,10 +3,9 @@
  * @fileoverview Add a shape
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {Promise} from '../util';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {SHAPE} = componentNames;
 
 const command = {
@@ -51,4 +50,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/addText.js

@@ -3,9 +3,8 @@
  * @fileoverview Add a text object
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-const {componentNames, commandNames, rejectMessages} = consts;
+import {Promise} from '../util';
+import {componentNames, commandNames, rejectMessages} from '../consts';
 const {TEXT} = componentNames;
 
 const command = {
@@ -65,4 +64,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/applyFilter.js

@@ -4,9 +4,8 @@
  */
 import snippet from 'tui-code-snippet';
 import commandFactory from '../factory/command';
-import consts from '../consts';
+import {componentNames, rejectMessages, commandNames} from '../consts';
 
-const {componentNames, rejectMessages, commandNames} = consts;
 const {FILTER} = componentNames;
 
 /**
@@ -96,4 +95,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/changeIconColor.js

@@ -3,10 +3,9 @@
  * @fileoverview Change icon color
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {Promise} from '../util';
+import {componentNames, rejectMessages, commandNames} from '../consts';
 
-const {componentNames, rejectMessages, commandNames} = consts;
 const {ICON} = componentNames;
 
 const command = {
@@ -50,4 +49,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/changeShape.js

@@ -3,11 +3,10 @@
  * @fileoverview change a shape
  */
 import snippet from 'tui-code-snippet';
+import {Promise} from '../util';
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {componentNames, rejectMessages, commandNames} from '../consts';
 
-const {componentNames, rejectMessages, commandNames} = consts;
 const {SHAPE} = componentNames;
 
 /**
@@ -86,4 +85,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/changeText.js

@@ -3,10 +3,9 @@
  * @fileoverview Change a text
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {Promise} from '../util';
+import {componentNames, rejectMessages, commandNames} from '../consts';
 
-const {componentNames, rejectMessages, commandNames} = consts;
 const {TEXT} = componentNames;
 
 const command = {
@@ -46,4 +45,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/changeTextStyle.js

@@ -4,10 +4,9 @@
  */
 import snippet from 'tui-code-snippet';
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
+import {Promise} from '../util';
+import {componentNames, rejectMessages, commandNames} from '../consts';
 
-const {componentNames, rejectMessages, commandNames} = consts;
 const {TEXT} = componentNames;
 
 /**
@@ -82,4 +81,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/clearObjects.js

@@ -3,10 +3,8 @@
  * @fileoverview Clear all objects
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames} = consts;
+import {Promise} from '../util';
+import {commandNames} from '../consts';
 
 const command = {
  name: commandNames.CLEAR_OBJECTS,
@@ -36,4 +34,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/flip.js

@@ -3,9 +3,8 @@
  * @fileoverview Flip an image
  */
 import commandFactory from '../factory/command';
-import consts from '../consts';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {FLIP} = componentNames;
 
 const command = {
@@ -37,4 +36,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/loadImage.js

@@ -3,9 +3,8 @@
  * @fileoverview Load a background (main) image
  */
 import commandFactory from '../factory/command';
-import consts from '../consts';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {IMAGE_LOADER} = componentNames;
 
 const command = {
@@ -60,4 +59,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/removeFilter.js

@@ -3,9 +3,8 @@
  * @fileoverview Remove a filter from an image
  */
 import commandFactory from '../factory/command';
-import consts from '../consts';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {FILTER} = componentNames;
 
 const command = {
@@ -39,4 +38,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/removeObject.js

@@ -3,10 +3,8 @@
  * @fileoverview Remove an object
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames, rejectMessages} = consts;
+import {Promise} from '../util';
+import {commandNames, rejectMessages} from '../consts';
 
 const command = {
  name: commandNames.REMOVE_OBJECT,
@@ -40,4 +38,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/resizeCanvasDimension.js

@@ -3,10 +3,8 @@
  * @fileoverview Resize a canvas
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames} = consts;
+import {Promise} from '../util';
+import {commandNames} from '../consts';
 
 const command = {
  name: commandNames.RESIZE_CANVAS_DIMENSION,
@@ -43,4 +41,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/rotate.js

@@ -3,9 +3,8 @@
  * @fileoverview Rotate an image
  */
 import commandFactory from '../factory/command';
-import consts from '../consts';
+import {componentNames, commandNames} from '../consts';
 
-const {componentNames, commandNames} = consts;
 const {ROTATION} = componentNames;
 
 /**
@@ -65,4 +64,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/setObjectPosition.js

@@ -3,10 +3,8 @@
  * @fileoverview Set object properties
  */
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames, rejectMessages} = consts;
+import {Promise} from '../util';
+import {commandNames, rejectMessages} from '../consts';
 
 const command = {
  name: commandNames.SET_OBJECT_POSITION,
@@ -53,4 +51,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;

src/js/command/setObjectProperties.js

@@ -4,10 +4,8 @@
  */
 import snippet from 'tui-code-snippet';
 import commandFactory from '../factory/command';
-import Promise from 'core-js/library/es6/promise';
-import consts from '../consts';
-
-const {commandNames, rejectMessages} = consts;
+import {Promise} from '../util';
+import {commandNames, rejectMessages} from '../consts';
 
 const command = {
  name: commandNames.SET_OBJECT_PROPERTIES,
@@ -58,4 +56,4 @@ const command = {
 
 commandFactory.register(command);
 
-module.exports = command;
+export default command;