Update dependency @vue/tsconfig to ^0.8.0 (#236)

* Update dependency @vue/tsconfig to ^0.8.0

* Fix typescript compile errors

* Fix DateSelection reactive component

* Auto build assets [skip ci]

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Frank Dekker <fdekker@gmail.com>
Co-authored-by: frankdekker <2179983+frankdekker@users.noreply.github.com>

Author: renovate[bot]

frontend/package-lock.json

@@ -29,7 +29,7 @@
         "@vue/eslint-config-prettier": "^10.0.0",
         "@vue/eslint-config-typescript": "^14.0.1",
         "@vue/test-utils": "^2.4.6",
-        "@vue/tsconfig": "^0.7.0",
+        "@vue/tsconfig": "^0.8.0",
         "eslint": "^9.12.0",
         "eslint-plugin-vue": "^10.0.0",
         "jsdom": "^26.0.0",

frontend/package.json

@@ -3,20 +3,20 @@ import DatePickerDropdown from '@/components/datepicker/DatePickerDropdown.vue';
 import type DateSelection from '@/models/DateSelection';
 import {formatSelection, parseSelection} from '@/services/DatePickerService';
 import {formatRelativeDate, getRelativeDate} from '@/services/Dates';
-import {onMounted, reactive, ref, watch} from 'vue';
+import {onMounted, ref, watch} from 'vue';
 
 const between = defineModel<string>();
 const emit    = defineEmits(['change']);
 
 const active                    = ref(false);
 const dateExpanded              = ref<'none' | 'startDate' | 'endDate'>('none');
-const startDate                   = reactive<DateSelection>({
+const startDate                   = ref<DateSelection>({
     date: getRelativeDate(15, 'i', true),
     mode: 'relative',
     value: '15i',
     formatted: formatRelativeDate(15, 'i')
 });
-const endDate                     = reactive<DateSelection>({date: new Date(), mode: 'now', value: null, formatted: 'now'});
+const endDate                     = ref<DateSelection>({date: new Date(), mode: 'now', value: null, formatted: 'now'});
 let currentValue: string | null = null;
 
 onMounted(() => onBetweenChanged());
@@ -27,7 +27,7 @@ function onBetweenChanged(): void {
         return;
     }
 
-    const result = parseSelection(between.value ?? '', startDate, endDate);
+    const result = parseSelection(between.value ?? '', startDate.value, endDate.value);
     currentValue = result === false ? null : between.value ?? null;
     active.value = result !== false;
 }
@@ -41,19 +41,19 @@ function onExpand(): void {
 
 function onApply(): void {
     dateExpanded.value = 'none';
-    setBetween(formatSelection(startDate, endDate));
+    setBetween(formatSelection(startDate.value, endDate.value));
 }
 
 function onClear(): void {
     dateExpanded.value  = 'none';
-    startDate.date      = getRelativeDate(15, 'i', true);
-    startDate.mode      = 'relative';
-    startDate.value     = '15i';
-    startDate.formatted = formatRelativeDate(15, 'i');
-    endDate.date        = new Date();
-    endDate.mode        = 'now';
-    endDate.value       = null;
-    endDate.formatted   = 'now';
+    startDate.value.date      = getRelativeDate(15, 'i', true);
+    startDate.value.mode      = 'relative';
+    startDate.value.value     = '15i';
+    startDate.value.formatted = formatRelativeDate(15, 'i');
+    endDate.value.date        = new Date();
+    endDate.value.mode        = 'now';
+    endDate.value.value       = null;
+    endDate.value.formatted   = 'now';
     active.value        = false;
     setBetween('');
 }

frontend/src/components/datepicker/DatePicker.vue

@@ -0,0 +1,8 @@
+export default class Assert {
+    public static string(value: unknown): string {
+        if (typeof value !== 'string' && value instanceof String === false) {
+            throw new Error('Value is not a string: ' + typeof value)
+        }
+        return String(value);
+    }
+}

frontend/src/services/Assert.ts

@@ -1,13 +1,14 @@
 import type DateSelection from '@/models/DateSelection';
 import {format, formatDateTime, formatRelativeDate, getRelativeDate} from '@/services/Dates';
 import Numbers from '@/services/Numbers';
+import Assert from '@/services/Assert.ts'
 
 export function parseSelection(value: string, startDate: DateSelection, endDate: DateSelection): boolean {
-    const match = (value ?? '').trim().match(/^(.*)~(.*)$/);
+    const match: string[]|null = (value ?? '').trim().match(/^(.*)~(.*)$/);
     if (match === null || match.length !== 3) {
         return false;
     }
-    return parseDate(match[1], startDate) && parseDate(match[2], endDate);
+    return parseDate(Assert.string(match[1]), startDate) && parseDate(Assert.string(match[2]), endDate);
 }
 
 export function formatSelection(startDate: DateSelection, endDate: DateSelection): string {
@@ -30,7 +31,7 @@ function parseDate(value: string, date: DateSelection): boolean {
         return true;
     }
     if (value.match(/^\d+[sihdwmy]$/)) {
-        const unit     = value[value.length - 1];
+        const unit     = Assert.string(value[value.length - 1]);
         const val      = Numbers.parseInt(value.substring(0, value.length - 1));
         date.date      = getRelativeDate(val, unit, false);
         date.mode      = 'relative';

frontend/src/services/DatePickerService.ts

@@ -1,12 +1,12 @@
 {
   "src/main.ts": {
-    "file": "assets/main-Skb8xSdo.js",
+    "file": "assets/main-BKNaHnn9.js",
     "name": "main",
     "src": "src/main.ts",
     "isEntry": true
   },
   "style.css": {
-    "file": "assets/style-BHUqSd06.css",
+    "file": "assets/style-TDLn_C_M.css",
     "src": "style.css"
   }
 }