

With Yarn:
With npm:
npm install --save js-ts-utilities
import { getBaseURL, isAbsoluteURL, getURLParameters } from 'js-ts-utilities';
Method |
Parameters |
Example |
Output |
getBaseURL |
(url: string) |
getBaseURL('https://url.com/page?name=Punit&surname=Soni'); |
https://url.com/page |
isAbsoluteURL |
(url: string) |
isAbsoluteURL('https://google.com'); |
true |
getURLParameters |
(url: string) |
getURLParameters('https://url.com/page?name=Punit&surname=Soni'); |
{ name: 'Punit', surname: 'Soni' } |
import { containsElement, getAncestors, smoothScroll, onClickOutside, getSelectedText } from 'js-ts-utilities';
Method |
Parameters |
Example |
Output |
containsElement |
(element1: HTMLElement, element2: HTMLElement) |
containsElement(document.querySelector('head'), document.querySelector('title')); |
true |
getAncestors |
(element: HTMLElement) |
getAncestors(document.querySelector('body')); |
[document, html, body] |
smoothScroll |
(elementIdOrClass: string) |
smoothScroll('#fooBar'); |
scrolls smoothly to the element with the id fooBar |
onClickOutside |
(elementIdOrClass: string, method: Function) |
onClickOutside('#my-element', () => console.log('Hello')); |
Will log 'Hello' whenever the user clicks outside of #my-element |
getSelectedText |
- |
getSelectedText() |
'Lorem ipsum' |
fullscreen |
(isFullScreen?: boolean) |
fullscreen()
fullscreen(false)
|
> fullscreen() - Opens `body` in fullscreen mode
> fullscreen(false) - Exit from fullscreen mode
|
import { generateUUID } from 'js-ts-utilities';
Method |
Parameters |
Example |
Output |
generateUUID |
- |
generateUUID(); |
7982fcfe-5721-4632-bede-6000885be57d |
import { isDateValid, getTimestamp } from 'js-ts-utilities';
Method |
Parameters |
Example |
Output |
isDateValid |
(date: string) |
isDateValid('December 17, 1995 03:24:00'); |
true |
getTimestamp |
- |
getTimestamp(); |
1602162242 |
import { push, filter, update, remove } from 'js-ts-utilities';
Method |
Parameters |
Example |
Output |
push |
(array: any[], elementToAdd: any) |
push([10, 20, 30, 40], 50) |
[10, 20, 30, 40, 50] |
filter |
(array: any[], callback: Function) |
filter([10, 20, 30, 40], (d: number) => d < 40) |
[10, 20, 30] |
update |
(array: any[], indexToUpdate: number, newElement: any) |
update([10, 20, 40], 2, 30) |
[10, 20, 30] |
remove |
(array: any[], indexToRemove: number) |
remove([10, 20, 30], 2) |
[10, 20] |