update deps

gulpfile.js

@@ -165,4 +165,4 @@ gulp.task('watch', function() {
   gulp.watch(['src/**/*.js'], ['dev-build']);
 });
 
-gulp.task('default', ['dev-build', 'watch', 'server']);
+gulp.task('default', gulp.series(['dev-build', 'watch', 'server']));

package.json

@@ -25,21 +25,21 @@
     "watch": "rollup -c -w"
   },
   "devDependencies": {
-    "chai": "4.1.2",
+    "chai": "4.2.0",
-    "gulp": "^3.9.1",
+    "gulp": "^4.0.0",
     "gulp-concat": "^2.6.1",
-    "gulp-connect": "^5.0.0",
+    "gulp-connect": "^5.7.0",
-    "gulp-eslint": "^4.0.0",
+    "gulp-eslint": "^5.0.0",
     "gulp-jscpd": "0.0.8",
     "gulp-jsdoc3": "^2.0.0",
-    "gulp-rename": "^1.2.2",
+    "gulp-rename": "^1.4.0",
-    "gulp-replace": "^0.6.1",
+    "gulp-replace": "^1.0.0",
-    "gulp-uglify": "^3.0.0",
+    "gulp-uglify": "^3.0.1",
     "gulp-util": "^3.0.8",
-    "mocha": "4.0.1",
+    "mocha": "5.2.0",
-    "mocha-headless-chrome": "^2.0.0",
+    "mocha-headless-chrome": "^2.0.2",
-    "prettier": "^1.9.2",
+    "prettier": "^1.16.4",
-    "typescript": "^3.1.3"
+    "typescript": "^3.3.1"
   },
   "keywords": [
     "canvas",
@@ -67,10 +67,10 @@
   "dependencies": {
     "gulp-exec": "^3.0.2",
     "gulp-typescript": "^5.0.0",
-    "rollup": "^0.68.2",
+    "rollup": "^1.1.2",
     "rollup-plugin-commonjs": "^9.2.0",
     "rollup-plugin-node-resolve": "^4.0.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
-    "rollup-plugin-typescript2": "^0.18.1"
+    "rollup-plugin-typescript2": "^0.19.2"
   }
 }

src/Shape.ts

@@ -18,6 +18,8 @@ var SHADOW_RGBA = 'shadowRGBA';
 // TODO: idea - use only "remove" (or destroy method)
 // how? on add, check that every inner shape has reference in konva store with color
 // on remove - clear that reference
+// the approach is good. But what if we want to cache the shape before we add it into the stage
+// what color to use for hit test?
 
 function _fillFunc(context) {
   context.fill();