polyfill-advance

0.2.4 • Public • Published

polyfill-advance

npm: https://www.npmjs.com/package/polyfill-advance

github: https://github.com/cybemachine/polyfill-advance

Usage

npm install polyfill-advance

Then add the following before your other codes.

require("polyfill-advance");

Object

Usage

require("polyfill-advance/dist/modules/Object");

API

The polyfill uses the Object so it basically extends the Object.prototype object and can be used with it.

Object.isArguments(val)

Parameters

  1. val : any. The thing to check if it is arguments https://mzl.la/3JDMFI8
console.log(Object.isArguments({}));

function a(){
  Object.isArguments(arguments);
};

console.log(Object.isArguments(a()))

output

false
true

Object.keys(obj)

Parameters

  1. obj : Object. Object that contains the properties and methods. This can be an object that you created or an existing Document Object Model (DOM) object.
console.log(Object.isArguments({}));

function a(){
  Object.isArguments(arguments);
};

console.log(Object.isArguments(a()))

output

false
true

Promise

Usage

require("polyfill-advance/dist/modules/Promise");

API

The polyfill uses the Promise so it basically extends the Promise object and can be used with it.

Promise.timeOut(timeOutms, Promise)

Parameters

  1. timeOutms : number. The timout in milliseconds to wait before the Promise is executed
  2. Promsie : Promise<any>. Promise to be executed after timeOutms
Promise.timeOut(
  10 * 1000,
  new Promise((r, j) => {
    console.log("hi!");
    r(void 0);
  })
);
// 10 sec after

output

hi!

Promise.allSettled(Promises)

Parameters

  1. Promises: Array<Promise<any>> array of Promise that can be reoslved or rejected.
Promise.allSettled([
  new Promise((r, j) => r(null)),
  new Promise((r, j) => j(null)),
]).then(console.log);

expected Output:

[
  { status: "fulfilled", value: null },
  { status: "rejected", reason: null },
];

Promise.immediate(Fn, afterEV)

Parameters

  1. Fn : VoidFunction Function to be called immediately
  2. afterEV : boolean Execute the function after/before eventLoop
Promise.immediate(() => console.log("after EV"), false);
console.log("before EV");

Output

before EV
after EV

Promise.resolve(value)

Parameters

  1. Required value: any value to be reosolved with
console.log(Promise.resolve(1));

Output:

Promise {
    1,
    [Symbol(async_id_symbol)]: 85,
    [Symbol(trigger_async_id_symbol)]: 5,
    [Symbol(destroyed)]: {
          destroyed: false
    }
}

Promise.reject(reason)

Parameters

  1. Required reason: any resone to be rejected with
console.log(Promise.reject(1));

Output:

Promise {
    <rejected> 1,
    [Symbol(async_id_symbol)]: 138,
    [Symbol(trigger_async_id_symbol)]: 5,
    [Symbol(destroyed)]: {
       destroyed: false
    }
}

Promise.race(Promises)

Parameters

  1. Required Promises: Promise<any>[] Promises that should be raced with
Promise.race(
  new Promise((r, j) => setTimeout(() => r("j"), 10)),
  new Promise((r, j) => setTimeout(() => r("r"), 20))
);

Output:

j

Promise.all(Promises)

Parameters

  1. Required Promises: Promise<any>[] promises to be resolved to an array of the results of the input promises
Promise.all([Promise.resolve(3), new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
})]).then(console.log);

Output:

Array [3, "foo"]

Date

Usage

require("polyfill-advance/dist/modules/date");

Table of symbols

The following symbols are used throughout the operations.

Symbol Explanation Example
%a AM/PM.
%y The entire year. 2018
%Y The shortened year. 2018 => 18
%D The date prefixed with 0. 02, 17
%d The date without the prefixed 0. 2, 17
%D@timeDiff method The number of days prefixed with 0. 02, 17
%d@timeDiff method The number of days without the prefixed 0. 2, 17
%M The month prefixed with 0. 02, 10
%m The month without the prefixed 0. 2, 10.
%f The full month name. January
%F The Shortened month name. Jan
%w The full week name. Monday
%W The shortened week name. Mon
'%I' (uppercase letter i) The hour in 24 hour format prefixed with 0. 13, 1
'%i' The hour in 24 hour format without the prefixed 0. 13, 1
%H The hour in 12 hour format prefixed with 0. 08, 12
%h The hour in 12 hour format without the prefixed 0. 8, 12
%N The minute prefixed with 0. 02,24
%n The minute without the prefixed 0. 2, 24
%S The seconds prefixed with 0 02, 24
%s The seconds without the prefixed 0 2, 24

API

The polyfill uses the Date.prototype so it basically extends the Date object and can be used with it.

Notes
  • The behaviour of %D changes depending if %Y or %y is present.

Formatting dates: format(formatString)

Parameters
  1. Required formatString : string. The string format.
