feat(document-outline): show getters and setters in outline (#314)

Closes #257.

src/extension/provider-items/document-structure/DeclarationStructureTreeItem.ts

@@ -2,9 +2,11 @@ import {
     ClassDeclaration,
     Declaration,
     FunctionDeclaration,
+    GetterDeclaration,
     InterfaceDeclaration,
     MethodDeclaration,
     PropertyDeclaration,
+    SetterDeclaration,
     VariableDeclaration,
 } from 'typescript-parser';
 import { stringTemplate } from 'typescript-parser/utilities/StringTemplate';
@@ -17,9 +19,9 @@ const fileTemplate = stringTemplate`./src/extension/assets/icons/declarations/${
 
 /**
  * Function to calculate the displayed name of the declaration structure item.
- * 
- * @param {Declaration} declaration 
- * @returns {string} 
+ *
+ * @param {Declaration} declaration
+ * @returns {string}
  */
 function getDeclarationLabel(declaration: Declaration): string {
     if (
@@ -41,12 +43,20 @@ function getDeclarationLabel(declaration: Declaration): string {
         return declaration.name + (declaration.typeParameters ? `<${declaration.typeParameters.join(', ')}>` : '');
     }
 
+    if (
+        declaration instanceof GetterDeclaration ||
+        declaration instanceof SetterDeclaration
+    ) {
+        return `${declaration instanceof GetterDeclaration ? 'get' : 'set'}() ${declaration.name}` +
+            `${declaration.type ? `: ${declaration.type}` : ''}`;
+    }
+
     return declaration.name;
 }
 
 /**
  * Structure item that represents a typescript declaration of any way.
- * 
+ *
  * @export
  * @class DeclarationStructureTreeItem
  * @extends {BaseStructureTreeItem}
@@ -100,6 +110,7 @@ export class DeclarationStructureTreeItem extends BaseStructureTreeItem {
             this.declaration instanceof InterfaceDeclaration
         ) {
             return [
+                ...this.declaration.accessors.map(p => new DeclarationStructureTreeItem(p, this.context)),
                 ...this.declaration.properties.map(p => new DeclarationStructureTreeItem(p, this.context)),
                 ...this.declaration.methods.map(m => new DeclarationStructureTreeItem(m, this.context)),
             ];

src/extension/utilities/utilityFunctions.ts

@@ -5,12 +5,14 @@ import {
     DefaultDeclaration,
     EnumDeclaration,
     FunctionDeclaration,
+    GetterDeclaration,
     Import,
     InterfaceDeclaration,
     MethodDeclaration,
     ModuleDeclaration,
     ParameterDeclaration,
     PropertyDeclaration,
+    SetterDeclaration,
     SymbolSpecifier,
     TypeAliasDeclaration,
     VariableDeclaration,
@@ -19,12 +21,12 @@ import { CompletionItemKind } from 'vscode';
 
 /**
  * String-Sort function.
- * 
+ *
  * @export
- * @param {string} strA 
- * @param {string} strB 
- * @param {('asc' | 'desc')} [order='asc'] 
- * @returns {number} 
+ * @param {string} strA
+ * @param {string} strB
+ * @param {('asc' | 'desc')} [order='asc']
+ * @returns {number}
  */
 export function stringSort(strA: string, strB: string, order: 'asc' | 'desc' = 'asc'): number {
     let result: number = 0;
@@ -41,12 +43,12 @@ export function stringSort(strA: string, strB: string, order: 'asc' | 'desc' = '
 
 /**
  * Order imports by library name.
- * 
+ *
  * @export
- * @param {Import} i1 
- * @param {Import} i2 
- * @param {('asc' | 'desc')} [order='asc'] 
- * @returns {number} 
+ * @param {Import} i1
+ * @param {Import} i2
+ * @param {('asc' | 'desc')} [order='asc']
+ * @returns {number}
  */
 export function importSort(i1: Import, i2: Import, order: 'asc' | 'desc' = 'asc'): number {
     const strA = i1.libraryName.toLowerCase();
@@ -69,10 +71,10 @@ export function specifierSort(i1: SymbolSpecifier, i2: SymbolSpecifier): number
 
 /**
  * Returns the item kind for a given declaration.
- * 
+ *
  * @export
- * @param {Declaration} declaration 
- * @returns {CompletionItemKind} 
+ * @param {Declaration} declaration
+ * @returns {CompletionItemKind}
  */
 export function getItemKind(declaration: Declaration): CompletionItemKind {
     switch (true) {
@@ -103,6 +105,9 @@ export function getItemKind(declaration: Declaration): CompletionItemKind {
             return variable.isConst ?
                 CompletionItemKind.Constant :
                 CompletionItemKind.Variable;
+        case declaration instanceof GetterDeclaration:
+        case declaration instanceof SetterDeclaration:
+            return CompletionItemKind.Method;
         default:
             return CompletionItemKind.Reference;
     }