Security News
Highlights from the 2024 Rails Community Survey
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
global-input-react
Advanced tools
This is a Global Input App React JS library for applications that are running on computers, SmartTV, IoT and other smart devices to have mobile integration. With the mobile integration, users will be able to use their mobiles to operate on the applications to enjoy many mobile-related features such as Mobile Encryption, Mobile Authentication, Mobile Input & Control, Second Screen Experience, Mobile Personal Storage, Mobile Encryption & Signing, Mobile Content Transfer etc.
npm i global-input-react
You just need to pass a configuration to the useGlobalInputApp
function, specifying the user interface elements that the Global Input App should display to the user. The mobile application transfers the result of the user interactions with those elements via a secure communication powered by end-to-end encryption.
For example, following will display a Sign In form on the connected mobile device, and the application will receive the events as the user interacts with it:
import {useGlobalInputApp} from 'global-input-react';
import React from 'react';
export default ({login}){
const onLogin=()=>{
login(username,password);
}
const initData={
form:{
title:"Sign In",
id:"###username###@mycompany.com",
fields:[{
label:"Username",
id:"username",
type:"text"
},{
label:"Password",
type:"text",
id:"password"
},{
label:"Sign In",
type:"button",
operations:{onInput:onLogin}
}]
}
};
const {connectionMessage, values}=useGlobalInputApp({initData});
const [username,password]=values;
return (
<div>
{connectionMessage}
<div>
<label htmlFor='username'>Username:</label>
<input id='username' type='text'
readOnly={true} value={username}/>
</div>
<div>
<label htmlFor='password'>Username:</label>
<input id='password' type='password'
readOnly={true} value={password}/>
</div>
<div>
<button id='login' onClick={onLogin}></button>
</div>
</div>
);
};
When the above application runs, it displays an encrypted QR code in the place of connectionMessage
that a user would use the Global Input App to scan to establish a communication that is secured with end-to-end encryption. The values
variable that is returned by useGlobalInputApp
will contains the up-to-date values of the form elements. The id
of the form is used by the mobile app to locate an existing data in its encrypted storage.
If a field in a form has the type attribute with "encrypt", its content will be encrypted and sent to the application. In the same way, if the type "decrypt", the content will be decrypted. You may employ this to secure the data stored on the cloud. For more information, please visit Global Input Website
FAQs
global input react component
We found that global-input-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
Security News
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.