UNPKG

@shopify/theme-language-server-common

Version:

<h1 align="center" style="position: relative;" > <br> <img src="https://github.com/Shopify/theme-check-vscode/blob/main/images/shopify_glyph.png?raw=true" alt="logo" width="141" height="160"> <br> Theme Language Server </h1>

48 lines (41 loc) 1.4 kB
import { NodeTypes } from '@shopify/liquid-html-parser'; import { LiquidHtmlNode, GetDocDefinitionForURI } from '@shopify/theme-check-common'; import { Hover, HoverParams } from 'vscode-languageserver'; import { BaseHoverProvider } from '../BaseHoverProvider'; import { formatLiquidDocParameter } from '../../utils/liquidDoc'; export class RenderSnippetParameterHoverProvider implements BaseHoverProvider { constructor(private getDocDefinitionForURI: GetDocDefinitionForURI) {} async hover( currentNode: LiquidHtmlNode, ancestors: LiquidHtmlNode[], params: HoverParams, ): Promise<Hover | null> { const parentNode = ancestors.at(-1); if ( currentNode.type !== NodeTypes.NamedArgument || !parentNode || parentNode.type !== NodeTypes.RenderMarkup || parentNode.snippet.type !== NodeTypes.String ) { return null; } const docDefinition = await this.getDocDefinitionForURI( params.textDocument.uri, 'snippets', parentNode.snippet.value, ); const paramName = currentNode.name; const hoveredParameter = docDefinition?.liquidDoc?.parameters?.find( (parameter) => parameter.name === paramName, ); if (!hoveredParameter) { return null; } return { contents: { kind: 'markdown', value: formatLiquidDocParameter(hoveredParameter, true), }, }; } }