Upgrade date-fns to v2

- new camel cased imports
- unicode date formatter codes
- renamed parse to parseISO

Author: andrewn

client/modules/IDE/selectors/collections.js

@@ -1,5 +1,5 @@
 import { createSelector } from 'reselect';
-import differenceInMilliseconds from 'date-fns/difference_in_milliseconds';
+import differenceInMilliseconds from 'date-fns/differenceInMilliseconds';
 import find from 'lodash/find';
 import orderBy from 'lodash/orderBy';
 import { DIRECTION } from '../actions/sorting';

client/modules/IDE/selectors/projects.js

@@ -1,5 +1,5 @@
 import { createSelector } from 'reselect';
-import differenceInMilliseconds from 'date-fns/difference_in_milliseconds';
+import differenceInMilliseconds from 'date-fns/differenceInMilliseconds';
 import orderBy from 'lodash/orderBy';
 import { DIRECTION } from '../actions/sorting';
 

client/utils/formatDate.js

@@ -1,8 +1,8 @@
-import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
-import differenceInMilliseconds from 'date-fns/difference_in_milliseconds';
+import formatDistanceToNow from 'date-fns/formatDistanceToNow';
+import differenceInMilliseconds from 'date-fns/differenceInMilliseconds';
 import format from 'date-fns/format';
-import isValid from 'date-fns/is_valid';
-import parseISO from 'date-fns/parse';
+import isValid from 'date-fns/isValid';
+import parseISO from 'date-fns/parseISO';
 import i18next from 'i18next';
 
 function parse(maybeDate) {
@@ -33,8 +33,8 @@ export default {
         return i18next.t('formatDate.35Seconds');
       }
 
-      const timeAgo = distanceInWordsToNow(parsed, {
-        includeSeconds: true
+      const timeAgo = formatDistanceToNow(parsed, {
+        includeSeconds: false
       });
       return i18next.t('formatDate.Ago', { timeAgo });
     }
@@ -43,7 +43,7 @@ export default {
   },
   format(date, { showTime = true } = {}) {
     const parsed = parse(date);
-    const formatType = showTime ? 'MMM D, YYYY h:mm A' : 'MMM D, YYYY';
+    const formatType = showTime ? 'PPpp' : 'PP';
 
     if (parsed) {
       return format(parsed, formatType);

package-lock.json

@@ -158,7 +158,7 @@
     "cors": "^2.8.5",
     "cross-env": "^5.2.1",
     "csslint": "^1.0.5",
-    "date-fns": "^1.30.1",
+    "date-fns": "^2.16.1",
     "decomment": "^0.8.7",
     "dotenv": "^2.0.0",
     "dropzone": "^4.3.0",

package.json

@@ -1,6 +1,6 @@
 import each from 'async/each';
 import mime from 'mime-types';
-import isBefore from 'date-fns/is_before';
+import isBefore from 'date-fns/isBefore';
 import Project from '../models/project';
 import { resolvePathToFile } from '../utils/filePath';
 import { deleteObjectsFromS3, getObjectKey } from './aws.controller';

server/controllers/file.controller.js

@@ -2,7 +2,7 @@ import archiver from 'archiver';
 import format from 'date-fns/format';
 import isUrl from 'is-url';
 import jsdom, { serializeDocument } from 'jsdom';
-import isAfter from 'date-fns/is_after';
+import isAfter from 'date-fns/isAfter';
 import request from 'request';
 import slugify from 'slugify';
 import Project from '../models/project';
@@ -215,7 +215,7 @@ function buildZip(project, req, res) {
     res.status(500).send({ error: err.message });
   });
 
-  const currentTime = format(new Date(), 'YYYY_MM_DD_HH_mm_ss');
+  const currentTime = format(new Date(), 'yyyy_MM_dd_HH_mm_ss');
   project.slug = slugify(project.name, '_');
   res.attachment(`${generateFileSystemSafeName(project.slug)}_${currentTime}.zip`);
   zip.pipe(res);

server/controllers/project.controller.js

@@ -1,4 +1,4 @@
-import isBefore from 'date-fns/is_before';
+import isBefore from 'date-fns/isBefore';
 import Project from '../../models/project';
 import { deleteObjectsFromS3, getObjectKey } from '../aws.controller';
 import createApplicationErrorClass from '../../utils/createApplicationErrorClass';

server/controllers/project.controller/deleteProject.js

@@ -1,5 +1,5 @@
 import mockingoose from 'mockingoose';
-import differenceInSeconds from 'date-fns/difference_in_seconds';
+import differenceInSeconds from 'date-fns/differenceInSeconds';
 
 import Project from '../project';