@dabapps/roe/src/ts/utils.ts

A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.

import * as React from 'react';
import * as randomSeed from 'random-seed';

import {
  MATCHES_AMPERSAND,
  MATCHES_BLANK_FIRST_LINE,
  MATCHES_BLANK_LAST_LINE,
  MATCHES_INITIAL_INDENTATION,
  MATCHES_LEADING_AND_TRAILING_HYPHENS,
  MATCHES_NON_WORD_CHARACTERS,
} from './constants';

export const formatCode = (code: string): string => {
  const codeWithoutLeadingOrTrailingEmptyLines = code
    .replace(MATCHES_BLANK_FIRST_LINE, '')
    .replace(MATCHES_BLANK_LAST_LINE, '');

  const initialIndentation: RegExpExecArray | null = MATCHES_INITIAL_INDENTATION.exec(
    codeWithoutLeadingOrTrailingEmptyLines
  );

  return initialIndentation
    ? codeWithoutLeadingOrTrailingEmptyLines.replace(
        new RegExp(`^${initialIndentation[1]}`, 'gm'),
        ''
      )
    : codeWithoutLeadingOrTrailingEmptyLines;
};

export const getHref = (
  children?: React.ReactNode,
  href?: string
): string | undefined => {
  if (href) {
    return href;
  }

  if (typeof children !== 'string') {
    return undefined;
  }

  return children
    .replace(MATCHES_AMPERSAND, '-and-')
    .replace(MATCHES_NON_WORD_CHARACTERS, '-')
    .replace(MATCHES_LEADING_AND_TRAILING_HYPHENS, '')
    .toLowerCase();
};

let rand = randomSeed.create('dabapps');

export const resetRandomSeed = (): void => {
  rand = randomSeed.create('dabapps');
};

export const generateIpsum = (words: ReadonlyArray<string>): string => {
  const ipsum = [...Array(15)]
    .map(() => words[Math.floor(rand.range(words.length))])
    .join(' ');

  return ipsum.charAt(0).toUpperCase() + ipsum.substring(1) + '.';
};

export const shouldNotBeRendered = (children: unknown): boolean => {
  return (
    children === false ||
    children === null ||
    children === undefined ||
    children === ''
  );
};

export const isValidColumnNumber = (value?: number): boolean =>
  typeof value === 'number' && value === +value;

export const getScrollOffset = (): { x: number; y: number } => {
  const doc = document.documentElement;
  const left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
  const top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);

  return {
    x: left,
    y: top,
  };
};