@raclettejs/core 0.1.9 → 0.1.11

package/services/frontend/package.json

@@ -16,57 +16,45 @@
     "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",
+    "@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/lib/data/dataApi.ts

@@ -19,21 +19,21 @@ const $writeDataApi = (
   const isLoadingSubject$ = new BehaviorSubject<boolean>(false)
   const dataSubject$ = new BehaviorSubject([])
   const errorSubject$ = new BehaviorSubject(null)
-  const resultSubject$ = new BehaviorSubject({})
+  const responseSubject$ = new BehaviorSubject({})
   const writeApi = {
     isLoading$: isLoadingSubject$.asObservable(),
     data$: dataSubject$.asObservable(),
     error$: errorSubject$.asObservable(),
-    result$: resultSubject$.asObservable(),
+    response$: responseSubject$.asObservable(),
     execute: async (executeParams = {}) => {
       const _executeParams = clone(executeParams)
       errorSubject$.next(null)
-      resultSubject$.next({})
-      isLoadingSubject$.next(true)
+      responseSubject$.next({})
       const queryParams = mergeDeepRight(_params, _executeParams)
       if (options.responseType === "stream") {
         return writeData(actionId, operationDefinition, queryParams, options)
       }
+      isLoadingSubject$.next(true)
       const resultData = await writeData(
         actionId,
         operationDefinition,
@@ -44,14 +44,16 @@ const $writeDataApi = (
         errorSubject$.next(errorObj)
         isLoadingSubject$.next(false)
       })
-      resultSubject$.next(resultData)
+      responseSubject$.next(resultData?.response)
 
       // Update both boolean and observable on success
       isLoadingSubject$.next(false)
 
       // Update data if resultData is available
-      if (resultData) {
-        const dataArray = Array.isArray(resultData) ? resultData : [resultData]
+      if (resultData?.result) {
+        const dataArray = Array.isArray(resultData.result)
+          ? resultData.result
+          : [resultData.result]
         dataSubject$.next(dataArray)
       }
 

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

@@ -183,7 +183,10 @@ const finishRemoteQuery = (actionIdentifier, result, params, options) => {
         actionId: actionId,
       },
     })
-    return result.data
+    return {
+      result: resultObj,
+      response: result.data,
+    }
   }
 
   return itemDispatcher(actionIdentifier, resultObj, true)
@@ -225,7 +228,10 @@ const handleRemoteRequest = async (
         ? await $api.axios.get(target, config)
         : await $api.axios.post(target, params, config)
 
-    return finishRemoteQuery(actionIdentifier, response, params, options)
+    return {
+      response,
+      result: finishRemoteQuery(actionIdentifier, response, params, options),
+    }
   } catch (e) {
     if (e.name === "AbortError" || e.name === "CanceledError") {
       log.api(`${method} request was cancelled for actionId:`, actionIdentifier)
@@ -239,12 +245,15 @@ const handleRemoteRequest = async (
       e,
     })
 
-    return finishRemoteQuery(
-      actionIdentifier,
-      { data: [], error: e?.response?.data || e },
-      params,
-      options,
-    )
+    return {
+      response: e,
+      result: finishRemoteQuery(
+        actionIdentifier,
+        { data: [], error: e?.response?.data || e },
+        params,
+        options,
+      ),
+    }
   }
 }
 
@@ -359,22 +368,28 @@ const routeHandlers = {
   "search/query": async (actionIdentifier, target, params, options, signal) => {
     if (params.search?.q === "@showall") {
       const dataState = $store.getState("data")
-      return itemDispatcher(
+      return {
+        response: "dataStore",
+        result: itemDispatcher(
+          actionIdentifier,
+          {
+            result: Object.values(dataState),
+          },
+          true,
+        ),
+      }
+    }
+
+    return {
+      response: "dataStore",
+      result: itemDispatcher(
         actionIdentifier,
         {
-          result: Object.values(dataState),
+          result: [],
         },
         true,
-      )
+      ),
     }
-
-    return itemDispatcher(
-      actionIdentifier,
-      {
-        result: [],
-      },
-      true,
-    )
   },
 }
 
@@ -438,7 +453,10 @@ const getData = async (actionId, target, params, options) => {
       actionIdentifier,
     )
     if (cacheResult !== null) {
-      return cacheResult
+      return {
+        response: "cached_" + cachedQuery.hash,
+        result: cacheResult,
+      }
     }
   }
   // Execute route

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

@@ -19,7 +19,7 @@ export const $queryApi = (
     return queryApis[actionId]
   }
   const errorSubject$ = new BehaviorSubject(null)
