From d2ed4ff4568406492dd59a2b199f26aaed25739b Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 08:25:29 -0400
Subject: [PATCH 01/12] Add UtcDate jest test (for validating moment ->
 date_fns swap)

---
 client/src/components/UtcDate.test.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 client/src/components/UtcDate.test.js

diff --git a/client/src/components/UtcDate.test.js b/client/src/components/UtcDate.test.js
new file mode 100644
index 00000000000..9aae4babdd1
--- /dev/null
+++ b/client/src/components/UtcDate.test.js
@@ -0,0 +1,20 @@
+import { shallowMount } from "@vue/test-utils";
+import { getLocalVue } from "jest/helpers";
+import UtcDate from "./UtcDate.vue";
+
+describe("UTCDate component", () => {
+    const localVue = getLocalVue();
+
+    it("Loads a date in default mode, computeds work", () => {
+        const wrapper = shallowMount(UtcDate, {
+            propsData: { date: "2015-10-21 16:29:00.000" },
+            localVue,
+        });
+        // expect elapsed time to be years ago.
+        expect(wrapper.text()).toBe("2015-10-21T16:29:00Z");
+        expect(wrapper.vm.elapsedTime).toContain("years ago");
+        expect(wrapper.vm.fullDate).toBe("2015-10-21T16:29:00Z");
+        expect(wrapper.vm.formattedDate).toBe("2015-10-21 16:29:00.000");
+        expect(wrapper.vm.pretty).toBe("Wednesday Oct 21st 4:29:00 2015 UTC");
+    });
+});

From f49c21306e74ca53077db5a3bcc47cfab0d90057 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 09:11:50 -0400
Subject: [PATCH 02/12] Swap to more standard formatting package script names
 (left prettier alias).

---
 .circleci/config.yml | 2 +-
 Makefile             | 4 ++--
 client/package.json  | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4e82f32b0b7..24a879b5de2 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -111,7 +111,7 @@ jobs:
       - run: cd client && yarn install --frozen-lockfile
       - *save_yarn_cache
       - run: cd client && yarn run eslint
-      - run: cd client && yarn run prettier-check
+      - run: cd client && yarn run format-check
 workflows:
   version: 2
   get_code_and_test:
diff --git a/Makefile b/Makefile
index 9b5fd1df9b1..3c489106252 100644
--- a/Makefile
+++ b/Makefile
@@ -178,7 +178,7 @@ client-production-maps: node-deps ## Rebuild client-side artifacts for a product
 	cd client && yarn run build-production-maps
 
 client-format: node-deps ## Reformat client code
-	cd client && yarn run prettier
+	cd client && yarn run format
 
 client-watch: node-deps ## A useful target for parallel development building.  See also client-dev-server.
 	cd client && yarn run watch
@@ -196,7 +196,7 @@ client-eslint: node-deps # Run client linting
 	cd client && yarn run eslint
 
 client-format-check: node-deps # Run client formatting check
-	cd client && yarn run prettier-check
+	cd client && yarn run format-check
 
 client-lint: client-eslint client-format-check ## ES lint and check format of client
 
diff --git a/client/package.json b/client/package.json
index c282f509608..8a007ada1a3 100644
--- a/client/package.json
+++ b/client/package.json
@@ -101,8 +101,9 @@
     "webpack-production-maps": "GXY_BUILD_SOURCEMAPS=1 NODE_ENV=production webpack",
     "gulp": "gulp",
     "save-build-hash": "(git rev-parse HEAD 2>/dev/null || echo '') >../static/client_build_hash.txt",
-    "prettier": "prettier --write 'src/style/scss/**/*.scss' 'src/**/{*.js,*.vue}' '!src/libs/**'",
-    "prettier-check": "prettier --check 'src/style/scss/**/*.scss' 'src/**/{*.js,*.vue}' '!src/libs/**'",
+    "format": "prettier --write 'src/style/scss/**/*.scss' 'src/**/{*.js,*.vue}' '!src/libs/**'",
+    "format-check": "prettier --check 'src/style/scss/**/*.scss' 'src/**/{*.js,*.vue}' '!src/libs/**'",
+    "prettier": "yarn run format",
     "test": "yarn run qunit && yarn run jest",
     "jest": "jest --config tests/jest/jest.config.js",
     "jest-watch": "jest --config tests/jest/jest.config.js --watch",

From 469bdea2efe6f8b5a0697948176f23d624e61063 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 11:07:58 -0400
Subject: [PATCH 03/12] Use actual galaxy format timestamp in test

