Implement simple fromNow() API based on timeago.js

README.md

@@ -92,6 +92,7 @@ dayjs.extend(AdvancedFormat) // use plugin
 
 dayjs().format('Q Do k kk X x') // more available formats
 ```
+
 📚[Plugin List](./docs/en/Plugin.md)
 
 ## License

package.json

@@ -72,6 +72,8 @@
     "rollup": "^0.57.1",
     "rollup-plugin-babel": "^4.0.0-beta.4",
     "rollup-plugin-uglify": "^3.0.0",
+    "timeago.js": "^3.0.2",
     "typescript": "^2.8.3"
-  }
+  },
+  "dependencies": {}
 }

src/locale/es.js

@@ -2,8 +2,39 @@ import dayjs from 'dayjs'
 
 const locale = {
   name: 'es',
+  MS: 'milisegundo',
+  S: 'segundo',
+  MIN: 'minuto',
+  H: 'hora',
+  D: 'día',
+  W: 'semana',
+  M: 'mes',
+  Q: 'trimestre',
+  Y: 'año',
+  DATE: 'fecha',
   weekdays: 'Domingo_Lunes_Martes_Miércoles_Jueves_Viernes_Sábado'.split('_'),
   months: 'Enero_Febrero_Marzo_Abril_Mayo_Junio_Julio_Agosto_Septiembre_Octubre_Noviembre_Diciembre'.split('_'),
+  relativeTime: {
+    future: 'en %s',
+    past: 'hace %s',
+    present: 'justo ahora',
+    s: 'unos segundos',
+    ss: '%d segundos',
+    min: 'un minuto',
+    mins: '%d minutos',
+    h: 'una hora',
+    hh: '%d horas',
+    d: 'un día',
+    dd: '%d días',
+    w: 'una semana',
+    ww: '%d semanas',
+    m: 'un mes',
+    mm: '%d meses',
+    q: 'un trimestre',
+    qq: '%d trimestres',
+    y: 'un año',
+    yy: '%d años'
+  },
   ordinal: n => `${n}º`
 }
 

src/plugin/fromNow.js

@@ -0,0 +1,47 @@
+import * as C from '../constant'
+
+export default (o, c, d) => {
+  const proto = c.prototype
+  d.en.relativeTime = {
+    future: 'in %s',
+    past: '%s ago',
+    present: 'just now',
+    s: 'a second',
+    ss: '%d seconds',
+    min: 'a minute',
+    mins: '%d minutes',
+    h: 'an hour',
+    hh: '%d hours',
+    d: 'a day',
+    dd: '%d days',
+    w: 'a week',
+    ww: '%d weeks',
+    m: 'a month',
+    mm: '%d months',
+    q: 'a quarter',
+    qq: '%d quarters',
+    y: 'a year',
+    yy: '%d years'
+  }
+  proto.fromNow = function (input) {
+    const U = this.$utils()
+    const loc = this.$locale().relativeTime
+    const P = [{ l: [loc.s, loc.ss], v: C.MILLISECONDS_A_SECOND },
+      { l: [loc.min, loc.mins], v: C.MILLISECONDS_A_SECOND * 60 },
+      { l: [loc.h, loc.hh], v: C.MILLISECONDS_A_HOUR },
+      { l: [loc.d, loc.dd], v: C.MILLISECONDS_A_DAY },
+      { l: [loc.w, loc.ww], v: C.MILLISECONDS_A_WEEK },
+      { l: [loc.m, loc.mm], v: C.MILLISECONDS_A_WEEK * 4 },
+      { l: [loc.q, loc.qq], v: C.MILLISECONDS_A_WEEK * 12 },
+      { l: [loc.y, loc.yy], v: C.MILLISECONDS_A_WEEK * 4 * 12 }]
+
+    const result = input.diff(this, `${C.MS}s`)
+    if (!result) return loc.present
+    const resabs = Math.abs(result)
+    let out = ''
+    for (let i = 0; i < P.length; i += 1) {
+      if (resabs >= P[i].v) out = `${P[i].l[resabs !== P[i].v ? 1 : 0].replace('%d', U.absFloor(resabs / P[i].v))}`
+    }
+    return result > 0 ? loc.future.replace('%s', out) : loc.past.replace('%s', out)
+  }
+}

test/plugin/fromNow.test.js

@@ -0,0 +1,53 @@
+import MockDate from 'mockdate'
+import timeago from 'timeago.js'
+import dayjs from '../../src'
+import fromNow from '../../src/plugin/fromNow'
+import es from '../../src/locale/es'
+
+dayjs.extend(fromNow)
+
+beforeEach(() => {
+  MockDate.set(new Date())
+})
+
+afterEach(() => {
+  MockDate.reset()
+})
+
+it('fromNow -> in seconds, days, weeks, months, quarters, years ', () => {
+  const dayjsA = dayjs()
+  const dayjsB = dayjs().add(1000, 'days')
+  const dayjsC = dayjs().subtract(1000, 'days')
+  const dayjsD = dayjs().add(20, 'days')
+  const dayjsE = dayjs().subtract(30, 'seconds')
+  const dayjsF = dayjs().subtract(5, 'hours')
+  const dayjsG = dayjs().add(1001, 'days')
+
+  expect(dayjsA.fromNow(dayjsB)).toBe(timeago(dayjsA.toDate()).format(dayjsB.toDate()))
+  expect(dayjsA.fromNow(dayjsC)).toBe(timeago(dayjsA.toDate()).format(dayjsC.toDate()))
+  expect(dayjsA.fromNow(dayjsD)).toBe(timeago(dayjsA.toDate()).format(dayjsD.toDate()))
+  expect(dayjsA.fromNow(dayjsE)).toBe(timeago(dayjsA.toDate()).format(dayjsE.toDate()))
+  expect(dayjsA.fromNow(dayjsF)).toBe(timeago(dayjsA.toDate()).format(dayjsF.toDate()))
+  expect(dayjsB.fromNow(dayjsC)).toBe(timeago(dayjsB.toDate()).format(dayjsC.toDate()))
+  expect(dayjsB.fromNow(dayjsB)).toBe(timeago(dayjsB.toDate()).format(dayjsB.toDate()))
+  expect(dayjsG.fromNow(dayjsC)).toBe(timeago(dayjsG.toDate()).format(dayjsC.toDate()))
+})
+
+it('fromNow -> in seconds, days, weeks, months, quarters, years in Spanish ', () => {
+  const dayjsA = dayjs().locale(es)
+  const dayjsB = dayjs().locale(es).add(1000, 'days')
+  const dayjsC = dayjs().subtract(1000, 'days').locale(es)
+  const dayjsD = dayjs().add(20, 'days').locale(es)
+  const dayjsE = dayjs().subtract(30, 'seconds').locale(es)
+  const dayjsF = dayjs().subtract(5, 'hours').locale(es)
+  const dayjsG = dayjs().add(1001, 'days').locale(es)
+
+  expect(dayjsA.fromNow(dayjsB)).toBe('en 2 años')
+  expect(dayjsA.fromNow(dayjsC)).toBe('hace 2 años')
+  expect(dayjsA.fromNow(dayjsD)).toBe('en 2 semanas')
+  expect(dayjsA.fromNow(dayjsE)).toBe('hace 30 segundos')
+  expect(dayjsA.fromNow(dayjsF)).toBe('hace 5 horas')
+  expect(dayjsB.fromNow(dayjsC)).toBe('hace 5 años')
+  expect(dayjsB.fromNow(dayjsB)).toBe('justo ahora')
+  expect(dayjsG.fromNow(dayjsB)).toBe('hace un día')
+})