@daybrush/drag - npm Package Compare versions

Comparing version 0.4.2 to 0.5.0

declaration/drag.d.ts

 import { DragOptions } from "./types";
-export default function setDrag(el: Element, options: DragOptions): void;
+export default function setDrag(el: Element, options: DragOptions): {
+    unset(): void;
+};

declaration/types.d.ts

@@ -7,5 +7,5 @@ import { IObject } from "@daybrush/utils";
         datas: IObject<any>;
-        inputEvent: any;
         clientX: number;
         clientY: number;
+        inputEvent: any;
     }) => any;
@@ -12,0 +12,0 @@ drag?: (options: {

dist/drag.esm.js

 /*
-Copyright (c) 2019 Daybrush
+Copyright (c) Daybrush
 name: @daybrush/drag
@@ -7,3 +7,3 @@ license: MIT
 repository: git+https://github.com/daybrush/drag.git
-version: 0.4.2
+version: 0.5.0
 */
@@ -105,3 +105,3 @@ function setDrag(el, options) {
     container.addEventListener("mousemove", onDrag);
-    container.addEventListener("mouseup", onDragEnd); // container.addEventListener("mouseleave", onDragEnd);
+    container.addEventListener("mouseup", onDragEnd);
   }
@@ -114,4 +114,21 @@
   }
+
+  return {
+    unset: function () {
+      if (isMouse) {
+        el.removeEventListener("mousedown", onDragStart);
+        container.removeEventListener("mousemove", onDrag);
+        container.removeEventListener("mouseup", onDragEnd);
+      }
+
+      if (isTouch) {
+        el.removeEventListener("touchstart", onDragStart);
+        container.removeEventListener("touchmove", onDrag);
+        container.removeEventListener("touchend", onDragEnd);
+      }
+    }
+  };
 }
 
 export { setDrag as drag };
+//# sourceMappingURL=drag.esm.js.map

dist/drag.js

 /*
-Copyright (c) 2019 Daybrush
+Copyright (c) Daybrush
 name: @daybrush/drag
@@ -7,3 +7,3 @@ license: MIT
 repository: git+https://github.com/daybrush/drag.git
-version: 0.4.2
+version: 0.5.0
 */
@@ -111,3 +111,3 @@ (function (global, factory) {
         container.addEventListener("mousemove", onDrag);
-        container.addEventListener("mouseup", onDragEnd); // container.addEventListener("mouseleave", onDragEnd);
+        container.addEventListener("mouseup", onDragEnd);
       }
@@ -120,2 +120,18 @@
       }
+
+      return {
+        unset: function () {
+          if (isMouse) {
+            el.removeEventListener("mousedown", onDragStart);
+            container.removeEventListener("mousemove", onDrag);
+            container.removeEventListener("mouseup", onDragEnd);
+          }
+
+          if (isTouch) {
+            el.removeEventListener("touchstart", onDragStart);
+            container.removeEventListener("touchmove", onDrag);
+            container.removeEventListener("touchend", onDragEnd);
+          }
+        }
+      };
     }
@@ -126,1 +142,2 @@
 }));
+//# sourceMappingURL=drag.js.map

