https://github.com/abstractn/abs-utils

Collection of useful functions and aliases
https://github.com/abstractn/abs-utils

dom-utilities javascript-utilities typescript-utilities utilities-library

Last synced: about 1 month ago
JSON representation

Collection of useful functions and aliases

• Host: GitHub
• URL: https://github.com/abstractn/abs-utils
• Owner: Abstractn
• License: mit
• Created: 2023-11-08T01:17:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-02T08:50:56.000Z (almost 2 years ago)
• Last Synced: 2025-03-21T03:05:38.884Z (about 1 year ago)
• Topics: dom-utilities, javascript-utilities, typescript-utilities, utilities-library
• Language: TypeScript
• Homepage:
• Size: 18.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Abs-Utilities (Abs-Utils)

[![npm version](https://badgen.net/npm/v/abs-utilities)](https://www.npmjs.com/package/abs-utilities) [![Install size](https://packagephobia.com/badge?p=abs-utilities)](https://packagephobia.com/result?p=abs-utilities)

## Introduction:

This module is a simple collection of common functions.

Check out the `dist/abs-utils.d.ts` file for a summary of what it contains.

> "If I could marry a mathematical formula, it would be `proportionalRange()`."

> -Abstractn, 2019

This collection will be expanded in the future following my personal necessities.

## CDN:

Typescript:

```https://abstractn.github.io/lib/abs-utils.ts```

Javascript (with export):

```https://abstractn.github.io/lib/abs-utils.js```

Javascript (without export):

```https://abstractn.github.io/lib/abs-utils.nx.js```

Browser iclusion:

``````

## Library:

- ### ProportionalRangeConfig

  - `oldMin: number`

  - `oldMax: number`

  - `newMin: number`

  - `newMax: number`

  - `value: number`

- ### proportionalRange

  - `oldMin: number`

  - `oldMax: number`

  - `newMin: number`

  - `newMax: number`

  - `value: number`

  - returns `number`

- ### proportionalRange

  - `config: ProportionalRangeConfig`

  - returns `number`

- ### rgbToHex

  - `r: number`

  - `g: number`

  - `b: number`

  - returns `string | null`

- ### randomInt

  - `min?: number`, default is `0`

  - `max?: number`, default is `1`

  - returns `number`

- ### degToRad

  - `degrees: number`

  - returns `number`

- ### radToDeg

  - `radians: number`

  - returns `number`

- ### getNode

  - `query: string`

  - `context?: HTMLElement`, default is `document`

  - returns `HTMLElement | null`

- ### getNodes

  - `query: string`

  - `context?: HTMLElement`, default is `document`

  - returns `Array | null`

- ### setStyle

  - `element: HTMLElement`

  - `property: string` (allows camel case, kebab case and style variables)

  - `value: string`

- ### setStyles

  - `element: HTMLElement`

  - `properties: Record` (keys allow camel case, kebab case and style variables)

- ### Element.on

  - `eventType: string`

  - `callback: EventListenerOrEventListenerObject`

- ### Element.off

  - `eventType: string`

  - `callback: EventListenerOrEventListenerObject`

- ### Element.attr

  - `attributeName: string`

  - `value?: string`

  - returns `string` if `value` is missing

  - returns `undefined` if `value` is passed

- ### deepCopy

  - `src: T`

  - returns `T`

- ### createNode

  - `tag: string`

  - `attributes?: Record`

  - `content?: string | number | HTMLElement | Array`

  - `callback?: ((element: HTMLElement) => void`

  - returns `HTMLElement`

- ### Math.randomInt

  - `min?: number`, default is `0`

  - `max?: number`, default is `1`

  - returns `number`

- ### Math.degToRad

  - `degrees: number`

  - returns `number`

- ### Math.radToDeg

  - `radians: number`

  - returns `number`

- ### Array.shuffle (static)

  - `array: Array`

  - returns `Array`

  - does not mutate original array

- ### Array.shuffle (prototype)

  - mutates original array

- ### Array.remove (static)

  - `array: Array`

  - `predicate: (value: T, index: number, array: Array) => boolean`

  - returns `Array`

  - does not mutate original array

- ### Array.remove (prototype)

  - `predicate: (value: T, index: number, array: Array) => boolean`

  - mutates original array

- ### Array.removeAll (static)

  - `array: Array`

  - `predicate: (value: T, index: number, array: Array) => boolean`

  - returns `Array`

  - does not mutate original array

- ### Array.removeAll (prototype)

  - `predicate: (value: T, index: number, array: Array) => boolean`

  - mutates original array

- ### Array.removeIndex (static)

  - `array: Array`

  - `index: number`

  - returns `Array`

  - does not mutate original array

- ### Array.removeIndex (prototype)

  - `index: number`

  - mutates original array