@djthoms/pretty-checkbox - npm Package Compare versions

Comparing version 3.0.4 to 3.1.0

Gulpfile.js

 const gulp = require('gulp');
-const browserSync = require('browser-sync');
 
@@ -15,35 +14,2 @@ const sass = require('gulp-sass');
 
-const reload = browserSync.reload;
-
-/* BROWSER SYNC */
-exports['browser-sync'] = function serve() {
-    browserSync({
-        port: 3040,
-        server: {
-            baseDir: './',
-            directory: true,
-        },
-        https: true,
-    });
-};
-
-/* BROWSER SYNC RELOAD */
-exports['browser-sync-reload'] = function browserSyncReload() {
-    browserSync.reload();
-};
-
-/* LIST SCSS */
-exports['lint:scss'] = function lintCSS() {
-    return gulp.src('src/**/*.scss').pipe(
-        gulpStylelint({
-            reporters: [
-                {
-                    formatter: 'string',
-                    console: true,
-                },
-            ],
-        })
-    );
-};
-
 /* COMPILE SCSS */
@@ -65,28 +31,5 @@ exports['compile:scss'] = function compileSCSS() {
         .pipe(sourcemaps.write('./maps'))
-        .pipe(gulp.dest('dist'))
-        .pipe(
-            browserSync.reload({
-                stream: true,
-            })
-        );
-};
-
-/* FORMAT CSS */
-exports['format:css'] = function formatCSS() {
-    return gulp
-        .src('dist/*.css')
-        .pipe(
-            gulpStylelint({
-                fix: true,
-                failAfterError: false,
-            })
-        )
         .pipe(gulp.dest('dist'));
 };
 
-/* CLEAN DIST */
-exports['clean:dist'] = function cleanDist() {
-    return del(['dist']);
-};
-
 /* MINIFY CSS */
