![Malicious npm Package Typosquats react-login-page to Deploy Keylogger](https://cdn.sanity.io/images/cgdhsj6q/production/007b21d9cf9e03ae0bb3f577d1bd59b9d715645a-1024x1024.webp?w=400&fit=max&auto=format)
Research
Security News
Malicious npm Package Typosquats react-login-page to Deploy Keylogger
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
typeit
Advanced tools
Readme
A jQuery plugin that outputs text like it's being typed. It allows you to type single strings, multiple strings that stack, and multiple strings that delete & replace each other. It's lightweight, scalable, responsive, and super easy to implement.
Checkout several demos and a sandbox where you can try it out at alexmacarthur.github.io/typeit.
Download the ZIP, clone this repo, or install via npm with npm install typeit
.
<span class="type-it"></span>
<link rel="stylesheet" type="text/css" href="typeit.css">
<script src="jquery-2.1.4.min.js"></script>
<script src="typeit.js"></script>
You're ready to initialize it!
You can modify the options for the plugin in two different ways -- either by inserting them directly into the function call, or by using data attributes.
<span class="type-it"
data-typeit-whattotype="A new string to type."
data-typeit-speed="100"
data-typeit-lifelike="true"
data-typeit-showcursor="true">
</span>
$('.type-it').typeIt();
or...
<span class="type-it"></span>
$('.type-it').typeIt({
whatToType:'Enter your string here!',
typeSpeed: 300,
lifeLike: false,
showCursor: true
});
Aside from simply typing a single string, you can configure TypeIt to type multiple strings. By default, they stack on top of each other. To use this feature, just enter an array of several strings.
$('.type-it').typeIt({
whatToType:['Enter your string here!', 'Another string!']
});
Or, you can have type strings that delete & replace each other. Do this, set the 'breakLines' setting to false
.
$('.type-it').typeIt({
whatToType: ['Enter your string here!', 'Another string!'],
breakLines: false
});
TypeIt allows you to use a custom callback function when you've completed typing. To use one, simply add it as the second argument when it's initialized.
$('.typeit-box').typeIt({
whatToType: 'Here is a string!',
}, function() {
console.log('This is your callback function!');
});
</script>
There are a number of options you may use to customize typeIt.
Option | Description | Default Value |
---|---|---|
whatToType | The string to be typed. | 'This is the default string. Please replace this string with your own.' |
typeSpeed | The typing speed. | 200 |
lifeLike | Will make the typing pace irregular, as if a real person is doing it. | true |
showCursor | Show a blinking cursor at the end of the string. | true |
breakLines | Choose whether you want multiple strings to be printed on top of each other (breakLines = true), or if you want each string to be deleted and replaced by the next one (breakLines = false). | true |
breakWait | The amount of time between typing multiple strings. | 500 |
delayStart | The amount of time before the plugin begins typing after initalizing. | 250 |
If you choose to develop it locally, Gulp is configured to check & minify JavaScript and compile & compress SASS. In the root of the repo, use these commands to run these default tasks and watch for file changes (make sure Node.js, npm, and Gulp are installed on your computer):
npm install
gulp
FAQs
Unknown package
We found that typeit demonstrated a healthy version release cadence and project activity because the last version was released less than 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.
Research
Security News
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
Security News
The JavaScript community has launched the e18e initiative to improve ecosystem performance by cleaning up dependency trees, speeding up critical parts of the ecosystem, and documenting lighter alternatives to established tools.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.