@raclettejs/core 0.1.10 → 0.1.12

package/services/frontend/package.json

@@ -16,57 +16,46 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@date-io/date-fns": "^3.2.1",
+    "@date-io/date-fns": "3.2.1",
     "@mdi/font": "7.4.47",
-    "@tailwindcss/vite": "^4.1.11",
-    "@tsconfig/node20": "^20.1.6",
-    "@vueuse/core": "13.5.0",
-    "@vueuse/rxjs": "^13.5.0",
-    "axios": "1.10.0",
+    "@sinclair/typebox": "0.34.41",
+    "@tailwindcss/vite": "4.1.13",
+    "@tsconfig/node20": "20.1.6",
+    "@vueuse/core": "13.9.0",
+    "@vueuse/rxjs": "13.9.0",
+    "axios": "1.12.2",
     "date-fns": "4.1.0",
     "esm": "3.x",
-    "interactjs": "^1.10.27",
+    "interactjs": "1.10.27",
     "mini-rx-store": "6.1.2",
     "nanoid": "5.1.5",
     "ramda": "0.31.3",
     "rxjs": "7.x",
-    "sass": "^1.90.0",
+    "sass": "1.92.1",
     "socket.io-client": "4.x",
-    "tailwindcss": "^4.1.11",
-    "uuid": "11.1.0",
-    "vue": "^3.5.17",
-    "vue-i18n": "11.1.9",
-    "vue-konva": "^3.2.1",
+    "tailwindcss": "4.1.13",
+    "uuid": "13.0.0",
+    "vue": "3.5.21",
+    "vue-i18n": "11.1.12",
     "vue-router": "4.5.1",
-    "vuetify": "3.9.0"
+    "vuetify": "3.10.2"
   },
   "devDependencies": {
-    "@types/node": "^24.0.13",
-    "@types/ramda": "^0.30.0",
-    "@vitejs/plugin-vue": "6.0.0",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.6.0",
-    "@vue/tsconfig": "^0.7.0",
-    "eslint": "^9.34.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-config-standard": "17.1.0",
-    "eslint-plugin-arrowsmith": "^1.1.0",
-    "eslint-plugin-cypress": "5.1.0",
+    "@types/node": "24.5.1",
+    "@types/ramda": "0.31.1",
+    "@vitejs/plugin-vue": "6.0.1",
+    "@vue/tsconfig": "0.8.1",
+    "eslint": "9.35.0",
+    "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-node": "11.x",
-    "eslint-plugin-prefer-arrow-functions": "^3.4.1",
-    "eslint-plugin-promise": "7.2.1",
-    "eslint-plugin-storybook": "^9.0.16",
-    "eslint-plugin-tailwindcss": "^4.0.0-beta.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "eslint-plugin-vue": "^10.4.0",
-    "globals": "^16.3.0",
-    "prettier": "^3.6.2",
-    "prettier-eslint": "^16.4.2",
-    "typescript": "^5.8.3",
-    "vite": "7.0.4",
-    "vitest": "3.2.4",
-    "vue-eslint-parser": "^10.2.0",
-    "vue-tsc": "^3.0.1"
+    "eslint-plugin-prefer-arrow-functions": "3.8.1",
+    "eslint-plugin-tailwindcss": "4.0.0-beta.0",
+    "eslint-plugin-vue": "10.4.0",
+    "globals": "16.4.0",
+    "prettier": "3.6.2",
+    "typescript": "5.9.2",
+    "vite": "7.1.5",
+    "vue-eslint-parser": "10.2.0",
+    "vue-tsc": "3.0.7"
   }
 }

package/services/frontend/src/core/constants/ApiClient.ts

@@ -8,4 +8,9 @@ export const cudOperationTypesList = [
   "dataDelete",
   "dataHardDeleted",
 ] as const
-export const readOperationTypesList = ["dataPush", "dataAdd", "dataSync"]
+export const readOperationTypesList = [
+  "dataReadModified",
+  "dataRead",
+  "dataAdd",
+  "dataSync",
+]

