feat: 增加文件类型判断

Author: guqiankun.gqk

packages/alex/src/core/editor/types.ts

@@ -71,6 +71,10 @@ export interface EditorConfig {
    * scrollbar 配置，参考 monaco 的 scrollbar 配置项，[文档链接](https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditorscrollbaroptions.html)
    */
   scrollbar?: Record<string, any>;
+  /**
+   * 去除编辑器缓存，此时没有缓存打开会重新请求
+   */
+  disableCache?: boolean;
 }
 
 export interface EditorProps {

packages/core/src/common/types.ts

@@ -180,6 +180,12 @@ export interface RuntimeConfig {
    * 空白页自定义内容
    */
   EditorEmpty?: React.FC;
+  /**
+   * 当文件后缀名判断格式 不满足条件时，可通过此配置项进行自定义
+   * 优先会从语法服务中获取类型
+   * https://aone.alipay.com/v2/project/1158176/bug/100102353
+   */
+  resolveFileType?: (path: string) => 'image' | 'text' | 'video' | undefined;
 }
 
 export type SearchMode = Boolean | 'local';

packages/core/src/server/file-service/disk-file-system.provider.ts

@@ -1,3 +1,4 @@
+import { RuntimeConfig } from '@alipay/alex-core';
 import {
   Event,
   IDisposable,
@@ -23,7 +24,7 @@ import {
   FileAccess,
   FileSystemProviderCapabilities,
 } from '@opensumi/ide-file-service/lib/common';
-import { Injectable } from '@opensumi/di';
+import { Autowired, Injectable } from '@opensumi/di';
 import * as path from 'path';
 import { HOME_ROOT } from '../../common';
 import { IDiskFileProvider } from './base';
@@ -47,6 +48,9 @@ export class DiskFileSystemProvider extends FCService implements IDiskFileProvid
   protected watchFileExcludes: string[] = [];
   protected watchFileExcludesMatcherList: ParsedPattern[] = [];
 
+  @Autowired(RuntimeConfig)
+  private runtimeConfig: RuntimeConfig;
+
   static H5VideoExtList = ['mp4', 'ogg', 'webm'];
 
   static BinaryExtList = [
@@ -576,6 +580,10 @@ export class DiskFileSystemProvider extends FCService implements IDiskFileProvid
             ext = ext.slice(1);
           }
         }
+        // 使用路径判断文件格式存在问题
+        if (typeof this.runtimeConfig.resolveFileType === 'function') {
+          return this.runtimeConfig.resolveFileType(uri.slice(7));
+        }
         return this._getFileType(ext);
       }
       return 'directory';

packages/integrations/src/editor/index.tsx

@@ -45,6 +45,9 @@ const fileOptions = (function transform(obj) {
   'ide-s/TypeScript-Node-Starter': {
     'feat/123123': ['gbk.ts'],
   },
+  'zoloz_common/zoloz-api-test': {
+    master: ['integration/saas/src/test/resources/images/doc/VN/id/cover_face_vnid2.jpg'],
+  },
 });
 
 const App = () => {
@@ -179,6 +182,9 @@ const App = () => {
                 scenario: null,
                 startupEditor: 'none',
                 // hideEditorTab: true,
+                resolveFileType(path) {
+                  return 'text';
+                },
               }}
               editorConfig={{
                 adjustFindWidgetTop: true,