video-editing-timeline-react - npm Package Compare versions

Comparing version 0.1.10 to 1.0.0

dist/index.d.ts

@@ -23,9 +23,8 @@ import React from 'react';
     el: any;
-    constructor(props: ReactVideoEditingTimelineProps);
     instance(): void;
+    shouldComponentUpdate(nextProps: ReactVideoEditingTimelineProps): boolean;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    componentWillReceiveProps(nextProps: ReactVideoEditingTimelineProps): void;
     canvasRef: (el: any) => void;
     render(): JSX.Element;
 }

dist/index.esm.js

@@ -278,3 +278,3 @@ import React from 'react';
 
-  function ReactVideoEditingTimeline(props) {
+  function ReactVideoEditingTimeline() {
     var _this;
@@ -284,3 +284,3 @@
 
-    _this = _super.call(this, props);
+    _this = _super.apply(this, arguments);
     _this.timelineInstance = null;
@@ -306,16 +306,4 @@ _this.el = null;
   }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      console.log("componentDidMount");
-      this.instance();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      console.log("componentDidUpdate");
-      this.instance();
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
       var flag = false;
@@ -330,7 +318,15 @@
 
-      if (flag) {
-        this.instance();
-      }
+      return flag;
     }
   }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.instance();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.instance();
+    }
+  }, {
     key: "render",
@@ -337,0 +333,0 @@ value: function render() {

dist/index.js

@@ -282,3 +282,3 @@ 'use strict';
 
-  function ReactVideoEditingTimeline(props) {
+  function ReactVideoEditingTimeline() {
     var _this;
@@ -288,3 +288,3 @@
 
-    _this = _super.call(this, props);
+    _this = _super.apply(this, arguments);
     _this.timelineInstance = null;
@@ -310,16 +310,4 @@ _this.el = null;
   }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      console.log("componentDidMount");
-      this.instance();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      console.log("componentDidUpdate");
-      this.instance();
-    }
-  }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
       var flag = false;
@@ -334,7 +322,15 @@
 
-      if (flag) {
-        this.instance();
-      }
+      return flag;
     }
   }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.instance();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.instance();
+    }
+  }, {
     key: "render",
@@ -341,0 +337,0 @@ value: function render() {

dist/index.umd.js

@@ -284,3 +284,3 @@ (function (global, factory) {
 
-    function ReactVideoEditingTimeline(props) {
+    function ReactVideoEditingTimeline() {
       var _this;
@@ -290,3 +290,3 @@
 
-      _this = _super.call(this, props);
+      _this = _super.apply(this, arguments);
       _this.timelineInstance = null;
@@ -312,16 +312,4 @@ _this.el = null;
     }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        console.log("componentDidMount");
-        this.instance();
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate() {
-        console.log("componentDidUpdate");
-        this.instance();
-      }
-    }, {
-      key: "componentWillReceiveProps",
-      value: function componentWillReceiveProps(nextProps) {
+      key: "shouldComponentUpdate",
+      value: function shouldComponentUpdate(nextProps) {
         var flag = false;
@@ -336,7 +324,15 @@
 
-        if (flag) {
-          this.instance();
-        }
+        return flag;
       }
     }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        this.instance();
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        this.instance();
+      }
+    }, {
       key: "render",
@@ -343,0 +339,0 @@ value: function render() {

package.json

 {
   "name": "video-editing-timeline-react",
-  "version": "0.1.10",
+  "version": "1.0.0",
   "description": "Timeline for video editing",
@@ -42,4 +42,4 @@ "keywords": [
     "react": "^16.12.0",
-    "video-editing-timeline": "^0.1.10"
+    "video-editing-timeline": "^1.0.0"
   }
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of downloads

120

increased by69.01%

Number of low quality alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

30407

decreased by-1.4%

Lines of code

901

decreased by-1.42%

Dependency changes

• + Addedvideo-editing-timeline@1.0.0(transitive)

• - Removedvideo-editing-timeline@0.1.10(transitive)

• Updatedvideo-editing-timeline@^1.0.0