typescript#NavigationTree TypeScript Examples
The following examples show how to use
typescript#NavigationTree.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: TypeScriptPlugin.ts From language-tools with MIT License | 4 votes |
async getDocumentSymbols(
document: Document,
cancellationToken?: CancellationToken
): Promise<SymbolInformation[]> {
if (!this.featureEnabled('documentSymbols')) {
return [];
}
const { lang, tsDoc } = await this.getLSAndTSDoc(document);
const fragment = tsDoc.getFragment();
if (cancellationToken?.isCancellationRequested) {
return [];
}
const navTree = lang.getNavigationTree(tsDoc.filePath);
const symbols: SymbolInformation[] = [];
collectSymbols(navTree, undefined, (symbol) => symbols.push(symbol));
const topContainerName = symbols[0].name;
const result: SymbolInformation[] = [];
for (let symbol of symbols.slice(1)) {
if (symbol.containerName === topContainerName) {
symbol.containerName = 'script';
}
symbol = mapSymbolInformationToOriginal(fragment, symbol);
if (
symbol.location.range.start.line < 0 ||
symbol.location.range.end.line < 0 ||
isZeroLengthRange(symbol.location.range) ||
symbol.name.startsWith('__sveltets_')
) {
continue;
}
if (
(symbol.kind === SymbolKind.Property || symbol.kind === SymbolKind.Method) &&
!isInScript(symbol.location.range.start, document)
) {
if (
symbol.name === 'props' &&
document.getText().charAt(document.offsetAt(symbol.location.range.start)) !==
'p'
) {
// This is the "props" of a generated component constructor
continue;
}
const node = tsDoc.svelteNodeAt(symbol.location.range.start);
if (
(node && (isAttributeName(node) || isAttributeShorthand(node))) ||
isEventHandler(node)
) {
// This is a html or component property, they are not treated as a new symbol
// in JSX and so we do the same for the new transformation.
continue;
}
}
if (symbol.name === '<function>') {
let name = getTextInRange(symbol.location.range, document.getText()).trimLeft();
if (name.length > 50) {
name = name.substring(0, 50) + '...';
}
symbol.name = name;
}
if (symbol.name.startsWith('$$_')) {
if (!symbol.name.includes('$on')) {
continue;
}
// on:foo={() => ''} -> $on("foo") callback
symbol.name = symbol.name.substring(symbol.name.indexOf('$on'));
}
result.push(symbol);
}
return result;
function collectSymbols(
tree: NavigationTree,
container: string | undefined,
cb: (symbol: SymbolInformation) => void
) {
const start = tree.spans[0];
const end = tree.spans[tree.spans.length - 1];
if (start && end) {
cb(
SymbolInformation.create(
tree.text,
symbolKindFromString(tree.kind),
Range.create(
fragment.positionAt(start.start),
fragment.positionAt(end.start + end.length)
),
fragment.getURL(),
container
)
);
}
if (tree.childItems) {
for (const child of tree.childItems) {
collectSymbols(child, tree.text, cb);
}
}
}
}