@paris-ias/list 1.0.11 → 1.0.14

package/dist/runtime/components/publications/RowsItem.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <v-col v-ripple cols="12" sm="6" md="4" lg="3" xl="2">
     <MiscAtomsImageContainer
       contain
@@ -82,24 +82,22 @@
     </div>
   </v-col>
   <v-divider />
-</template>
-
-<script setup>
-import { useDisplay } from "vuetify"
-const { name } = useDisplay()
-const { locale } = useI18n()
-const { $stores } = useNuxtApp()
-const router = useRouter()
-const localePath = useLocalePath()
-const props = defineProps({
-  item: {
-    type: Object,
-    default: () => {
-      return {}
-    },
-    required: true,
-  },
-})
-</script>
-
-<style lang="scss"></style>
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify";
+const { name } = useDisplay();
+const { locale } = useI18n();
+const { $stores } = useNuxtApp();
+const router = useRouter();
+const localePath = useLocalePath();
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => {
+      return {};
+    },
+    required: true
+  }
+});
+</script>

package/dist/runtime/components/publications/View.vue

@@ -114,26 +114,20 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
-const { $stores } = useNuxtApp()
-const { name } = useDisplay()
-const { locale } = useI18n()
+import { useDisplay } from "vuetify";
+const { $stores } = useNuxtApp();
+const { name } = useDisplay();
+const { locale } = useI18n();
 const props = defineProps({
   item: {
     type: Object,
-    required: true,
+    required: true
   },
   loading: {
     type: Boolean,
     required: false,
-    default: false,
-  },
-})
-
-/* const { data: action } = await useAsyncData("actions", () =>
-  queryContent("/actions/" + locale.value)
-    .limit(1)
-    .find()
-) */
-$stores.publications.loading = false
+    default: false
+  }
+});
+$stores.publications.loading = false;
 </script>

package/dist/runtime/composables/useFetchItem.d.ts

@@ -0,0 +1,6 @@
+export declare const useFetchItem: () => {
+    fetchItem: <T>(payload: {
+        query: string;
+        key: string;
+    }) => Promise<T>;
+};

package/dist/runtime/composables/useFetchItem.js

@@ -0,0 +1,49 @@
+import { useRoute } from "vue-router";
+export const useFetchItem = () => {
+  const fetchItem = async (payload) => {
+    try {
+      const { locale } = useI18n();
+      const route = useRoute();
+      const variables = {
+        itemId: route.params.slug?.toString().trim(),
+        appId: "iea",
+        lang: locale.value
+      };
+      const { data, error } = await useAsyncQuery(payload.query, variables);
+      if (error.value) {
+        console.error("GraphQL error:", error.value);
+        throw error.value;
+      }
+      const item = data?.value[payload.key];
+      if (!item) {
+        throw createError({
+          statusCode: 404,
+          message: "Item not found in response"
+        });
+      }
+      const setI18nParams = useSetI18nParams();
+      if (!route.name.includes("people")) {
+        setI18nParams({
+          en: { slug: item.slug.en },
+          fr: { slug: item.slug.fr }
+        });
+      } else {
+        setI18nParams({
+          en: { slug: item.slug },
+          fr: { slug: item.slug }
+        });
+      }
+      return item;
+    } catch (error) {
+      console.error("Error fetching item:", error);
+      throw createError({
+        statusCode: 404,
+        message: "Item not found",
+        cause: error
+      });
+    }
+  };
+  return {
+    fetchItem
+  };
+};

package/dist/runtime/composables/useIcons.d.ts

@@ -0,0 +1 @@
+export default function getFileIcon(fileName: string): string;

package/dist/runtime/composables/useIcons.js

@@ -0,0 +1,30 @@
+export default function getFileIcon(fileName) {
+  console.log("fileName: ", fileName);
+  const fileExtension = fileName.split(".").pop();
+  console.log("fileExtension: ", fileExtension);
+  switch (fileExtension) {
+    case "pdf":
+      return "mdi-file-pdf-box";
+    case "doc":
+    case "docx":
+      return "mdi-file-word";
+    case "xls":
+    case "xlsx":
+      return "mdi-file-excel";
+    case "ppt":
+    case "pptx":
+      return "mdi-file-powerpoint";
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+      return "mdi-file-image";
+    case "zip":
+    case "rar":
+      return "mdi-folder-zip";
+    case "txt":
+      return "mdi-file-document";
+    default:
+      return "mdi-file";
+  }
+}

package/dist/runtime/composables/useUtils.d.ts

