Integrate session ping approach (#2625)

Author: markus-moser

assets/js/src/core/modules/app/app-loader/loader/session/use-session-ping.ts

@@ -0,0 +1,36 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+
+import { useEffect } from 'react'
+import { useSettings } from '@Pimcore/modules/app/settings/hooks/use-settings'
+import { useLazyPingActionQuery } from '@Pimcore/modules/app/settings/settings-slice-enhanced'
+
+import { isNil } from 'lodash'
+
+export const useSessionPing = (): void => {
+  const { session_gc_maxlifetime: sessionGcMaxLifetime } = useSettings()
+  const [triggerPing] = useLazyPingActionQuery()
+
+  useEffect(() => {
+    if (isNil(sessionGcMaxLifetime)) {
+      return
+    }
+
+    const intervalTime = (Number(sessionGcMaxLifetime) - 60) * 1000
+
+    const interval = setInterval(() => {
+      void triggerPing()
+    }, intervalTime)
+
+    return () => {
+      clearInterval(interval)
+    }
+  }, [sessionGcMaxLifetime, triggerPing])
+}

assets/js/src/core/modules/app/default-page.tsx

@@ -15,9 +15,11 @@ import { ClassDefinitionsProvider } from '../data-object/utils/provider/class-de
 import { ElementSelectorProvider } from '@sdk/modules/element'
 import { useHandleDeepLink } from './hook/use-handle-deeplink'
 import { SlotRenderer } from './component-registry/slot-renderer'
+import { useSessionPing } from './app-loader/loader/session/use-session-ping'
 
 export const DefaultPage = (): React.JSX.Element => {
   useHandleDeepLink()
+  useSessionPing()
 
   const preventDrop = (event: React.DragEvent<HTMLDivElement>): void => {
     event.preventDefault()

assets/js/src/core/modules/app/settings/settings-slice-enhanced.ts

@@ -0,0 +1,27 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+
+import { api as baseApi } from './settings-slice.gen'
+
+const api = baseApi.enhanceEndpoints({
+  endpoints: {}
+})
+
+export const {
+  useSystemSettingsGetQuery,
+  useLazySystemSettingsGetQuery,
+  useActiveBundlesGetQuery,
+  useLazyActiveBundlesGetQuery,
+  usePingActionQuery,
+  useLazyPingActionQuery
+} = api
+
+export { api }
+export type * from './settings-slice.gen'