Added cache clear to asset view tab

assets/js/src/core/modules/asset/asset-api-slice-enhanced.ts

@@ -11,7 +11,7 @@
 *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
 */
 
-import { invalidatingTags, providingTags, tagNames } from '@Pimcore/app/api/pimcore/tags'
+import { invalidatingTags, providingTags, type Tag, tagNames } from '@Pimcore/app/api/pimcore/tags'
 import { api as baseApi } from './asset-api-slice.gen'
 
 const api = baseApi.enhanceEndpoints({
@@ -38,7 +38,20 @@ const api = baseApi.enhanceEndpoints({
     },
 
     assetGetTree: {
-      providesTags: (result, error, args) => args.parentId !== undefined ? providingTags.ASSET_TREE_ID(args.parentId) : providingTags.ASSET_TREE()
+      providesTags: (result, error, args) => {
+        let providingTagsForTree: Tag[] = []
+        if (result !== undefined) {
+          providingTagsForTree = result?.items.flatMap((item) => providingTags.ASSET_DETAIL_ID(item.id))
+        }
+
+        providingTagsForTree = [
+          ...providingTagsForTree,
+          ...providingTags.ASSET_TREE(),
+          ...args.parentId !== undefined ? providingTags.ASSET_TREE_ID(args.parentId) : []
+        ]
+
+        return providingTagsForTree
+      }
     },
 
     assetUpdateById: {

assets/js/src/core/modules/asset/editor/types/folder/tab-manager/tabs/preview/flex-container.tsx

@@ -18,14 +18,16 @@ import {
 } from '@Pimcore/modules/asset/editor/types/folder/tab-manager/tabs/preview/flex-container-view'
 import { PreviewCard } from '@Pimcore/components/preview-card/preview-card'
 import { useAssetHelper } from '@Pimcore/modules/asset/hooks/use-asset-helper'
-import { type AssetGetTreeApiResponse } from '@Pimcore/modules/asset/asset-api-slice-enhanced'
+import { api as assetApi, type AssetGetTreeApiResponse } from '@Pimcore/modules/asset/asset-api-slice-enhanced'
 import { type DropdownProps } from '@Pimcore/components/dropdown/dropdown'
 import { Icon } from '@Pimcore/components/icon/icon'
 import { useRename } from '@Pimcore/modules/element/actions/rename/use-rename'
 import { useDelete } from '@Pimcore/modules/element/actions/delete/use-delete'
 import { useDownload } from '@Pimcore/modules/asset/actions/download/use-download'
 import { useUploadNewVersion } from '@Pimcore/modules/asset/actions/upload-new-version/upload-new-version'
 import { useOpen } from '@Pimcore/modules/element/actions/open/open'
+import { useAppDispatch } from '@Pimcore/app/store'
+import { invalidatingTags } from '@Pimcore/app/api/pimcore/tags'
 
 interface FlexContainerProps {
   assets: AssetGetTreeApiResponse
@@ -40,6 +42,7 @@ const FlexContainer = (props: FlexContainerProps): React.JSX.Element => {
   const { downloadContextMenuItem } = useDownload()
   const { uploadNewVersionContextMenuItem } = useUploadNewVersion()
   const { openContextMenuItem } = useOpen('asset')
+  const dispatch = useAppDispatch()
 
   const cards: ReactNode[] = []
   assets.items.forEach((asset) => {
@@ -51,6 +54,14 @@ const FlexContainer = (props: FlexContainerProps): React.JSX.Element => {
       })
     }
 
+    const clearCache = (): void => {
+      dispatch(
+        assetApi.util.invalidateTags(
+          invalidatingTags.ASSET_DETAIL_ID(asset.id)
+        )
+      )
+    }
+
     const dropdownItems: DropdownProps['menu']['items'] = [
       openContextMenuItem(asset),
       {
@@ -68,7 +79,7 @@ const FlexContainer = (props: FlexContainerProps): React.JSX.Element => {
       renameContextMenuItem(asset),
       uploadNewVersionContextMenuItem(asset),
       downloadContextMenuItem(asset),
-      deleteContextMenuItem(asset)
+      deleteContextMenuItem(asset, clearCache)
     ]
 
     if ('imageThumbnailPath' in asset && asset.imageThumbnailPath !== undefined && asset.imageThumbnailPath !== null) {

public/build/09434365-d3c3-4f58-b654-9c28e80a2845/entrypoints.json

@@ -0,0 +1,12 @@
+{
+  "entrypoints": {
+    "core-dll": {
+      "css": [
+        "/bundles/pimcorestudioui/build/09434365-d3c3-4f58-b654-9c28e80a2845/core-dll.css"
+      ],
+      "js": [
+        "/bundles/pimcorestudioui/build/09434365-d3c3-4f58-b654-9c28e80a2845/core-dll.js"
+      ]
+    }
+  }
+}

public/build/df05d724-6117-4fa6-972b-867b28a7a0d5/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "main": {
+      "js": [
+        "/bundles/pimcorestudioui/build/df05d724-6117-4fa6-972b-867b28a7a0d5/main.js"
+      ]
+    }
+  }
+}

public/build/df05d724-6117-4fa6-972b-867b28a7a0d5/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/df05d724-6117-4fa6-972b-867b28a7a0d5/main.js": "/bundles/pimcorestudioui/build/df05d724-6117-4fa6-972b-867b28a7a0d5/main.js"
+}

public/build/f35b9ca7-3624-488d-84f5-369e9570e93f/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "vendor": {
+      "js": [
+        "/bundles/pimcorestudioui/build/f35b9ca7-3624-488d-84f5-369e9570e93f/vendor.js"
+      ]
+    }
+  }
+}

public/build/f35b9ca7-3624-488d-84f5-369e9570e93f/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/f35b9ca7-3624-488d-84f5-369e9570e93f/vendor.js": "/bundles/pimcorestudioui/build/f35b9ca7-3624-488d-84f5-369e9570e93f/vendor.js"
+}