feat: remove date-fns formatISO (#2899)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: vikunja/frontend#2899
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>

package.json

@@ -34,7 +34,7 @@
     "@types/is-touch-device": "1.0.0",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/sortablejs": "1.15.0",
-    "@vueuse/core": "9.8.2",
+    "@vueuse/core": "9.9.0",
     "axios": "0.27.2",
     "blurhash": "2.0.4",
     "bulma-css-variables": "0.9.33",
@@ -52,7 +52,7 @@
     "is-touch-device": "1.0.1",
     "lodash.clonedeep": "4.5.0",
     "lodash.debounce": "4.0.8",
-    "marked": "4.2.4",
+    "marked": "4.2.5",
     "minimist": "1.2.7",
     "pinia": "2.0.28",
     "register-service-worker": "1.7.2",
@@ -73,15 +73,15 @@
     "@cypress/vue": "5.0.3",
     "@faker-js/faker": "7.6.0",
     "@rushstack/eslint-patch": "1.2.0",
-    "@types/codemirror": "5.60.5",
+    "@types/codemirror": "5.60.6",
     "@types/dompurify": "2.4.0",
     "@types/flexsearch": "0.7.3",
     "@types/lodash.debounce": "4.0.7",
     "@types/marked": "4.0.8",
-    "@types/node": "18.11.17",
+    "@types/node": "18.11.18",
     "@types/postcss-preset-env": "7.7.0",
-    "@typescript-eslint/eslint-plugin": "5.47.0",
-    "@typescript-eslint/parser": "5.47.0",
+    "@typescript-eslint/eslint-plugin": "5.48.0",
+    "@typescript-eslint/parser": "5.48.0",
     "@vitejs/plugin-legacy": "3.0.1",
     "@vitejs/plugin-vue": "4.0.0",
     "@vue/eslint-config-typescript": "11.0.2",
@@ -89,28 +89,28 @@
     "@vue/tsconfig": "0.1.3",
     "autoprefixer": "10.4.13",
     "browserslist": "4.21.4",
-    "caniuse-lite": "1.0.30001439",
+    "caniuse-lite": "1.0.30001441",
     "csstype": "3.1.1",
     "cypress": "12.2.0",
-    "esbuild": "0.16.10",
-    "eslint": "8.30.0",
+    "esbuild": "0.16.13",
+    "eslint": "8.31.0",
     "eslint-plugin-vue": "9.8.0",
-    "happy-dom": "8.1.0",
-    "netlify-cli": "12.4.0",
+    "happy-dom": "8.1.1",
+    "netlify-cli": "12.5.0",
     "postcss": "8.4.20",
     "postcss-preset-env": "7.8.3",
-    "rollup": "3.8.0",
-    "rollup-plugin-visualizer": "5.8.3",
+    "rollup": "3.9.1",
+    "rollup-plugin-visualizer": "5.9.0",
     "sass": "1.57.1",
     "typescript": "4.9.4",
     "vite": "4.0.3",
-    "vite-plugin-pwa": "0.14.0",
-    "vite-svg-loader": "3.6.0",
-    "vitest": "0.26.2",
-    "vue-tsc": "1.0.16",
+    "vite-plugin-pwa": "0.14.1",
+    "vite-svg-loader": "4.0.0",
+    "vitest": "0.26.3",
+    "vue-tsc": "1.0.19",
     "wait-on": "7.0.1",
     "workbox-cli": "6.5.4"
   },
   "license": "AGPL-3.0-or-later",
-  "packageManager": "pnpm@7.19.0"
+  "packageManager": "pnpm@7.21.0"
 }

src/helpers/time/formatDate.ts

@@ -1,5 +1,5 @@
 import {createDateFromString} from '@/helpers/time/createDateFromString'
-import {format, formatDistanceToNow, formatISO as formatISOfns} from 'date-fns'
+import {format, formatDistanceToNow} from 'date-fns'
 
 // FIXME: support all locales and load dynamically
 import {enGB, de, fr, ru} from 'date-fns/locale'