---
 client/src/components/UtcDate.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/UtcDate.test.js b/client/src/components/UtcDate.test.js
index 9aae4babdd1..7db2eafc3a5 100644
--- a/client/src/components/UtcDate.test.js
+++ b/client/src/components/UtcDate.test.js
@@ -7,14 +7,14 @@ describe("UTCDate component", () => {
 
     it("Loads a date in default mode, computeds work", () => {
         const wrapper = shallowMount(UtcDate, {
-            propsData: { date: "2015-10-21 16:29:00.000" },
+            propsData: { date: "2015-10-21T16:29:00.000000" },
             localVue,
         });
         // expect elapsed time to be years ago.
         expect(wrapper.text()).toBe("2015-10-21T16:29:00Z");
         expect(wrapper.vm.elapsedTime).toContain("years ago");
         expect(wrapper.vm.fullDate).toBe("2015-10-21T16:29:00Z");
-        expect(wrapper.vm.formattedDate).toBe("2015-10-21 16:29:00.000");
+        expect(wrapper.vm.formattedDate).toBe("2015-10-21T16:29:00.000000");
         expect(wrapper.vm.pretty).toBe("Wednesday Oct 21st 4:29:00 2015 UTC");
     });
 });

From 43fb1340a20b9a10c08de023307dc4b93cc6bdd1 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 18:28:51 -0400
Subject: [PATCH 04/12] Swap UtcDate component to use date-fns instead of
 moment.

---
 client/package.json                   |  1 +
 client/src/components/UtcDate.test.js | 14 +++++++-------
 client/src/components/UtcDate.vue     | 23 +++++++++++++----------
 client/yarn.lock                      |  5 +++++
 4 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/client/package.json b/client/package.json
index 8a007ada1a3..e67c779e89e 100644
--- a/client/package.json
+++ b/client/package.json
@@ -35,6 +35,7 @@
     "core-js": "^3.21.0",
     "d3": "3",
     "date-fns": "^2.28.0",
+    "date-fns-tz": "^1.3.3",
     "decode-uri-component": "^0.2.0",
     "dom-to-image": "^2.6.0",
     "elkjs": "^0.7.1",
diff --git a/client/src/components/UtcDate.test.js b/client/src/components/UtcDate.test.js
index 7db2eafc3a5..31ae1a9dd5a 100644
--- a/client/src/components/UtcDate.test.js
+++ b/client/src/components/UtcDate.test.js
@@ -5,16 +5,16 @@ import UtcDate from "./UtcDate.vue";
 describe("UTCDate component", () => {
     const localVue = getLocalVue();
 
-    it("Loads a date in default mode, computeds work", () => {
+    it("Loads a date in default mode, can format outputs as expected.", () => {
         const wrapper = shallowMount(UtcDate, {
             propsData: { date: "2015-10-21T16:29:00.000000" },
             localVue,
         });
-        // expect elapsed time to be years ago.
-        expect(wrapper.text()).toBe("2015-10-21T16:29:00Z");
+        // expect elapsed time to be 'years ago.
+        expect(wrapper.text()).toBe("2015-10-21T16:29:00.000Z");
         expect(wrapper.vm.elapsedTime).toContain("years ago");
-        expect(wrapper.vm.fullDate).toBe("2015-10-21T16:29:00Z");
-        expect(wrapper.vm.formattedDate).toBe("2015-10-21T16:29:00.000000");
-        expect(wrapper.vm.pretty).toBe("Wednesday Oct 21st 4:29:00 2015 UTC");
+        expect(wrapper.vm.fullISO).toBe("2015-10-21T16:29:00.000Z");
+        expect(wrapper.vm.parsedDate).toEqual(new Date("2015-10-21T16:29:00.000Z"));
+        expect(wrapper.vm.pretty).toBe("Wednesday Oct 21st 16:29:00 2015 UTC");
     });
-});
+});
\ No newline at end of file
diff --git a/client/src/components/UtcDate.vue b/client/src/components/UtcDate.vue
index 01202fd832b..342a6e801ac 100644
--- a/client/src/components/UtcDate.vue
+++ b/client/src/components/UtcDate.vue
@@ -1,8 +1,8 @@
 <template>
     <span v-if="mode == 'date'" class="utc-time" :title="elapsedTime">
-        {{ fullDate }}
+        {{ fullISO }}
     </span>
