@funboxteam/diamonds NPM

@funboxteam/diamonds

This is a set of helpers that we use in the current projects and will probably use in the future ones.

All helpers are independent of each other, which means that your project's bundle won't be bloated by useless code.

Rationale

When developers create projects they use a lot of small functions that are not connected to the project itself. Usually such functions are stored in folders like utils or helpers.

To prevent copy-pasting between a huge amount of projects we've created this package.

These functions are not aimed to be absolutely safe to unexpected usage. They do exactly what they say they do, and nothing else.

Installation

Add the package to deps:

npm install --save @funboxteam/diamonds

Import functions:

import { getUniqueId } from '@funboxteam/diamonds';

List of helpers

It's easier to check every helper's source code rather than reading docs. But if you want some, here they are.

base64ToUint8Array

Converts Base64 string to a Uint8Array.

disableBodyScroll, enableBodyScroll

The first function disables scroll on the current page with the possibility to save the current scrolled position, the second one enables the scroll and restores its position if it was saved.

It's useful when you want to disable scroll e.g. while opening sidebar and enable it while closing.

camelToKebab

Converts camelCase string into kebab-case.

capitalize

Change the passed strings's first letter case to upper.

colorize

Returns passed params as string with color tags inside.

It's useful when you want to colorize logs in terminal.

cookieStringToObject

Converts cookie string (usually, the one you get from document.cookie) into an object.

datauriToBlob

Converts DataURI string into Blob instance.

It's useful when you need to send an image from online editor to the server.

debounce

Returns a debounced function that delays invoking callback until passed seconds have elapsed since the last time the debounced function was invoked.

It's useful when you have to handle flow of events but want to fire callback after the flow finishes.

deepClone

Returns deep clone of the passed object. Does not work with circular links.

It's useful when you need to deeply clone an object. Object.assign does not work in this case, because it creates a shadow copy.

equals

Deeply compares passed params.

findLast

Returns the value of the last element in the provided array that satisfies the provided testing function. Otherwise undefined.

formatBytes

Converts size in bytes to KB, MB, GB, etc.

formatNumberString

Formats a number (or a string with a number inside) using the passed format.

It's useful when you need to format, let's say, the cost of something.

formatPhoneNumberString

Formats a number (or a string with a number inside) by the mask of Russian MSISDNs.

getBrowserScrollbarWidth

Returns browser scrollbar width.

getDisplayName

Returns displayName for React HOC.

getImageOrientation

Extracts orientation from the passed images EXIF.

Example:

getImageOrientation.call(this, image, orientation => {
  let rotate;

  switch (orientation) {
    case 8:
      rotate = 270;
      break;
    case 6:
      rotate = 90;
      break;
    case 3:
      rotate = 180;
      break;
    default:
      rotate = 0;
  }

  this.setState({ rotate });
});