From 69844093aa77c41952017ed06ee50ba1b093f891 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Fri, 19 Jan 2024 10:11:51 +0100
Subject: [PATCH 1/5] Refresh capabilites every 5 minutes

---
 src/services/useSsd/index.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/services/useSsd/index.ts b/src/services/useSsd/index.ts
index 8eaa75e62..37a5cfbcc 100644
--- a/src/services/useSsd/index.ts
+++ b/src/services/useSsd/index.ts
@@ -20,6 +20,8 @@ export interface UseSsdReturn {
   dates: Ref<Date[]>
 }
 
+const REFRESH_INTERVAL = 1000 * 60 * 5 // 5 minutes
+
 function findGroup(
   capabilities: SsdGetCapabilitiesResponse,
   name: string,
@@ -72,6 +74,7 @@ export function useSsd(
   }
 
   loadCapabilities()
+  setInterval(loadCapabilities, REFRESH_INTERVAL)
 
   watchEffect(() => {
     const groupIdValue = toValue(groupId)

From f9ed178e22e7adb2dae9a1fa677991dfac1fc767 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Fri, 19 Jan 2024 10:44:10 +0100
Subject: [PATCH 2/5] Set follow now to default every minute and correctly emit
 selectedData

---
 src/components/general/DateTimeSlider.vue | 54 ++++++++------
 src/lib/utils/findDateIndex.test.ts       | 89 +++++++++++++++++++++++
 src/lib/utils/findDateIndex.ts            | 31 ++++++++
 3 files changed, 153 insertions(+), 21 deletions(-)
 create mode 100644 src/lib/utils/findDateIndex.test.ts
 create mode 100644 src/lib/utils/findDateIndex.ts

diff --git a/src/components/general/DateTimeSlider.vue b/src/components/general/DateTimeSlider.vue
index fbb967e7c..8557b49c7 100644
--- a/src/components/general/DateTimeSlider.vue
+++ b/src/components/general/DateTimeSlider.vue
@@ -3,12 +3,12 @@
     <div class="slider-container">
       <vue-slider
         v-model="dateIndex"
-        :max="maxIndex"
         :marks="marks"
         :hide-label="hideLabel"
         step="1"
         :tooltipFormatter="dateString"
         silent
+        :max="maxIndex"
         @change="stopFollowNow"
       >
         <template v-slot:step="{ active, style, activeStyle }">
@@ -80,11 +80,14 @@ import { computed, ref, watch } from 'vue'
 import { scaleTime } from 'd3-scale'
 import { DateTime } from 'luxon'
 
+import { onMounted } from 'vue'
+import { findDateIndex } from '@/lib/utils/findDateIndex'
+
 import VueSlider from 'vue-slider-component'
 import 'vue-slider-component/theme/antd.css'
 
 interface Properties {
-  selectedDate: Date
+  selectedDate?: Date
   dates: Date[]
   isLoading?: boolean
   doFollowNow?: boolean
@@ -94,9 +97,9 @@ interface Properties {
 
 const props = withDefaults(defineProps<Properties>(), {
   isLoading: false,
-  doFollowNow: false,
+  doFollowNow: true,
   playInterval: 1000,
-  followNowInterval: 10000,
+  followNowInterval: 60000,
 })
 const emit = defineEmits(['update:selectedDate', 'update:doFollowNow'])
 
@@ -113,6 +116,12 @@ let followNowIntervalTimer: ReturnType<typeof setInterval> | null = null
 
 const hideLabel = ref(true)
 
+onMounted(() => {
+  if (props.doFollowNow) {
+    startFollowNow()
+  }
+})
+
 const marks = computed(() => {
   const dayMarks: Record<string, any> = {}
   const dateScale = scaleTime().domain(props.dates)
@@ -142,14 +151,15 @@ const marks = computed(() => {
 
 // Synchronise selectedDate property and local index variable.
 watch(dateIndex, (index) => {
-  emit('update:selectedDate', props.dates[index] ?? new Date())
+  emit('update:selectedDate', props.dates[index])
 })
 
 watch(
   () => props.selectedDate,
   (selectedDate) => {
-    let index = findIndexForDate(selectedDate)
-    if (index == dateIndex.value) return
+    if (selectedDate === undefined) return
+    let index = findDateIndex(props.dates, selectedDate)
+    if (index === dateIndex.value) return
     dateIndex.value = index
   },
 )
@@ -158,6 +168,7 @@ watch(
 watch(doFollowNow, (doFollowNow) => {
   emit('update:doFollowNow', doFollowNow)
 })
+
 watch(
   () => props.doFollowNow,
   (doFollowNowProp) => {
@@ -169,9 +180,20 @@ watch(
 // member of the new dates array.
 watch(
   () => props.dates,
-  (_, oldDates) => {
-    const oldDate = oldDates[dateIndex.value]
-    dateIndex.value = findIndexForDate(oldDate)
+  () => {
+    if (doFollowNow.value) {
+      setDateToNow()
+      if (
+        props.selectedDate?.getTime() !== props.dates[dateIndex.value].getTime()
+      ) {
+        emit('update:selectedDate', props.dates[dateIndex.value])
+      }
+    } else {
+      if (props.selectedDate) {
+        const oldDate = props.selectedDate
+        dateIndex.value = findDateIndex(props.dates, oldDate)
+      }
+    }
   },
 )
 
@@ -224,17 +246,7 @@ function stopFollowNow(): void {
 
 function setDateToNow(): void {
   const now = new Date()
-  dateIndex.value = findIndexForDate(now)
-}
-
-function findIndexForDate(date: Date): number {
-  const index = props.dates.findIndex((current) => current >= date)
-  if (index === -1) {
-    // No time was found that was larger than the current time, so use the first date.
-    return 0
-  } else {
-    return index
-  }
+  dateIndex.value = findDateIndex(props.dates, now)
 }
 
 function togglePlay(): void {
diff --git a/src/lib/utils/findDateIndex.test.ts b/src/lib/utils/findDateIndex.test.ts
new file mode 100644
index 000000000..4fb8141ba
--- /dev/null
+++ b/src/lib/utils/findDateIndex.test.ts
@@ -0,0 +1,89 @@
+import { expect, test } from 'vitest'
+import { findDateIndex } from './findDateIndex'
+
+test('should return the index of the target date in the array', () => {
+  const dates = [
+    new Date('2022-01-01'),
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-03-01')
+  const expectedIndex = 2
+
+  const result = findDateIndex(dates, targetDate)
+
+  expect(result).toEqual(expectedIndex)
+})
+
+test('should return the index of the target date ISO8601', () => {
+  const dates = [
+    new Date('2022-01-01'),
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-03-01T00:00:00.000Z')
+  const expectedIndex = 2
+
+  const result = findDateIndex(dates, targetDate)
+
+  expect(result).toEqual(expectedIndex)
+})
+
+test('should return the index of the target date ISO8601', () => {
+  const dates = [
+    new Date('2022-01-01'),
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-03-01T00:00:00.100Z')
+  const expectedIndex = 2
+
+  const result = findDateIndex(dates, targetDate)
+
+  expect(result).toEqual(expectedIndex)
+})
+
+test('should return the index of the target date in the array', () => {
+  const dates = [
+    new Date('2022-01-01'),
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-03-01T00:00:00.000Z')
+  const expectedIndex = 2
+
+  const result = findDateIndex(dates, targetDate)
+
+  expect(result).toEqual(expectedIndex)
+})
+
+test('should return 0 if the target date is before the first date in the array', () => {
+  const dates = [
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-01-01')
+  const expectedIndex = 0
+  const result = findDateIndex(dates, targetDate)
+  expect(result).toEqual(expectedIndex)
+})
+
+test('should return the length of the array if the target date is after the latest date in the array', () => {
+  const dates = [
+    new Date('2022-01-01'),
+    new Date('2022-02-01'),
+    new Date('2022-03-01'),
+    new Date('2022-04-01'),
+  ]
+  const targetDate = new Date('2022-05-01')
+  const expectedIndex = dates.length
+
+  const result = findDateIndex(dates, targetDate)
+
+  expect(result).toEqual(expectedIndex)
+})
diff --git a/src/lib/utils/findDateIndex.ts b/src/lib/utils/findDateIndex.ts
new file mode 100644
index 000000000..489f53bb2
--- /dev/null
+++ b/src/lib/utils/findDateIndex.ts
@@ -0,0 +1,31 @@
+/**
+ * Finds the index of a target date in an array of dates using bisection.
+ * @param dates - The array of dates to search in.
+ * @param targetDate - The target date to find the index of.
+ * @returns The index of the target date in the array, or the length of the array if the target date is not found.
+ */
+export function findDateIndex(dates: Date[], targetDate: Date): number {
+  let left = 0
+  let right = dates.length - 1
+  console.log('target', targetDate, right)
+
+  while (left < right) {
+    const mid = Math.floor((left + right) / 2)
+    if (dates[mid].getTime() === targetDate.getTime()) {
+      return mid
+    } else if (dates[mid] < targetDate) {
+      left = mid + 1
+    } else {
+      right = mid - 1
+    }
+  }
+  return left
+}
+
+// export function findDateIndex(dates: Date[], targetDate: Date): number {
+//     let index = 0;
+//     while (index < dates.length && dates[index] <= targetDate) {
+//         index++
+//     }
+//     return index;
+// }

From 4333b9a38b2d3b1bc261d84e39167d5205e9c9d2 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Fri, 19 Jan 2024 10:44:21 +0100
Subject: [PATCH 3/5] Add check on undefined

---
 src/views/SchematicStatusDisplayView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/SchematicStatusDisplayView.vue b/src/views/SchematicStatusDisplayView.vue
index 2bec3486c..d0052d6f7 100644
--- a/src/views/SchematicStatusDisplayView.vue
+++ b/src/views/SchematicStatusDisplayView.vue
@@ -117,6 +117,7 @@ onMounted(() => {
 })
 
 const selectedDateString = computed(() => {
+  if (selectedDate.value === undefined) return ''
   const dateString = selectedDate.value.toISOString()
   return dateString.substring(0, 19) + 'Z'
 })

From 96ebc8836c672949777af88a88af15954a8cee74 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Fri, 19 Jan 2024 13:53:34 +0100
Subject: [PATCH 4/5] Fix test

---
 src/lib/utils/findDateIndex.test.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/lib/utils/findDateIndex.test.ts b/src/lib/utils/findDateIndex.test.ts
index 4fb8141ba..f321ffa9c 100644
--- a/src/lib/utils/findDateIndex.test.ts
+++ b/src/lib/utils/findDateIndex.test.ts
@@ -13,7 +13,7 @@ test('should return the index of the target date in the array', () => {
 
   const result = findDateIndex(dates, targetDate)
 
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })
 
 test('should return the index of the target date ISO8601', () => {
@@ -28,10 +28,10 @@ test('should return the index of the target date ISO8601', () => {
 
   const result = findDateIndex(dates, targetDate)
 
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })
 
-test('should return the index of the target date ISO8601', () => {
+test('should return the index before the target date ISO8601', () => {
   const dates = [
     new Date('2022-01-01'),
     new Date('2022-02-01'),
@@ -39,11 +39,11 @@ test('should return the index of the target date ISO8601', () => {
     new Date('2022-04-01'),
   ]
   const targetDate = new Date('2022-03-01T00:00:00.100Z')
-  const expectedIndex = 2
+  const expectedIndex = 3
 
   const result = findDateIndex(dates, targetDate)
 
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })
 
 test('should return the index of the target date in the array', () => {
@@ -58,7 +58,7 @@ test('should return the index of the target date in the array', () => {
 
   const result = findDateIndex(dates, targetDate)
 
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })
 
 test('should return 0 if the target date is before the first date in the array', () => {
@@ -70,10 +70,10 @@ test('should return 0 if the target date is before the first date in the array',
   const targetDate = new Date('2022-01-01')
   const expectedIndex = 0
   const result = findDateIndex(dates, targetDate)
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })
 
-test('should return the length of the array if the target date is after the latest date in the array', () => {
+test('should return the last index of the array if the target date is after the latest date in the array', () => {
   const dates = [
     new Date('2022-01-01'),
     new Date('2022-02-01'),
@@ -81,9 +81,9 @@ test('should return the length of the array if the target date is after the late
     new Date('2022-04-01'),
   ]
   const targetDate = new Date('2022-05-01')
-  const expectedIndex = dates.length
+  const expectedIndex = dates.length-1
 
   const result = findDateIndex(dates, targetDate)
 
-  expect(result).toEqual(expectedIndex)
+  expect(result).toBe(expectedIndex)
 })

From ea9e08a995b99d122c293151dfe073fff3ada735 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Fri, 19 Jan 2024 14:46:07 +0100
Subject: [PATCH 5/5] Fix format

---
 src/lib/utils/findDateIndex.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/utils/findDateIndex.test.ts b/src/lib/utils/findDateIndex.test.ts
index f321ffa9c..1d3ad831b 100644
--- a/src/lib/utils/findDateIndex.test.ts
+++ b/src/lib/utils/findDateIndex.test.ts
@@ -81,7 +81,7 @@ test('should return the last index of the array if the target date is after the
     new Date('2022-04-01'),
   ]
   const targetDate = new Date('2022-05-01')
-  const expectedIndex = dates.length-1
+  const expectedIndex = dates.length - 1
 
   const result = findDateIndex(dates, targetDate)