perf: replace moment with dayjs dependency

package-lock.json

@@ -2400,6 +2400,15 @@
         "is-glob": "~4.0.1",
         "normalize-path": "~3.0.0",
         "readdirp": "~3.2.0"
+      },
+      "dependencies": {
+        "fsevents": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+          "dev": true,
+          "optional": true
+        }
       }
     },
     "ci-info": {
@@ -2981,6 +2990,11 @@
       "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==",
       "dev": true
     },
+    "dayjs": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.9.7.tgz",
+      "integrity": "sha512-IC877KBdMhBrCfBfJXHQlo0G8keZ0Opy7YIIq5QKtUbCuHMzim8S4PyiVK4YmihI3iOF9lhfUBW4AQWHTR5WHA=="
+    },
     "debug": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -4016,9 +4030,9 @@
       "dev": true
     },
     "fsevents": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
-      "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.2.1.tgz",
+      "integrity": "sha512-bTLYHSeC0UH/EFXS9KqWnXuOl/wHK5Z/d+ghd5AsFMYN7wIGkUCOJyzy88+wJKkZPGON8u4Z9f6U4FdgURE9qA==",
       "dev": true,
       "optional": true
     },
@@ -8257,11 +8271,6 @@
       "integrity": "sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==",
       "dev": true
     },
-    "moment": {
-      "version": "2.27.0",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.27.0.tgz",
-      "integrity": "sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ=="
-    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -8349,6 +8358,13 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
+        "fsevents": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+          "dev": true,
+          "optional": true
+        },
         "readdirp": {
           "version": "3.4.0",
           "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",

package.json

@@ -544,11 +544,11 @@
   },
   "dependencies": {
     "cross-fetch": "^3.0.6",
+    "dayjs": "^1.9.7",
     "execa": "^4.0.3",
     "graphql": "^15.3.0",
     "graphql-request": "^3.2.0",
     "https-proxy-agent": "^5.0.0",
-    "moment": "^2.24.0",
     "request": "^2.88.0",
     "request-promise": "^4.2.5",
     "url": "^0.11.0"

src/data_providers/current_branch.js

 const vscode = require('vscode');
-const moment = require('moment');
+const dayjs = require('dayjs');
 const gitLabService = require('../gitlab_service');
 const { ErrorItem } = require('./items/error_item');
 const { getCurrentWorkspaceFolder } = require('../services/workspace_service');
@@ -8,6 +8,8 @@ const { MrItem } = require('./items/mr_item');
 const { IssueItem } = require('./items/issue_item');
 const { ExternalUrlItem } = require('./items/external_url_item');
 
+dayjs.extend(require('dayjs/plugin/relativeTime'));
+
 class DataProvider {
   constructor() {
     this.eventEmitter = new vscode.EventEmitter();
@@ -37,7 +39,7 @@ class DataProvider {
       canceled: 'Canceled',
       skipped: 'Skipped',
     };
-    const timeAgo = moment(pipeline.updated_at).fromNow();
+    const timeAgo = dayjs(pipeline.updated_at).fromNow();
     const actionText = actions[pipeline.status] || '';
 
     const message = `Pipeline #${pipeline.id} ${statusText} · ${actionText} ${timeAgo}`;

src/webview/package-lock.json

@@ -4664,6 +4664,11 @@
         "whatwg-url": "^7.0.0"
       }
     },
+    "dayjs": {
+      "version": "1.9.7",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.9.7.tgz",
+      "integrity": "sha512-IC877KBdMhBrCfBfJXHQlo0G8keZ0Opy7YIIq5QKtUbCuHMzim8S4PyiVK4YmihI3iOF9lhfUBW4AQWHTR5WHA=="
+    },
     "de-indent": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
@@ -8961,19 +8966,6 @@
         }
       }
     },
-    "moment": {
-      "version": "2.26.0",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.26.0.tgz",
-      "integrity": "sha512-oIixUO+OamkUkwjhAVE18rAMfRJNsNe/Stid/gwHSOfHrOtw9EhAY2AHvdKZ/k/MggcYELFCJz/Sn2pL8b8JMw=="
-    },
-    "moment-timezone": {
-      "version": "0.5.27",
-      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.27.tgz",
-      "integrity": "sha512-EIKQs7h5sAsjhPCqN6ggx6cEbs94GK050254TIJySD1bzoM5JTYDwAU1IoVOeTOL6Gm27kYJ51/uuvq1kIlrbw==",
-      "requires": {
-        "moment": ">= 2.9.0"
-      }
-    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",

src/webview/package.json

@@ -11,11 +11,11 @@
     "autofix": "eslint --ext .js --ext .vue --fix ."
   },
   "dependencies": {
+    "dayjs": "^1.9.7",
     "markdown-it": "^10.0.0",
     "markdown-it-checkbox": "^1.1.0",
-    "moment-timezone": "^0.5.27",
-    "vue": "^2.6.11",
-    "v-tooltip": "^2.0.3"
+    "v-tooltip": "^2.0.3",
+    "vue": "^2.6.11"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.5.7",

src/webview/src/components/Date.vue

 <script>
-const moment = require('moment-timezone');
+const dayjs = require('dayjs');
+const dayjsUtc = require('dayjs/plugin/utc');
+const dayjsTimezone = require('dayjs/plugin/timezone');
+const dayjsRelativeTime = require('dayjs/plugin/relativeTime');
 
-moment.tz.setDefault(Intl.DateTimeFormat().resolvedOptions().timeZone);
+dayjs.extend(dayjsRelativeTime);
+dayjs.extend(dayjsUtc);
+dayjs.extend(dayjsTimezone);
+
+dayjs.tz.setDefault(Intl.DateTimeFormat().resolvedOptions().timeZone);
 
 export default {
   props: {
@@ -12,10 +19,10 @@ export default {
   },
   computed: {
     dateAgo() {
-      return moment(this.date).fromNow();
+      return dayjs(this.date).fromNow();
     },
     formatedDate() {
-      return moment(this.date).format('MMM D, YYYY h:mma [GMT]ZZ');
+      return dayjs(this.date).format('MMM D, YYYY h:mma [GMT]ZZ');
     },
   },
 };