react-slideshow-image - npm Package Compare versions

Comparing version 3.7.5 to 4.0.0

package.json

 {
   "name": "react-slideshow-image",
-  "version": "3.7.5",
-  "author": "Femi Oladeji",
+  "version": "4.0.0",
   "description": "An image slideshow with react",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
@@ -10,10 +12,2 @@ "dist"
   "homepage": "https://react-slideshow-image.netlify.com",
-  "npmFileMap": [
-    {
-      "basePath": "/dist/",
-      "files": [
-        "*.js"
-      ]
-    }
-  ],
   "keywords": [
@@ -32,55 +26,66 @@ "image",
   },
-  "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.4.5",
-    "@babel/preset-env": "^7.4.5",
-    "@babel/preset-react": "^7.0.0",
-    "@testing-library/react": "^9.4.1",
-    "babel-jest": "^26.0.1",
-    "babel-loader": "^8.0.6",
-    "codecov": "^3.1.0",
-    "copy-webpack-plugin": "^6.0.3",
-    "css-loader": "^3.5.3",
-    "file-loader": "^6.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "husky": "^0.14.3",
-    "jest": "^26.0.1",
-    "lint-staged": "^12.3.7",
-    "mini-css-extract-plugin": "^2.6.0",
-    "prettier": "^1.14.3",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router": "^6.3.0",
-    "react-router-dom": "^6.3.0",
-    "react-syntax-highlighter": "^15.4.3",
-    "serve": "^13.0.2",
-    "uglifycss": "0.0.29",
-    "webpack": "^5.72.0",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.8.1",
-    "webpack-merge": "^5.8.0"
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build && uglifycss src/css/styles.css > dist/styles.css",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build && uglifycss src/css/styles.css > dist/styles.css",
+    "size": "size-limit",
+    "analyze": "size-limit --why",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
   "peerDependencies": {
-    "react": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+    "react": ">=15"
   },
-  "lint-staged": {
-    "{src,__tests__,docs}/**/*.{js,jsx,json,css}": [
-      "prettier --single-quote --write",
-      "git add ."
-    ]
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
   },
-  "main": "dist/react-slideshow-image.min.js",
-  "scripts": {
-    "dev": "webpack serve --config=webpack.config.dev.js",
-    "docs-build": "webpack --config=webpack.config.prod.js && echo '/* /index.html 200' | cat >public/_redirects",
-    "start": "serve public -s",
-    "precommit": "lint-staged",
-    "test": "jest && codecov",
-    "prepublishOnly": "webpack --config webpack.config.dist.js && uglifycss src/css/styles.css > dist/styles.css"
+  "prettier": {
+    "printWidth": 100,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
   },
+  "author": "Femi Oladeji",
+  "module": "dist/react-slideshow-image.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/react-slideshow-image.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/react-slideshow-image.esm.js",
+      "limit": "10 KB"
+    }
+  ],
   "dependencies": {
     "@tweenjs/tween.js": "^18.6.4",
     "resize-observer-polyfill": "^1.5.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.0",
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "@storybook/addon-a11y": "^6.5.9",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/react": "^6.5.9",
+    "@testing-library/react": "^12.1.5",
+    "@types/mdx": "^2.0.2",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.4",
+    "babel-loader": "^8.2.5",
+    "husky": "^8.0.1",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-is": "^17.0.0",
+    "size-limit": "^7.0.8",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.4.0",
+    "typescript": "^4.6.4",
+    "uglifycss": "0.0.29"
   }
 }

README.md

 # React-Slideshow
 
-[![CircleCI](https://circleci.com/gh/femioladeji/react-slideshow.svg?style=svg)](https://circleci.com/gh/femioladeji/react-slideshow)
+[![Workflow](https://github.com/femioladeji/react-slideshow/actions/workflows/main.yml/badge.svg)](https://github.com/femioladeji/react-slideshow)
 [![codecov](https://codecov.io/gh/femioladeji/react-slideshow/branch/master/graph/badge.svg)](https://codecov.io/gh/femioladeji/react-slideshow)
@@ -140,10 +140,4 @@ [![Package Quality](http://npm.packagequality.com/shield/react-slideshow-image.svg)](http://packagequality.com/#?package=react-slideshow-image)
 
-## Properties
-Click [here](https://react-slideshow-image.netlify.app/api) for all the properties you can use to customize the behavior of the slideshow.
-
-## methods
-Click [here](https://react-slideshow-image.netlify.app/api#methods) for all the methods you can call on the slideshow
-
-
-## Typescript
-The type bindings have not been added yet to the types registry yet. It's a WIP. You can follow [this instruction](https://react-slideshow-image.netlify.app/typescript)
+## Development
+If you want to run the app in development mode, you can run `npm start` to build the file in watch mode or `npm build` and then `npm pack` if you want to use it as a module in another project on your laptop.
+To run the storybook just run `npm run storybook`

New 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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

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

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

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

Dependency count

3

-25%

Dev dependency count

21

-25%

Number of package files

19

216.67%

Lines of code

1508

681.35%

Number of medium supply chain risk alerts

1

-66.67%

Worsened metrics

Total package byte prevSize

216437

-2.41%

Number of lines in readme file

142

-4.7%

Number of low supply chain risk alerts

1

Infinity%

No dependency changes