@paris-ias/list 1.0.11 → 1.0.13

package/package.json

@@ -1,40 +1,69 @@
 {
+  "license": "AGPL-3.0-only",
+  "main": "./dist/module.mjs",
+  "version": "1.0.13",
   "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)
-}

package/dist/runtime/stores/root.ts

@@ -1,353 +0,0 @@
-/* import filtersRaw from '~/assets/data/filters'
-import lists from '~/assets/data/lists' */
-
-/* import api from "~/server/api/github" */
-import { defineStore } from "pinia"
-import type { Views, ModuleType } from "@paris-ias/data"
-
-import SEARCH from "../graphql/queries/list/search.gql"
-export const useRootStore = defineStore("rootStore", {
-  state: (): Record<
-    string,
-    boolean | number | string | ModuleType | searchResults
-  > => ({
-    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: boolean, type: string = "") {
-      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: string) {
-      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] as ModuleType)
-              .list.filters[filter].multiple
-              ? JSON.parse(query[filter] as string)
-              : query[filter]
-        })
-        /*       if (query.view) {
-        ;$stores[type].view = query.view as
-          | string
-          | Views
-          | undefined
-      }
-      if (query.page) {
-        this.page = +query.page
-      } else {
-        this.page = 1
-      } */
-
-        /*      const sortObj = $stores[type].sort
-      const defaultSortKey = Object.keys(sortObj).find(
-        (item) => sortObj[item].default === true,
-      )
-      const defaultSort = [sortObj[defaultSortKey as string]]
-
-      const sortDesc = $stores[type].sortDesc
-      let sortDescItem
-      sortDescItem = (sortDesc as number[] | boolean[])[0]
-
-      if (query.sortBy) {
-        ;$stores[type].sortBy = [query.sortBy] as string[]
-      }
-      if (typeof query.sortDesc !== "undefined") {
-        sortDescItem = !!(query.sortDesc === "true")
-      } else {
-        sortDescItem = defaultSort[0].value[1]
-      } */
-      }
-      console.log("query loaded")
-    },
-
-    setFiltersCount(type: string) {
-      const { $stores } = useNuxtApp()
-      let filtersCount = 0 as number
-      Object.keys($stores[type].filters)
-        // remove empty values
-        .forEach((filter) => {
-          /*console.log("filter: ", filter)  
-          console.log("filters[filter]?.value: ", filters[filter].value)
-          */ /*  console.log(
-            'typeof filters[filter]?.value !== "undefined": ',
-            typeof filters[filter]?.value !== "undefined",
-          ) */
-          if (
-            $stores[type].filters[filter]?.value?.length &&
-            typeof $stores[type].filters[filter]?.value !== "undefined"
-          ) {
-            filtersCount++
-          }
-          return filtersCount
-        })
-
-      $stores[type].filtersCount = filtersCount
-    },
-    setBlankFilterLoad(type: string) {
-      /*  ;(this[type] as ModuleType).loading = false */
-    },
-    setDefaults() {
-      // lang
-      const lang = localStorage.getItem("lang")
-      /*    if(lang)i18n.global.locale = lang; */
-      // dark mode
-
-      // event
-      // people
-      // news
-      // project
-      // fellowships
-    },
-    updateRouteQuery(type: string) {
-      const router = useRouter()
-      const { $stores } = useNuxtApp()
-      // update route
-      const routeQuery: Record<string, string> = {
-        // 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,
-              },
-            }
-          },
-          {} as Record<string, string>
-        ),
-      }
-      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",
-      ]
-      /*       this.events.list.filters = events.list.filters
-      this.news.list.filters = news.list.filters
-      this.people.list.filters = people.list.filters
-      this.projects.list.filters = projects.list.filters
-      this.fellowships.list.filters = fellowships.list.filters
-      this.publications.list.filters = publications.list.filters */
-      modules.forEach((type) => {
-        /*  const viewsObj = $stores[type].views as Record<
-          string,
-          Views
-        >
-        const defaultViewsKey = Object.keys(viewsObj).find(
-          (item) => viewsObj[item].default === true
-        )
-        const defaultView = viewsObj[defaultViewsKey as string]
-
-        const sortObj = $stores[type].sort
-        const defaultSortKey = Object.keys(sortObj).find(
-          (item) => sortObj[item].default === true
-        )
-        const defaultSort = sortObj[defaultSortKey as string] */
-        /* 
-        // TODO make dynamic based on an ~/assets located file
-        ;$stores[type].view = defaultView
-        ;$stores[type].sortBy = [defaultSort.value[0]]
-        ;$stores[type].sortDesc = [defaultSort.value[1]] */
-      })
-    },
-    updateSort({ value, type }: { value: number[] | string[]; type: string }) {
-      const { $stores } = useNuxtApp()
-      $stores[type].sortBy = [value[0]] as string[]
-      $stores[type].sortDesc = [value[1]] as number[]
-      this.page = 1
-      this.updateLocalStorage(type + "_sort", value.join("_"))
-      this.update(type)
-    },
-    updateView({ value, type }: { value: string; type: string }) {
-      const { $stores } = useNuxtApp()
-      $stores[type].view = {
-        ...($stores[type].views[value] as Views),
-        name: value,
-      }
-      this.updateLocalStorage(type + "_view", value)
-      this.update(type)
-    },
-    updateLocalStorage(key: string, value: string) {
-      const local = JSON.parse(localStorage.getItem("PARIS_IAS") as any) || {}
-      local[key] = value
-      localStorage.setItem("PARIS_IAS", JSON.stringify(local))
-    },
-    updateFilter(key: string, val: any, type: string) {
-      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 }: { value: number; type: string }) {
-      const { $stores } = useNuxtApp()
-      this.page = 1
-      $stores[types].itemsPerPage = value
-
-      this.update(type)
-    },
-    updatePage({ page, type }: { page: number; type: string }) {
-      this.page = page
-      this.update(type)
-    },
-    async updateSearch({
-      type = "all",
-      search = "",
-      lang = "en",
-    }: {
-      type: string
-      search: string
-      lang: string
-    }) {
-      this.search = search
-      /*   console.log("updateSearch: ", search + " " + lang) */
-      this.setLoading(true)
-
-      await this.update(type, lang)
-    },
-
-    async update(type: string, lang: string = "en") {
-      const { $stores } = useNuxtApp()
-      this.setLoading(true)
-      if (type !== "all") {
-        $stores[type].loading = true
-      }
-
-      // fetch the item categories
-
-      const itemsPerPage =
-        type === "all" ? 3 : ($stores[type]?.itemsPerPage as number)
-      const filters: Record<string, any> = {}
-
-      if (type !== "all") {
-        for (const filter in $stores[type].filters) {
-          const filterValue = $stores[type].filters[filter]?.value
-
-          // Prune empty values
-          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 as string)?.length &&
-              type !== "all" && { search: this.search }),
-            // add the store module filters
-            filters,
-          },
-          ...((this.search as string)?.length &&
-            type === "all" && { search: this.search }),
-          appId: "iea",
-          lang,
-        })
-      )
-      args.options.filters = JSON.stringify(args.options.filters)
-      let result: any = {}
-      console.log("args: ", args)
-
-      console.log(`Fetching ${type}`)
-      const { $queries } = useNuxtApp()
-      const { data, error } = await useAsyncQuery(
-        type === "all" ? SEARCH : $queries[type].list,
-        args
-      )
-      /*    console.log("data: ", data) */
-      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.updateRouteQuery(type) */
-        this.setFiltersCount(type)
-        this.setBlankFilterLoad(type)
-        /*       console.log("type2: ", type) */
-        $stores[type].numberOfPages = lastPage
-      }
-      /*     console.log("this.total: ", this.total)
-       */
-      this.setLoading(false, type)
-      return true
-    },
-  },
-})

