Move toId to shared/utils/functions.ts

components/LocationsTable.vue

@@ -90,15 +90,12 @@
 <script lang="ts" setup>
 import type { ChangeRecord, ScheduleLocation } from '~/shared/types/schedule';
 import { applyChangeArray } from '~/shared/utils/changes';
+import { toId } from '~/shared/utils/functions';
 
 defineProps<{
 	edit?: boolean
 }>();
 
-function toId(name: string) {
-	return name.toLowerCase().replace(/ /g, "-");
-}
-
 const schedule = await useSchedule();
 
 const changes = ref<ChangeRecord<ScheduleLocation>[]>([]);

components/ScheduleTable.vue

@@ -210,7 +210,7 @@
 import { DateTime, Duration } from 'luxon';
 import type { ChangeRecord, Schedule, ScheduleEvent, ScheduleLocation, TimeSlot } from '~/shared/types/schedule';
 import { applyChangeArray } from '~/shared/utils/changes';
-import { enumerate, pairs } from '~/shared/utils/functions';
+import { enumerate, pairs, toId } from '~/shared/utils/functions';
 
 const props = defineProps<{
 	edit?: boolean,
@@ -240,10 +240,6 @@ interface Gap {
 	end: DateTime,
 }
 
-function toId(name: string) {
-	return name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
-}
-
 function status(eventSlot: EventSlot) {
 	if (
 		!eventSlot.event

server/generate-demo-schedule.ts

@@ -1,5 +1,6 @@
 import { Account } from "~/shared/types/account";
 import { Role, Schedule, Shift, ShiftSlot, TimeSlot } from "~/shared/types/schedule";
+import { toId } from "~/shared/utils/functions";
 
 const locations = [
 	{
@@ -184,10 +185,6 @@ const rota = [
 	},
 ]
 
-function toId(name: string) {
-	return name.toLowerCase().replace(/ /g, "-");
-}
-
 function toIso(date: Date) {
 	return date.toISOString().replace(":00.000Z", "Z");
 }

shared/utils/functions.ts

@@ -6,6 +6,11 @@ export function* enumerate<T>(iterable: Iterable<T>) {
 	}
 }
 
+/** Converts a name to an id */
+export function toId(name: string) {
+	return name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+}
+
 /** Returns adjacent pairs from iterable */
 export function* pairs<T>(iterable: Iterable<T>) {
 	let first;