@@ -122,3 +65,4 @@ exports['minify:css'] = function minifyCSS() {
 
-      Copyright (c) <%= moment().format('YYYY') %> <%= _.capitalize(pkg.author) %>
+      Copyright (c) <%= new Date().getFullYear() %> <%= pkg.maintainers[0] %>
+      Originally By: <%= _.capitalize(pkg.author) %>
     `)
@@ -130,5 +74,3 @@ )
 const build = gulp.series(
-    gulp.parallel(exports['clean:dist'], exports['lint:scss']),
     exports['compile:scss'],
-    exports['format:css'],
     exports['minify:css'],
@@ -135,0 +77,0 @@ exports['set:header']

package.json

 {
     "name": "@djthoms/pretty-checkbox",
-    "version": "3.0.4",
+    "version": "3.1.0",
     "description": "A pure css library to beautify checkbox and radio buttons.",
     "main": "dist/pretty-checkbox.min.css",
     "scripts": {
-        "lint": "gulp lint:scss",
-        "fix": "stylelint \"src\\**\\*.scss\" --syntax scss --fix",
-        "format": "gulp css:format",
+        "clean": "del dist/",
+        "lint": "stylelint 'src/**/*.scss'",
+        "fix:scss": "npm run lint -- --fix",
+        "prebuild": "npm-run-all -p clean lint",
+        "pretest": "npm run build && cp dist/pretty-checkbox.css test/.",
+        "posttest": "del test/pretty-checkbox.css",
         "build": "gulp build"
@@ -18,4 +21,4 @@ },
         "@djthoms/prettier-config": "^2.0.0",
-        "browser-sync": "^2.8.2",
         "del": "^5.0.0",
+        "del-cli": "^3.0.1",
         "gulp": "^4.0.2",
@@ -29,4 +32,4 @@ "gulp-autoprefixer": "^7.0.0",
         "gulp-stylelint": "^13.0.0",
+        "npm-run-all": "^4.1.5",
         "prettier": "^2.0.5",
-        "rimraf": "^3.0.0",
         "sass": "^1.26.10",
@@ -71,4 +74,4 @@ "stylelint": "^13.6.1",
     },
-    "homepage": "https://lokesh-coder.github.io/pretty-checkbox",
+    "homepage": "https://pretty-checkbox.netlify.app/",
     "prettier": "@djthoms/prettier-config"
 }

README.md

 <h1 align="center">
   <br>
-  <a href="https://lokesh-coder.github.io/pretty-checkbox/"><img src="logo.png" alt="Pretty checkbox" width="100"></a>
+  <a href="https://pretty-checkbox.netlify.app/"><img src="logo.png" alt="Pretty checkbox" width="100"></a>
   <br> <br> pretty-checkbox.css <br>
@@ -11,9 +11,9 @@ </h1>
  <a href="https://github.com/atomicpages/pretty-checkbox/releases">
-    <img src="https://img.shields.io/github/release/lokesh-coder/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Github Release">
+    <img src="https://img.shields.io/github/release/atomicpages/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Github Release">
   </a>
    <a href="LICENSE">
-    <img src="https://img.shields.io/npm/l/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Licence">
+    <img src="https://img.shields.io/npm/l/@djthoms/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Licence">
   </a>
    <a href="#">
-    <img src="https://img.shields.io/npm/dm/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Downloads">
+    <img src="https://img.shields.io/npm/dm/@djthoms/pretty-checkbox.svg?style=flat-square&colorA=8033b0&colorB=75b7dd" alt="Downloads">
   </a>
@@ -26,3 +26,3 @@ </p>
 <div align="center"><strong >Demo and documentation</strong></div>
-<div align="center"><a align="center" href="https://lokesh-coder.github.io/pretty-checkbox/">https://lokesh-coder.github.io/pretty-checkbox/</a></div>
+<div align="center"><a align="center" href="https://pretty-checkbox.netlify.app/">https://pretty-checkbox.netlify.app/</a></div>
 </pre>
@@ -60,3 +60,3 @@ </div>
 
-### **From CLI**
+### From CLI
 
@@ -77,3 +77,3 @@ Install using `npm` or `yarn`:
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"
+    href="https://unpkg.com/@djthoms/pretty-checkbox/dist/pretty-checkbox.min.css"
 />
@@ -97,3 +97,3 @@ ```
 ```scss
-@import '~pretty-checkbox/src/pretty-checkbox.scss';
+@import '~@djthoms/pretty-checkbox/src/pretty-checkbox.scss';
 ```
@@ -179,3 +179,3 @@
 <div align="right">
- <i><sub><a href="https://lokesh-coder.github.io/pretty-checkbox#fonticons">
+ <i><sub><a href="https://pretty-checkbox.netlify.app/docs/basic-concepts/icons">
  more details</a></sub></i>
@@ -205,3 +205,3 @@ </div>
 <div align="right">
- <i><sub><a href="https://lokesh-coder.github.io/pretty-checkbox#svg">more details</a></sub></i>
+ <i><sub><a href="https://pretty-checkbox.netlify.app/docs/basic-concepts/icons#svg">more details</a></sub></i>
 </div>
@@ -230,3 +230,3 @@
 <div align="right">
- <i><sub><a href="https://lokesh-coder.github.io/pretty-checkbox#image">more details</a></sub></i>
+ <i><sub><a href="https://pretty-checkbox.netlify.app/docs/basic-concepts/icons#images">more details</a></sub></i>
 </div>
@@ -256,5 +256,9 @@
 <div align="right">
- <i><sub><a href="https://lokesh-coder.github.io/pretty-checkbox#colors">more details</a></sub></i>
+ <i><sub><a href="https://pretty-checkbox.netlify.app/docs/basic-concepts/colors">more details</a></sub></i>
 </div>
 
+## RTL Support
+
+Include `rtl.css` in your source file :smile:
+
 ## More
@@ -264,3 +268,3 @@
 
-Please refer the [documentation](https://lokesh-coder.github.io/pretty-checkbox/) to know about them.
+Please refer the [documentation](https://pretty-checkbox.netlify.app/docs/) to know about them.
 
@@ -267,0 +271,0 @@ ## Browser support

New alerts

AI-detected possible typosquat

Supply chain risk

AI has identified this package as a potential typosquat of a more popular package. This suggests that the package may be intentionally mimicking another package's name, description, or other metadata.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

590714

114.77%

Number of package files

77

92.5%

Number of lines in readme file

304

1.33%

Worsened metrics

Lines of code

1463

-35.27%

Number of medium supply chain risk alerts

2

Infinity%

No dependency changes