@raclettejs/core 0.1.12 → 0.1.14

package/CHANGELOG.md

@@ -7,7 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [0.1.12] - 19.09.2025 <a href="https://gitlab.com/raclettejs/core/-/compare/v0.1.11...v0.1.12" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+## [0.1.14] - 02.11.2025 <a href="https://gitlab.com/raclettejs/core/-/compare/v0.1.13...v0.1.14" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+
+### Fixed
+
+- Frontend: prevent welcome screen from disapearing if modal is opened
+- Frontend: parent cache racecondition if child queries get deleted/added in quick succession by the user fixed
+- Frontend: fixed parent cach query child removal
+
+## [0.1.13] - 29.10.2025 <a href="https://gitlab.com/raclettejs/core/-/compare/v0.1.12...v0.1.13" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
+
+### Fixed
+
+- Frontend: Added padding to welcome screen
+- Frontend: removed old subscriber logic
+
+## [0.1.12] - 27.10.2025 <a href="https://gitlab.com/raclettejs/core/-/compare/v0.1.11...v0.1.12" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
 ### Fixed
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raclettejs/core",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "racletteJS core package",
   "repository": "https://gitlab.com/raclettejs/core",
   "author": "Pacifico Digital Explorations GmbH <info@raclettejs.com>",
@@ -69,7 +69,7 @@
   },
   "devDependencies": {
     "@eslint/js": "9.35.0",
-    "@raclettejs/types": "0.1.12",
+    "@raclettejs/types": "0.1.14",
     "@types/fs-extra": "11.0.4",
     "@types/js-yaml": "4.0.9",
     "@types/node": "24.5.1",

package/services/frontend/src/core/store/reducers/data/reducers.ts

@@ -439,35 +439,32 @@ const dataDelete = (state, action) => {
  * @returns {Object} - Returns the new state after removing the data from the cache.
  */
 const deleteFromCache = (state, action) => {
-  if (!action.payload) {
-    return state
-  }
   const { payload, actionId } = action
-
-  if (!Array.isArray(payload)) {
-    console.error("data delete needs to be an array of uuids")
-
-    return state
-  }
   const dataItems = clone(state)
 
   if (actionId) {
-    payload.forEach((uuid) => {
-      if (!dataItems[uuid]) {
-        return
-      }
-      if (!dataItems[uuid].__requestedFor) {
-        delete dataItems[uuid]
-      }
-      // remove the indicator that this item was requested for the query in deletion process
-      if (dataItems[uuid].__requestedFor[actionId]) {
-        delete dataItems[uuid].__requestedFor[actionId]
-      }
-      // if item has no other requesters (i.e also not the global requestor) we can delete the item from the store as it is not needed anymore
-      if (!Object.keys(dataItems[uuid].__requestedFor).length) {
-        delete dataItems[uuid]
-      }
-    })
+    const iterateItems =
+      payload?.uuids && payload?.uuids?.length
+        ? payload?.uuids
+        : Object.keys(dataItems)
+    if (iterateItems.length) {
+      iterateItems.forEach((uuid) => {
+        if (!dataItems[uuid]) {
+          return
+        }
+        if (!dataItems[uuid].__requestedFor) {
+          delete dataItems[uuid]
+        }
+        // remove the indicator that this item was requested for the query in deletion process
+        if (dataItems[uuid].__requestedFor[actionId]) {
+          delete dataItems[uuid].__requestedFor[actionId]
+        }
+        // if item has no other requesters (i.e also not the global requestor) we can delete the item from the store as it is not needed anymore
+        if (!Object.keys(dataItems[uuid].__requestedFor).length) {
+          delete dataItems[uuid]
+        }
+      })
+    }
   }
 
   return dataItems

package/services/frontend/src/core/store/reducers/queries/effects.ts

@@ -1,6 +1,7 @@
 import { tap, distinctUntilChanged, ignoreElements } from "rxjs/operators"
 import { actions$, ofType } from "mini-rx-store"
 import { getData } from "@racletteCore/lib/data/dataApi"
+import log from "@racletteCore/lib/logger"
 const queriesEffects = (store) => {
   const queriesAddExecute = actions$.pipe(
     ofType("queries/add/execute"),
@@ -26,7 +27,7 @@ const queriesEffects = (store) => {
     distinctUntilChanged((prev, curr) => !store.hasChanges(prev, curr)),
 
     tap((action) => {
-      if (Object.keys(action.actionResult.updated.items).length) {
+      if (Object.keys(action.actionResult?.updated?.items).length) {
         Object.values(action.actionResult.updated.items).forEach((query) => {
           getData(query.actionId, query.target, query.params || false, {})
         })
@@ -43,7 +44,14 @@ const queriesEffects = (store) => {
       if (updatedQuery) {
         const { item, itemBefore } = updatedQuery
         const { actionId } = action
-        if (itemBefore.cacheKey && itemBefore.cacheKey !== item.cacheKey) {
+        if (!actionId || !item) {
+          log.store("effect queries/setCacheKey no Item or ActionId", {
+            updatedQuery,
+            action,
+          })
+          return
+        }
+        if (itemBefore?.cacheKey && itemBefore?.cacheKey !== item?.cacheKey) {
           store.dispatch({
             type: "queriesCache/remove",
             payload: { cacheKey: itemBefore.cacheKey, actionId },

package/services/frontend/src/core/store/reducers/queries/reducers.ts

@@ -37,7 +37,7 @@ const updateQueryItems = (state, action) => {
     if (dataItemsToRemove.length > 0) {
       $store.dispatch({
         type: "data/deleteFromCache",
-        payload: dataItemsToRemove,
+        payload: { uuids: dataItemsToRemove },
         actionId: actionId,
       })
     }
@@ -228,7 +228,7 @@ const queriesRemove = (state, action) => {
       // when we delete a query we will now have to remove all data Items which have been retrieven ONLY for this query. This will be determined in dataDelete reducer
       $store.dispatch({
         type: "data/deleteFromCache",
-        payload: query.uuids,
+        payload: { uuids: query.uuids },
         actionId: actionId,
       })
     }

package/services/frontend/src/core/store/reducers/queriesCache/reducers.ts

@@ -84,15 +84,12 @@ const cacheCheck = (state: Record<string, ParentQuery>, action) => {
 }
 const cacheRemove = (state, action) => {
   const newState = structuredClone(state)
-  const { cacheKey, actionId } = action.payload
-  const cache = state[cacheKey]
-
+  const { cacheKey } = action.payload
   const childQueries = getChildQueries(cacheKey)
   if (childQueries.length === 0) {
     // We have no further childs for this cache, so we will delete it and it's items
     $store.dispatch({
       type: "data/deleteFromCache",
-      payload: cache?.uuids || [],
       actionId: cacheKey,
     })
     delete newState[cacheKey]
@@ -130,7 +127,7 @@ const cacheChildRemove = (state, action) => {
         type: "queriesCache/remove",
         payload: { cacheKey: affectedCacheQuery.cacheKey, actionId },
       })
-    }, 2000)
+    }, 500)
   }
   delete cacheMap[actionId]
   return newState

package/services/frontend/src/orchestrator/ProductOrchestrator.vue

@@ -156,9 +156,11 @@ const { widgetsLayout, slotLayout } = useCurrentComposition()
 
 const showWelcomeScreen = computed(() => {
   const isDynamicPage = route.name === "app.space.page"
-  const hasPageIdParameter = Boolean(route.params.pageId?.length)
-  const hasLandingPage = !!landingPage.value
+  let hasPageIdParameter = Boolean(route.params.pageId?.length)
+  //TODO Fix this properly. If we have no page path but a modal on, we need to prevent the disapearance of the welcome screen
+  if (route.params?.pageId?.indexOf("modal:") === 0) hasPageIdParameter = false
 
+  const hasLandingPage = !!landingPage.value
   return isDynamicPage && !hasPageIdParameter && !hasLandingPage
 })
 

package/services/frontend/src/orchestrator/WelcomeScreen.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="welcome-screen">
+  <div class="welcome-screen tw:p-5">
     <component :is="currentComponent" />
     <v-row>
       <v-col cols="12">

package/services/frontend/src/orchestrator/composables/usePluginApi.ts

@@ -37,8 +37,6 @@ const findWidgetUUIDs = (obj: any): string[] => {
 export const usePluginApi = (
   params: pluginKey | PluginApiParams = {},
 ): PluginApi => {
-  const subscribers$ = {}
-
   const instance = getCurrentInstance()
   const getState = useVueStateObservableHelper()
 
@@ -137,17 +135,8 @@ export const usePluginApi = (
         console.error("There is no sibling widgets")
         return {}
       } else {
-        let lastSubscriber$ =
-          subscribers$["$store_getSiblingWidgetStates_" + compositionId]
         const getResult = () => {
-          const { state, observable$ } = getState(["widgets", siblingWidgetIds])
-          if (lastSubscriber$) {
-            lastSubscriber$.unsubscribe()
-          }
-          lastSubscriber$ = observable$
-          subscribers$["$store_getSiblingWidgetStates_" + compositionId] =
-            lastSubscriber$
-
+          const { state } = getState(["widgets", siblingWidgetIds])
           return state
         }
         return getResult()
@@ -165,30 +154,16 @@ export const usePluginApi = (
           console.error("No widgetId was provided")
           return {}
         } else {
-          let lastSubscriber$ =
-            subscribers$["$store_getWidgetState_" + widgetId]
           const getResult = () => {
-            const { state, observable$ } = getState(["widgets", widgetId])
-            if (lastSubscriber$) {
-              lastSubscriber$.unsubscribe()
-            }
-            lastSubscriber$ = observable$
-            subscribers$["$store_getWidgetState_" + widgetId] = lastSubscriber$
-
+            const { state } = getState(["widgets", widgetId])
             return state
           }
           return getResult()
         }
       },
       getUiState: () => {
-        let lastSubscriber$ = subscribers$["$store_getUiState"]
         const getResult = () => {
-          const { state, observable$ } = getState(["ui"])
-          if (lastSubscriber$) {
-            lastSubscriber$.unsubscribe()
-          }
-          lastSubscriber$ = observable$
-          subscribers$["$store_getUiState"] = lastSubscriber$
+          const { state } = getState(["ui"])
 
           return state
         }
@@ -197,14 +172,8 @@ export const usePluginApi = (
 
       getQueryState: (actionId) => {
         if (!actionId) return {}
-        let lastSubscriber$ = subscribers$["$store_getQueryState_" + actionId]
         const getResult = () => {
-          const { state, observable$ } = getState(["queries", actionId])
-          if (lastSubscriber$) {
-            lastSubscriber$.unsubscribe()
-          }
-          lastSubscriber$ = observable$
-          subscribers$["$store_getQueryState_" + actionId] = lastSubscriber$
+          const { state } = getState(["queries", actionId])
 
           return state
         }
@@ -217,14 +186,8 @@ export const usePluginApi = (
       },
       get: (pathArray, filter) => {
         const cacheString = createStableHash({ pathArray, filter })
-        let lastSubscriber$ = subscribers$["$store_get_" + cacheString]
         const getResult = () => {
-          const { state, observable$ } = getState(pathArray, filter)
-          if (lastSubscriber$) {
-            lastSubscriber$.unsubscribe()
-          }
-          lastSubscriber$ = observable$
-          subscribers$["$store_get_" + cacheString] = lastSubscriber$
+          const { state } = getState(pathArray, filter)
           return state
         }
         return getResult()
@@ -303,13 +266,7 @@ export const usePluginApi = (
     }
   }
   const getUser = () => {
-    let lastSubscriber$ = subscribers$["$user"]
-    const { state, observable$ } = getState("user")
-    if (lastSubscriber$) {
-      lastSubscriber$.unsubscribe()
-    }
-    lastSubscriber$ = observable$
-    subscribers$["$user"] = lastSubscriber$
+    const { state } = getState("user")
     return state
   }
   if (plugin.initEventbus) {
@@ -319,12 +276,6 @@ export const usePluginApi = (
   // Retrieve the user for the api
   $instanceApi.$user = getUser()
   onUnmounted(() => {
-    if (subscribers$.length) {
-      subscribers$.forEach((subscriber) => {
-        subscriber.unsubscribe()
-      })
-    }
-
     if ($instanceApi.$socket?.registeredListeners?.length) {
       // Clean up socket events
       $instanceApi.$socket.registeredListeners.forEach((listener) => {

package/services/frontend/src/orchestrator/router/routerHooks/afterEach.ts

@@ -21,6 +21,5 @@ export default (to: RouteLocationNormalized, from: RouteLocationNormalized) => {
       loadingHold,
     )
   }
-
   handleRouteChange(to, from)
 }

package/yarn.lock

@@ -295,10 +295,10 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
   integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
 
-"@raclettejs/types@^0.1.12":
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.12.tgz#5b8ddf2ff70333494abf96be2a3af118b3ca8afc"
-  integrity sha512-hN+mfnv23JMPDwcHodDoVGnM4tVsMyfS5BcUL/vxohYROp2xfBpIFnN7k9WbFbhLeGJhUackjRN/2EfWQi76eQ==
+"@raclettejs/types@^0.1.14":
+  version "0.1.14"
+  resolved "https://registry.yarnpkg.com/@raclettejs/types/-/types-0.1.14.tgz#585958921aaecab98dc301be4e1ce7207e90aeae"
+  integrity sha512-Uh3006SOIUDQw5LFvPj2ewLKglBnORNY+9IE9cqsDFHXZo++/9eBwaEGPvQKTJ6XbjpJPxUezKvbtaaE8MMIFg==
   dependencies:
     "@types/node" "24.5.2"
     fastify "5.6.0"