Nx MCP Server

import { css, html, LitElement } from 'lit'; import { EditorContext } from '@nx-console/shared-ui-components'; import { customElement, property, state } from 'lit/decorators.js'; @customElement('show-more-divider') export class ShowMoreDivider extends EditorContext(LitElement) { @property() showMore = false; render() { return html` <div class="flex flex-row items-center space-x-4 pl-4" @click=${this.toggleShowMore} data-cy="show-more" > <hr class="grow h-0 ${ this.editor === 'intellij' ? 'border-separator' : '' }" style="${ this.editor === 'vscode' ? 'border-top: calc(var(--border-width) * 1px) solid var(--separator-color);' : '' }" /> <div tabindex="0" aria-role="button" class="flex flex-row gap-2 leading-none focus:ring-1 focus:ring-focusBorder focus:outline-none" @keydown="${ this.handleKeyEvent }">${ this.showMore ? 'Show fewer options' : 'Show all options' } <icon-element icon="${ this.showMore ? 'chevron-up' : 'chevron-down' }" class="self-center"></div> </div> `; } handleKeyEvent(e: KeyboardEvent) { if (e.key === 'Enter' || e.key === ' ') { this.toggleShowMore(); } if (e.key === 'Tab' && !e.shiftKey && !this.showMore) { this.toggleShowMore(); } } toggleShowMore() { this.showMore = !this.showMore; this.dispatchEvent(new CustomEvent('show-more', { detail: this.showMore })); } protected createRenderRoot() { return this; } }