-    <span v-else-if="mode === 'elapsed'" class="utc-time utc-time-elapsed" :title="fullDate">
+    <span v-else-if="mode === 'elapsed'" class="utc-time utc-time-elapsed" :title="fullISO">
         {{ elapsedTime }}
     </span>
     <span v-else class="utc-time" :title="elapsedTime">
@@ -11,7 +11,8 @@
 </template>
 
 <script>
-import moment from "moment";
+import { formatDistanceToNow, parse, parseISO } from "date-fns";
+import { formatInTimeZone } from "date-fns-tz";
 
 export default {
     props: {
@@ -30,20 +31,22 @@ export default {
     },
     computed: {
         elapsedTime: function () {
-            return moment(moment.utc(this.formattedDate)).from(moment().utc());
+            return `${formatDistanceToNow(this.parsedDate)} ago`;
         },
-        fullDate: function () {
-            return moment.utc(this.formattedDate).format();
+        fullISO: function () {
+            return this.parsedDate.toISOString();
         },
-        formattedDate: function () {
+        parsedDate: function () {
             if (this.customFormat !== undefined) {
-                return moment(this.date, this.customFormat).format();
+                return parse(this.date, this.customFormat, new Date());
+                // return moment(this.date, this.customFormat).format();
             } else {
-                return this.date;
+                // assume ISO format date, except in Galaxy this won't have TZinfo -- it will always be Zulu
+                return parseISO(`${this.date}Z`);
             }
         },
         pretty: function () {
-            return moment.utc(this.formattedDate).format("dddd MMM Do h:mm:ss YYYY [UTC]");
+            return `${formatInTimeZone(this.parsedDate, 'Etc/Zulu', "eeee MMM do H:mm:ss yyyy")} UTC`;
         },
     },
 };
diff --git a/client/yarn.lock b/client/yarn.lock
index d85a2b8de1c..a4f96455f5b 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -3512,6 +3512,11 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
+date-fns-tz@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/date-fns-tz/-/date-fns-tz-1.3.3.tgz#7884a4b3ed6cd95bfd81831d608e5ef8be500c86"
+  integrity sha512-Gks46gwbSauBQnV3Oofluj1wTm8J0tM7sbSJ9P+cJq/ZnTCpMohTKmmO5Tn+jQ7dyn0+b8G7cY4O2DZ5P/LXcA==
+
 date-fns@^2.28.0:
   version "2.28.0"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.28.0.tgz#9570d656f5fc13143e50c975a3b6bbeb46cd08b2"

From 966a4f5013ef07f010467ccc5c1c3dd85042f5ce Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 20:33:32 -0400
Subject: [PATCH 05/12] Swap SavedRulesSelector to use standard UtcDate
 component

---
 .../src/components/RuleBuilder/SavedRulesSelector.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/RuleBuilder/SavedRulesSelector.vue b/client/src/components/RuleBuilder/SavedRulesSelector.vue
index 2acbeba2a39..d4e79dc3d9c 100644
--- a/client/src/components/RuleBuilder/SavedRulesSelector.vue
+++ b/client/src/components/RuleBuilder/SavedRulesSelector.vue
@@ -15,7 +15,8 @@
                 @click="$emit('update-rules', session.rule)"
                 v-b-tooltip.hover.right
                 :title="formatPreview(session.rule, index)"
-                >Saved rule from {{ formatDate(session.dateTime) }}
+                >Saved rule from
+                <UtcDate :date="session.dateTime" mode="elapsed" />
             </a>
         </div>
     </div>
@@ -25,8 +26,8 @@
 import Vue from "vue";
 import _l from "utils/localization";
 import BootstrapVue from "bootstrap-vue";
-import moment from "moment";
 import { RULES, MAPPING_TARGETS } from "mvc/rules/rule-definitions";
+import UtcDate from "components/UtcDate";
 
 Vue.use(BootstrapVue);
 export default {
@@ -35,6 +36,9 @@ export default {
             savedRulesMenu: _l("Recently used rules"),
         };
     },
+    components: {
+        UtcDate,
+    },
     props: {
         savedRules: {
             type: Array,
@@ -54,9 +58,6 @@ export default {
         },
     },
     methods: {
-        formatDate(dateTime) {
-            return moment.utc(dateTime).from(moment().utc());
-        },
         formatPreview(savedRuleJson, index) {
             let prettyString = "";
             let delim = "";

From b1fb813a5b1a371b65b966e50a779f3842a66665 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 20:39:28 -0400
Subject: [PATCH 06/12] Let date-fns properly add suffix 'ago', etc., for
 distance strings

---
 client/src/components/UtcDate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/UtcDate.vue b/client/src/components/UtcDate.vue
index 342a6e801ac..5d6d9f83d8a 100644
--- a/client/src/components/UtcDate.vue
+++ b/client/src/components/UtcDate.vue
@@ -31,7 +31,7 @@ export default {
     },
     computed: {
         elapsedTime: function () {
-            return `${formatDistanceToNow(this.parsedDate)} ago`;
+            return formatDistanceToNow(this.parsedDate, {addSuffix: true});
         },
         fullISO: function () {
             return this.parsedDate.toISOString();

From 2eb3750eb795f77f08aacd1c2d97c760d36003f0 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 21:24:18 -0400
Subject: [PATCH 07/12] Update DatasetInformation, Invocations tests dropping
 moment usage

---
 .../DatasetInformation/DatasetInformation.test.js      |  8 +++++---
 client/src/components/UtcDate.test.js                  |  2 +-
 client/src/components/UtcDate.vue                      |  5 ++---
 client/src/components/Workflow/Invocations.test.js     | 10 +++++++---
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/client/src/components/DatasetInformation/DatasetInformation.test.js b/client/src/components/DatasetInformation/DatasetInformation.test.js
index 192c9390a06..5a8ade80420 100644
--- a/client/src/components/DatasetInformation/DatasetInformation.test.js
+++ b/client/src/components/DatasetInformation/DatasetInformation.test.js
@@ -5,7 +5,8 @@ import { getLocalVue } from "jest/helpers";
 import DatasetInformation from "./DatasetInformation";
 import datasetResponse from "./testData/datasetResponse";
 import flushPromises from "flush-promises";
-import moment from "moment";
+import { parseISO } from "date-fns";
+import { formatInTimeZone } from "date-fns-tz";
 
 const HDA_ID = "FOO_HDA_ID";
 
@@ -65,8 +66,9 @@ describe("DatasetInformation/DatasetInformation", () => {
 
     it("Date should be formatted", async () => {
         const date = datasetInfoTable.find(".utc-time").text();
-        const formated_date = moment.utc(datasetResponse.create_time).format("dddd MMM Do h:mm:ss YYYY [UTC]");
-        expect(date).toBe(formated_date);
+        const parsedDate = parseISO(`${datasetResponse.create_time}Z`);
+        const formattedDate = `${formatInTimeZone(parsedDate, "Etc/Zulu", "eeee MMM do H:mm:ss yyyy")} UTC`;
+        expect(date).toBe(formattedDate);
     });
 
     it("Table should render data accordingly", async () => {
diff --git a/client/src/components/UtcDate.test.js b/client/src/components/UtcDate.test.js
index 31ae1a9dd5a..5749766922c 100644
--- a/client/src/components/UtcDate.test.js
+++ b/client/src/components/UtcDate.test.js
@@ -17,4 +17,4 @@ describe("UTCDate component", () => {
         expect(wrapper.vm.parsedDate).toEqual(new Date("2015-10-21T16:29:00.000Z"));
         expect(wrapper.vm.pretty).toBe("Wednesday Oct 21st 16:29:00 2015 UTC");
     });
-});
\ No newline at end of file
+});
diff --git a/client/src/components/UtcDate.vue b/client/src/components/UtcDate.vue
index 5d6d9f83d8a..d7420b5f169 100644
--- a/client/src/components/UtcDate.vue
+++ b/client/src/components/UtcDate.vue
@@ -31,7 +31,7 @@ export default {
     },
     computed: {
         elapsedTime: function () {
-            return formatDistanceToNow(this.parsedDate, {addSuffix: true});
+            return formatDistanceToNow(this.parsedDate, { addSuffix: true });
         },
         fullISO: function () {
             return this.parsedDate.toISOString();
@@ -39,14 +39,13 @@ export default {
         parsedDate: function () {
             if (this.customFormat !== undefined) {
                 return parse(this.date, this.customFormat, new Date());
-                // return moment(this.date, this.customFormat).format();
             } else {
                 // assume ISO format date, except in Galaxy this won't have TZinfo -- it will always be Zulu
                 return parseISO(`${this.date}Z`);
             }
         },
         pretty: function () {
-            return `${formatInTimeZone(this.parsedDate, 'Etc/Zulu', "eeee MMM do H:mm:ss yyyy")} UTC`;
+            return `${formatInTimeZone(this.parsedDate, "Etc/Zulu", "eeee MMM do H:mm:ss yyyy")} UTC`;
         },
     },
 };
diff --git a/client/src/components/Workflow/Invocations.test.js b/client/src/components/Workflow/Invocations.test.js
index 9f43a94a238..988edac1e5e 100644
--- a/client/src/components/Workflow/Invocations.test.js
+++ b/client/src/components/Workflow/Invocations.test.js
@@ -4,7 +4,7 @@ import axios from "axios";
 import MockAdapter from "axios-mock-adapter";
 import { getLocalVue } from "jest/helpers";
 import mockInvocationData from "./test/json/invocation.json";
-import moment from "moment";
+import { parseISO, formatDistanceToNow } from "date-fns";
 
 const localVue = getLocalVue();
 
@@ -84,8 +84,12 @@ describe("Invocations.vue with invocation", () => {
         const columns = row.findAll("td");
         expect(columns.at(1).text()).toBe("workflow name");
         expect(columns.at(2).text()).toBe("history name");
-        expect(columns.at(3).text()).toBe(moment.utc(mockInvocationData.create_time).fromNow());
-        expect(columns.at(4).text()).toBe(moment.utc(mockInvocationData.update_time).fromNow());
+        expect(columns.at(3).text()).toBe(
+            formatDistanceToNow(parseISO(`${mockInvocationData.create_time}Z`), { addSuffix: true })
+        );
+        expect(columns.at(4).text()).toBe(
+            formatDistanceToNow(parseISO(`${mockInvocationData.update_time}Z`), { addSuffix: true })
+        );
         expect(columns.at(5).text()).toBe("scheduled");
         expect(columns.at(6).text()).toBe("");
     });

From d04c1715e2bc948a450e6e7fbd8f8be6fdb3dd8b Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 22:01:42 -0400
Subject: [PATCH 08/12] 'since' parameter was never used anywhere?  whenever it
 is, we can do this with something other than moment.

---
 client/src/store/historyStore/model/queries.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/client/src/store/historyStore/model/queries.js b/client/src/store/historyStore/model/queries.js
index 1ae0e54519b..0fb375e9b43 100644
--- a/client/src/store/historyStore/model/queries.js
+++ b/client/src/store/historyStore/model/queries.js
@@ -6,7 +6,6 @@
  */
 
 import axios from "axios";
-import moment from "moment";
 import { prependPath } from "utils/redirect";
 import { History } from "./History";
 
@@ -57,11 +56,9 @@ export async function getHistoryList() {
  * Load one history by id
  * @param {String} id
  */
-export async function getHistoryById(id, since) {
+export async function getHistoryById(id) {
     const path = `api/histories/${id}`;
-    const sinceParam = since !== undefined ? moment.utc(since).toISOString() : null;
-    const url = sinceParam ? `${path}?q=update_time-gt&qv=${sinceParam}` : path;
-    const response = await axios.get(prependPath(url), { params: stdHistoryParams });
+    const response = await axios.get(prependPath(path), { params: stdHistoryParams });
     const props = doResponse(response);
     return new History(props);
 }

From 9aa9cffa32fc84b61b648e663f52e9b7f29aabe7 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 22:20:00 -0400
Subject: [PATCH 09/12] Drop moment usage in workflow editor attributes

---
 client/src/components/Workflow/Editor/Attributes.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Workflow/Editor/Attributes.vue b/client/src/components/Workflow/Editor/Attributes.vue
index 93bd74e77c7..3569dafa497 100644
--- a/client/src/components/Workflow/Editor/Attributes.vue
+++ b/client/src/components/Workflow/Editor/Attributes.vue
@@ -54,7 +54,7 @@
 <script>
 import Vue from "vue";
 import BootstrapVue from "bootstrap-vue";
-import moment from "moment";
+import { format } from "date-fns";
 import { Services } from "components/Workflow/services";
 import Tags from "components/Common/Tags";
 import LicenseSelector from "components/License/LicenseSelector";
@@ -136,7 +136,7 @@ export default {
             const versions = [];
             for (let i = 0; i < this.versions.length; i++) {
                 const current_wf = this.versions[i];
-                const update_time = moment.utc(current_wf.update_time).format("MMM Do YYYY");
+                const update_time = format(Date.parse(current_wf.update_time), "MMM do yyyy");
                 const label = `${current_wf.version + 1}: ${update_time}, ${current_wf.steps} steps`;
                 versions.push({
                     version: i,

From 473935f6eac0407d78efbdc8ae09e06a9dc1926e Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Fri, 22 Apr 2022 22:30:46 -0400
Subject: [PATCH 10/12] Remove Galaxy moment dependency.  Left in cacheGroup
 rule to prevent third party included lib from ending up in libs bundle, too.

---
 client/package.json      | 1 -
 client/webpack.config.js | 1 -
 client/yarn.lock         | 2 +-
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/client/package.json b/client/package.json
index e67c779e89e..9065269caf3 100644
--- a/client/package.json
+++ b/client/package.json
@@ -54,7 +54,6 @@
     "localforage": "^1.10.0",
     "markdown-it": "^12.3.2",
     "markdown-it-regexp": "^0.4.0",
-    "moment": "2.29.2",
     "object-hash": "^2.2.0",
     "popper.js": "^1.16.1",
     "pretty-bytes": "^5.6.0",
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 9826d5a4f59..77487424d9e 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -43,7 +43,6 @@ module.exports = (env = {}, argv = {}) => {
                 jqueryVendor$: `${libsBase}/jquery/jquery.js`,
                 storemodern$: "store/dist/store.modern.js",
                 "popper.js": path.resolve(__dirname, "node_modules/popper.js/"),
-                moment: path.resolve(__dirname, "node_modules/moment"),
                 underscore: path.resolve(__dirname, "node_modules/underscore"),
                 // client-side application config
                 config$: path.join(scriptsBase, "config", targetEnv) + ".js",
diff --git a/client/yarn.lock b/client/yarn.lock
index a4f96455f5b..6b962562609 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -6898,7 +6898,7 @@ moment@2.20.1:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.20.1.tgz#d6eb1a46cbcc14a2b2f9434112c1ff8907f313fd"
   integrity sha512-Yh9y73JRljxW5QxN08Fner68eFLxM5ynNOAw2LbIB1YAGeQzZT8QFSUvkAz609Zf+IHhhaUxqZK8dG3W/+HEvg==
 
-moment@2.29.2, moment@2.x:
+moment@2.x:
   version "2.29.2"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.2.tgz#00910c60b20843bcba52d37d58c628b47b1f20e4"
   integrity sha512-UgzG4rvxYpN15jgCmVJwac49h9ly9NurikMWGPdVxm8GZD6XjkKPxDTjQQ43gtGgnV3X0cAyWDdP2Wexoquifg==

From d0f25e915c3e5de4528c8268b0a35598bdafe0c8 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Sat, 23 Apr 2022 07:24:06 -0400
Subject: [PATCH 11/12] Fix webpack build stats to default to a production
 bundle -- this is the one with stats we care about after all

---
 client/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/package.json b/client/package.json
index 9065269caf3..a00b2163fba 100644
--- a/client/package.json
+++ b/client/package.json
@@ -94,7 +94,7 @@
     "build": "NODE_ENV=development gulp && webpack && yarn run save-build-hash",
     "build-production": "NODE_ENV=production gulp && yarn run webpack-production && yarn run save-build-hash",
     "build-production-maps": "NODE_ENV=production gulp && yarn run webpack-production-maps && yarn run save-build-hash",
-    "build-stats": "webpack --profile --json=webpack-stats.json",
+    "build-stats": "NODE_ENV=production webpack --profile --json=webpack-stats.json",
     "view-stats": "webpack-bundle-analyzer webpack-stats.json ../static/dist/",
     "webpack-watch": "webpack --watch",
     "webpack-production": "NODE_ENV=production webpack",

From 2ef230c5f6f292406090dbe5c62a202cae652272 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Sat, 23 Apr 2022 09:49:08 -0400
Subject: [PATCH 12/12] Versions won't always have an update time?  (broke in
 unit test)

---
 client/src/components/Workflow/Editor/Attributes.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Workflow/Editor/Attributes.vue b/client/src/components/Workflow/Editor/Attributes.vue
index 3569dafa497..4bdb87ec1d2 100644
--- a/client/src/components/Workflow/Editor/Attributes.vue
+++ b/client/src/components/Workflow/Editor/Attributes.vue
@@ -136,7 +136,12 @@ export default {
             const versions = [];
             for (let i = 0; i < this.versions.length; i++) {
                 const current_wf = this.versions[i];
-                const update_time = format(Date.parse(current_wf.update_time), "MMM do yyyy");
+                let update_time;
+                if (current_wf.update_time) {
+                    update_time = `${format(Date.parse(current_wf.update_time), "MMM do yyyy")}, `;
+                } else {
+                    update_time = "";
+                }
                 const label = `${current_wf.version + 1}: ${update_time}, ${current_wf.steps} steps`;
                 versions.push({
                     version: i,