@@ -0,0 +1,12 @@
+export declare const formatDate: (dateStr: string, locale: string) => string;
+export declare const getLocalizedDate: (dateIso: string) => string;
+export declare const getDetailedFormatedDate: (dateStr: string, locale: string) => {
+    day: number;
+    month: string;
+    year: number;
+    hours: number;
+    minutes: number;
+};
+export declare const capitalize: (value: string, multiple?: boolean) => string;
+export declare const slugify: (str: string) => string;
+export declare const formatDateValue: (date: string | Date, locale: string) => string;

package/dist/runtime/composables/useUtils.js

@@ -0,0 +1,47 @@
+export const formatDate = (dateStr, locale) => {
+  const date = new Date(dateStr);
+  return date.toLocaleDateString(locale, {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+};
+export const getLocalizedDate = (dateIso) => {
+  const { $i18n } = useNuxtApp();
+  return new Date(dateIso).toLocaleDateString(
+    $i18n.localeProperties.value.language,
+    {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }
+  );
+};
+export const getDetailedFormatedDate = (dateStr, locale) => {
+  const date = new Date(dateStr);
+  return {
+    day: date.getDate(),
+    month: date.toLocaleString(locale, { month: "long" }),
+    year: date.getFullYear(),
+    hours: date.getUTCHours(),
+    minutes: date.getMinutes()
+  };
+};
+export const capitalize = (value, multiple) => multiple ? value.replace(/(?:^|[\s'-])\S/g, (a) => a.toUpperCase()) : value && value.charAt(0).toUpperCase() + value.slice(1);
+export const slugify = (str) => {
+  str = str.replace(/^\s+|\s+$/g, "").trim();
+  str = str.toLowerCase();
+  const from = "\xE0\xE1\xE4\xE2\xE8\xE9\xEB\xEA\xEC\xED\xEF\xEE\xF2\xF3\xF6\xF4\xF9\xFA\xFC\xFB\xF1\xE7\xB7/_,:;";
+  const to = "aaaaeeeeiiiioooouuuunc------";
+  for (let i = 0, l = from.length; i < l; i++) {
+    str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
+  }
+  str = str.replace(/[^a-z0-9 -]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+  return str;
+};
+export const formatDateValue = (date, locale) => {
+  const formattedDate = new Date(date);
+  return formattedDate.toLocaleDateString(locale);
+};

package/dist/runtime/plugins/pinia.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/{pinia.ts → pinia.js}

@@ -1,88 +1,70 @@
-import { createDynamicStore } from "../stores/factory"
-import type { AppConfig } from "nuxt/schema"
-import { useRootStore } from "../stores/root"
-const rootStore = useRootStore()
+import { createDynamicStore } from "../stores/factory.js";
+import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin(async (nuxtApp) => {
-  const appConfig = useAppConfig() as AppConfig & {
-    list: {
-      modules: string[]
-    }
-  }
-
-  // Define module imports
+  const appConfig = useAppConfig();
   const moduleImports = {
     events: () => ({
       model: import("@paris-ias/data/dist/list/events.js"),
       queries: {
         list: import("../graphql/queries/list/events.gql"),
-        get: import("../graphql/queries/item/events.gql"),
-      },
+        get: import("../graphql/queries/item/events.gql")
+      }
     }),
     news: () => ({
       model: import("@paris-ias/data/dist/list/news.js"),
       queries: {
         list: import("../graphql/queries/list/news.gql"),
-        get: import("../graphql/queries/item/news.gql"),
-      },
+        get: import("../graphql/queries/item/news.gql")
+      }
     }),
     people: () => ({
       model: import("@paris-ias/data/dist/list/people.js"),
       queries: {
         list: import("../graphql/queries/list/people.gql"),
-        get: import("../graphql/queries/item/people.gql"),
-      },
+        get: import("../graphql/queries/item/people.gql")
+      }
     }),
     projects: () => ({
       model: import("@paris-ias/data/dist/list/projects.js"),
       queries: {
         list: import("../graphql/queries/list/projects.gql"),
-        get: import("../graphql/queries/item/projects.gql"),
-      },
+        get: import("../graphql/queries/item/projects.gql")
+      }
     }),
     fellowships: () => ({
       model: import("@paris-ias/data/dist/list/fellowships.js"),
       queries: {
         list: import("../graphql/queries/list/fellowships.gql"),
-        get: import("../graphql/queries/item/fellowships.gql"),
-      },
+        get: import("../graphql/queries/item/fellowships.gql")
+      }
     }),
     publications: () => ({
       model: import("@paris-ias/data/dist/list/publications.js"),
       queries: {
         list: import("../graphql/queries/list/publications.gql"),
-        get: import("../graphql/queries/item/publications.gql"),
-      },
-    }),
-
+        get: import("../graphql/queries/item/publications.gql")
+      }
+    })
     // Add other modules similarly...
-  }
-
-  // Initialize empty stores object
-  const stores: Record<string, any> = {}
-  const queries = {}
-
-  // Preload all required modules
+  };
+  const stores = {};
+  const queries = {};
+  console.log("INITIALIZING STORES");
   await Promise.all(
     appConfig.list.modules.map(async (type) => {
       try {
-        const imports = await moduleImports[
-          type as keyof typeof moduleImports
-        ]()
-        const model = (await imports.model).default
+        const imports = await moduleImports[type]();
+        const model = (await imports.model).default;
         queries[type] = {
           list: (await imports.queries.list).default,
-          get: (await imports.queries.get).default,
-        }
-
-        stores[type] = createDynamicStore(type, { ...model, queries })()
+          get: (await imports.queries.get).default
+        };
+        stores[type] = createDynamicStore(type, model)();
       } catch (error) {
-        console.error(`Failed to initialize ${type} store:`, error)
+        console.error(`Failed to initialize ${type} store:`, error);
       }
     })