package/services/frontend/src/core/lib/data/dataApi.ts

@@ -63,10 +63,17 @@ const $writeDataApi = (
       return resultData
     },
     // Method to complete the subjects when cleanup is needed
-    destroy: () => {
+    remove: () => {
       isLoadingSubject$.complete()
       dataSubject$.complete()
       errorSubject$.complete()
+      responseSubject$.complete()
+    },
+    clear: () => {
+      dataSubject$.next({})
+      errorSubject$.next({})
+      isLoadingSubject$.next(false)
+      dataSubject$.next({})
     },
   }
 

package/services/frontend/src/core/lib/data/fetchDataHandler.ts

@@ -1,5 +1,8 @@
 import log from "@racletteCore/lib/logger"
-import { promisifyActionResolve } from "@racletteCore/lib/dataHelper"
+import {
+  promisifyActionResolve,
+  markDataAsModified,
+} from "@racletteCore/lib/dataHelper"
 import { $api, $store } from "@racletteCore"
 import {
   pluginReadOperations,
@@ -10,6 +13,7 @@ import {
   getCacheQueryAndHash,
   isParentResultFresh,
 } from "@racletteCore/store/reducers/queriesCache/queryCacheHelper"
+import { $eventbus } from "@racletteCore"
 
 // to be replaced with actual open search availability state
 let isOnline = true
@@ -63,7 +67,6 @@ const itemDispatcher = async (
   const { actionId, cacheKey } = actionIdentifier
   const { result, backendQueryParams } = resultObj
   const resolveId = actionId + "_resolve"
-
   if (remote) {
     $store.dispatch({
       type: "data/addFromServer",
@@ -81,7 +84,6 @@ const itemDispatcher = async (
       type: "queries/update",
       payload: {
         actionId,
-        cacheKey,
         backend: backendQueryParams,
       },
     })
@@ -124,7 +126,13 @@ const cacheOperations = {
         target,
       },
     })
-
+    await $store.dispatch({
+      type: "queries/setCacheKey",
+      payload: {
+        cacheKey: cachedQuery.hash,
+        actionId,
+      },
+    })
     return { cachedQuery, actionIdentifier }
   },
 
@@ -163,8 +171,12 @@ const finishRemoteQuery = (actionIdentifier, result, params, options) => {
   if (!result.data) {
     return
   }
+  let resultBody = structuredClone(result.data.body)
+  const { type } = result.data
+  if (type === "dataReadModified") {
+    resultBody = markDataAsModified(resultBody)
+  }
 
-  const resultBody = structuredClone(result.data.body)
   const resultObj = {
     result: [],
     backendQueryParams: {},
@@ -225,8 +237,20 @@ const handleRemoteRequest = async (
   try {
     const response =
       method === "GET"
-        ? await $api.axios.get(target, config)
-        : await $api.axios.post(target, params, config)
+        ? await $api.axios.get(target, config).catch((e) => {
+            $eventbus.emit("ui/addToSnackbar", {
+              message: e.response.data.message,
+              color: "error",
+            })
+            throw e
+          })
+        : await $api.axios.post(target, params, config).catch((e) => {
+            $eventbus.emit("ui/addToSnackbar", {
+              message: e.response.data.message,
+              color: "error",
+            })
+            throw e
+          })
 
     return {
       response,
@@ -408,14 +432,16 @@ const executeRoute = async (actionIdentifier, validTarget, params, options) => {
           params,
           options,
           controller.signal,
-        )
+        ).catch((e) => {
+          log.error(e.error, e.message)
+        })
         requestControllerManager.cleanup(actionIdentifier.actionId)
         return result
       } catch (error) {
         requestControllerManager.cleanup(actionIdentifier.actionId)
 
         if (error.name === "AbortError" || error.name === "CanceledError") {
-          console.log(
+          log.api(
             "HTTP request was cancelled for actionId:",
             actionIdentifier.actionId,
           )
@@ -438,29 +464,34 @@ const getData = async (actionId, target, params, options) => {
 
   // Handle plugin routing
   const { validTarget } = await handlePluginReadRoutes(actionId, target, params)
-
-  // Setup cache
-  const { cachedQuery, actionIdentifier } = await cacheOperations.setupCache(
-    actionId,
-    validTarget,
-    params,
-    options,
-  )
-  // Check cache
-  if (cachedQuery?.query) {
-    const cacheResult = await cacheOperations.handleCacheHit(
-      cachedQuery,
-      actionIdentifier,
+  if (options?.useCache !== false) {
+    // Setup cache
+    const { cachedQuery, actionIdentifier } = await cacheOperations.setupCache(
+      actionId,
+      validTarget,
+      params,
+      options,
     )
-    if (cacheResult !== null) {
-      return {
-        response: "cached_" + cachedQuery.hash,
-        result: cacheResult,
+    // Check cache
+    if (cachedQuery?.query) {
+      const cacheResult = await cacheOperations.handleCacheHit(
+        cachedQuery,
+        actionIdentifier,
+      )
+      if (cacheResult !== null) {
+        return {
+          response: "cached_" + cachedQuery.hash,
+          result: cacheResult,
+        }
       }
     }
+
+    // Execute route
+    return executeRoute(actionIdentifier, validTarget, params, options)
   }
+
   // Execute route
-  return executeRoute(actionIdentifier, validTarget, params, options)
+  return executeRoute({ actionId }, validTarget, params, options)
 }
 
 export default getData

package/services/frontend/src/core/lib/data/queryApi.ts

@@ -8,14 +8,16 @@ import type { CustomStoreActionsPayload } from "@racletteCore/types"
 import { BehaviorSubject } from "rxjs"
 import { mergeDeepRight, clone } from "ramda"
 
+const callbacks = {}
 const queryApis = {}
 
 export const $queryApi = (
   actionId: string,
   target = "",
-  { params = {}, options = {} }: CustomStoreActionsPayload = {},
+  { params = {}, options = {}, config = {} }: CustomStoreActionsPayload = {},
 ) => {
   if (queryApis[actionId] && !target.length) {
+    // Early return existing queryApi
     return queryApis[actionId]
   }
   const errorSubject$ = new BehaviorSubject(null)
@@ -24,13 +26,22 @@ export const $queryApi = (
   // check if we have a query fullfilling the needs of the one requested
   // here. If not we will update the one with this actionId
   let actionType = "queries/add"
-
+  if (!options.hasOwnProperty("useCache")) {
+    options.useCache = true
+  }
+  if (options.cb) {
+    // remove callback function to prevent it from tainting the store reducers
+    callbacks[actionId] = options.cb
+    delete options.cb
+  }
   $store.dispatch({
     type: actionType,
     payload: {
       actionId,
       target,
       params: cleanedParams,
+      options,
+      config,
     },
   })
   const queryApi = {
@@ -38,11 +49,21 @@ export const $queryApi = (
     response$: responseSubject$.asObservable(),
     query$: $store.select((state) => state.queries[actionId]),
     uuids$: $store.select((state) => state.queries[actionId].uuids),
-    remove: () => {
-      $store.dispatch({
+    clear: async () => {
+      errorSubject$.next({})
+      responseSubject$.next({})
+      await $store.dispatch({
+        type: "queries/updateItems",
+        payload: { items: {}, actionId },
+      })
+    },
+    remove: async () => {
+      await $store.dispatch({
         type: "queries/remove",
         payload: { actionId },
       })
+      delete callbacks[actionId]
+      responseSubject$.complete()
       errorSubject$.complete()
     },
     execute: async (executeParams = {}) => {
@@ -50,7 +71,7 @@ export const $queryApi = (
       errorSubject$.next(null)
       responseSubject$.next({})
       const queryParams = mergeDeepRight(cleanedParams, _executeParams)
-      $store.dispatch({
+      await $store.dispatch({
         type: "queries/update",
         payload: {
           loading: true,
@@ -69,10 +90,10 @@ export const $queryApi = (
         errorSubject$.next(errorObj)
       })
       responseSubject$.next(resultData?.response)
-      if (options.cb && typeof options.cb === "function") {
-        options.cb(resultData)
+      if (callbacks[actionId] && typeof callbacks[actionId] === "function") {
+        callbacks[actionId](resultData)
       }
-      if (resultData.result) {
+      if (resultData?.result) {
         resultData.result = await resultData.result
       }
       return resultData

package/services/frontend/src/core/lib/data/responseTypeHandler.ts

@@ -4,7 +4,7 @@ import {
   transformOperationResults,
 } from "@racletteCore/lib/dataHelper"
 import * as userNotifier from "@racletteCore/lib/userNotifier"
-import { $store } from "@racletteCore"
+import { $store, markDataAsModified } from "@racletteCore"
 
 const handledRequests = {}
 const hasBeenHandled = (requestId, appRequestCode) => {
@@ -76,16 +76,16 @@ const handler = {
 
     return data.items
   },
-  dataPush: (
+  dataRead: (
     data,
     isOwnRequest,
-    appRequestCode = "dataPush",
+    appRequestCode = "dataRead",
     requestId,
     direct,
     notify,
     isSystemAction,
   ) => {
-    log.api("dataPush", {
+    log.api("dataRead", {
       direct,
       isOwnRequest,
       isSystemAction,
@@ -97,6 +97,29 @@ const handler = {
     $store.dispatch({ type: "data/push", payload: data.items || [] })
     return data.items
   },
+  dataReadModified: (
+    data,
+    isOwnRequest,
+    appRequestCode = "dataReadModified",
+    requestId,
+    direct,
+    notify,
+    isSystemAction,
+  ) => {
+    const modifiedData = markDataAsModified(data)
+
+    log.api("dataReadModified", {
+      direct,
+      isOwnRequest,
+      isSystemAction,
+      appRequestCode,
+      requestId,
+      modifiedData,
+    })
+
+    $store.dispatch({ type: "data/push", payload: modifiedData.items || [] })
+    return data.items
+  },
   dataDelete: (
     data,
     isOwnRequest,

package/services/frontend/src/core/lib/data/writeDataHandler.ts

@@ -29,7 +29,7 @@ const createAxiosConfig = (appRequestCode, pluginItemRequestConfig) => {
 const reportError = (error) => {
   const message = error?.response?.data?.message || false
 
-  $eventbus.emit("ui_addToSnackBar", {
+  $eventbus.emit("ui/addToSnackbar", {
     message,
     i18n: message ? false : "core.error.noConnectionToServer",
     color: "error",

package/services/frontend/src/core/lib/dataHelper.ts

@@ -35,7 +35,13 @@ const handleDataIdPrefixing = (prefix, id) => {
 
   return prefix + id
 }
-
+const markDataAsModified = (data) => {
+  const modifiedData = clone(data)
+  modifiedData?.items.forEach((item) => {
+    item._id = `m_${item._id}`
+  })
+  return modifiedData
+}
 const debounceHelper = (time = 500) => {
   let debounceTimer = false
 
@@ -437,6 +443,7 @@ const promisifyActionResolve = (resolveId: string, callback?: Function) => {
   })
 }
 export {
+  markDataAsModified,
   promisifyActionResolve,
   capitalize,
   handleDataIdPrefixing,

package/services/frontend/src/core/lib/easteregg.ts

@@ -14,7 +14,7 @@ const eggMe = (egg) => {
   }
 
   return eggs[egg](() => {
-    $eventbus.emit("ui_addToSnackBar", {
+    $eventbus.emit("ui/addToSnackbar", {
       i18n: "core.eggcontrols." + egg,
       color: "info",
     })

package/services/frontend/src/core/lib/eventEmitter.ts

@@ -74,6 +74,7 @@ class EventEmitter {
     if (!this.isValid(event)) {
       return false
     }
+    log.event(`Emit sent for ${event}`, args)
     if (typeof this.events[event] === "object") {
       this.events[event].forEach((listener) => listener.apply(this, args))
     }

package/services/frontend/src/core/lib/eventWhitelist.ts

@@ -11,13 +11,23 @@
  * - use speaking event names, even though they are longer
  * - distinguish between a information and request (e.g. store_dispatch is a request to the store)
  */
-const eventWhitelist = [
+const legacyEventWhitelist = [
   "socket_joinRoom",
   "socket_leaveRoom",
   "socket_dataUpdated",
   "ui_setupProject",
   "ui_addToSnackBar",
 ]
+const eventWhitelist = legacyEventWhitelist.concat([
+  "forms/init",
+  "forms/validate",
+  "widgets/reset/workingState",
+  "ui/addToSnackbar",
+  "ui/setupProject",
+  "socket/data/update",
+  "socket/join/room",
+  "socket/leave/room",
+])
 const eventWildcards = [
   "query_deleted",
   "store_actionResolved",

package/services/frontend/src/core/lib/logger.ts

@@ -217,7 +217,7 @@ class Logger {
 
   error(
     title: string,
-    message?: LogMessage,
+    message?: LogMessage | any,
     level: LogLevel = LogLevel.NoLogging,
   ): void {
     this.log(message, "error", title, level)
@@ -247,8 +247,16 @@ class Logger {
    * Create a plugin-specific logger
    */
   plugin(pluginKey: string): PluginLogger {
-    return (title: string, message?: LogMessage, level?: LogLevel): void => {
-      this.log(message, "plugin", `${pluginKey} - ${title}`, level)
+    return (
+      title: string,
+      message?: LogMessage | any,
+      level?: LogLevel,
+    ): void => {
+      if (title === "error") {
+        this.error(`plugin ${pluginKey} - ${message.error}`, message)
+      } else {
+        this.log(message, "plugin", `${pluginKey} - ${title}`, level)
+      }
     }
   }
 }

package/services/frontend/src/core/lib/userNotifier.ts

@@ -35,7 +35,7 @@ const setServerDisconnected = () => {
 const dataCreate = (isAnswerToOwnRequest, isSystemAction, items) => {
   items.forEach((item) => {
     if (isAnswerToOwnRequest) {
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         i18n: "core.dataCreate$displayName$type",
         content: { displayName: item._displayName, type: item._type },
         color: "success",
@@ -61,7 +61,7 @@ const dataCreate = (isAnswerToOwnRequest, isSystemAction, items) => {
 const dataUpdate = (isAnswerToOwnRequest, isSystemAction, items) => {
   items.forEach((item) => {
     if (isAnswerToOwnRequest) {
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         i18n: "core.dataUpdate$displayName$type",
         content: { displayName: item._displayName, type: item._type },
         color: "success",
@@ -89,7 +89,7 @@ const projectUpdate = (isAnswerToOwnRequest, isSystemAction, items) => {
     const displayValues = item._source
 
     if (isAnswerToOwnRequest) {
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         i18n: "core.projectUpdate$shorttitle",
         content: { shorttitle: displayValues.shorttitle },
         color: "success",
@@ -111,20 +111,20 @@ const projectUpdate = (isAnswerToOwnRequest, isSystemAction, items) => {
     }
   })
 
-  $eventbus.emit("ui_addToSnackBar", {
+  $eventbus.emit("ui/addToSnackbar", {
     i18n: "core.reloadPageHint",
     color: "info",
   })
 }
 
 const projectConfigUpdate = (isAnswerToOwnRequest, isSystemAction, items) =>
-  $eventbus.emit("ui_addToSnackBar", {
+  $eventbus.emit("ui/addToSnackbar", {
     i18n: "core.reloadPageHint",
     color: "info",
   })
 
 const userConfigUpdate = (isAnswerToOwnRequest, isSystemAction, items) =>
-  $eventbus.emit("ui_addToSnackBar", {
+  $eventbus.emit("ui/addToSnackbar", {
     i18n: "core.reloadPageHint",
     color: "info",
   })
@@ -132,7 +132,7 @@ const userConfigUpdate = (isAnswerToOwnRequest, isSystemAction, items) =>
 const dataDelete = (isAnswerToOwnRequest, isSystemAction, deletedItems) =>
   deletedItems.forEach((item) => {
     if (isAnswerToOwnRequest) {
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         i18n: "core.dataDelete$displayName$type",
         content: { displayName: item._displayName, type: item._type },
         color: "success",
@@ -157,7 +157,7 @@ const dataDelete = (isAnswerToOwnRequest, isSystemAction, deletedItems) =>
 const dataMove = (isAnswerToOwnRequest, isSystemAction, items) => {
   items.forEach((item) => {
     if (isAnswerToOwnRequest) {
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         i18n: "core.dataMove$displayName$type",
         content: { displayName: item._displayName, type: item._type },
         color: "success",
@@ -207,7 +207,7 @@ const checkToken = (payload) => {
       },
       color: "green",
     }
-    $eventbus.emit("ui_addToSnackBar", message)
+    $eventbus.emit("ui/addToSnackbar", message)
     $store.dispatch({
       type: "notifications/add",
       payload: {
@@ -222,7 +222,7 @@ const checkToken = (payload) => {
       i18n: "core.authentication." + response.code,
       color: "error",
     }
-    $eventbus.emit("ui_addToSnackBar", message)
+    $eventbus.emit("ui/addToSnackbar", message)
     $store.dispatch({
       type: "notifications/add",
       payload: {
@@ -245,7 +245,7 @@ const checkToken = (payload) => {
         color: "error",
       }
     }
-    $eventbus.emit("ui_addToSnackBar", message)
+    $eventbus.emit("ui/addToSnackbar", message)
     $store.dispatch({
       type: "notifications/add",
       payload: {
@@ -257,7 +257,7 @@ const checkToken = (payload) => {
   }
 }
 const newVersionAvailable = () =>
-  $eventbus.emit("ui_addToSnackBar", {
+  $eventbus.emit("ui/addToSnackbar", {
     i18n: "core.versionUpdate",
     color: "info",
     timeout: -1,
@@ -271,7 +271,7 @@ const dataMergeResponse = (isAnswerToOwnRequest, res) => {
 
     if (currentOperation.failure) {
       Object.keys(currentOperation.failure).forEach((type) =>
-        $eventbus.emit("ui_addToSnackBar", {
+        $eventbus.emit("ui/addToSnackbar", {
           i18n: "core.dataSync." + operation + ".$docCountOf$docTypeHaveFailed",
           content: {
             docCount: currentOperation.failure[type],
@@ -283,7 +283,7 @@ const dataMergeResponse = (isAnswerToOwnRequest, res) => {
     }
     if (currentOperation.success) {
       Object.keys(currentOperation.success).forEach((type) =>
-        $eventbus.emit("ui_addToSnackBar", {
+        $eventbus.emit("ui/addToSnackbar", {
           i18n:
             "core.dataSync." +
             operation +
@@ -306,7 +306,7 @@ const dataMergeResponse = (isAnswerToOwnRequest, res) => {
     res.totals.failed > 0 &&
     res.totals.succeeded > 0
   ) {
-    $eventbus.emit("ui_addToSnackBar", {
+    $eventbus.emit("ui/addToSnackbar", {
       i18n: "core.dataSync.$docCountOf$docTypeHaveFailed$docCount1HaveSucceeded",
       content: {
         docCount: res.totals.failed,
@@ -321,13 +321,13 @@ const dataMergeResponse = (isAnswerToOwnRequest, res) => {
 const add = (message: string | string[], color = "info") => {
   if (Array.isArray(message)) {
     message.forEach((text) =>
-      $eventbus.emit("ui_addToSnackBar", {
+      $eventbus.emit("ui/addToSnackbar", {
         message: text,
         color,
       } satisfies SnackbarMessage),
     )
   } else {
-    $eventbus.emit("ui_addToSnackBar", {
+    $eventbus.emit("ui/addToSnackbar", {
       message,
       color,
     } satisfies SnackbarMessage)