reactflow - npm Package Compare versions

Comparing version 11.0.0-next.9 to 11.0.0-next.10

package.json

 {
   "name": "reactflow",
-  "version": "11.0.0-next.9",
+  "version": "11.0.0-next.10",
   "description": "A highly customizable React library for building node-based editors and interactive flow charts",
@@ -16,5 +16,6 @@ "keywords": [
   ],
-  "main": "dist/reactflow.cjs.js",
-  "module": "dist/reactflow.esm.js",
-  "types": "dist/reactflow.cjs.d.ts",
+  "source": "src/index.ts",
+  "main": "dist/umd/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "sideEffects": false,
@@ -27,11 +28,7 @@ "license": "MIT",
   },
-  "scripts": {
-    "build": "postcss src/*.css --config ../../postcss.config.json --dir dist"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.18.9",
-    "@reactflow/background": "11.0.0-next.3",
-    "@reactflow/controls": "11.0.0-next.3",
-    "@reactflow/core": "11.0.0-next.3",
-    "@reactflow/minimap": "11.0.0-next.3"
+    "@reactflow/background": "11.0.0-next.4",
+    "@reactflow/controls": "11.0.0-next.4",
+    "@reactflow/core": "11.0.0-next.4",
+    "@reactflow/minimap": "11.0.0-next.4"
   },
@@ -43,10 +40,25 @@ "peerDependencies": {
   "devDependencies": {
-    "autoprefixer": "^10.4.8",
-    "postcss": "^8.4.14",
-    "postcss-cli": "^10.0.0",
-    "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-import": "^14.1.0",
-    "postcss-nested": "^5.0.6",
-    "tsconfig": "*"
+    "@reactflow/eslint-config": "^0.0.0",
+    "@reactflow/rollup-config": "0.0.0",
+    "@reactflow/tsconfig": "0.0.0",
+    "@types/node": "^18.7.16",
+    "@types/react": "^18.0.19"
+  },
+  "rollup": {
+    "globals": {
+      "@reactflow/background": "ReactFlowBackground",
+      "@reactflow/controls": "ReactFlowControls",
+      "@reactflow/core": "ReactFlowCore",
+      "@reactflow/minimap": "ReactFlowMinimap"
+    },
+    "name": "ReactFlow"
+  },
+  "scripts": {
+    "dev": "concurrently \"rollup --config node:@reactflow/rollup-config --watch\" pnpm:css-watch",
+    "build": "rollup --config node:@reactflow/rollup-config --environment NODE_ENV:production && npm run css",
+    "css": "postcss src/*.css --config ../../postcss-config/index.js --dir dist",
+    "css-watch": "pnpm css --watch",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "typecheck": "tsc --noEmit"
   }
 }

README.md

@@ -35,3 +35,3 @@ ![readme-header](https://user-images.githubusercontent.com/3797215/156259138-fb9f59f8-52f2-474a-b78c-6570867e4ead.svg#gh-light-mode-only)
 
-The easiest way to get the latest version of React Flow is to install it via npm:
+The easiest way to get the latest version of React Flow is to install it via npm, yarn or pnpm:
 
@@ -67,12 +67,12 @@ ```bash
 
-Before you can start developing please make sure that you have yarn classic installed (`npm i -g yarn`). Then install the dependencies using yarn: `yarn`.
+Before you can start developing please make sure that you have [pnpm](https://pnpm.io/) installed (`npm i -g pnpm`). Then install the dependencies using pnpm: `pnpm install`.
 
-For local development, you can use `yarn dev`. This will run preconstruct and build all the packages.
+For local development, you can use `pnpm dev`.
 
 ## Testing
 
-Testing is done with cypress. You can find the tests in the [`integration/flow`](/cypress/integration/flow) folder. In order to run the tests do:
+Testing is done with cypress. You can find the tests in the [`examples/cypress`](/examples/cypress/) folder. In order to run the tests do:
 
 ```sh
-npm run test
+pnpm test
 ```
@@ -97,3 +97,3 @@
 
-React Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in your browser. Under the hood, React Flow depends on these great libraries:
+React Flow was initially developed for [datablocks](https://datablocks.pro), a graph-based editor for transforming, analyzing and visualizing data in the browser. Under the hood, React Flow depends on these great libraries:
 
@@ -100,0 +100,0 @@ - [d3-zoom](https://github.com/d3/d3-zoom) - used for zoom, pan and drag interactions with the graph canvas

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

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

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

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

Improved metrics

Total package byte prevSize

156338

increased by600.53%

Dependency count

6

decreased by-14.29%

Dev dependency count

5

decreased by-28.57%

Lines of code

1075

increased by73.11%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low quality alerts

3

increased by50%

Dependency changes

• + Added@reactflow/background@11.0.0-next.4(transitive)

• + Added@reactflow/controls@11.0.0-next.4(transitive)

• + Added@reactflow/core@11.0.0-next.4(transitive)

• + Added@reactflow/minimap@11.0.0-next.4(transitive)

• - Removed@babel/runtime@^7.18.9

• - Removed@reactflow/background@11.0.0-next.3(transitive)

• - Removed@reactflow/controls@11.0.0-next.3(transitive)

• - Removed@reactflow/core@11.0.0-next.3(transitive)

• - Removed@reactflow/minimap@11.0.0-next.3(transitive)

• Updated@reactflow/background@11.0.0-next.4

• Updated@reactflow/controls@11.0.0-next.4

• Updated@reactflow/core@11.0.0-next.4

• Updated@reactflow/minimap@11.0.0-next.4