console.log(new Date(1532255320521).format("%f %D, %y"));

Output

July 22, 2018

The format method on the Date object will accept a string, which is the format with the symbols, as it's only argument. Please refer to the table of symbols.

You can provide whatever format you like, you just need to specify the correct symbol on where you want them to be.

Example formats
'%f %D, %y'
'%m-%d-%y'
'%M-%D-%Y'
'%M-%D-%Y'
'%M-%D-%Y %H:%N:%S'
'%M-%D-%Y %h:%n:%s'
'%M-%D-%Y %i:%n:%s'
'%M-%D-%Y %I:%N:%S'
'%F %M, %Y %I:%N:%S'

Getting time remaining and time past: timeDiff(Date, formatString)

Notes
  • This method does not support the symbol %m | %M yet.
Parameters
  1. Required Milliseconds : Date.now() | new Date() object.
  2. Required Format : string. Refer to the format method and table of symbols.

The timeDiff method allows you to display the difference between two datetime. Allowing you to display a countdown timer or a past time timer.

const current = new Date(1532258235447); // Jul 22 2018 19:17:15
const future = new Date(1534245435447); // Aug 14 2018 19:17:15
const past = new Date(1530271035447); // Jun 29 2018 19:17:15

console.log("time remaining:", current.timeDiff(future, "%D %H %N %S")); // time remaining: 23 12 00 00
console.log("time past:", past.timeDiff(current, "%D %H %N %S")); // time past: 23 12 00 00

// new Date(-1) would return Thu Jan 01 1970 07:59:59 GMT+0800
// compute time passed since Thu Jan 01 1970 07:59:59 GMT+0800 to the datetime I was writing time
console.log(
  "time past (with year):",
  new Date(-1).timeDiff(new Date("Mon Aug 27 2018 14:44:18"), "%Y %D %H %N %S")
); // 48 250 06 44 18

console.log(
  "time past (with year):",
  new Date(-1).timeDiff(new Date("Mon Aug 27 2018 14:44:18"), "%D %H %N %S")
); // 17,770 06 44 18

Here you see that the time past and time remaining are the same but the difference is that the time past is counting up so the time increases every seconds while the time remaining is counting down so the time decreases every seconds. They simply looked a like because I used fixed unix time but if you use Date.now() you'll see how different they are.

To get the time remaining, you provide a future date (bigger milliseconds) to a date (smaller milliseconds).

To get the time past, you provide a date (bigger milliseconds) to a past date (smaller milliseconds).

If you happen to provide a date that has past, i.e. smaller milliseconds (minus) bigger milliseconds, you'll get zeros. E.g.

console.log(
  "time remaining (negative):",
  future.timeDiff(current, "%D %H %N %S")
); // 00 00 00 00

Getting time ago: timeAgo(Date, Symbols)

Parameters
  1. Required millseconds: Date.now() | new Date(). The past.
  2. Required symbols : array. Which is the symbols you want to get, in the case above we wanted to get the days, hours, minutes, and seconds. Please refer to the table of symbols

Like the timeDiff, the timeAgo counts up. So the time past increases every seconds.

const past = new Date(1532258235447); // Jul 22 2018 19:17:15
const current = new Date(1782680641000); // Jun 29 2026 05:04:01

console.log(
  "time ago (with year):",
  current.timeAgo(past, ["%y", "%d", "%h", "%n", "%s"])
); // 8 years 343 days 21 hours 46 minutes 45 seconds ago
console.log(
  "time ago (without year):",
  current.timeAgo(past, ["%d", "%h", "%n", "%s"])
); // 2,898 days 21 hours 46 minutes 45 seconds ago

Basically it's like saying "from this point in time, tell me how much time past since this point in time".

The age method: age([Date])

Parameters
  1. Optional Date : Date.now() | new Date(). The relative date. Defaults to Date.now().

The age method is useful when you want to get the age of a particular person using his/her birthdate.

console.log("age:", new Date("February 9, 1995").age()); // 23 as of the date of writing
console.log(
  "age:",
  new Date("February 9, 1995").age(new Date("February 9, 2000"))
); // 5 as of the date of writing

singles

Usage

require("polyfill-advance/dist/modules/singles");

API

The polyfill uses the globalThis so it basically add's itself into everyfile that required this file

fileDate(native, utc)

Parameters

  1. native: boolean use the toISOString method to return the string
  2. utc: boolean use the UTC method

native

console.log(fileDate(true));

Output:

2022-03-18T17:34:35.840Z

UTC

console.log(fileDate(false, true))

Output:

2022-3-18-17-36-54-597

LocalDate

console.log(fileDate())

Output:

2022-3-18-20-23-12-000

Package Sidebar

Install

npm i polyfill-advance

Weekly Downloads

0

Version

0.2.4

License

MIT

Unpacked Size

162 kB

Total Files

21

Last publish

Collaborators

  • ridheshw