holy-stars - npm Package Compare versions

Comparing version 1.2.1 to 2.0.0-rc.1

package.json

 {
   "name": "holy-stars",
-  "version": "1.2.1",
+  "version": "2.0.0-rc.1",
   "description": "Simple stars widget",
-  "main": "dist/holy-stars.js",
-  "module": "src/index.js",
-  "files": [
-    "dist/holy-stars.js",
-    "dist/holy-stars.css",
-    "src/modules",
-    "src/styles",
-    "src/index.js",
-    "src/root.js"
-  ],
-  "scripts": {
-    "dev": "webpack-dev-server --mode development",
-    "build": "webpack --mode production",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
+  "private": false,
   "keywords": [
@@ -28,29 +14,24 @@ "rate",
   ],
+  "main": "index.cjs.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "jsdelivr": "bundle.min.js",
+  "unpkg": "bundle.min.js",
+  "repository": "github:ihapitw/holy-stars",
   "author": "ihapitw",
-  "repository": "github:ihapitw/holy-stars",
-  "license": "ISC",
+  "license": "MIT",
   "devDependencies": {
-    "babel-plugin-add-module-exports": "^1.0.4",
-    "babel-preset-env": "^1.7.0",
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-object-rest-spread": "^7.9.0",
-    "@babel/preset-env": "^7.9.6",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "css-loader": "^3.4.2",
-    "eslint": "^6.8.0",
-    "eslint-loader": "^3.0.3",
-    "html-loader": "^1.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "mini-css-extract-plugin": "^0.9.0",
-    "node-sass": "^4.13.1",
-    "prettier": "^2.0.2",
-    "sass-loader": "^8.0.2",
-    "webpack": "^4.42.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3",
-    "webpack-notifier": "^1.8.0"
+    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@typescript-eslint/parser": "^5.33.0",
+    "eslint": "^8.21.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.56.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "tsc-alias": "^1.3.9",
+    "typescript": "^4.7.4"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

README.md

 # Holy Stars
-Simple rate widget
-```
-import 'holy-stars/dist/holy-stars.css' // or in your styles
-import HolyStars from 'holy-stars'
+### Simple rate widget
+```javascript
+import 'holy-stars/index.css'
+import { HolyStars } from 'holy-stars'
 
 const stars = new HolyStars({
-  el: document.getElementById('stars'), // required option, only HTMLElement
-  rate: 4.4, // required option 
+  el: document.getElementById('stars'),
+  rate: 4.4,
+  size: 16,
+  primaryColor: '#FFE135',
+  secondColor: '#ddd',
+})
 
-  // non-required option
-  size: 72, // width and height single star in px
-  primaryColor: '#FFE135', // active star color
-  secondColor: '#ddd' // second star color
+stars.update({
+  rate: 4,
+  size: 24,
 })
+```
 
-stars.value = 2.5 // change rate
-```
+### Custom entry template
+```javascript
+const renderTemplate = ({size = 12, primaryColor, secondColor}, offset = 1) => {
+  return `
+    <div class="holy-stars__entity" style="width: ${size}px; height: ${size}px">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${24 * offset} 24" width="${size * offset}" height="${size}">
+        <path fill="${primaryColor}" d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"/>
+      </svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${size}" height="${size}">
+        <path fill="${secondColor}" d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"/>
+      </svg>
+    </div>`
+}
+
+new HolyStars({
+  el: document.getElementById('stars'),
+  rate: 4.4,
+}, renderTemplate)
+```

New alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

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

Fixed alerts

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42922

increased by312.55%

Dev dependency count

9

decreased by-59.09%

Number of package files

54

increased by500%

Lines of code

307

increased by145.6%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

40

increased by122.22%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes