react-inspector - npm Package Compare versions

Comparing version 5.1.1 to 6.0.0

HISTORY.md

@@ -0,1 +1,7 @@
+## 6.0.0 (04/07/2022)
+- Upgrade devDependencies
+- Remove all dependencies
+- Migrate to typescript (correct types are a WIP, please contribute!)
+- Migrate to use use TSup as a build tool, also outputting modern ESM
+
 ## 5.1.1 (04/02/2021)
@@ -2,0 +8,0 @@ - Include support for React 17 in peerDependencies. [120](https://github.com/storybookjs/react-inspector/pull/120) [124](https://github.com/storybookjs/react-inspector/pull/124)

package.json

 {
   "name": "react-inspector",
-  "version": "5.1.1",
+  "version": "6.0.0",
   "description": "Power of Browser DevTools inspectors right inside your React app",
@@ -33,4 +33,13 @@ "keywords": [
   "author": "Xiaoyi Chen <[e-mail]> (http://github.com/xyc)",
-  "main": "dist/cjs/react-inspector.js",
-  "module": "dist/es/react-inspector.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
@@ -45,25 +54,15 @@ "dist/*/",
   "scripts": {
-    "build": "rollup -c",
+    "build": "tsup",
     "build-storybook": "build-storybook",
     "chromatic": "chromatic --project-token=17yeg4lpa7q",
-    "clean": "rimraf dist",
-    "lint": "eslint src --fix",
-    "prerelease": "npm run lint && npm run test && npm run clean && npm run build",
+    "lint": "eslint src stories",
+    "prerelease": "npm run lint && npm run test && npm run build",
     "release": "npm publish . --access public",
     "storybook": "start-storybook -p 9001",
-    "test": "jest src",
-    "test-updatesnapshot": "jest src --update-snapshot",
-    "test-watch": "npm run test -- --watch"
+    "test": "jest src"
   },
-  "dependencies": {
-    "@babel/runtime": "^7.0.0",
-    "is-dom": "^1.0.0",
-    "prop-types": "^15.0.0"
-  },
   "devDependencies": {
-    "@babel/cli": "^7.11.6",
     "@babel/core": "^7.11.6",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
     "@babel/plugin-proposal-do-expressions": "^7.10.4",
-    "@babel/plugin-proposal-export-default-from": "^7.10.4",
     "@babel/plugin-proposal-logical-assignment-operators": "^7.11.0",
@@ -78,13 +77,18 @@ "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.18.6",
     "@babel/register": "^7.11.5",
-    "@storybook/react": "^6.0.21",
-    "babel-eslint": "^10.1.0",
+    "@storybook/builder-webpack5": "^6.5.9",
+    "@storybook/manager-webpack5": "^6.5.9",
+    "@storybook/react": "^6.5.9",
+    "@types/is-dom": "^1.1.0",
+    "@types/react": "^16",
+    "@typescript-eslint/eslint-plugin": "^5.30.4",
+    "@typescript-eslint/parser": "^5.30.4",
     "babel-loader": "^8.1.0",
-    "chromatic": "^5.1.0",
-    "core-js": "^3.6.5",
-    "css-loader": "^4.3.0",
-    "eslint": "^7.8.1",
-    "eslint-plugin-jasmine": "^4.1.1",
-    "eslint-plugin-react": "^7.20.6",
+    "chromatic": "^6.7.0",
+    "eslint": "^8.19.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "expect": "^26.4.2",
+    "is-dom": "^1.1.0",
     "jest": "^26.4.2",
@@ -94,18 +98,10 @@ "prettier": "^2.1.1",
     "react-dom": "^16.13.1",
-    "react-hot-loader": "^4.12.21",
     "react-test-renderer": "^16.13.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.26.11",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-cleanup": "^3.1.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "tsup": "^6.1.3",
+    "typescript": "^4.7.4",
+    "webpack": "^5"
   },
   "peerDependencies": {
-    "react": "^16.8.4 || ^17.0.0"
+    "react": "^16.8.4 || ^17.0.0 || ^18.0.0"
   }
 }

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

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Improved metrics

Dependency count

1

-75%

Dev dependency count

36

-12.2%

Number of medium supply chain risk alerts

1

-75%

Worsened metrics

Total package byte prevSize

57801

-94.37%

Number of package files

5

-50%

Lines of code

1273

-85.68%

Dependency changes

• + Added

  react@18.3.1
  (transitive)

• - Removed

  @babel/runtime@^7.0.0

• - Removed

  is-dom@^1.0.0

• - Removed

  prop-types@^15.0.0

• - Removed

  @babel/runtime@7.27.6
  (transitive)

• - Removed

  is-dom@1.1.0
  (transitive)

• - Removed

  is-object@1.0.2
  (transitive)

• - Removed

  is-window@1.0.2
  (transitive)

• - Removed

  object-assign@4.1.1
  (transitive)

• - Removed

  prop-types@15.8.1
  (transitive)

• - Removed

  react@17.0.2
  (transitive)

• - Removed

  react-is@16.13.1
  (transitive)