global-input-react
Advanced tools
global-input-react - npm Package Compare versions
Comparing version 4.0.1 to 4.0.2
| { | ||
| "name": "global-input-react", | ||
| "version": "4.0.1", | ||
| "version": "4.0.2", | ||
| "description": "global input react component", | ||
@@ -44,33 +44,33 @@ "repository": { | ||
| "devDependencies": { | ||
| "@babel/cli": "^7.8.4", | ||
| "@babel/core": "^7.9.0", | ||
| "@babel/cli": "^7.11.6", | ||
| "@babel/core": "^7.11.6", | ||
| "@babel/plugin-proposal-class-properties": "^7.10.4", | ||
| "@babel/preset-env": "^7.9.0", | ||
| "@babel/preset-react": "^7.9.4", | ||
| "@babel/register": "^7.9.0", | ||
| "@testing-library/jest-dom": "^5.11.1", | ||
| "@testing-library/react": "^10.4.7", | ||
| "@babel/preset-env": "^7.11.5", | ||
| "@babel/preset-react": "^7.10.4", | ||
| "@babel/register": "^7.11.5", | ||
| "@testing-library/jest-dom": "^5.11.4", | ||
| "@testing-library/react": "^11.0.4", | ||
| "@testing-library/react-hooks": "^3.4.1", | ||
| "@testing-library/user-event": "^12.0.13", | ||
| "babel-jest": "^25.2.6", | ||
| "@testing-library/user-event": "^12.1.6", | ||
| "babel-jest": "^26.3.0", | ||
| "babel-loader": "^8.1.0", | ||
| "eslint": "^6.8.0", | ||
| "eslint-config-airbnb": "^18.1.0", | ||
| "eslint-plugin-import": "^2.20.2", | ||
| "eslint-plugin-jsx-a11y": "^6.2.3", | ||
| "eslint-plugin-react": "^7.19.0", | ||
| "eslint-plugin-react-hooks": "^1.7.0", | ||
| "jest": "^26.1.0", | ||
| "eslint": "^7.10.0", | ||
| "eslint-config-airbnb": "^18.2.0", | ||
| "eslint-plugin-import": "^2.22.0", | ||
| "eslint-plugin-jsx-a11y": "^6.3.1", | ||
| "eslint-plugin-react": "^7.21.2", | ||
| "eslint-plugin-react-hooks": "^4.1.2", | ||
| "jest-canvas-mock": "^2.2.0", | ||
| "jest-dom": "^4.0.0", | ||
| "prettier": "^1.19.1", | ||
| "jest": "^26.4.2", | ||
| "prettier": "^2.1.2", | ||
| "react": "^16.13.1", | ||
| "react-dom": "^16.13.1", | ||
| "react-test-renderer": "^16.13.1", | ||
| "webpack": "^4.39.3" | ||
| "webpack": "^4.44.2" | ||
| }, | ||
| "dependencies": { | ||
| "global-input-message": "^1.8.4", | ||
| "qrcode.react": "^0.9.3" | ||
| "global-input-message": "^1.8.6", | ||
| "qrcode.react": "^1.0.0" | ||
| } | ||
| } |
@@ -1,2 +0,2 @@ | ||
| This React JS library allows React applications to achieve mobile integration without the need to develop a separate mobile app for each application. Each application can implement their own specific mobile business logic through defining mobile interface declaratively and communicating them to the universal mobile app component securely, so users can use their mobile devices to connect and operate on those device applications. The feature that the device applications can provide through the connected mobile apps to enhance user experience include but not limited to | ||
| This React JS library allows you to introduce interoperability between your mobile app and your React applications. With this library, you will be able to receive mobile events from within your React applications, implementing interoperability logic in your device application instead of separating it across the two interacting applications. This mechanism offers a range of features that include | ||
| [Mobile Encryption](https://globalinput.co.uk/global-input-app/mobile-content-encryption), | ||
@@ -8,3 +8,3 @@ [Mobile Authentication](https://globalinput.co.uk/global-input-app/mobile-authentication), | ||
| [Mobile Encryption & Signing](https://globalinput.co.uk/global-input-app/mobile-content-encryption), | ||
| [Mobile Content Transfer](https://globalinput.co.uk/global-input-app/mobile-content-transfer. | ||
| [Mobile Content Transfer](https://globalinput.co.uk/global-input-app/mobile-content-transfer). | ||
@@ -49,5 +49,4 @@ | ||
| const [password,setPassword] = useState(''); | ||
| const {connectionMessage}=useGlobalInputApp({initData,onFieldChanged:({field})=>{ | ||
| const onFieldChanged=({field})=>{ | ||
| const fds=initData.form.fields; | ||
@@ -59,3 +58,5 @@ switch(field.id){ | ||
| } | ||
| }}); | ||
| }; | ||
| const {connectionMessage}=useGlobalInputApp({initData,onFieldChanged}); | ||
| return ( | ||
@@ -68,3 +69,3 @@ <> | ||
| ``` | ||
| The content of ```{connectionMessage}``` returned by the custom hook contains an encrypted QR Code that you can scan to connect to the application. Having connected, your mobile displays the user interface specified in the ```initData``` variable, allowing you to operate on the application. The ```onFieldChanged``` parameter is for callback function to receive the form events through the ```field``` variable. | ||
| The content of ```{connectionMessage}``` returned by the hook contains an encrypted QR Code that you can scan to connect to the application. Having connected, your mobile displays the user interface specified in the ```initData``` variable, allowing you to operate on the application. The ```onFieldChanged``` parameter is for callback function to receive the form events through the ```field``` variable. | ||
@@ -92,2 +93,2 @@ The ```initData``` specifies a form, in which ```id``` is used for autofill operation inside the connected mobile app through filtering the existing data in its encrypted storage. The form contain a set of fields, representing data that device application and the connected mobile need to collaborate on composing. The type of each field defines the related data operation. For example, if the type is "encrypt"/"decrypt", the mobile app initiates the encrypt/decrypt workflow inside the mobile app. This is useful when you would like to secure data stored on other devices or cloud. | ||
| The type definition file is included within the module. | ||
| The type definition file is included within the module. You can obtain more information from [this](https://github.com/global-input/test-global-input-app-libs/blob/master/src/test-global-input-react/mobile-and-device-app.test.tsx) end-to-end test example on how to use this library within a TypeScript application. |
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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 riskPackage 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 riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 3 instances in 1 package
Improved metrics
- Total package byte prevSize
- increased by83.15%
1236258
- Lines of code
- increased by86.61%
37592
- Number of lines in readme file
- increased by1.12%
90
- Number of low supply chain risk alerts
- decreased by-100%
0
- Number of medium supply chain risk alerts
- decreased by-100%
0
Dependency changes
+ Addedqrcode.react@1.0.1(transitive)
+ Addedreact@17.0.2(transitive)
- Removedqrcode.react@0.9.3(transitive)
- Removedreact@16.14.0(transitive)
Updatedglobal-input-message@^1.8.6
Updatedqrcode.react@^1.0.0