v1.1.5

Author: patelka2211

DynamicColors.js

@@ -7,20 +7,20 @@
 ## Installation
 
 [![npm (scoped)](https://img.shields.io/npm/v/dynamic-colors)](https://www.npmjs.com/package/dynamic-colors)
-[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/dynamic-colors)](https://bundlephobia.com/package/[email protected].4)
+[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/dynamic-colors)](https://bundlephobia.com/package/[email protected].5)
 [![npm](https://img.shields.io/npm/dy/dynamic-colors)](https://www.npmjs.com/package/dynamic-colors)
-[![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/gh/hy/patelka2211/dynamic-colors)](https://cdn.jsdelivr.net/gh/patelka2211/[email protected].4/)
+[![jsDelivr hits (npm scoped)](https://img.shields.io/jsdelivr/gh/hy/patelka2211/dynamic-colors)](https://cdn.jsdelivr.net/gh/patelka2211/[email protected].5/)
 
 To install Dynamic Colors using npm, run the following command:
 
 ```sh
 npm i dynamic-colors
 ```
 
-Alternatively, you can include [Dynnamic Colors's IIFE file](https://cdn.jsdelivr.net/gh/patelka2211/[email protected].4/DynamicColors.js) in your website using a `<script>` tag:
+Alternatively, you can include [Dynnamic Colors's IIFE file](https://cdn.jsdelivr.net/gh/patelka2211/[email protected].5/DynamicColors.js) in your website using a `<script>` tag:
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/patelka2211/[email protected].4/DynamicColors.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/patelka2211/[email protected].5/DynamicColors.js"></script>
 ```
 
 ## Available APIs

README.md

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-colors",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Dynamic Colors is a JavaScript library that can dynamically generate color palettes from a single HEX color and it provides a range of useful APIs for creating, managing, and manipulating color palettes.",
   "main": "index.js",
   "module": "index.js",
@@ -11,6 +11,7 @@
     "rollup-iife": "rollup -c --environment format:iife",
     "terser-esm": "terser ./index.js -c -m --toplevel -o ./index.js",
     "terser-iife": "terser ./DynamicColors.js -c -m -o ./DynamicColors.js",
+    "prerelease-build": "npm run tsc-build && npm run rollup-esm && npm run rollup-iife && rm -rf ./lib/",
     "build": "npm run tsc-build && npm run rollup-esm && npm run rollup-iife && npm run terser-esm && npm run terser-iife && rm -rf ./lib/",
     "test-build": "npm run tsc-build && npm run rollup-esm && tsc ./test/index.ts -t es6 && rollup ./test/index.js -o ./test/out.js && rm -rf ./lib/"
   },
@@ -44,7 +45,7 @@
   "bugs": {
     "url": "https://github.com/patelka2211/dynamic-colors/issues"
   },
-  "homepage": "https://github.com/patelka2211/dynamic-colors#readme",
+  "homepage": "https://kpverse.in/dynamic-colors/",
   "devDependencies": {
     "rollup": "^3.25.1",
     "rollup-plugin-dts": "^5.3.0",

package-lock.json

@@ -6,6 +6,8 @@ const currentDate = new Date(),
     banner = `/**
  * **Dynamic Colors** from KPVERSE
  *
+ * v1.1.5
+ *
  * Updated on ${formattedDate}.
  *
  * Copyright © 2023-present, Kartavya Patel. All rights reserved.

package.json

@@ -41,8 +41,10 @@ export class DynamicColors {
     public setColor(HEXColor: string) {
         let color = validateHEX(HEXColor);
 
-        if (color === false)
-            throw Error(`"${HEXColor}" is not valid HEX color.`);
+        if (!color)
+            throw Error(
+                `"${HEXColor}" is not valid HEX color. Only 7 length HEX color is accepted. For example: "#2596D1" or "#ffffff".`
+            );
 
         if (this.id === undefined) return;
 

rollup.config.mjs

@@ -1,9 +1,9 @@
 /**
  * Validates a HEX color value.
  * @param {string} color The color value to validate.
- * @returns {string | false} The validated color value if it is a valid HEX color, or otherwise `false`.
+ * @returns {string | undefined} The validated color value if it is a valid HEX color, or otherwise `undefined`.
  */
-export function validateHEX(color: string): string | false {
-    if (/^#([0-9A-Fa-f]{3}){1,2}$/i.test(color)) return color.toLowerCase();
-    return false;
+export function validateHEX(color: string): string | undefined {
+    if (/^#[0-9A-Fa-f]{6}$/i.test(color)) return color.toLowerCase();
+    return;
 }

src/dynamicColors/index.ts

@@ -3,6 +3,7 @@ export { remove } from "./dynamicColors/remove";
 export { DynamicColorsType } from "./dynamicColors/types";
 export { getInstanceByName } from "./instances/getInstanceByName";
 export { isInstance } from "./instances/isInstance";
+export { VERSION } from "./metadata";
 export { getCurrentOSTheme } from "./theme/getCurrentOSTheme";
 export { getCurrentUITheme } from "./theme/getCurrentUITheme";
 export { setAutoTheme } from "./theme/setAutoTheme";

src/helper/validateHEX.ts

@@ -0,0 +1 @@
+export const VERSION = "1.1.5";