Audience: Coding agents/codegen tools [6] Goal: Ensure all generated code adheres to security rules, stylistic patterns, and uses Model Context Protocol (MCP) servers for dependency validation and complex task decomposition [2, 17].
The agent should use the following commands for automated execution and validation:
pnpm install [10]
| cd && echo "export PATH='$PATH:/home/master/.nvm/versions/node/v22.14.0/lib/node_modules/npm'" >> ~/.bash_aliases | |
| cd ~ && echo "export NODE_PATH='$NODE_PATH:/home/master/.nvm/versions/node/v22.14.0/lib/node_modules/npm/lib/node_modules'" >> ~/.bash_aliases |
| adam-bender.commit-message-editor | |
| adpyke.codesnap | |
| ahmadalli.vscode-nginx-conf | |
| ahmadawais.shades-of-purple | |
| alexkrechik.cucumberautocomplete | |
| andrew-codes.cypress-snippets | |
| angular.ng-template | |
| anysphere.pyright | |
| astro-build.astro-vscode | |
| atian25.copy-syntax |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Spirograph</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" |
| <!-- Add this before your HTML's closing body tag --> | |
| <script> | |
| Reveal.initialize({ | |
| controls: true, | |
| progress: true, | |
| history: true, | |
| center: true, | |
| plugins: [ | |
| RevealMarkdown, |
| it('should return expected user data (HttpClient called once)', () => { | |
| const mockUsers: User[] = [ | |
| { | |
| id: 1, | |
| name: 'User A', | |
| email: '[email protected]', | |
| username: 'userA', | |
| address: { | |
| street: 'sample street 1', | |
| suite: '123 ABC', |
| // replace the tests below | |
| it('should call the CounterService.getFromStorage method on component init', () => { | |
| jest.spyOn(CounterServiceMock, 'getFromStorage'); | |
| component.ngOnInit(); | |
| expect(component.counterService.getFromStorage).toHaveBeenCalled(); | |
| }); | |
| it('should retrieve the last saved value from CounterService on component init', () => { | |
| jest.spyOn(CounterServiceMock, 'getFromStorage').mockReturnValue(12); | |
| component.counterService.saveToStorage(12); |
| .cdk-overlay-container { | |
| display: block; | |
| &.z-index-top { | |
| z-index: 2050; | |
| } | |
| } | |
| .duplicate-modal-overlay { | |
| z-index: 999; | |
| } |
| <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]="popoverMenuOrigin!" | |
| [cdkConnectedOverlayOpen]="menuShown" [cdkConnectedOverlayHasBackdrop]="true" | |
| (backdropClick)="closeMenu()" | |
| [cdkConnectedOverlayPositions]="menuPositions" | |
| cdkConnectedOverlayPanelClass="menu-popover" | |
| > | |
| <div class="menu-popover__list"> | |
| <div class="menu-popover__list__item"> | |
| Duplicate | |
| </div> |
| import { AfterViewInit, ChangeDetectorRef, Directive, Input, OnChanges, Renderer2, SimpleChanges, inject } from '@angular/core'; | |
| @Directive({ | |
| selector: '[appPopoverPositionalClass]', | |
| standalone: true, | |
| }) | |
| export class PopoverPositionalClassDirective implements AfterViewInit, OnChanges { | |
| @Input() originY: string | undefined = 'top'; | |
| @Input() targetSelector!: string; | |
| @Input() inverseClass = ''; |