-  )
-
-  // Provide synchronous access to stores and queries
-  nuxtApp.provide("rootStore", rootStore)
-  nuxtApp.provide("stores", stores)
-  nuxtApp.provide("queries", queries)
-})
+  );
+  nuxtApp.provide("stores", stores);
+  nuxtApp.provide("queries", queries);
+});

package/dist/runtime/plugins/vuetify.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/vuetify.js

@@ -1,7 +1,7 @@
-import { createVuetify } from "vuetify"
-import * as components from "vuetify/components"
-import * as directives from "vuetify/directives"
-
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+import { defineNuxtPlugin } from "nuxt/app";
 export default defineNuxtPlugin((nuxtApp) => {
   const vuetify = createVuetify({
     ssr: true,
@@ -15,7 +15,7 @@ export default defineNuxtPlugin((nuxtApp) => {
       lg: 800,
       xl: 1280,
     }, */
-  })
+  });
 
-  nuxtApp.vueApp.use(vuetify)
-})
+  nuxtApp.vueApp.use(vuetify);
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/stores/factory.d.ts

@@ -0,0 +1 @@
+export declare const createDynamicStore: (storeName: string, moduleState: object) => import("pinia").StoreDefinition<string, {} | Pick<any, string | number>, {} | Pick<any, string | number>, {} | Pick<any, string | number>>;

package/dist/runtime/stores/{factory.ts → factory.js}

@@ -1,4 +1,5 @@
-export const createDynamicStore = (storeName: string, moduleState: object) => {
+import { defineStore } from "pinia";
+export const createDynamicStore = (storeName, moduleState) => {
   return defineStore(storeName, () => {
     const state = reactive({
       loading: false,
@@ -7,12 +8,11 @@ export const createDynamicStore = (storeName: string, moduleState: object) => {
       page: 1,
       numberOfPages: 0,
       search: "",
-      error: null as string | null,
-      ...moduleState,
-    })
-
+      error: null,
+      ...moduleState
+    });
     return {
-      ...toRefs(state),
-    }
-  })
-}
+      ...toRefs(state)
+    };
+  });
+};

package/dist/runtime/stores/root.d.ts

@@ -0,0 +1,34 @@
+export declare const useRootStore: import("pinia").StoreDefinition<"rootStore", Record<string, any>, {}, {
+    setLoading(value: boolean, type?: string): void;
+    setScrolled(): void;
+    loadRouteQuery(type: string): void;
+    setFiltersCount(type: string): void;
+    setBlankFilterLoad(type: string): void;
+    setDefaults(): void;
+    updateRouteQuery(type: string): void;
+    resetState(): void;
+    updateSort({ value, type }: {
+        value: number[] | string[];
+        type: string;
+    }): void;
+    updateView({ value, type }: {
+        value: string;
+        type: string;
+    }): void;
+    updateLocalStorage(key: string, value: string): void;
+    updateFilter(key: string, val: any, type: string): void;
+    updateItemsPerPage({ value, type }: {
+        value: number;
+        type: string;
+    }): void;
+    updatePage({ page, type }: {
+        page: number;
+        type: string;
+    }): void;
+    updateSearch({ type, search, lang, }: {
+        type: string;
+        search: string;
+        lang: string;
+    }): Promise<void>;
+    update(type: string, lang?: string): Promise<boolean>;
+}>;