Show preview for PDF image (#11793)

GitOrigin-RevId: 5c7dde42cdfcf9952e47487358f7e2b52658cc59

services/web/frontend/js/ide/file-tree/FileTreeManager.js

@@ -292,19 +292,25 @@ export default FileTreeManager = class FileTreeManager {
     return this._findEntityByPathInFolder(this.$scope.rootFolder, path)
   }
 
-  getPreviewUrlByPath(path) {
+  getPreviewByPath(path) {
-    for (const extension of [
+    for (const suffix of [
       '',
       '.png',
       '.jpg',
       '.jpeg',
+      '.pdf',
       '.PNG',
       '.JPG',
       '.JPEG',
+      '.PDF',
     ]) {
-      const entity = this.findEntityByPath(path + extension)
+      const entity = this.findEntityByPath(path + suffix)
+
       if (entity) {
-        return `/project/${this.$scope.project._id}/file/${entity.id}`
+        return {
+          url: `/project/${this.$scope.project._id}/file/${entity.id}`,
+          extension: entity.name.split('.').pop(),
+        }
       }
     }
     return null

services/web/frontend/stories/decorators/scope.tsx

@@ -98,7 +98,7 @@ const initialize = () => {
       findEntityByPath: () => null,
       getEntityPath: () => null,
       getRootDocDirname: () => undefined,
-      getPreviewUrlByPath: () => undefined,
+      getPreviewByPath: () => null,
     },
     editorManager: {
       getCurrentDocId: () => 'foo',

services/web/test/frontend/helpers/editor-providers.js

@@ -52,7 +52,7 @@ export function EditorProviders({
     findEntityByPath: () => null,
     getEntityPath: () => '',
     getRootDocDirname: () => '',
-    getPreviewUrlByPath: path => path,
+    getPreviewByPath: path => ({ url: path, extension: 'png' }),
   },
   editorManager = {
     getCurrentDocId: () => 'foo',