@paris-ias/list 1.0.11 → 1.0.14

package/dist/runtime/stores/root.js

@@ -0,0 +1,227 @@
+import { defineStore } from "pinia";
+import SEARCH from "../graphql/queries/list/search.gql";
+export const useRootStore = defineStore("rootStore", {
+  state: () => ({
+    scrolled: import.meta.browser ? window.scrollY > 0 : false,
+    loading: false,
+    total: 0,
+    skip: 0,
+    page: 1,
+    numberOfPages: 0,
+    search: "",
+    results: {
+      events: {},
+      news: {},
+      people: {},
+      projects: {},
+      fellowships: {},
+      publications: {}
+    }
+  }),
+  actions: {
+    setLoading(value, type = "") {
+      const { $stores } = useNuxtApp();
+      this.loading = value;
+      if (type.length) $stores[type].loading = value;
+    },
+    setScrolled() {
+      if (import.meta.browser) {
+        this.scrolled = window.scrollY > 0;
+      }
+    },
+    loadRouteQuery(type) {
+      const { currentRoute } = useRouter();
+      const { $stores } = useNuxtApp();
+      const query = currentRoute.value.query;
+      if (Object.keys(query)?.length) {
+        Object.keys(query).forEach((filter) => {
+          if (Object.keys($stores[type].filters).includes(filter))
+            $stores[type].filters[filter].value = this[type].list.filters[filter].multiple ? JSON.parse(query[filter]) : query[filter];
+        });
+      }
+      console.log("query loaded");
+    },
+    setFiltersCount(type) {
+      const { $stores } = useNuxtApp();
+      let filtersCount = 0;
+      Object.keys($stores[type].filters).forEach((filter) => {
+        if ($stores[type].filters[filter]?.value?.length && typeof $stores[type].filters[filter]?.value !== "undefined") {
+          filtersCount++;
+        }
+        return filtersCount;
+      });
+      $stores[type].filtersCount = filtersCount;
+    },
+    setBlankFilterLoad(type) {
+    },
+    setDefaults() {
+      const lang = localStorage.getItem("lang");
+    },
+    updateRouteQuery(type) {
+      const router = useRouter();
+      const { $stores } = useNuxtApp();
+      const routeQuery = {
+        // Add search if it exists and is defined
+        ...this.search ? { search: this.search } : {},
+        // Add page if it's greater than 1
+        ...this.page > 1 ? { page: this.page.toString() } : {},
+        // Add filters with defined values
+        ...Object.entries($stores[type].filters).reduce(
+          (acc, [filterKey, filter]) => {
+            if (!$stores[type].filters[filterKey]?.value) {
+              return acc;
+            }
+            return {
+              ...acc,
+              ...{
+                [filterKey]: $stores[type].filters[filterKey]?.value
+              }
+            };
+          },
+          {}
+        )
+      };
+      router.replace({ query: routeQuery });
+    },
+    resetState() {
+      const { $stores } = useNuxtApp();
+      console.log("resetState");
+      this.search = "";
+      this.page = 1;
+      this.scrolled = false;
+      this.loading = false;
+      this.total = 0;
+      this.skip = 0;
+      this.numberOfPages = 0;
+      const modules = [
+        "events",
+        "news",
+        "people",
+        "projects",
+        "fellowships",
+        "publications"
+      ];
+      modules.forEach((type) => {
+      });
+    },
+    updateSort({ value, type }) {
+      const { $stores } = useNuxtApp();
+      $stores[type].sortBy = [value[0]];
+      $stores[type].sortDesc = [value[1]];
+      this.page = 1;
+      this.updateLocalStorage(type + "_sort", value.join("_"));
+      this.update(type);
+    },
+    updateView({ value, type }) {
+      const { $stores } = useNuxtApp();
+      $stores[type].view = {
+        ...$stores[type].views[value],
+        name: value
+      };
+      this.updateLocalStorage(type + "_view", value);
+      this.update(type);
+    },
+    updateLocalStorage(key, value) {
+      const local = JSON.parse(localStorage.getItem("PARIS_IAS")) || {};
+      local[key] = value;
+      localStorage.setItem("PARIS_IAS", JSON.stringify(local));
+    },
+    updateFilter(key, val, type) {
+      const { $stores } = useNuxtApp();
+      console.log("update filter: ", { key, val, type });
+      if (["online", "outside", "past"].includes(key) && val === false) {
+        $stores[type].filters[key].value = null;
+      } else {
+        $stores[type].filters[key].value = val;
+      }
+      this.updatePage({ page: 1, type });
+    },
+    updateItemsPerPage({ value, type }) {
+      const { $stores } = useNuxtApp();
+      this.page = 1;
+      $stores[types].itemsPerPage = value;
+      this.update(type);
+    },
+    updatePage({ page, type }) {
+      this.page = page;
+      this.update(type);
+    },
+    async updateSearch({
+      type = "all",
+      search = "",
+      lang = "en"
+    }) {
+      this.search = search;
+      this.setLoading(true);
+      await this.update(type, lang);
+    },
+    async update(type, lang = "en") {
+      const { $stores } = useNuxtApp();
+      this.setLoading(true);
+      if (type !== "all") {
+        $stores[type].loading = true;
+      }
+      const itemsPerPage = type === "all" ? 3 : $stores[type]?.itemsPerPage;
+      const filters = {};
+      if (type !== "all") {
+        for (const filter in $stores[type].filters) {
+          const filterValue = $stores[type].filters[filter]?.value;
+          if (typeof filterValue !== "undefined" && filterValue?.length) {
+            filters[filter] = filterValue;
+          }
+        }
+      }
+      const args = JSON.parse(
+        JSON.stringify({
+          options: {
+            // skip
+            skip: +this.page === 1 ? 0 : (+this.page - 1) * itemsPerPage,
+            // limit
+            limit: itemsPerPage,
+            // sort, array of keys and array of directions - to have x tie breakers if necessary
+            sortBy: type === "all" ? "searchScore" : $stores[type].sortBy,
+            sortDesc: type === "all" ? -1 : $stores[type].sortDesc > 0 ? true : false,
+            // search (if set)
+            ...this.search?.length && type !== "all" && { search: this.search },
+            // add the store module filters
+            filters
+          },
+          ...this.search?.length && type === "all" && { search: this.search },
+          appId: "iea",
+          lang
+        })
+      );
+      args.options.filters = JSON.stringify(args.options.filters);
+      let result = {};
+      console.log("args: ", args);
+      console.log(`Fetching ${type}`);
+      const { $queries } = useNuxtApp();
+      const { data, error } = await useAsyncQuery(
+        type === "all" ? SEARCH : $queries[type].list,
+        args
+      );
+      if (error.value) console.log(error.value);
+      const key = type === "all" ? "search" : "list" + type.charAt(0).toUpperCase() + type.slice(1);
+      if (type === "all") {
+        this.results = data?.value?.[key];
+      } else {
+        const items = data?.value?.[key]?.items ?? [];
+        this.total = data?.value?.[key]?.total;
+        result = {
+          ...data?.value?.[key],
+          items: items.map(({ id, ...rest }) => ({
+            ...rest,
+            _path: `/${id}`
+          }))
+        };
+        $stores[type].items = result["items"];
+        const lastPage = Math.ceil(result.total / itemsPerPage);
+        this.setFiltersCount(type);
+        this.setBlankFilterLoad(type);
+        $stores[type].numberOfPages = lastPage;
+      }
+      this.setLoading(false, type);
+      return true;
+    }
+  }
+});

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,40 +1,69 @@
 {
+  "license": "AGPL-3.0-only",
+  "main": "./dist/module.mjs",
+  "version": "1.0.14",
   "name": "@paris-ias/list",
-  "version": "1.0.11",
-  "private": false,
-  "type": "module",
-  "main": "./index.ts",
-  "files": [
-    "example",
-    "index.ts",
-    "src",
-    "lib",
-    "dist"
-  ],
-  "scripts": {},
+  "repository": "IEA-Paris/list",
   "dependencies": {
-    "@mdi/font": "^7.4.47",
-    "@nuxt/content": "^2.9.0",
-    "@nuxt/image": "^1.10.0",
-    "@nuxtjs/mdc": "0.16.1",
-    "@pinia/nuxt": "^0.5.5",
-    "pinia": "^3.0.1",
-    "sass": "^1.78.0",
-    "vue": "^3.5.13",
-    "vuetify": "3.8.0"
+    "@nuxt/kit": "^3.16.2"
   },
+  "description": "Paris IAS List Module",
   "devDependencies": {
+    "@mdi/font": "^7.4.47",
+    "@nuxt/content": "^2.9.0",
+    "@nuxt/devtools": "^2.3.2",
+    "@nuxt/eslint": "1.3.0",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/image": "1.10.0",
+    "@nuxt/module-builder": "^1.0.0",
+    "@nuxt/schema": "^3.16.2",
+    "@nuxt/test-utils": "^3.17.2",
     "@nuxtjs/apollo": "^5.0.0-alpha.14",
     "@nuxtjs/i18n": "^9.5.2",
+    "@nuxtjs/mdc": "0.16.1",
     "@paris-ias/data": "^1.8.0",
-    "@types/node": "^20.0.0",
+    "@pinia/nuxt": "^0.10.1",
+    "@types/node": "latest",
     "@vueuse/core": "^13.0.0",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.24.0",
     "graphql-tag": "^2.12.6",
     "nuxt": "^3.16.2",
-    "typescript": "^5.6.3",
-    "vite-plugin-graphql-loader": "^4.0.4"
+    "pinia": "^3.0.1",
+    "sass": "^1.78.0",
+    "typescript": "~5.8.3",
+    "vite-plugin-graphql-loader": "^4.0.4",
+    "vitest": "^3.1.1",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.8",
+    "vuetify": "3.8.0"
   },
-  "peerDependencies": {
-    "nuxt": "^3.0.0"
+  "exports": {
+    ".": {
+      "import": "./dist/module.mjs",
+      "types": "./dist/types.d.mts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "prepack": "nuxt-module-build build",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "test": "vitest run",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "test:watch": "vitest watch"
+  },
+  "type": "module",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
   }
 }

package/dist/runtime/composables/useFetchItem.ts

@@ -1,64 +0,0 @@
-import { useRoute } from "vue-router"
-export const useFetchItem = () => {
-  const fetchItem = async <T>(payload: {
-    query: string
-    key: string
-  }): Promise<T> => {
-    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)
-      /*  console.log("variables: ", variables) */
-
-      if (error.value) {
-        console.error("GraphQL error:", error.value)
-        throw error.value
-      }
-
-      const item = data?.value[payload.key]
-      /*      console.log("item: ", item) */
-
-      if (!item) {
-        throw createError({
-          statusCode: 404,
-          message: "Item not found in response",
-        })
-      }
-      // Update the slug in the i18n params
-      // for people, the slug is the same in both languages
-      // for other items, the slug is different in each language
-      const setI18nParams = useSetI18nParams()
-      if (!route.name.includes("people")) {
-        /*  console.log("update params") */
-        setI18nParams({
-          en: { slug: item.slug.en },
-          fr: { slug: item.slug.fr },
-        })
-      } else {
-        // for people, the slug is the same in both languages
-        setI18nParams({
-          en: { slug: item.slug },
-          fr: { slug: item.slug },
-        })
-      }
-      return item as T
-    } 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.ts

@@ -1,30 +0,0 @@
-export default function getFileIcon(fileName: string): string {
-  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.ts

@@ -1,75 +0,0 @@
-export const formatDate = (dateStr: string, locale: string): string => {
-  const date = new Date(dateStr)
-  return date.toLocaleDateString(locale, {
-    weekday: "long",
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-  })
-}
-
-export const getLocalizedDate = (dateIso: string): string => {
-  const { $i18n } = useNuxtApp()
-  return new Date(dateIso).toLocaleDateString(
-    $i18n.localeProperties.value.language,
-    {
-      weekday: "long",
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-    }
-  )
-}
-
-export const getDetailedFormatedDate = (
-  dateStr: string,
-  locale: string
-): {
-  day: number
-  month: string
-  year: number
-  hours: number
-  minutes: number
-} => {
-  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: string, multiple?: boolean) =>
-  multiple
-    ? value.replace(/(?:^|[\s'-])\S/g, (a) => a.toUpperCase())
-    : value && value.charAt(0).toUpperCase() + value.slice(1)
-
-export const slugify = (str: string) => {
-  str = str.replace(/^\s+|\s+$/g, "").trim() // trim
-  str = str.toLowerCase()
-
-  // remove accents, swap ñ for n, etc
-  const from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;"
-  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, "") // remove invalid chars
-    .replace(/\s+/g, "-") // collapse whitespace and replace by -
-    .replace(/-+/g, "-") // collapse dashes
-
-  return str
-}
-
-export const formatDateValue = (
-  date: string | Date,
-  locale: string
-): string => {
-  const formattedDate = new Date(date)
-  return formattedDate.toLocaleDateString(locale)
-}