@paris-ias/list 1.0.177 → 1.0.179

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.177",
+  "version": "1.0.179",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

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

@@ -206,7 +206,6 @@
               eager
               ripple
               variant="accordion"
-              "
             >
               <v-expansion-panel
                 v-if="item.description"

package/dist/runtime/components/list/molecules/Header.vue

@@ -42,10 +42,10 @@ const props = defineProps({
   },
 })
 const visible = computed(() => {
-  console.log(
+  /*   console.log(
     "SHOULD DISPLAY FILTERS:",
     $stores[props.type]?.filtersCount && $stores[props.type]?.filtersCount > 0,
-  )
+  ) */
   return !!(
     $stores[props.type]?.filtersCount && $stores[props.type]?.filtersCount > 0
   )

package/dist/runtime/components/list/organisms/List.vue

@@ -105,7 +105,7 @@ const props = defineProps({
 })
 
 // Initialize loading state
-console.log("start llocal loading from setup")
+/* console.log("start llocal loading from setup") */
 rootStore.setLoading(true, props.type)
 
 // Initial route -> store (single source-of-truth on first load)
@@ -132,8 +132,8 @@ const itemTemplate = computed(() =>
     ).toString(),
   ),
 )
-console.log("Starting query for type: ", props.type)
-console.log("Using variables: ", variables.value)
+/* console.log("Starting query for type: ", props.type)
+console.log("Using variables: ", variables.value) */
 
 // Apollo GraphQL query with proper reactivity
 const { data, pending, error, refresh } = await useAsyncQuery(
@@ -152,20 +152,32 @@ if (error.value) {
 
 // Apply data to store immediately if available
 if (data.value) {
-  console.log("Applying data to store directly [first load scenario]")
+  /*   console.log("Applying data to store directly [first load scenario]") */
   rootStore.applyListResult(props.type, data.value)
 }
 
+// Watch for route query changes to update filters
+watch(
+  () => route.query,
+  (newQuery, oldQuery) => {
+    if (JSON.stringify(newQuery) !== JSON.stringify(oldQuery)) {
+      /*     console.log("Route query changed, reloading filters from URL") */
+      rootStore.loadRouteQuery(props.type)
+    }
+  },
+  { deep: true },
+)
+
 // Watch for variable changes to refresh and apply new data
 watch(
   variables,
   async (newVars, oldVars) => {
     if (newVars && JSON.stringify(newVars) !== JSON.stringify(oldVars)) {
-      console.log("Variables changed, refreshing query, newVars: ", newVars)
+      /*     console.log("Variables changed, refreshing query, newVars: ", newVars) */
       rootStore.setLoading(true, props.type)
       await refresh()
       if (data.value) {
-        console.log("Applying refreshed data to store")
+        /*         console.log("Applying refreshed data to store") */
         rootStore.applyListResult(props.type, data.value)
       }
       rootStore.setLoading(false, props.type)
@@ -179,7 +191,7 @@ const items = computed(() => $stores[props.type]?.items || [])
 
 onMounted(() => {
   // On initial mount: clear loading state
-  console.log("STOP local loading from mounted")
+  /*  console.log("STOP local loading from mounted") */
   rootStore.setLoading(false, props.type)
 })
 
@@ -187,7 +199,7 @@ onBeforeUnmount(() => {
   rootStore.resetState(props.type, locale.value)
 })
 async function onPageChange(newPage) {
-  console.log("onPageChange: ", newPage)
+  /*  console.log("onPageChange: ", newPage) */
 
   // Set loading state first
   rootStore.setLoading(true, props.type)

package/dist/runtime/stores/root.js

@@ -26,7 +26,6 @@ export const useRootStore = defineStore("rootStore", {
   }),
   actions: {
     setLoading(value, type = "") {
-      console.log("X - setLoading", { value, type });
       const { $stores } = useNuxtApp();
       if (type.length && $stores[type]) {
         $stores[type].loading = value;
@@ -40,7 +39,6 @@ export const useRootStore = defineStore("rootStore", {
       }
     },
     loadRouteQuery(type) {
-      console.log("0 - loadRouteQuery", type);
       const { currentRoute } = useRouter();
       const { $stores } = useNuxtApp();
       const query = currentRoute.value.query;
@@ -60,7 +58,6 @@ export const useRootStore = defineStore("rootStore", {
         $stores[type].page = parseInt(query.page, 10) || 1;
     },
     setFiltersCount(type) {
-      console.log("6- setFiltersCount", type);
       const { $stores } = useNuxtApp();
       const filters = $stores[type]?.filters ?? {};
       const count = Object.values(filters).reduce((acc, filter) => {
@@ -71,7 +68,6 @@ export const useRootStore = defineStore("rootStore", {
       $stores[type].filtersCount = count;
     },
     updateRouteQuery(type) {
-      console.log("5- updateRouteQuery", type);
       const router = useRouter();
       const { $stores } = useNuxtApp();
       const routeQuery = {
@@ -93,7 +89,6 @@ export const useRootStore = defineStore("rootStore", {
       router.replace({ query: routeQuery });
     },
     resetState(type, lang = "en") {
-      console.log("Y - resetState", { type, lang });
       const { $stores, $models } = useNuxtApp();
       const model = structuredClone($models[type]);
       $stores[type].filters = model?.filters;
@@ -102,10 +97,6 @@ export const useRootStore = defineStore("rootStore", {
       $stores[type].sortKey = null;
     },
     updateSort({ type, sortKey }) {
-      console.log("Z - updateSort", {
-        type,
-        sortKey
-      });
       const { $stores } = useNuxtApp();
       $stores[type].page = 1;
       $stores[type].sortKey = sortKey;
@@ -116,7 +107,6 @@ export const useRootStore = defineStore("rootStore", {
       type,
       lang
     }) {
-      console.log("W - updateView", { value, type });
       const { $stores } = useNuxtApp();
       if ($stores[type]?.views?.[value]) {
         $stores[type].view = {
@@ -132,7 +122,6 @@ export const useRootStore = defineStore("rootStore", {
     }, */
     updateFilter(key, val, type, lang) {
       const { $stores } = useNuxtApp();
-      console.log("R - update filter: ", { key, val, type });
       if ($stores[type]?.filters?.[key]) {
         $stores[type].filters[key].value = val;
       }
@@ -146,7 +135,6 @@ export const useRootStore = defineStore("rootStore", {
       type,
       lang
     }) {
-      console.log("H - updateItemsPerPage", { value, type });
       const { $stores } = useNuxtApp();
       this.page = 1;
       $stores[type].itemsPerPage = value;
@@ -158,7 +146,6 @@ export const useRootStore = defineStore("rootStore", {
       type,
       lang = "en"
     }) {
-      console.log("update page: ", page);
       const router = useRouter();
       const currentQuery = router.currentRoute.value.query;
       const newQuery = { ...currentQuery };

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.177",
+  "version": "1.0.179",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.0.44"
+    "@paris-ias/trees": "^2.0.47"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {