postcss-animation.css-data - npm Package Compare versions

Comparing version 0.1.4 to 1.0.0

package.json

 {
-  "name": "postcss-animation.css-data",
-  "version": "0.1.4",
-  "main": "index.json",
-  "scripts": {
-    "debug": "node --inspect --debug-brk parse.js",
-    "build": "node parse.js",
-    "prepublish": "npm run build"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "animate.css": "git+https://github.com/daneden/animate.css.git",
-    "css-parse-keyframes": "^0.0.4"
-  },
-  "description": "Package that adds `@keyframes` from animate.css.",
-  "keywords": [
-    "css",
-    "animation",
-    "keyframes",
-    "animate.css"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/retyui/postcss-animation.css-data.git"
-  },
-  "author": {
-    "name": "David Narbutovich",
-    "email": "[e-mail]",
-    "url": "https://github.com/retyui"
-  },
-  "bugs": {
-    "url": "https://github.com/retyui/postcss-animation.css-data/issues"
-  },
-  "homepage": "https://github.com/retyui/postcss-animation.css-data"
+	"version": "1.0.0",
+	"name": "postcss-animation.css-data",
+	"description": "Package that adds `@keyframes` from animate.css.",
+	"license": "MIT",
+	"main": "index.json",
+	"files": [],
+	"scripts": {
+		"build": "node parse.js",
+		"prepare": "npm run build"
+	},
+	"peerDependencies": {
+		"postcss-animations": "6.x"
+	},
+	"devDependencies": {
+		"css-parse-keyframes": "^0.0.4",
+		"animate.css": "daneden/animate.css"
+
+	},
+	"keywords": ["css", "animation", "keyframes", "animate.css"],
+	"repository": "https://github.com/retyui/postcss-animation.css-data",
+	"author": "David Narbutovich <[e-mail]>",
+	"engines": {
+		"node": ">= 4.2"
+	}
 }

README.md

@@ -1,56 +0,58 @@
-
 # postcss-animation.css-data
 
 Autogenerated data for [postcss-animations](https://github.com/retyui/postcss-animations) plugin.
-Parsed all `@keyframes` from [animate.css](https://daneden.github.io/animate.css/).
 
+Parsed all `@keyframes` from [magic.css](https://minimamente.com/example/magic_animations/).
+
 ## Install
+
 ```bash
-npm install -D postcss-animation.css-data postcss-animations
-# or
 yarn add -D postcss-animation.css-data postcss-animations
+# or npm i -D postcss-animation.css-data postcss-animations
 ```
 
 ## Use
+
 ```js
-const postcss           = require('postcss');
+const           postcss = require('postcss');
 const postcssAnimations = require('postcss-animations');
-const animationData     = require('postcss-animation.css-data');
 
-const CSS = `
-.jackInTheBox {
-    animation-name: jackInTheBox;
-}
-`;
-
-postcss(
+(async () => {
+  const CSS = `.my-jackInTheBox { animation-name: jackInTheBox; }`;
+  const PLUGINS = [
     postcssAnimations({
-        data: [animationData],
-        checkDuplications: true,
-        disableCheckCssVariables: true
+      data: [require('postcss-animation.css-data')],
+      checkDuplications: true,
+      disableCheckCssVariables: true
     })
-).process(CSS).then(({css}) => {
+  ];
+
+  try {
+    const { css, messages } = await postcss(PLUGINS).process(CSS/*, {from,to}*/);
+    messages.map(msg => console.log(msg.toString()));
+
     console.log(css);
-});
-/*
-.jackInTheBox {
-    animation-name: jackInTheBox;
-}
-@keyframes jackInTheBox  {
-    // ...
-}
-*/
+    /*
+      .my-jackInTheBox { animation-name: jackInTheBox; }
+      @keyframes jackInTheBox { }
+    */
+  } catch (e) {
+    console.error(e);
+  }
+})();
 ```
 
-## Regenerate:
+## Other animation data:
+
+* ![npm postcss-magic.css-data](https://img.shields.io/npm/dm/postcss-magic.css-data.svg) [postcss-magic.css-data](https://github.com/retyui/postcss-magic.css-data)
+* ![npm postcss-mimic.css-data](https://img.shields.io/npm/dm/postcss-mimic.css-data.svg) [postcss-mimic.css-data](https://github.com/retyui/postcss-mimic.css-data)
+* ![npm postcss-tuesday.css-data](https://img.shields.io/npm/dm/postcss-tuesday.css-data.svg) [postcss-tuesday.css-data](https://github.com/retyui/postcss-tuesday.css-data)
+
+## Update data:
+
 ```bash
 git clone https://github.com/retyui/postcss-animation.css-data
 cd postcss-animation.css-data
-npm install
-npm run build
-```
-
-# Other animation data:
-- [postcss-magic.css-data](https://github.com/retyui/postcss-magic.css-data)
-- [postcss-tuesday.css-data](https://github.com/retyui/postcss-tuesday.css-data)
-- [postcss-mimic.css-data](https://github.com/retyui/postcss-mimic.css-data)
+yarn
+yarn build
+```

New alerts

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

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19491

increased by6.69%

Number of package files

4

increased by33.33%

Number of lines in readme file

58

increased by1.75%

Worsened metrics

Dependency count

1

increased byInfinity%

Number of low maintenance alerts

2

increased by100%

Number of low supply chain risk alerts

1

increased byInfinity%

No dependency changes