@uxland/browser-utilities
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

UXL Browser Utilities npm version

Build Status Statements Branches Functions Lines
BuildStatus Statements Branches Functions Lines

Installation

npm i @uxland/browser-utilities

Usage

Get browser's language

Returns language depending on user's navigator languages

getBrowserLang(); //=> 'ca'

Meta

Display's meta information such as browser version, UA, LitElement version

displayMetaInformation();

Layout sizing

Display's layout sizing

displayLayoutSizing(true);

Convert file to base64

const file = new File(["foo"], "foo.txt", {
  type: "text/plain",
});
await toBase64(file); //=> data:text/plain;base64,Zm9v

Browser's device

Returns true depending on device type

isTabletBrowser(); //=> true | false
isMobileBrowser(); //=> true | false
isMobileOrTabletBrowser(); //=> true | false

Animation frame

Asynchronous task that will call provided callback in next window animation frame

const callback = () => console.log("task ended");
const handler = animationFrame.run(callback); //=> 'task ended'
// To cancel asynchronous task
animationFrame.cancel(handler);

Asynchronous queue

Creates an asynchronous queue instance that will call provided function when possible

const executor = (...args: any[]) => console.log("Queue Executor", args);
const queue = new AsyncQueue(executor);
queue.enqueueItem(1); //=> 'Queue Executor' 1;

Debouncer

https://polymer-library.polymer-project.org/3.0/api/utils/debounce

Idle Period

Micro task

https://polymer-library.polymer-project.org/3.0/api/utils/async

Time out

https://polymer-library.polymer-project.org/3.0/api/utils/async

Readme

Keywords

none

Package Sidebar

Install

npm i @uxland/browser-utilities

Weekly Downloads

47

Version

1.0.2

License

BSD-4-Clause

Unpacked Size

54.1 kB

Total Files

34

Last publish

Collaborators

  • avizcaino
  • uxland-admin