feat: Outline update! Now showing properties of type aliases and optionally first-based indexes of array literals and tuples!

eg:
```ts
const a = {} as {
  foo: string // now in outline
}
// if outline.arraysTuplesNumberedItems is enabled (disabled by default)
const a = [
  "foo", // 0 in outline
  "bar" // 1 in outline
]; // the same for any tuples
```

Author: zardoy

src/configurationType.ts

@@ -322,11 +322,16 @@ export type Configuration = {
      * Extend TypeScript outline!
      * Extend outline with:
      * - JSX Elements
-     * more coming soon...
-     * Should be stable enough!
+     * - Type Alias Declarations
+     * Should be stable!
      * @default false
      */
     patchOutline: boolean
+    /**
+     * Recommended to enable if you use `patchOutline`
+     * @default false
+     */
+    'outline.arraysTuplesNumberedItems': boolean
     /**
      * Exclude covered strings/enum cases in switch in completions
      * @default true

src/extension.ts

@@ -27,15 +27,15 @@ export const activateTsPlugin = (tsApi: { configurePlugin; onCompletionAccepted
     const syncConfig = () => {
         if (!tsApi) return
         console.log('sending configure request for typescript-essential-plugins')
-        const config = vscode.workspace.getConfiguration().get(process.env.IDS_PREFIX!)
+        const config: any = vscode.workspace.getConfiguration().get(process.env.IDS_PREFIX!)
 
         tsApi.configurePlugin('typescript-essential-plugins', config)
 
         if (process.env.PLATFORM === 'node') {
             // see comment in plugin
             require('fs').writeFileSync(
                 require('path').join(extensionCtx.extensionPath, './plugin-config.json'),
-                JSON.stringify(pickObj(config as Configuration, 'patchOutline')),
+                JSON.stringify(pickObj(config, 'patchOutline', 'outline')),
             )
         }
 
@@ -47,7 +47,11 @@ export const activateTsPlugin = (tsApi: { configurePlugin; onCompletionAccepted
     vscode.workspace.onDidChangeConfiguration(async ({ affectsConfiguration }) => {
         if (affectsConfiguration(process.env.IDS_PREFIX!)) {
             syncConfig()
-            if (process.env.PLATFORM === 'node' && affectsConfiguration(getExtensionSettingId('patchOutline'))) {
+            if (
+                process.env.PLATFORM === 'node' &&
+                (affectsConfiguration(getExtensionSettingId('patchOutline')) ||
+                    affectsConfiguration(getExtensionSettingId('outline.arraysTuplesNumberedItems')))
+            ) {
                 await vscode.commands.executeCommand('typescript.restartTsServer')
                 void vscode.window.showWarningMessage('Outline will be updated after text changes or window reload')
             }

typescript/src/decorateProxy.ts

@@ -139,7 +139,7 @@ export const decorateLanguageService = (
             // so we forced to communicate via fs
             const config = JSON.parse(ts.sys.readFile(require('path').join(__dirname, '../../plugin-config.json'), 'utf8') ?? '{}')
             proxy.getNavigationTree = fileName => {
-                if (c('patchOutline') || config.patchOutline) return getNavTreeItems(info, fileName)
+                if (c('patchOutline') || config.patchOutline) return getNavTreeItems(info, fileName, config.outline)
                 return languageService.getNavigationTree(fileName)
             }
         }

typescript/src/getPatchedNavTree.ts

@@ -2,11 +2,14 @@ import { nodeModules } from './utils'
 import * as semver from 'semver'
 import { createLanguageService } from './dummyLanguageService'
 import { getCannotFindCodes } from './utils/cannotFindCodes'
+import { Configuration } from './types'
 
 // used at testing only
 declare const __TS_SEVER_PATH__: string | undefined
 
-const getPatchedNavModule = (): { getNavigationTree(...args) } => {
+type AdditionalFeatures = Record<'arraysTuplesNumberedItems', boolean>
+
+const getPatchedNavModule = (additionalFeatures: AdditionalFeatures): { getNavigationTree(...args) } => {
     // what is happening here: grabbing & patching NavigationBar module contents from actual running JS
     const tsServerPath = typeof __TS_SEVER_PATH__ !== 'undefined' ? __TS_SEVER_PATH__ : require.main!.filename
     // current lib/tsserver.js
@@ -23,30 +26,60 @@ const getPatchedNavModule = (): { getNavigationTree(...args) } => {
         linesOffset: number
         addString?: string
         removeLines?: number
+        // transform?: (found: string, content: string, position: number) => [string?, string?]
     }
 
     const patchLocations: PatchLocation[] = [
         {
             searchString: 'function addChildrenRecursively(node)',
             linesOffset: 7,
-            addString: `
+            addString: /* js */ `
                 case ts.SyntaxKind.JsxSelfClosingElement:
                     addLeafNode(node)
                     break;
                 case ts.SyntaxKind.JsxElement:
                     startNode(node)
                     ts.forEachChild(node, addChildrenRecursively);
                     endNode()
-                break`,
+                    break;`,
         },
+        {
+            searchString: 'case 262 /* SyntaxKind.TypeAliasDeclaration */',
+            linesOffset: 3,
+            // https://github.com/microsoft/TypeScript/pull/52558/
+            addString: /* js */ `
+                case ts.SyntaxKind.TypeAliasDeclaration:
+                    addNodeWithRecursiveChild(node, node.type);
+                    break;
+            `,
+        },
+        {
+            searchString: 'case 262 /* SyntaxKind.TypeAliasDeclaration */',
+            linesOffset: 0,
+            removeLines: 1,
+        },
+        // prettier-ignore
+        ...additionalFeatures.arraysTuplesNumberedItems ? [{
+            searchString: 'function addChildrenRecursively(node)',
+            linesOffset: 7,
+            addString: /* js */ `
+                case ts.SyntaxKind.TupleType:
+                case ts.SyntaxKind.ArrayLiteralExpression:
+                    const { elements } = node;
+                    for (const [i, element] of elements.entries()) {
+                        addNodeWithRecursiveChild(element, element, ts.setTextRange(ts.factory.createIdentifier(i.toString()), element));
+                    }
+                    break;
+            `,
+        }] : [],
         {
             searchString: 'return "<unknown>";',
             linesOffset: -1,
-            addString: `
+            addString: /* js */ `
                 case ts.SyntaxKind.JsxSelfClosingElement:
-                return getNameFromJsxTag(node);
+                    return getNameFromJsxTag(node);
                 case ts.SyntaxKind.JsxElement:
-                return getNameFromJsxTag(node.openingElement);`,
+                    return getNameFromJsxTag(node.openingElement);`,
         },
     ]
 
@@ -131,10 +164,11 @@ const getPatchedNavModule = (): { getNavigationTree(...args) } => {
 
 let navModule: { getNavigationTree: any }
 
-export const getNavTreeItems = (info: ts.server.PluginCreateInfo, fileName: string) => {
-    if (!navModule) navModule = getPatchedNavModule()
+export const getNavTreeItems = (info: ts.server.PluginCreateInfo, fileName: string, additionalFeatures: AdditionalFeatures) => {
+    if (!navModule) navModule = getPatchedNavModule(additionalFeatures)
     const program = info.languageService.getProgram()
     if (!program) throw new Error('no program')
+    // sourceFile is unreliable to use here, as it's not the same as the one used within original getNavigationTree
     const sourceFile = program?.getSourceFile(fileName)
     if (!sourceFile) throw new Error('no sourceFile')