@@ -50,7 +50,7 @@ export const formatDateSince = (date) => {
 }
 
 export function formatISO(date) {
-	return date ? formatISOfns(date) : ''
+	return date ? new Date(date).toISOString() : ''
 }
 
 /**

src/i18n/lang/no-NO.json

@@ -2,7 +2,7 @@
   "home": {
     "welcomeNight": "God Morgen {username}!",
     "welcomeMorning": "God Morgen {username}!",
-    "welcomeDay": "Hei {{username}},",
+    "welcomeDay": "Hei {username}!",
     "welcomeEvening": "God Morgen {username}!",
     "lastViewed": "Sist sett",
     "list": {

src/services/attachment.ts

@@ -1,5 +1,3 @@
-import {formatISO} from 'date-fns'
-
 import AbstractService from './abstractService'
 import AttachmentModel from '../models/attachment'
 
@@ -19,7 +17,7 @@ export default class AttachmentService extends AbstractService<IAttachment> {
 	processModel(model: IAttachment) {
 		return {
 			...model,
-			created: formatISO(new Date(model.created)),
+			created: new Date(model.created).toISOString(),
 		}
 	}
 

src/services/label.ts

@@ -1,7 +1,6 @@
 import AbstractService from './abstractService'
 import LabelModel from '@/models/label'
 import type {ILabel} from '@/modelTypes/ILabel'
-import {formatISO} from 'date-fns'
 import {colorFromHex} from '@/helpers/color/colorFromHex'
 
 export default class LabelService extends AbstractService<ILabel> {
@@ -16,8 +15,8 @@ export default class LabelService extends AbstractService<ILabel> {
 	}
 
 	processModel(label) {
-		label.created = formatISO(new Date(label.created))
-		label.updated = formatISO(new Date(label.updated))
+		label.created = new Date(label.created).toISOString()
+		label.updated = new Date(label.updated).toISOString()
 		label.hexColor = colorFromHex(label.hexColor)
 		return label
 	}

src/services/notification.ts

@@ -1,5 +1,4 @@
 import AbstractService from '@/services/abstractService'
-import {formatISO} from 'date-fns'
 import NotificationModel from '@/models/notification'
 import type {INotification} from '@/modelTypes/INotification'
 
@@ -16,8 +15,8 @@ export default class NotificationService extends AbstractService<INotification>
 	}
 
 	beforeUpdate(model) {
-		model.created = formatISO(new Date(model.created))
-		model.readAt = formatISO(new Date(model.readAt))
+		model.created = new Date(model.created).toISOString()
+		model.readAt = new Date(model.readAt).toISOString()
 		return model
 	}
 }

src/services/task.ts

@@ -4,13 +4,12 @@ import type {ITask} from '@/modelTypes/ITask'
 import AttachmentService from './attachment'
 import LabelService from './label'
 
-import {formatISO} from 'date-fns'
 import {colorFromHex} from '@/helpers/color/colorFromHex'
 import {SECONDS_A_DAY, SECONDS_A_HOUR, SECONDS_A_WEEK, SECONDS_A_MONTH, SECONDS_A_YEAR} from '@/constants/date'
 
 const parseDate = date => {
 	if (date) {
-		return formatISO(new Date(date))
+		return new Date(date).toISOString()
 	}
 
 	return null
@@ -52,8 +51,8 @@ export default class TaskService extends AbstractService<ITask> {
 		model.startDate = parseDate(model.startDate)
 		model.endDate = parseDate(model.endDate)
 		model.doneAt = parseDate(model.doneAt)
-		model.created = formatISO(new Date(model.created))
-		model.updated = formatISO(new Date(model.updated))
+		model.created = new Date(model.created).toISOString()
+		model.updated = new Date(model.updated).toISOString()
 
 		// remove all nulls, these would create empty reminders
 		for (const index in model.reminderDates) {
@@ -65,7 +64,7 @@ export default class TaskService extends AbstractService<ITask> {
 		// Make normal timestamps from js dates
 		if (model.reminderDates.length > 0) {
 			model.reminderDates = model.reminderDates.map(r => {
-				return formatISO(new Date(r))
+				return new Date(r).toISOString()
 			})
 		}
 

src/stores/tasks.ts

@@ -1,7 +1,6 @@
 import {computed, ref} from 'vue'
 import {acceptHMRUpdate, defineStore} from 'pinia'
 import router from '@/router'
-import {formatISO} from 'date-fns'
 
 import TaskService from '@/services/task'
 import TaskAssigneeService from '@/services/taskAssignee'
@@ -392,7 +391,7 @@ export const useTaskStore = defineStore('task', () => {
 		const assignees = await findAssignees(parsedTask.assignees)
 		
 		// I don't know why, but it all goes up in flames when I just pass in the date normally.
-		const dueDate = parsedTask.date !== null ? formatISO(parsedTask.date) : null
+		const dueDate = parsedTask.date !== null ? new Date(parsedTask.date).toISOString() : null
 	
 		const task = new TaskModel({
 			title: parsedTask.text,

vite.config.ts

@@ -1,5 +1,5 @@
 /// <reference types="vitest" />
-import {defineConfig} from 'vite'
+import {defineConfig, type PluginOption} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import legacyFn from '@vitejs/plugin-legacy'
 import { URL, fileURLToPath } from 'node:url'
@@ -146,7 +146,10 @@ export default defineConfig({
 			plugins: [
 				visualizer({
 					filename: 'stats.html',
-				}),
+					gzipSize: true,
+					// template: 'sunburst',
+					// brotliSize: true,
+				}) as PluginOption,
 			],
 		},
 	},