Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

typewriting

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

typewriting - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3

.babelrc

21

package.json
{
"name": "typewriting",
"version": "1.2.2",
"version": "1.2.3",
"description": "TypeWriting.js is a javascript library to make a typewriter effect.",
"scripts": {
"dist": "gulp"
},
"repository": {

@@ -9,3 +12,3 @@ "type": "git",

},
"main": "build/typewriting.min.js",
"main": "dist/typewriting.min.js",
"keywords": [

@@ -17,4 +20,14 @@ "typewriter",

],
"author": "Eddie Wen <m20021991y@gmail.com> (http://eddiewen.me)",
"homepage": "https://github.com/EddieWen-Taiwan/TypeWriting.js#readme"
"author": "Eddie Wen <eddiewen.tw@gmail.com> (http://eddiewen.me)",
"license": "MIT",
"homepage": "https://github.com/EddieWen-Taiwan/TypeWriting.js#readme",
"dependencies": {},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-preset-es2015": "^6.22.0",
"gulp": "^3.9.1",
"gulp-babel": "^6.1.2",
"gulp-rename": "^1.2.2",
"gulp-uglify": "^2.0.1"
}
}

50

README.md
## TypeWriting.js
[GitHub repo](https://github.com/EddieWen-Taiwan/TypeWriting.js) / [DEMO](http://github.eddiewen.me/TypeWriting.js/)
![https://unsplash.com/photos/E0Spm6XXn2Y](cover.jpg)
If you want to make the typing effect, this is what you need.
[TypeWriting DEMO](http://github.eddiewen.me/TypeWriting.js/)
_Note: TypeWriting.js doesn't depend on jQuery since version 1.2. If you want to keep the old version, please check another branch - [jQuery-v1.1.3](https://github.com/EddieWen-Taiwan/TypeWriting.js/tree/jQuery-v1.1.3)._
----
### Installation
Just clone or download the zip of this repository
or via [npm](https://www.npmjs.com/package/typewriting):
~~~bash
$ npm install --save typewriting
# or
$ yarn add typewriting
~~~
### Setup

@@ -13,3 +28,3 @@

<!-- just typewriting.js or .min.js -->
<script type="text/javascript" src="path/to/typewriting.min.js"></script>
<script src='path/to/typewriting.min.js'></script>
~~~

@@ -24,4 +39,2 @@

I use the height of targetElement to set the cursor height. You could use its line-height to control cursor height.
----

@@ -42,13 +55,15 @@

I use the height of targetElement to set the cursor height. You could use its line-height to control cursor height.
Second parameter is the function after typing effect.
~~~javascript
var typeWriting = new TypeWriting({
targetElement : document.getElementsByClassName('terminal')[0],
inputString : 'Hello, world.',
typing_interval : 130,
blink_interval : '1s',
cursor_color : '#00fd55',
}, function() {
console.log("END");
const typeWriting = new TypeWriting({
targetElement : document.getElementsByClassName('terminal')[0],
inputString : 'Hello, world.',
typing_interval : 130,
blink_interval : '1s',
cursor_color : '#00fd55',
}, () => {
console.log('END');
});

@@ -62,12 +77,5 @@ ~~~

~~~javascript
typeWriting.rewrite( "This is TypeWriting.js", function() {
console.log("Rewrite is finished");
typeWriting.rewrite('Welcome to TypeWriting.js', () => {
console.log('Rewrite() is finished');
});
~~~
----
### Author
Eddie Wen: <m20021991y@gmail.com>
GitHub: <https://github.com/EddieWen-Taiwan>
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc