q-js-utils v1.2.2

q-js-utils

A collection of JavaScript utilities.

Install

npm install q-js-utils

Usage

import { typeOf, darkOrLight, str2Hex, getInitials } from 'q-js-utils';
// Or
// import * as utils from 'q-js-utils';

const getType = typeOf('Iam string');
const isDark = darkOrLight('#000');
const nameToHex = str2Hex('Muhamad Husein');
const initialName = getInitials('Muhamad Husein');

console.log(getType); // string
console.log(isDark); // true
console.log(nameToHex); // f529de
console.log(initialName); // MH

Utilities

cached

import cached from 'q-js-utils/cached';

const sayHi = cached(name => 'Hi, ' + name);

typeOf

import typeOf from 'q-js-utils/typeOf';

const getType = typeOf('Iam string');

darkOrLight

import darkOrLight from 'q-js-utils/darkOrLight';

const isDark = darkOrLight('#000');

str2Hex

import str2Hex from 'q-js-utils/str2Hex';

const nameToHex = str2Hex('Muhamad Husein');

getInitials

import getInitials from 'q-js-utils/getInitials';

const initialName = getInitials('Muhamad Husein');

jsonParse

import jsonParse from 'q-js-utils/jsonParse';

/**
 * @param_1 : json string, required
 * @param_2 : option to return error parse, default {}
*/

const dataStringObject = `{ "name": "Muhamad Husein", "email": "m.husein27@gmail.com" }`;
const jsonObject = jsonParse(dataStringObject);

const dataStringArray = `["React", "Vue", "Svelte", "Angular"]`;
const jsonArray = jsonParse(dataStringArray, []);

objOmit

import objOmit from 'q-js-utils/objOmit';

const objData = {
  name: "Muhamad Husein",
  email: "m.husein27@gmail.com",
  password: "MyPassword",
  id: "1"
};
const omit = objOmit(objData, "password", "id"); // { name: "Muhamad Husein", email: "m.husein27@gmail.com" }

obj2FormData

import obj2FormData from 'q-js-utils/obj2FormData';

const objData = {
  name: "Muhamad Husein",
  email: "m.husein27@gmail.com"
};
const dataForm = obj2FormData(objData);

isMobile

import isMobile from 'q-js-utils/isMobile';

console.log(isMobile()); // true / false

setClass

import setClass from 'q-js-utils/setClass';

const navbar = document.getElementById('navbar');

// Add class
setClass(navbar, "open"); // can multiple className e.g "open fade dark"

// Remove class
setClass(navbar, "open", "remove"); // can multiple className e.g "open fade dark"

setAttr

import setAttr from 'q-js-utils/setAttr';

const sidebar = document.getElementById('sidebar');

// Add attributes
setAttr(sidebar, { "aria-hidden": "false", hidden: true });

// Remove attributes
setAttr(sidebar, "aria-hidden hidden");

uid

import uid from 'q-js-utils/uid';

/**
 * @param : word length, number, default = 4
*/

console.log(uid()); // print 4x random string separated with _
console.log(uid(7)); // print 7x random string separated with _