react-simple-captcha - npm Package Compare versions

Comparing version 8.0.3 to 8.1.0

package.json

 {
   "name": "react-simple-captcha",
-  "version": "8.0.3",
+  "version": "8.1.0",
   "description": "A very simple,powerful and highly customizable captcha for ReactJS",
@@ -5,0 +5,0 @@ "main": "react-simple-captcha.js",

react-simple-captcha.js

@@ -6,2 +6,5 @@ import { Component } from 'react';
 let captcha_number = '';
+let backgroundColor_value = '';
+let fontColor_value = '';
+let charMap_value = '';
 let LoadCanvasTemplate_HTML = "<div><canvas id=\"canv\"></canvas><div><a id=\"reload_href\"  style=\"cursor: pointer; color: blue\">Reload Captcha</a></div></div>";
@@ -11,10 +14,20 @@ let LoadCanvasTemplateNoReload_HTML = "<div><canvas id=\"canv\"></canvas><div><a id=\"reload_href\"  style=\"cursor: pointer; color: blue\"></a></div></div>";;
 
-export const loadCaptchaEnginge = (numberOfCharacters, backgroundColor = 'black', fontColor = 'white') => {
+export const loadCaptchaEnginge = (numberOfCharacters, backgroundColor = 'white', fontColor = 'black', charMap = '') => {
 
+    backgroundColor_value = backgroundColor;
+    fontColor_value = fontColor;
+    charMap_value = charMap;
     captcha_number = numberOfCharacters;
-    let length = parseInt(numberOfCharacters),
+    let retVal = "";
+    let charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+    if (charMap === "upper") {
+        charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+    } else if (charMap === "lower") {
+        charset = "abcdefghijklmnopqrstuvwxyz0123456789";
+    }
 
+    let length = parseInt(numberOfCharacters);
 
-        charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
-        retVal = "";
+
+
     for (let i = 0, n = charset.length; i < length; ++i) {
@@ -67,3 +80,3 @@ retVal += charset.charAt(Math.floor(Math.random() * n));
     document.getElementById("reload_href").onclick = function () {
-        loadCaptchaEnginge(captcha_number)
+        loadCaptchaEnginge(captcha_number, backgroundColor, fontColor, charMap);
     }
@@ -76,3 +89,3 @@
         if (reload == true) {
-            loadCaptchaEnginge(captcha_number);
+            loadCaptchaEnginge(captcha_number, backgroundColor_value, fontColor_value, charMap_value);
         }
@@ -79,0 +92,0 @@

README.md

@@ -117,6 +117,7 @@ # React Simple Captcha
 | **< LoadCanvasTemplate reloadText="Reload My Captcha" reloadColor="red" />** | If you want to change the **"Reload Captcha"** text and it's blue color |
-| **< LoadCanvasTemplate reloadText="Reload My Captcha" reloadColor="red" />** | If you want to change the **"Reload Captcha"** text and it's blue color |
 |  **loadCaptchaEnginge(*Number_Of_Captcha_Charcters*, *Background_Color*);**  | If you want to change the background color from black to your custom color. Example Syntax to change the background color to red use: **loadCaptchaEnginge(6,'red');** |
 |  **loadCaptchaEnginge(*Number_Of_Captcha_Charcters*, *Background_Color*, *Font_Color*);**  | If you want to change the font color from white to your custom color. Example Syntax to change the font color to blue use: **loadCaptchaEnginge(6,'','blue');** |
 |  **loadCaptchaEnginge(*Number_Of_Captcha_Charcters*, *Background_Color*, *Font_Color*);**  | If you want to change the both background and font color. Example Syntax to change the background color to white and font color to black use: **loadCaptchaEnginge(6,'white','black');** |
+|  **loadCaptchaEnginge(*Number_Of_Captcha_Charcters*, *Background_Color*, *Font_Color*, *Upper_Characters_Only*);**  | If you want only upper characters and number use **loadCaptchaEnginge(6,'','','upper');** |
+|  **loadCaptchaEnginge(*Number_Of_Captcha_Charcters*, *Background_Color*, *Font_Color*, *Lower_Characters_Only*);**  | If you want only lower characters and number use **loadCaptchaEnginge(6,'','','lower');** |
  
@@ -123,0 +124,0 @@ ### Example

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

12587

increased by6.42%

Lines of code

94

increased by13.25%

Number of lines in readme file

205

increased by0.49%

No dependency changes