vue-calendar-heatmap - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

babel.config.js

@@ -5,2 +5,2 @@ module.exports = {
   ]
-}
+}

package.json

 {
   "name": "vue-calendar-heatmap",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph",
@@ -24,2 +24,10 @@ "author": "Julien Rabin <[e-mail]>",
     "babel-jest": "^22.4.3",
+    "eslint": "^4.19.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-node": "^6.0.1",
+    "eslint-plugin-promise": "^3.8.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "pug": "^2.0.3",
+    "pug-plain-loader": "^1.0.0",
     "vue-template-compiler": "^2.5.16"
@@ -34,3 +42,3 @@ },
       "plugin:vue/essential",
-      "eslint:recommended"
+      "standard"
     ],
@@ -53,2 +61,2 @@ "rules": {},
   "license": "MIT"
-}
+}

README.md

 # vue-calendar-heatmap
-work in progress
+
+> work in progress
+
+A calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
+
+## props
+
+| keys  | Type  | Required | Exemple |
+|---|---|---|---|
+| values `values` | Array of objects with `date` and `count` keys. `date` values can be a date parseable string, a millisecond timestamp, or a Date object. `count` value should be a number. | true | `:values="[{ date: '2018-9-22', count: 6 }, ...]"` |
+| endDate `end-date`  | Can be a date parseable string, a millisecond timestamp, or a Date object. The calendar will start automatically one year before this date. | true  | `endDate="2018-9-22"`  | 
+| colorRange `color-range` | A Array of 5 strings which represents the colors of the progression. The color at `colorRange[0]` will always represent the values for a `count: 0`. The others are automatically distributed over the maximum value of count, unless you specify `max` props. | false. Default value is equal to the example | `:range-color="['ebedf0', '#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e']"` 
+| max `max` | Any number which should be the max color | false | `:max="10"`

src/build.js

 import CalendarHeatmap from '@/CalendarHeatmap'
 
-export default CalendarHeatmap
+export default CalendarHeatmap

src/main.js

 import Vue from 'vue'
-import CalendarHeatmap from './CalendarHeatmap.vue'
+import App from './App.vue'
 
@@ -7,3 +7,3 @@ Vue.config.productionTip = false
 new Vue({
-  render: h => h(CalendarHeatmap)
+  render: h => h(App)
 }).$mount('#app')

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

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

Improved metrics

Total package byte prevSize

306610

increased by6.73%

Number of package files

15

increased by25%

Lines of code

139

increased by195.74%

Number of lines in readme file

14

increased by366.67%

Worsened metrics

Dev dependency count

16

increased by100%

No dependency changes