split maintenance limitation

Author: vis97c

app.vue

@@ -134,6 +134,28 @@
 											Volveremos a la normalidad {{ SIAMaintenanceTillAt }}.
 										</p>
 									</div>
+									<div
+										v-else-if="
+											APP.ExplorerV1Maintenance || APP.ExplorerV2Maintenance
+										"
+										class="txt --txtAlign-center --gap-10"
+									>
+										<h4>El buscador se encuentra en mantenimiento</h4>
+										<p class="--txtSize-sm --txtColor-dark5">
+											Puedes explorar los cursos previamente guardados.
+										</p>
+										<p
+											v-if="APP.ExplorerV1Maintenance"
+											class="--txtSize-xs --txtColor-dark5"
+										>
+											Volveremos a la normalidad
+											{{ ExplorerV1MaintenanceTillAt }}.
+										</p>
+										<p v-else class="--txtSize-xs --txtColor-dark5">
+											Volveremos a la normalidad
+											{{ ExplorerV2MaintenanceTillAt }}.
+										</p>
+									</div>
 									<div
 										v-else-if="!SESSION.token && route.path != '/ingresar'"
 										class="txt --txtAlign-center --gap-10"
@@ -176,6 +198,16 @@
 
 		return useTimeAgo(date);
 	});
+	const ExplorerV1MaintenanceTillAt = computed(() => {
+		const date = new Date(APP.instance?.config?.explorerV1MaintenanceTillAt || new Date());
+
+		return useTimeAgo(date);
+	});
+	const ExplorerV2MaintenanceTillAt = computed(() => {
+		const date = new Date(APP.instance?.config?.explorerV2MaintenanceTillAt || new Date());
+
+		return useTimeAgo(date);
+	});
 
 	// lifecycle
 	useHead(() => {

components/searchCourse.vue

@@ -127,7 +127,7 @@
 	import type { CourseValues } from "~/resources/types/values";
 	import {
 		eSIATypology,
-		type SIACoursesResponse,
+		type CoursesResponse,
 		type uSIAProgram,
 	} from "~/functions/src/types/SIA";
 	import { getDocumentId } from "~/resources/utils/firestore";
@@ -145,7 +145,7 @@
 	const searchUntrackedRef = ref<HTMLElement>();
 	const searching = ref(false);
 	const errors = ref();
-	const untrackedCurrentPage = ref<SIACoursesResponse>();
+	const untrackedCurrentPage = ref<CoursesResponse<Course>>();
 	const untrackedCourses = ref<Course[]>();
 	const savedUntrackedCourses = ref<Record<number, Course[]>>({});
 	const lastSearch = ref<CourseValues & { page?: number }>();
@@ -178,7 +178,7 @@
 		errors.value = undefined;
 
 		try {
-			const coursesPage = await useSIACourses(
+			const coursesPage = await useExplorerV1Courses(
 				props.values,
 				untrackedCurrentPage.value?.currentPage
 			);
@@ -189,9 +189,7 @@
 			 * Remove duplicates & omit courses without groups
 			 * The system return entities with the same data but differing in the internal id
 			 */
-			coursesPage.data.forEach((SIAcourse) => {
-				const { faculties = [], ...course } = useMapCourseFromBETA(SIAcourse);
-
+			coursesPage.data.forEach(({ faculties = [], ...course }) => {
 				if (!course.code || !course.groups?.length) return;
 
 				const dedupedCourseIndex = dedupedCourses.findIndex(({ id }) => id === course.id);
@@ -247,7 +245,7 @@
 	/**
 	 * Index unindexed courses
 	 */
-	async function indexCourses(courses: Course[], page: SIACoursesResponse) {
+	async function indexCourses(courses: Course[], page: CoursesResponse<Course>) {
 		try {
 			const include = courses.map(({ id }) => id);
 			const indexedCoursesEdges = await useFetchQuery<iPageEdge<Course, string>[]>(

composables/data.ts

@@ -231,7 +231,7 @@ export function useMapGroupFromBETA(source: SIAGroup): Group {
 /**
  * Map course from SIA beta
  */
-export function useMapCourseFromBETA(source: SIACourse): Course {
+export function useMapCourseFromExplorerV1(source: SIACourse): Course {
 	// Generate deduped course UID
 	const id = `courses/${Cyrb53([source.CODIGO_ASIGNATURA])}`;
 	const groups: Group[] = [];

composables/sia.ts

@@ -1,16 +1,19 @@
 import { arrayUnion } from "firebase/firestore";
 
-import type { SIACoursesResponse } from "~/functions/src/types/SIA";
+import type { CoursesResponse, ExplorerV1CoursesResponse } from "~/functions/src/types/SIA";
 import type { Course, CourseRef } from "~/resources/types/entities";
 import type { CourseValues } from "~/resources/types/values";
 import { triGram } from "~/resources/utils/firestore";
 
-export function useSIACourses(values: CourseValues, page = 1) {
+export async function useExplorerV1Courses(
+	values: CourseValues,
+	page = 1
+): Promise<CoursesResponse<Course>> {
 	const APP = useAppStore();
 	const { siaCoursesURL = "", siaCoursesPath = "" } = APP.instance?.config || {};
 	const coursesEndpoint = `${siaCoursesURL}${siaCoursesPath}`;
 
-	return useFetchQuery<SIACoursesResponse>(coursesEndpoint, {
+	const response = await useFetchQuery<ExplorerV1CoursesResponse>(coursesEndpoint, {
 		nivel: values.level,
 		sede: values.place,
 		planEstudio: values.program || undefined,
@@ -20,6 +23,8 @@ export function useSIACourses(values: CourseValues, page = 1) {
 		limit: 30, // firebase compound limit
 		page,
 	});
+
+	return { ...response, data: response.data.map(useMapCourseFromExplorerV1) };
 }
 
 export async function useIndexCourse(

composables/store/app.ts

@@ -31,6 +31,20 @@ export const useAppStore = defineStore("app", {
 
 			if (!till) return false;
 
+			return till > new Date();
+		},
+		ExplorerV1Maintenance({ instance = {} }) {
+			const till = instance?.config?.explorerV1MaintenanceTillAt;
+
+			if (!till) return false;
+
+			return till > new Date();
+		},
+		ExplorerV2Maintenance({ instance = {} }) {
+			const till = instance?.config?.explorerV2MaintenanceTillAt;
+
+			if (!till) return false;
+
 			return till > new Date();
 		},
 	},

functions/src/types/SIA/index.ts

@@ -37,8 +37,8 @@ export interface SIACoursesPayload {
 	limit?: number;
 }
 
-export interface SIACoursesResponse {
-	data: SIACourse[];
+export interface CoursesResponse<T> {
+	data: T[];
 	totalRecords: number;
 	totalPages: number;
 	currentPage: number;
@@ -47,3 +47,5 @@ export interface SIACoursesResponse {
 	 */
 	limit: number;
 }
+
+export type ExplorerV1CoursesResponse = CoursesResponse<SIACourse>;

functions/src/types/entities.ts

@@ -79,9 +79,17 @@ export interface InstanceConfig<T> {
 	 */
 	maintenanceMessage?: string;
 	/**
-	 * SIA under maintenance till
+	 * Old SIA under maintenance till
 	 */
 	siaMaintenanceTillAt?: T;
+	/**
+	 * Explorer V1 under maintenance till
+	 */
+	explorerV1MaintenanceTillAt?: T;
+	/**
+	 * Explorer V2 under maintenance till
+	 */
+	explorerV2MaintenanceTillAt?: T;
 	/**
 	 * @example https://bobt42d1b3.execute-api.us-east-1.amazonaws.com/api/v1
 	 */