Migrate to Vue 3 and Vite

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/composition/apollo/config.ts

@@ -0,0 +1,194 @@
+import {
+  ABOUT,
+  ANALYTICS,
+  ANONYMOUS_ACTOR_ID,
+  ANONYMOUS_PARTICIPATION_CONFIG,
+  ANONYMOUS_REPORTS_CONFIG,
+  DEMO_MODE,
+  EVENT_CATEGORIES,
+  EVENT_PARTICIPANTS,
+  FEATURES,
+  GEOCODING_AUTOCOMPLETE,
+  LOCATION,
+  MAPS_TILES,
+  RESOURCE_PROVIDERS,
+  RESTRICTIONS,
+  TIMEZONES,
+  UPLOAD_LIMITS,
+} from "@/graphql/config";
+import { IAnonymousParticipationConfig, IConfig } from "@/types/config.model";
+import { ApolloError } from "@apollo/client/core";
+import { useQuery } from "@vue/apollo-composable";
+import { computed, ref } from "vue";
+
+export function useTimezones() {
+  const {
+    result: timezoneResult,
+    error,
+    loading,
+  } = useQuery<{
+    config: Pick<IConfig, "timezones">;
+  }>(TIMEZONES);
+
+  const timezones = computed(() => timezoneResult.value?.config?.timezones);
+  return { timezones, error, loading };
+}
+
+export function useAnonymousParticipationConfig() {
+  const anonymousParticipationConfig = ref<
+    IAnonymousParticipationConfig | undefined
+  >(undefined);
+
+  const error = ref<ApolloError | null>(null);
+
+  if (!anonymousParticipationConfig.value) {
+    const { onError, onResult } = useQuery<{
+      config: Pick<IConfig, "anonymous">;
+    }>(ANONYMOUS_PARTICIPATION_CONFIG);
+
+    onResult(({ data }) => {
+      anonymousParticipationConfig.value =
+        data.config?.anonymous?.participation;
+    });
+
+    onError((err) => (error.value = err));
+  }
+
+  return { anonymousParticipationConfig, error };
+}
+
+export function useAnonymousReportsConfig() {
+  const {
+    result: configResult,
+    error,
+    loading,
+  } = useQuery<{
+    config: Pick<IConfig, "anonymous">;
+  }>(ANONYMOUS_REPORTS_CONFIG);
+
+  const anonymousReportsConfig = computed(
+    () => configResult.value?.config?.anonymous?.participation
+  );
+  return { anonymousReportsConfig, error, loading };
+}
+
+export function useInstanceName() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "name">;
+  }>(ABOUT);
+
+  const instanceName = computed(() => result.value?.config?.name);
+  return { instanceName, error, loading };
+}
+
+export function useAnonymousActorId() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "anonymous">;
+  }>(ANONYMOUS_ACTOR_ID);
+
+  const anonymousActorId = computed(
+    () => result.value?.config?.anonymous?.actorId
+  );
+  return { anonymousActorId, error, loading };
+}
+
+export function useUploadLimits() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "uploadLimits">;
+  }>(UPLOAD_LIMITS);
+
+  const uploadLimits = computed(() => result.value?.config?.uploadLimits);
+  return { uploadLimits, error, loading };
+}
+
+export function useEventCategories() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "eventCategories">;
+  }>(EVENT_CATEGORIES);
+
+  const eventCategories = computed(() => result.value?.config.eventCategories);
+  return { eventCategories, error, loading };
+}
+
+export function useRestrictions() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "restrictions">;
+  }>(RESTRICTIONS);
+
+  const restrictions = computed(() => result.value?.config.restrictions);
+  return { restrictions, error, loading };
+}
+
+export function useExportFormats() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "exportFormats">;
+  }>(EVENT_PARTICIPANTS);
+  const exportFormats = computed(() => result.value?.config?.exportFormats);
+  return { exportFormats, error, loading };
+}
+
+export function useGeocodingAutocomplete() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "geocoding">;
+  }>(GEOCODING_AUTOCOMPLETE);
+  const geocodingAutocomplete = computed(
+    () => result.value?.config?.geocoding?.autocomplete
+  );
+  return { geocodingAutocomplete, error, loading };
+}
+
+export function useMapTiles() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "maps">;
+  }>(MAPS_TILES);
+
+  const tiles = computed(() => result.value?.config.maps.tiles);
+  return { tiles, error, loading };
+}
+
+export function useFeatures() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "features">;
+  }>(FEATURES);
+
+  const features = computed(() => result.value?.config.features);
+  return { features, error, loading };
+}
+
+export function useResourceProviders() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "resourceProviders">;
+  }>(RESOURCE_PROVIDERS);
+
+  const resourceProviders = computed(
+    () => result.value?.config.resourceProviders
+  );
+  return { resourceProviders, error, loading };
+}
+
+export function useServerProvidedLocation() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "location">;
+  }>(LOCATION);
+
+  const location = computed(() => result.value?.config.location);
+  return { location, error, loading };
+}
+
+export function useIsDemoMode() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "demoMode">;
+  }>(DEMO_MODE);
+
+  const isDemoMode = computed(() => result.value?.config.demoMode);
+  return { isDemoMode, error, loading };
+}
+
+export function useAnalytics() {
+  const { result, error, loading } = useQuery<{
+    config: Pick<IConfig, "analytics">;
+  }>(ANALYTICS);
+
+  const analytics = computed(() => result.value?.config.analytics);
+  return { analytics, error, loading };
+}