-  const resultSubject$ = new BehaviorSubject({})
+  const responseSubject$ = new BehaviorSubject({})
   const cleanedParams = fixQueryParamTypes(params)
   // check if we have a query fullfilling the needs of the one requested
   // here. If not we will update the one with this actionId
@@ -35,7 +35,7 @@ export const $queryApi = (
   })
   const queryApi = {
     error$: errorSubject$.asObservable(),
-    result$: resultSubject$.asObservable(),
+    response$: responseSubject$.asObservable(),
     query$: $store.select((state) => state.queries[actionId]),
     uuids$: $store.select((state) => state.queries[actionId].uuids),
     remove: () => {
@@ -48,7 +48,7 @@ export const $queryApi = (
     execute: async (executeParams = {}) => {
       const _executeParams = clone(executeParams)
       errorSubject$.next(null)
-      resultSubject$.next({})
+      responseSubject$.next({})
       const queryParams = mergeDeepRight(cleanedParams, _executeParams)
       $store.dispatch({
         type: "queries/update",
@@ -68,10 +68,13 @@ export const $queryApi = (
         const errorObj = e
         errorSubject$.next(errorObj)
       })
-      resultSubject$.next(resultData)
+      responseSubject$.next(resultData?.response)
       if (options.cb && typeof options.cb === "function") {
         options.cb(resultData)
       }
+      if (resultData.result) {
+        resultData.result = await resultData.result
+      }
       return resultData
     },
     onDeleted: (callback) => {

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

@@ -117,13 +117,24 @@ const writeData = async (actionId, operationDefinition, item, options) => {
       cleanItem,
       config,
     )
+      .then((res) => {
+        return {
+          response: res,
+        }
+      })
+      .catch((e) => reportError(e))
   } else {
     return await $api.axios[operationDefinition.method](
       validTarget,
       cleanItem,
       config,
     )
-      .then((res) => handleServerItem(res.data, notify, true))
+      .then((res) => {
+        return {
+          response: res,
+          result: handleServerItem(res.data, notify, true),
+        }
+      })
       .catch((e) => reportError(e))
   }
 }

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

@@ -1,6 +1,7 @@
 import snow from "./eggs/snow"
 import asteroids from "./eggs/asteroids/index"
 import smoke from "./eggs/smoke"
+import { $eventbus } from "@racletteCore/main"
 
 const eggs = {
   asteroids: asteroids,
@@ -12,7 +13,12 @@ const eggMe = (egg) => {
     return
   }
 
-  return eggs[egg]()
+  return eggs[egg](() => {
+    $eventbus.emit("ui_addToSnackBar", {
+      i18n: "core.eggcontrols." + egg,
+      color: "info",
+    })
+  })
 }
 
 const debounceHelper = (count, time = 800) => {

package/services/frontend/src/core/lib/eggs/asteroids/index.ts

@@ -519,7 +519,7 @@ function isTouchOnly() {
   return isTouchOnly
 }
 // Export function to create and start the game with SSR safety
-export default (): ModernAsteroids | null => {
+export default (notifyUser): ModernAsteroids | null => {
   if (
     typeof window === "undefined" ||
     typeof document === "undefined" ||
@@ -528,6 +528,6 @@ export default (): ModernAsteroids | null => {
     console.warn("Racleroids game can only run in browser environment")
     return null
   }
-
+  notifyUser()
   return new ModernAsteroids()
 }

package/services/frontend/src/core/setup/plugin-system/api/plugin-data.ts

@@ -82,7 +82,7 @@ export const handlePluginOperations =
             params = {},
             options = {},
           }: CustomStoreActionsPayload = {}) => {
-            if (id) handlerId = id
+            if (id?.length) handlerId = id
             const instanceActionId =
               getInstanceActionId(
                 prefixedPluginName,
@@ -118,7 +118,7 @@ export const handlePluginOperations =
             params = {},
             options = {},
           }: CustomStoreActionsPayload = {}) => {
-            if (id) handlerId = id
+            if (id?.length) handlerId = id
             const instanceActionId =
               getInstanceActionId(
                 prefixedPluginName,

package/services/frontend/src/orchestrator/assets/styles/main.scss

@@ -5,9 +5,11 @@
 .ASTEROIDSYEAH {
   @apply tw:overflow-hidden;
 }
+
 .klingon * {
   font-family: "Klingon";
 }
+
 .raclette {
   font-family: "Quicksand" !important;
   font-weight: 700;

package/services/frontend/src/orchestrator/assets/styles/vuetifyStyles.scss

@@ -3,3 +3,24 @@
   $reset: false
 );
 @use "@mdi/font/css/materialdesignicons.css";
+
+// The styles below are picked from vuetify's reset css (which is disabled)
+
+/* Apply cursor pointer to button elements */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"],
+[role="button"] {
+  cursor: pointer;
+}
+
+/* Specify the pointer cursor of trigger elements */
+[aria-controls] {
+  cursor: pointer;
+}
+
+/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
+[aria-disabled="true"] {
+  cursor: default;
+}

package/services/frontend/src/orchestrator/components/menu/UserNotifications.vue

@@ -32,10 +32,12 @@
       </v-btn>
     </template>
 
-    <v-card left class="tw:w-[450px]">
+    <v-card left>
       <v-expansion-panels v-model="panel">
         <v-expansion-panel>
-          <v-expansion-panel-title>Neu</v-expansion-panel-title>
+          <v-expansion-panel-title>{{
+            $t("core.new")
+          }}</v-expansion-panel-title>
           <v-expansion-panel-text>
             <v-list density="compact">
               <v-list-item

package/services/frontend/src/orchestrator/components/welcomeScreen/AdminWelcomeScreen.vue

@@ -5,6 +5,7 @@
         <v-card-title class="tw:text-3xl tw:font-bold tw:pb-2">
           🧀
           {{ $t("core.welcomeScreen.title") }}
+          <span class="raclette">raclette</span>
         </v-card-title>
         <v-card-subtitle class="tw:text-lg tw:opacity-90">
           {{ $t("core.welcomeScreen.subtitle") }}

package/services/frontend/src/orchestrator/components/welcomeScreen/UserWelcomeScreen.vue

@@ -5,6 +5,7 @@
         <v-card-title class="tw:text-3xl tw:font-bold tw:pb-2">
           🧀
           {{ $t("core.welcomeScreen.title") }}
+          <span class="raclette">raclette</span>
         </v-card-title>
         <v-card-subtitle class="tw:text-lg tw:opacity-90">
           {{ $t("core.welcomeScreen.subtitleUser") }}

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

@@ -41,7 +41,7 @@ export const useVueQueryObservableHelper = (
   subscriber$[instanceActionId] = coreQuery
   const queryRef = useObservable<QueryApiQuery>(coreQuery.query$)
   const errorObservable = useObservable(coreQuery.error$)
-  const resultRef = useObservable<QueryApiQuery>(coreQuery.result$)
+  const responseRef = useObservable<QueryApiQuery>(coreQuery.response$)
   if (options.useStore !== false) {
     watch(queryRef, (value, oldValue) => {
       const newUUIDS = value?.uuids || []
@@ -73,7 +73,10 @@ export const useVueQueryObservableHelper = (
       return queryRef.value?.loading
     }),
     data,
-    response: resultRef,
+    dataArr: computed(() => {
+      return data.value ? Object.values(data.value) : []
+    }),
+    response: responseRef,
     execute: coreQuery.execute,
     uuids: coreQuery.uuids$,
     error: computed(() => {

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

@@ -45,7 +45,7 @@ export const useVueWriteOperationHelper = (
   const isLoadingObservable = useObservable(writeOperation.isLoading$)
   const dataObservable = useObservable(writeOperation.data$)
   const errorObservable = useObservable(writeOperation.error$)
-  const resultRef = useObservable(writeOperation.result$)
+  const responseRef = useObservable(writeOperation.response$)
   if (options.useStore !== false) {
     watch(dataObservable, (value, oldValue) => {
       const uuids = []
@@ -80,7 +80,10 @@ export const useVueWriteOperationHelper = (
       return isLoadingObservable.value
     }),
     data,
-    response: resultRef,
+    dataArr: computed(() => {
+      return data.value ? Object.values(data.value) : []
+    }),
+    response: responseRef,
     execute: writeOperation.execute,
     error: computed(() => {
       return errorObservable.value

package/services/frontend/src/orchestrator/i18n/de-DE.json

@@ -85,6 +85,7 @@
       "return_to_home": "Zur Startseite",
       "noConnectionToServer": "Es kann keine Verbindung zum Server hergestellt werden"
     },
+    "new": "Neu",
     "lastSocketUpdateReceivedAt": "Letzte Servernachricht erhalten am",
     "logout": "Abmelden",
     "refreshAllQueries": "Alle Suchen aktualisieren",
@@ -105,6 +106,9 @@
     "reloadPageHint": "Bitte laden Sie diese Seite in ihren Browser neu, um die Änderungen zu aktivieren.",
     "color": "Farbe",
     "versionUpdate": "Eine neue Version ist verfügbar. Laden Sie die Seite neu, um alle neuen Features zu nutzen.",
+    "eggcontrols": {
+      "asteroids": "Nutzen sie die Pfeiltasten zum Navigieren und die Leertaste zum Schießen. Mit escape beenden sie das Spiel, Viel Spaß!"
+    },
     "languages": {
       "tl-TL": "Klingonisch",
       "de-DE": "Deutsch (Deutschland)",

package/services/frontend/src/orchestrator/i18n/en-EU.json

@@ -85,6 +85,7 @@
       "return_to_home": "Go to home page",
       "noConnectionToServer": "Cannot connect to the server"
     },
+    "new": "New",
     "lastSocketUpdateReceivedAt": "Last server message received at",
     "logout": "Log out",
     "refreshAllQueries": "Refresh all queries",
@@ -105,6 +106,9 @@
     "reloadPageHint": "Please reload this page in your browser to activate the changes.",
     "color": "Color",
     "versionUpdate": "A new version is available. Reload the page to use all new features.",
+    "eggcontrols": {
+      "asteroids": "Use the arrow keys to navigate and the spacebar to shoot. Press Escape to exit the game. Have fun!"
+    },
     "languages": {
       "tl-TL": "Klingon",
       "de-DE": "German (Germany)",

package/services/frontend/src/orchestrator/i18n/sk.json

@@ -85,6 +85,7 @@
       "return_to_home": "Prejsť na domovskú stránku",
       "noConnectionToServer": "Nepodarilo sa pripojiť k serveru"
     },
+    "new": "nové",
     "lastSocketUpdateReceivedAt": "Posledná správa zo servera prijatá o",
     "logout": "Odhlásiť sa",
     "refreshAllQueries": "Obnoviť všetky dopyty",
@@ -105,6 +106,9 @@
     "reloadPageHint": "Obnovte túto stránku vo svojom prehliadači, aby sa zmeny prejavili.",
     "color": "Farba",
     "versionUpdate": "Je dostupná nová verzia. Obnovte stránku pre použitie všetkých nových funkcií.",
+    "eggcontrols": {
+      "asteroids": "Použite šípky na navigáciu a medzerník na streľbu. Stlačením klávesu Escape ukončíte hru. Bavte sa!"
+    },
     "languages": {
       "tl-TL": "Klingončina",
       "de-DE": "Nemčina (Nemecko)",

package/services/frontend/src/orchestrator/i18n/tl-TL.json

@@ -85,6 +85,7 @@
       "return_to_home": "vav paqDaq yIja’",
       "noConnectionToServer": "tlhej QunDaq ‘ej tobogh log tapbe’"
     },
+    "new": "qchu'",
     "lastSocketUpdateReceivedAt": "Qun QaptaH neghtaH rep",
     "logout": "Qel",
     "refreshAllQueries": "bochmey Qap yItlhutlh",
@@ -104,6 +105,9 @@
     "batch$CountSynced": "{count} ghItlhmey serverDaq QaptaH law’",
     "reloadPageHint": "paqvam loDnI'pu' Daq laD chel — ngeD choH!",
     "color": "ngem",
-    "versionUpdate": "veS wov ’oH. paq reload chel pagh SoH Hoch tlhab!"
+    "versionUpdate": "veS wov ’oH. paq reload chel pagh SoH Hoch tlhab!",
+    "eggcontrols": {
+      "asteroids": "navigatmeH 'arrow keys' yIlo' 'ej bachmeH 'spacebar' yIlo'. QujmeH 'Escape' yIlo'. yIchegh 'ej yIbel!"
+    }
   }
 }

package/services/frontend/src/orchestrator/setup/loginApp.ts

@@ -1,3 +1,4 @@
+// TODO: check if this file can be deleted
 export const createLoginApp = async (
   el: string,
   loginMethod: Function,

package/services/frontend/src/orchestrator/types/PluginApi.ts

@@ -16,7 +16,10 @@ export type PluginMethod = (payload?: CustomStoreActionsPayload) => {
   response: Ref<unknown>
   error: Ref<unknown>
   data: ComputedRef<unknown>
-  execute: (params?: Record<string, any>) => void
+  dataArr: Array<ComputedRef<unknown>>
+  execute: (
+    params?: Record<string, any>,
+  ) => Promise<{ response: any; result: any }>
   // query and uuids only provided from queryObservableHelper
   query?: ComputedRef<Query>
   uuids?: Array<string>