react-telephone-input - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

package.json

 {
   "name": "react-telephone-input",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "React component for entering and validating international telephone numbers. Inspired from the awesome jquery plugin for the same - https://github.com/Bluefieldscom/intl-tel-input.",
-  "main": "dist/index.js",
-  "files": [
-    "index.js",
-    "country_data.js",
-    "styles.less"
-  ],
+  "main": "lib/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "node_modules/.bin/watchify example/index.js -o example/bundle.js -v & st -nc",
-    "prepublish": "node_modules/.bin/babel src/index.js > dist/index.js"
+    "build": "gulp clean && NODE_ENV=production gulp build",
+    "examples": "gulp dev:server",
+    "publish:site": "gulp publish:examples",
+    "release": "gulp release",
+    "start": "gulp dev",
+    "test": "echo \"no tests yet\" && exit 0",
+    "watch": "gulp watch:lib",
+    "test": "mocha --compilers js:babel/register"
   },
@@ -41,17 +41,26 @@ "repository": {
     "browserify": "^6.1.0",
+    "gulp": "^3.9.0",
     "lodash": "^3.9.3",
     "node-lessify": "0.0.6",
     "react": "^0.13.3",
+    "react-component-gulp-tasks": "^0.7.0",
     "reactify": "^0.16.0",
     "st": "^0.5.2",
-    "watchify": "^3.2.2"
+    "watchify": "^3.2.2",
+    "jsdom": "^3.1.2",
+    "mocha": "^2.2.5",
+    "mocha-jsdom": "^0.4.0",
+    "chai": "^3.0.0"
   },
-  "peerDependencies": {
+  "dependencies": {
     "lodash": ">=2.4.1",
-    "react": ">=0.12.1"
-  },
-  "dependencies": {
+    "react": ">=0.12.1",
     "classnames": "^2.1.2",
     "react-onclickoutside": "^0.2.4"
+  },
+  "browserify-shim": {
+    "classnames": "global:classNames",
+    "react": "global:React",
+    "lodash": "global:lodash"
   }
 }

README.md

@@ -24,4 +24,4 @@ Reactjs Component for International Telephone Input
 ## How to use it
-- Copy the styles.less file to your less/css folder and convert it to css (using whatever process you choose)
-- Copy the flags.png file from the example folder to your root directory. If you copy it somewhere else, please correct the file location in the less file.
+- If you install it from `npm install`, you can just do `var ReactTelephoneInut = require('react-telephone-input');`
+- You will need to copy flags.png from example/src folder to see the flag icons for each country.
 
@@ -42,3 +42,3 @@ ## Features
 
-go to your browser and type http://127.0.0.1:1337/example/index.html
+go to your browser and type `http://localhost:8000`
 ```

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

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

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1960593

increased by4954.25%

Number of package files

27

increased by575%

Lines of code

40722

increased by3076.44%

Worsened metrics

Dev dependency count

14

increased by75%

Number of low supply chain risk alerts

14

increased byInfinity%

Number of medium supply chain risk alerts

2

increased byInfinity%

Dependency changes

• + Addedlodash@>=2.4.1

• + Addedreact@>=0.12.1