font-awesome-animation - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

package.json

 {
-    "name": "font-awesome-animation",
-    "version": "0.3.0",
-    "dependencies": {},
-    "author": "l-lin",
-    "devDependencies": {
-        "express": "~4.16.2",
-        "grunt": "~1.0.1",
-        "grunt-contrib-clean": "~1.1.0",
-        "grunt-contrib-concat": "~1.0.1",
-        "grunt-contrib-cssmin": "~2.2.1",
-        "grunt-contrib-watch": "~1.0.0",
-        "grunt-express": "~1.4.1",
-        "grunt-myth": "~1.1.0",
-        "jshint-stylish": "~2.2.1",
-        "load-grunt-config": "~0.19.2",
-        "load-grunt-tasks": "~3.5.2",
-        "time-grunt": "~0.2.0"
-    },
-    "engines": {
-        "node": ">=6.0.0"
-    },
-    "scripts": {
-        "test": "grunt test"
-    }
+  "name": "font-awesome-animation",
+  "version": "0.4.0",
+  "dependencies": {},
+  "author": "l-lin",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/l-lin/font-awesome-animation.git"
+  },
+  "bugs": {
+    "url": "https://github.com/l-lin/font-awesome-animation/issues"
+  },
+  "homepage": "https://l-lin.github.io/font-awesome-animation",
+  "devDependencies": {
+    "concat": "~1.0.3",
+    "handlebars": "~4.7.6",
+    "myth6": "~1.5.0",
+    "rimraf": "~3.0.2"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "scripts": {
+    "build": "npm run clean && npm run init:folders && npm run transform && npm run transform:compress && npm run generate:banner && npm run concat:banner",
+    "clean": "rimraf -f build dist",
+    "concat:banner": "concat build/banner.css build/$npm_package_name.css -o dist/$npm_package_name.css && concat build/banner.css build/$npm_package_name.min.css -o dist/$npm_package_name.min.css",
+    "generate:banner": "node scripts/generate_banner.js build/banner.css",
+    "init:folders": "mkdir -p build && mkdir -p dist",
+    "transform": "myth src/font-awesome-animation.css build/$npm_package_name.css --sourcemap",
+    "transform:compress": "myth src/font-awesome-animation.css build/$npm_package_name.min.css --sourcemap --compress",
+    "version": "npm run build",
+    "postversion": "git push && git push --tags"
+  }
 }

README.md

@@ -1,25 +0,14 @@
-font-awesome-animation [![Build Status](https://travis-ci.org/l-lin/font-awesome-animation.png?branch=master)](https://travis-ci.org/l-lin/font-awesome-animation) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/)
-================
+# font-awesome-animation ![build](https://github.com/l-lin/font-awesome-animation/workflows/build/badge.svg) [![npm version](https://badge.fury.io/js/font-awesome-animation.svg)](https://badge.fury.io/js/font-awesome-animation)
+
 > Simple animations using some CSS3 I found on the web.
 > Best used on glyphicons like [FontAwesome](http://fortawesome.github.io/Font-Awesome/).
 
-Getting started
-================
-Download
-----------------
-### Manually
+## Getting started
 
-The files can be downloaded from:
+Add
 
-* Minified [CSS](https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.min.css) for production usage
-* Un-minified [CSS](https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css) for development
-
-### With BowerJS
-
 ```bash
-bower install font-awesome-animation
+npm install font-awesome-animation
 ```
 
-Installation
-----------------
 Include CSS file in your index.html file: 
@@ -31,31 +20,24 @@
 
-Usage
-================
+## Usage
+
 See [live demo](https://l-lin.github.com/font-awesome-animation).
 
-Development
-================
+## Development
+
 This project is using:
-* [GruntJS](http://gruntjs.com/) for adding prefixes and minification purpose
-* the CSS preprocessor [Myth](http://www.myth.io/) to generate the prefixes for common browsers
 
-Getting started
-----------------
-You will need to install the dependencies:
+- the CSS preprocessor [Myth](http://www.myth.io/) to generate the prefixes for common browsers
 
+
 ```bash
+# install dependencies
 npm install
+
+# generate prefixes and minified CSS files
+npm run build
 ```
 
-Build
-----------------
-You can generate the CSS file with prefixes and the minified CSS file by executing the following command:
+## License
 
-```bash
-grunt
-```
+[MIT License](LICENSE)
 
-License
-================
-
-[MIT License](http://en.wikipedia.org/wiki/MIT_License)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

562089

increased by190.01%

Dev dependency count

4

decreased by-66.67%

Number of package files

11

increased by83.33%

Lines of code

2491

increased by146.88%

Number of low maintenance alerts

0

decreased by-100%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Number of lines in readme file

43

decreased by-29.51%

No dependency changes