From 9e04082b5b82ee0d7bf1783358e2a5543331fa23 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Fri, 12 Nov 2021 13:42:57 -0500
Subject: [PATCH] Switch from `equicolor` to `unique-colors`

As `equicolor` was throwing some TypeScript errors and is more
complicated than required
---
 package.json           | 2 +-
 src/App.vue            | 7 ++-----
 src/unique-colors.d.ts | 4 ++++
 3 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 src/unique-colors.d.ts

diff --git a/package.json b/package.json
index 3543df0..e1981a5 100644
--- a/package.json
+++ b/package.json
@@ -19,9 +19,9 @@
     "@fullcalendar/icalendar": "^5.10.1",
     "@fullcalendar/timegrid": "^5.6.0",
     "@fullcalendar/vue3": "^5.10.0",
-    "equicolor": "^1.1.0",
     "ical.js": "github:ekreative/ical.js#var-ical",
     "intl": "^1.2.5",
+    "unique-colors": "^1.0.1",
     "vue": "^3.2.20"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 467a409..59b0818 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
 import { ref, Ref } from 'vue';
-import equicolor from 'equicolor/src/Equicolor';
+import {unique_colors} from 'unique-colors';
 
 import '@fullcalendar/core/vdom'; // solve problem with Vite
 import FullCalendar, {
@@ -26,10 +26,7 @@ const calendars: { [key: string]: string } = {
   room_reservations: 'f4ro53uklj2u6pr0se7ucskm6g@group.calendar.google.com',
 };
 
-const colors: string[] = equicolor.findNextColors(
-  ['#ffffff', '#000000'],
-  Object.keys(calendars).length
-);
+const colors: string[] = unique_colors(Object.keys(calendars).length);
 
 const calendarOptions: CalendarOptions = {
   plugins: [timeGridPlugin, dayGridPlugin, iCalendarPlugin],
diff --git a/src/unique-colors.d.ts b/src/unique-colors.d.ts
new file mode 100644
index 0000000..75d2905
--- /dev/null
+++ b/src/unique-colors.d.ts
@@ -0,0 +1,4 @@
+declare module 'unique-colors' {
+  function unique_colors(n: number): string[];
+  function unique_shuffled_colors(n: number): string[];
+}