dist/drag.min.js

 /*
-Copyright (c) 2019 Daybrush
+Copyright (c) Daybrush
 name: @daybrush/drag
@@ -7,4 +7,5 @@ license: MIT
 repository: git+https://github.com/daybrush/drag.git
-version: 0.4.2
+version: 0.5.0
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).utils={})}(this,function(t){"use strict";t.drag=function(t,e){var s=!1,u=0,c=0,a=0,r=0,f={},v=!1,n=e.container,i=void 0===n?t:n,d=e.dragstart,l=e.drag,o=e.dragend,p=e.events,h=void 0===p?["touch","mouse"]:p,m=-1<h.indexOf("touch");function E(t){return t.touches&&t.touches.length?t.touches[0]:t}function X(t){v=!(s=!0);var e=E(t),n=e.clientX,i=e.clientY;a=u=n,r=c=i,!(f={})===(d&&d({datas:f,inputEvent:t,clientX:n,clientY:i}))&&(s=!1),s&&t.preventDefault()}function Y(t){if(s){var e=E(t),n=e.clientX,i=e.clientY,d=n-a,o=i-r;(d||o)&&(v=!0,l&&l({datas:f,clientX:n,clientY:i,deltaX:d,deltaY:o,distX:n-u,distY:i-c,inputEvent:t}),a=n,r=i)}}function g(t){s&&(s=!1,o&&o({datas:f,isDrag:v,inputEvent:t,clientX:a,clientY:r,distX:a-u,distY:r-c}))}-1<h.indexOf("mouse")&&(t.addEventListener("mousedown",X),i.addEventListener("mousemove",Y),i.addEventListener("mouseup",g)),m&&(t.addEventListener("touchstart",X),i.addEventListener("touchmove",Y),i.addEventListener("touchend",g))}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).utils={})}(this,function(e){"use strict";e.drag=function(e,t){var d=!1,u=0,r=0,c=0,v=0,a={},f=!1,n=t.container,i=void 0===n?e:n,o=t.dragstart,m=t.drag,s=t.dragend,l=t.events,E=void 0===l?["touch","mouse"]:l,h=-1<E.indexOf("touch"),p=-1<E.indexOf("mouse");function L(e){return e.touches&&e.touches.length?e.touches[0]:e}function X(e){f=!(d=!0);var t=L(e),n=t.clientX,i=t.clientY;c=u=n,v=r=i,!(a={})===(o&&o({datas:a,inputEvent:e,clientX:n,clientY:i}))&&(d=!1),d&&e.preventDefault()}function Y(e){if(d){var t=L(e),n=t.clientX,i=t.clientY,o=n-c,s=i-v;(o||s)&&(f=!0,m&&m({datas:a,clientX:n,clientY:i,deltaX:o,deltaY:s,distX:n-u,distY:i-r,inputEvent:e}),c=n,v=i)}}function g(e){d&&(d=!1,s&&s({datas:a,isDrag:f,inputEvent:e,clientX:c,clientY:v,distX:c-u,distY:v-r}))}return p&&(e.addEventListener("mousedown",X),i.addEventListener("mousemove",Y),i.addEventListener("mouseup",g)),h&&(e.addEventListener("touchstart",X),i.addEventListener("touchmove",Y),i.addEventListener("touchend",g)),{unset:function(){p&&(e.removeEventListener("mousedown",X),i.removeEventListener("mousemove",Y),i.removeEventListener("mouseup",g)),h&&(e.removeEventListener("touchstart",X),i.removeEventListener("touchmove",Y),i.removeEventListener("touchend",g))}}}});
+//# sourceMappingURL=drag.min.js.map

package.json

 {
   "name": "@daybrush/drag",
-  "version": "0.4.2",
-  "description": "add drag event",
+  "version": "0.5.0",
+  "description": "You can set up drag events in any browser.",
   "main": "./dist/drag.js",
@@ -15,2 +15,9 @@ "module": "./dist/drag.esm.js",
   },
+  "keywords": [
+      "drag",
+      "dom",
+      "daybrush",
+      "touch",
+      "mouse"
+  ],
   "repository": {
@@ -26,8 +33,5 @@ "type": "git",
   "homepage": "https://github.com/daybrush/drag#readme",
-  "dependencies": {
-    "@daybrush/utils": "^0.7.0"
-  },
   "devDependencies": {
-    "@daybrush/builder": "0.0.2",
-    "@daybrush/release": "^0.1.1",
+    "@daybrush/builder": "^0.1.1",
+    "@daybrush/release": "^0.2.4",
     "tslint": "^5.15.0",
@@ -34,0 +38,0 @@ "typescript": "^3.4.2"

rollup.config.js

@@ -20,17 +20,2 @@ import builder from "@daybrush/builder";
     input: "src/index.ts",
-    output: "./dist/drag.pkgd.js",
-    resolve: true,
-    exports: "named",
-  },
-  {
-    name: "utils",
-    input: "src/index.ts",
-    output: "./dist/drag.pkgd.min.js",
-    resolve: true,
-    uglify: true,
-    exports: "named",
-  },
-  {
-    name: "utils",
-    input: "src/index.ts",
     output: "./dist/drag.esm.js",
@@ -37,0 +22,0 @@ format: "es",

src/drag.ts

@@ -82,3 +82,2 @@ import { DragOptions } from "./types";
         container.addEventListener("mouseup", onDragEnd);
-        // container.addEventListener("mouseleave", onDragEnd);
     }
@@ -90,2 +89,17 @@ if (isTouch) {
     }
+
+    return {
+        unset() {
+            if (isMouse) {
+                el.removeEventListener("mousedown", onDragStart);
+                container.removeEventListener("mousemove", onDrag);
+                container.removeEventListener("mouseup", onDragEnd);
+            }
+            if (isTouch) {
+                el.removeEventListener("touchstart", onDragStart);
+                container.removeEventListener("touchmove", onDrag);
+                container.removeEventListener("touchend", onDragEnd);
+            }
+        },
+    };
 }

src/types.ts

@@ -7,5 +7,6 @@ import { IObject } from "@daybrush/utils";
     dragstart?: (options: {
-        datas: IObject<any>, inputEvent: any,
+        datas: IObject<any>,
         clientX: number,
         clientY: number,
+        inputEvent: any,
     }) => any;
@@ -18,3 +19,6 @@ drag?: (options: {
         deltaY: number,
-        clientX: number, clientY: number, inputEvent}) => any;
+        clientX: number,
+        clientY: number,
+        inputEvent: any,
+    }) => any;
     dragend?: (options: {
@@ -29,2 +33,2 @@ isDrag: boolean,
     }) => any;
-  }
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36270

increased by91.15%

Dependency count

0

decreased by-100%

Number of package files

20

increased by5.26%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

106

increased byInfinity%

Worsened metrics

Lines of code

517

decreased by-14.97%

Dependency changes

• - Removed@daybrush/utils@^0.7.0

• - Removed@daybrush/utils@0.7.1(transitive)