feat: 增加 ts 跨库索引

Author: winjo

packages/alex/src/integration/editor/index.tsx

@@ -4,86 +4,112 @@ import { IAppInstance, EditorRenderer } from '../../editor';
 import * as Alex from '../../editor';
 import '../startup/languages';
 
-import Button from 'antd/lib/button';
-import 'antd/lib/button/style/index.css';
+import 'antd/dist/antd.css';
 import Select from 'antd/lib/select';
-import 'antd/lib/select/style/index.css';
-import Spin from 'antd/lib/spin';
-import 'antd/lib/spin/style/index.css';
+import Cascader from 'antd/lib/cascader';
 import './style.less';
 
 (window as any).alex = Alex;
 
-const owner = 'kaitian';
-const name = 'ide-framework';
-const project = encodeURIComponent(`${owner}/${name}`);
+const fileOptions = [
+  {
+    value: 'chaxuan.wh/qiankun-mirror',
+    label: 'chaxuan.wh/qiankun-mirror',
+    children: [
+      {
+        value: 'master',
+        label: 'master',
+        children: [
+          {
+            value: 'src/globalState.ts',
+            label: 'src/globalState.ts',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    value: 'wealth_release/finstrategy',
+    label: 'wealth_release/finstrategy',
+    children: [
+      {
+        value: 'f577528518c7c0279f8cdf3de59ae24a80a16607',
+        label: 'f577528518c7c0279f8cdf3de59ae24a80a16607',
+        children: [
+          {
+            value:
+              'app/biz/service-impl/src/main/java/com/alipay/finstrategy/biz/service/impl/portfolio/msg/TradeMessageListener.java',
+            label:
+              'app/biz/service-impl/src/main/java/com/alipay/finstrategy/biz/service/impl/portfolio/msg/TradeMessageListener.java',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    value: 'kaitian/ide-framework',
+    label: 'kaitian/ide-framework',
+    children: [
+      {
+        value: 'develop',
+        label: 'develop',
+        children: [
+          {
+            value: 'packages/addons/src/browser/file-drop.service.ts',
+            label: 'packages/addons/src/browser/file-drop.service.ts',
+          },
+          {
+            value: 'packages/addons/src/common/index.ts',
+            label: 'packages/addons/src/common/index.ts',
+          },
+          {
+            value: 'OWNERS',
+            label: 'OWNERS',
+          },
+        ],
+      },
+    ],
+  },
+];
 
 const App = () => {
-  const [key, setKey] = useState(0);
+  const [project, setProject] = useState('');
   const [ref, setRef] = useState('');
   const [filepath, setFilePath] = useState('');
   const [encoding, setEncoding] = useState<'utf8' | 'gbk' | undefined>('utf8');
   const [lineNumber, setLineNumber] = useState<number | [number, number] | undefined>();
 
-  const setContent = () => {
-    setRef('develop');
-    setFilePath('packages/addons/src/browser/file-drop.service.ts');
-    setLineNumber([30, 32]);
-  };
-
   const readFile = async (filepath: string) => {
     const res = await fetch(
-      `/code-service/api/v3/projects/${project}/repository/blobs/${encodeURIComponent(
-        ref
-      )}?filepath=${filepath}`
+      `/code-service/api/v3/projects/${encodeURIComponent(
+        project
+      )}/repository/blobs/${encodeURIComponent(ref)}?filepath=${filepath}`
     );
     if (res.status >= 200 && res.status < 300) {
       return res.arrayBuffer();
     }
     throw new Error(`${res.status} - ${res.statusText}`);
   };
 
+  const onFileChange = ([project, ref, filepath]) => {
+    setProject(project);
+    setRef(ref);
+    setFilePath(filepath);
+  };
+  console.log(123);
+
   return (
     <div style={{ padding: 8 }}>
       <div style={{ display: 'flex', marginBottom: 8 }}>
-        <Select
-          value={ref || undefined}
-          onChange={setRef}
+        <Cascader
+          style={{ width: '100%' }}
           size="small"
-          style={{ width: 400, marginRight: 8 }}
-          placeholder="选择分支"
-        >
-          {['develop'].map((path) => (
-            <Select.Option key={path} value={path}>
-              {path}
-            </Select.Option>
-          ))}
-        </Select>
-        <Select
-          value={filepath || undefined}
-          onChange={setFilePath}
-          size="small"
-          style={{ width: 600, marginRight: 8 }}
-          placeholder="选择文件"
-        >
-          {[
-            'packages/addons/src/browser/file-drop.service.ts',
-            'packages/addons/src/common/index.ts',
-            'OWNERS',
-          ].map((path) => (
-            <Select.Option key={path} value={path}>
-              {path}
-            </Select.Option>
-          ))}
-        </Select>
+          options={fileOptions}
+          onChange={onFileChange}
+          placeholder="Please select"
+        />
       </div>
       <div style={{ display: 'flex', marginBottom: 8 }}>
-        <Button size="small" onClick={() => setKey((k) => k + 1)} style={{ marginRight: 8 }}>
-          重置
-        </Button>
-        <Button size="small" onClick={() => setContent()} style={{ marginRight: 8 }}>
-          一键设置文件
-        </Button>
         <Select
           value={encoding}
           onChange={setEncoding}
@@ -114,7 +140,7 @@ const App = () => {
       <div style={{ display: 'flex' }}>
         <div style={{ width: '50%', minHeight: 300 }}>
           <EditorRenderer
-            key={key}
+            key={project}
             onLoad={(app) => {
               window.app = app;
             }}
@@ -138,13 +164,13 @@ const App = () => {
             }}
             editorConfig={{
               disableEditorSearch: true,
-              stretchHeight: true,
+              // stretchHeight: true,
             }}
             documentModel={{
               type: 'code',
               ref,
-              owner,
-              name,
+              owner: project.split('/')[0],
+              name: project.split('/')[1],
               filepath,
               onFilepathChange(newFilepath) {
                 setFilePath(newFilepath);

packages/lsif-service/package.json

@@ -21,7 +21,7 @@
   "dependencies": {
     "@alipay/alex-core": "0.11.1",
     "@alipay/alex-shared": "0.11.1",
-    "@alipay/lsif-client": "^1.2.0"
+    "@alipay/lsif-client": "^1.4.0"
   },
   "peerDependencies": {
     "@ali/ide-core-common": "1.35.2",

packages/lsif-service/src/language-service.contribution.ts

@@ -6,6 +6,7 @@ import {
   URI,
   Uri,
   IReporterService,
+  Emitter,
 } from '@ali/ide-core-common';
 import {
   ClientAppContribution,
@@ -21,7 +22,12 @@ import { UriComponents } from 'vscode-uri';
 import { EditorComponentRegistry, ResourceService, IResource } from '@ali/ide-editor/lib/browser';
 
 import * as vscode from 'vscode';
-import { LSIF_PROD_API_HOST, LSIF_TEST_API_HOST, LsifClient } from '@alipay/lsif-client';
+import {
+  LSIF_PROD_API_HOST,
+  LSIF_TEST_API_HOST,
+  LsifClient,
+  OriginScheme,
+} from '@alipay/lsif-client';
 import { RuntimeConfig, REPORT_NAME } from '@alipay/alex-core';
 import {
   BrowserEditorContribution,
@@ -30,15 +36,18 @@ import {
 
 import { SimpleLanguageService } from './language-client';
 import { LsifPreferences, lsifPreferenceSchema } from './lsif-preferences';
-import { OriginScheme, ModelScheme } from './constant';
-import { LibEditorDocumentModelProvider } from './lib-scheme.provider';
 
 const IS_TEST_ENV =
   process.env.NODE_ENV === 'development' ||
   window.location.pathname.indexOf('test') > -1 ||
   window.location.hostname === 'localhost' ||
   window.location.hostname === '127.0.0.1';
 
+const handleLsifScheme = (scheme: string) => {
+  const supportScheme: string[] = [OriginScheme.Jar, OriginScheme.Tnpm];
+  return supportScheme.includes(scheme) ? 10 : -1;
+};
+
 @Domain(ClientAppContribution, PreferenceContribution, BrowserEditorContribution)
 export class LsifContribution
   extends Disposable
@@ -102,7 +111,7 @@ export class LsifContribution
     } else {
       apiHost = IS_TEST_ENV ? LSIF_TEST_API_HOST : LSIF_PROD_API_HOST;
     }
-    this.lsifClient = new LsifClient(apiHost);
+    this.lsifClient = new LsifClient(apiHost, this.runtimeConfig.biz || window.location.hostname);
     // 集成侧如果需要不一样的 preference name 则需要进行代理
     this.lsIfEnabled = this.preferences['lsif.enable'];
     this.lsifDocumentScheme = this.preferences['lsif.documentScheme'];
@@ -213,18 +222,22 @@ export class LsifContribution
 
                 let locationUri: Uri;
 
-                // TODO 处理下 unpkg 协议
                 switch (scheme) {
+                  // 仓库内
+                  case '':
+                  case 'file':
+                    locationUri = Uri.file(paths.posix.join(_rootUri.path.toString(), path));
+                    break;
+
+                  // 跨库
                   case OriginScheme.Jar:
+                  case OriginScheme.Tnpm:
                     locationUri = Uri.from({
-                      scheme: ModelScheme.Jar,
+                      scheme,
                       path,
                     });
                     break;
-                  case '':
-                  case OriginScheme.File:
-                    locationUri = Uri.file(paths.posix.join(_rootUri.path.toString(), path));
-                    break;
+
                   // 无法处理的协议不处理
                   default:
                     return null;
@@ -293,18 +306,22 @@ export class LsifContribution
 
                 let locationUri: Uri;
 
-                // TODO 处理下 unpkg 协议
                 switch (scheme) {
+                  // 仓库内
+                  case '':
+                  case 'file':
+                    locationUri = Uri.file(paths.posix.join(_rootUri.path.toString(), path));
+                    break;
+
+                  // 跨库
                   case OriginScheme.Jar:
+                  case OriginScheme.Tnpm:
                     locationUri = Uri.from({
-                      scheme: ModelScheme.Jar,
+                      scheme,
                       path,
                     });
                     break;
-                  case '':
-                  case OriginScheme.File:
-                    locationUri = Uri.file(paths.posix.join(_rootUri.path.toString(), path));
-                    break;
+
                   // 无法处理的协议不处理
                   default:
                     return null;
@@ -331,7 +348,7 @@ export class LsifContribution
 
   registerResource(service: ResourceService) {
     service.registerResourceProvider({
-      scheme: ModelScheme.Jar,
+      handlesUri: (uri) => handleLsifScheme(uri.scheme),
       provideResource: async (uri: URI): Promise<IResource> => {
         return Promise.all([this.labelService.getName(uri), this.labelService.getIcon(uri)]).then(
           ([name, icon]) => {
@@ -348,7 +365,7 @@ export class LsifContribution
   }
 
   registerEditorComponent(registry: EditorComponentRegistry) {
-    registry.registerEditorComponentResolver(ModelScheme.Jar, (_resource, results) => {
+    registry.registerEditorComponentResolver(handleLsifScheme, (_resource, results) => {
       results.push({
         type: 'code',
         readonly: true,
@@ -357,8 +374,12 @@ export class LsifContribution
   }
 
   registerEditorDocumentModelContentProvider(registry: IEditorDocumentModelContentRegistry) {
-    registry.registerEditorDocumentModelContentProvider(
-      new LibEditorDocumentModelProvider(this.lsifClient)
-    );
+    registry.registerEditorDocumentModelContentProvider({
+      onDidChangeContent: new Emitter<URI>().event,
+      handlesScheme: (scheme) => handleLsifScheme(scheme) > 0,
+      isReadonly: () => true,
+      provideEditorDocumentModelContent: (uri: URI) =>
+        this.lsifClient.getFileContentFromUriString(uri.toString()),
+    });
   }
 }