react-video-seek-slider - npm Package Compare versions

Comparing version 2.1.2 to 3.0.0

index.d.ts

@@ -1,2 +0,3 @@
-import * as React from 'react';
+/// <reference types="react" />
+import './ui-video-seek-slider.scss';
 interface Props {
@@ -13,35 +14,3 @@ max: number;
 }
-interface State {
-    ready: boolean;
-    trackWidth: number;
-    seekHoverPosition: number;
-}
-export declare class VideoSeekSlider extends React.Component<Props, State> {
-    state: State;
-    static defaultProps: Props;
-    private seeking;
-    private mobileSeeking;
-    private track;
-    private hoverTime;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private handleTouchSeeking;
-    private handleSeeking;
-    private changeCurrentTimePosition;
-    private setTrackWidthState;
-    private handleTrackHover;
-    private getPositionStyle;
-    private getThumbHandlerPosition;
-    private getSeekHoverPosition;
-    private getHoverTimePosition;
-    private secondsToTime;
-    private getHoverTime;
-    private mouseSeekingHandler;
-    private setSeeking;
-    private mobileTouchSeekingHandler;
-    private setMobileSeeking;
-    private isThumbActive;
-    private drawHoverTime;
-    render(): JSX.Element;
-}
+export declare const VideoSeekSlider: React.FC<Props>;
 export {};

package.json

 {
     "name": "react-video-seek-slider",
     "description": "React video seek slider like youtube",
-    "version": "2.1.2",
+    "version": "3.0.0",
     "main": "/lib/index.js",
@@ -13,23 +13,32 @@ "author": "Sergey Egorov",
     "scripts": {
-        "start": "webpack-dev-server",
-        "build": "webpack --config webpack.build.js && npm run stylus && npm run copyDts && npm run removeDts",
-        "copyDts": "cp ./lib/src/ts/index.d.ts ./index.d.ts",
-        "removeDts": "rm -rf ./lib/src",
-        "stylus": "stylus --compress < ./src/styl/ui-video-seek-slider.styl > ./lib/ui-video-seek-slider.css"
+        "start": "webpack serve --config webpack.dev.js",
+        "build": "webpack  --config webpack.prod.js && npm run copyDts && npm run removeDts",
+        "copyDts": "cp ./lib/src/index.d.ts ./index.d.ts",
+        "removeDts": "rm -rf ./lib/src"
     },
     "devDependencies": {
-        "@types/react": "^16.3.12",
-        "awesome-typescript-loader": "^5.1.0",
-        "copy-webpack-plugin": "^4.5.1",
-        "css-loader": "^0.28.11",
-        "file-loader": "^1.1.11",
-        "style-loader": "^0.21.0",
-        "stylus": "^0.54.5",
-        "stylus-loader": "^3.0.2",
-        "typescript": "^2.9.2",
-        "webpack": "^4.6.0",
-        "webpack-cli": "^2.0.15",
-        "webpack-dev-server": "^3.1.3",
-        "react": "^16.3.2",
-        "react-dom": "^16.3.2"
+        "@types/react": "^17.0.19",
+        "@types/react-dom": "^17.0.9",
+        "clean-webpack-plugin": "^4.0.0",
+        "copy-webpack-plugin": "^9.0.1",
+        "css-loader": "^6.2.0",
+        "file-loader": "^6.2.0",
+        "fork-ts-checker-webpack-plugin": "^6.3.3",
+        "html-webpack-plugin": "^5.3.2",
+        "mini-css-extract-plugin": "^2.2.2",
+        "postcss": "^8.3.6",
+        "postcss-cssnext": "^3.1.0",
+        "postcss-loader": "^6.1.1",
+        "postcss-preset-env": "^6.7.0",
+        "postcss-short": "^5.0.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "sass": "1.39.0",
+        "sass-loader": "12.1.0",
+        "style-loader": "^3.2.1",
+        "ts-loader": "9.2.5",
+        "typescript": "^4.4.2",
+        "webpack": "^5.51.2",
+        "webpack-cli": "^4.8.0",
+        "webpack-dev-server": "^4.1.0"
     },
@@ -41,2 +50,2 @@ "repository": {
     "dependencies": {}
-}
+}

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14040

increased by15.29%

Number of package files

7

increased by40%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

24

increased by71.43%

Lines of code

28

decreased by-48.15%

No dependency changes