/ var / www / html / cqt / src / lib / [ HOME SHELL ]

Name	Size	Permission
dataLoader.ts	2.98 KB	-rw-r--r--
scroll.ts	247 B	-rw-r--r--
useReveal.ts	536 B	-rw-r--r--
utils.ts	169 B	-rw-r--r--

Code Editor : dataLoader.ts

import { useQuery } from "@tanstack/react-query";

async function fetchJson<T>(path: string): Promise<T> {
  const res = await fetch(path);
  if (!res.ok) throw new Error(`Failed to load ${path}`);
  return res.json();
}

export function useTeam() {
  return useQuery({ queryKey: ["team"], queryFn: () => fetchJson<any[]>('/data/team.json'), staleTime: 1000 * 60 * 5 });
}

export function useNews() {
  return useQuery({ queryKey: ["news"], queryFn: () => fetchJson<any[]>('/data/news.json'), staleTime: 1000 * 60 * 5 });
}

export function useResearch() {
  return useQuery({ queryKey: ["research"], queryFn: () => fetchJson<any[]>('/data/research.json'), staleTime: 1000 * 60 * 5 });
}

export function usePeople() {
  return useQuery({ queryKey: ["people"], queryFn: () => fetchJson<any[]>('/data/people.json'), staleTime: 1000 * 60 * 5 });
}

export function usePerson(id: string | undefined) {
  return useQuery({ queryKey: ["people", id], queryFn: async () => {
    if (!id) return null;
    const list = await fetchJson<any[]>('/data/people.json');
    return list.find((p) => p.id === id) ?? null;
  }, enabled: !!id });
}

export function useResearchItem(id: string | undefined) {
  return useQuery({ queryKey: ["research", id], queryFn: async () => {
    if (!id) return null;
    const list = await fetchJson<any[]>('/data/research.json');
    return list.find((r) => r.id === id) ?? null;
  }, enabled: !!id, staleTime: 1000 * 60 * 5 });
}

export function useNewsItem(id: string | undefined) {
  return useQuery({ queryKey: ["news", id], queryFn: async () => {
    if (!id) return null;
    const list = await fetchJson<any[]>('/data/news.json');
    return list.find((n) => n.id === id) ?? null;
  }, enabled: !!id, staleTime: 1000 * 60 * 5 });
}

export function useCourses() {
  return useQuery({ queryKey: ["courses"], queryFn: () => fetchJson<any[]>('/data/courses.json'), staleTime: 1000 * 60 * 5 });
}

export function useCourse(id: string | undefined) {
  return useQuery({ queryKey: ["courses", id], queryFn: async () => {
    if (!id) return null;
    const list = await fetchJson<any[]>('/data/courses.json');
    return list.find((c) => c.id === id) ?? null;
  }, enabled: !!id, staleTime: 1000 * 60 * 5 });
}

export function useWorkshops() {
  return useQuery({ queryKey: ["workshops"], queryFn: () => fetchJson<any[]>('/data/workshops.json'), staleTime: 1000 * 60 * 5 });
}

export function useWorkshop(id: string | undefined) {
  return useQuery({ queryKey: ["workshops", id], queryFn: async () => {
    if (!id) return null;
    const list = await fetchJson<any[]>('/data/workshops.json');
    return list.find((w) => w.id === id) ?? null;
  }, enabled: !!id, staleTime: 1000 * 60 * 5 });
}

export function usePublications() {
  return useQuery({ queryKey: ["publications"], queryFn: () => fetchJson<any[]>('/data/publications.json'), staleTime: 1000 * 60 * 5 });
}

export function useLabs() {
  return useQuery({ queryKey: ["labs"], queryFn: () => fetchJson<any[]>('/data/labs.json'), staleTime: 1000 * 60 * 5 });
}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : dataLoader.ts

Urban Research Lab