package/example/.env.example

@@ -1,3 +0,0 @@
-# GraphQL Configuration
-GRAPHQL_ENDPOINT=your_graphql_endpoint_here
-GRAPHQL_API_KEY=your_graphql_api_key_here 

package/example/nuxt.config.ts

@@ -1,19 +0,0 @@
-export default defineNuxtConfig({
-  modules: ["@paris-ias/list"],
-  list: {
-    modules: [
-      "events",
-      "news",
-      "people",
-      "projects",
-      "fellowships",
-      "publications",
-    ],
-  },
-  runtimeConfig: {
-    public: {
-      graphqlEndpoint: process.env.GRAPHQL_ENDPOINT,
-      graphqlApiKey: process.env.GRAPHQL_API_KEY,
-    },
-  },
-})

package/example/pages/index.vue

@@ -1,27 +0,0 @@
-<template>
-  <div>
-    <h1>List Module Example</h1>
-
-    <h2>Events</h2>
-    <ListOrganismsList type="events" />
-
-    <h2>News</h2>
-    <ListOrganismsList type="news" />
-
-    <h2>People</h2>
-    <ListOrganismsList type="people" />
-
-    <h2>Publications</h2>
-    <ListOrganismsList type="publications" />
-
-    <h2>Fellowships</h2>
-    <ListOrganismsList type="fellowships" />
-
-    <h2>Projects</h2>
-    <ListOrganismsList type="projects" />
-  </div>
-</template>
-
-<script setup lang="ts">
-// The components are automatically imported by the module
-</script>