@testgorilla/tgo-typing-test 0.0.1 → 2.0.0

package/.eslintrc.json

@@ -21,7 +21,8 @@
             "prefix": "tgo",
             "style": "kebab-case"
           }
-        ]
+        ],
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "@testgorilla/tgo-typing-test",
-  "version": "0.0.1",
+  "version": "2.0.0",
   "peerDependencies": {
-    "@angular/common": "~18.2.13",
-    "@angular/core": "~18.2.13",
-    "@angular/animations": "~18.2.13",
-    "jest-preset-angular": "~14.2.4",
+    "@angular/common": "~19.2.17",
+    "@angular/core": "~19.2.17",
+    "@angular/animations": "~19.2.17",
+    "jest-preset-angular": "14.4.2",
     "rxjs": "~7.8.1"
   },
   "typings": "src/lib/types",
   "sideEffects": false,
   "license": "PROPRIETARY",
-  "publishConfig": {
-    "access": "restricted",
-    "registry": "https://registry.npmjs.org/"
-  },
   "displayName": "Typing Test",
   "description": "Typing Test component"
 }

package/src/lib/components/tgo-typing-replay-input/tgo-typing-replay-input.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
 import { setFunbox } from '../../helpers/config';
 import {
   initializeReplayPrompt,
@@ -13,13 +13,12 @@ import {
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'tgo-typing-replay-input',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './tgo-typing-replay-input.component.html',
-  styleUrls: ['../../styles/index.scss'],
+    selector: 'tgo-typing-replay-input',
+    imports: [CommonModule],
+    templateUrl: './tgo-typing-replay-input.component.html',
+    styleUrls: ['../../styles/index.scss']
 })
-export class TgoTypingReplayInputComponent implements OnInit {
+export class TgoTypingReplayInputComponent implements OnInit, AfterViewInit {
   @Input() replayExport: any;
   @Input() funbox = 'none';
   replayExportData: any;

package/src/lib/components/tgo-typing-test/tgo-typing-test.component.ts

@@ -57,49 +57,42 @@ import { disableCheckIfTimeIsUp } from '../../helpers/test/test-timer';
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'tgo-typing-test',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './tgo-typing-test.component.html',
-  styleUrl: '../../styles/index.scss',
-  animations: [
-    trigger('fadeIn', [
-      state('show', style({opacity: 1})),
-      state('hide', style({opacity: 0})),
-      transition('show => hide', [
-        animate('125ms')
-      ]),
-      transition('hide => show', [
-        animate('125ms')
-      ])
-    ]),
-    trigger('updatePositionCaret', [
-      state('true',
-        style({
-          top: '{{caretTopPos}}px',
-          left: '{{caretLeftPos}}px'
-        }),
-        {
-          params: {caretTopPos: 0, caretLeftPos: 0}
-        }
-      ),
-      state('false',
-        style({
-          top: '{{caretTopPos}}px',
-          left: '{{caretLeftPos}}px'
-        }),
-        {
-          params: {caretTopPos: 0, caretLeftPos: 0}
-        }
-      ),
-      transition('true => false', [
-        animate('100ms')
-      ]),
-      transition('false => true', [
-        animate('100ms')
-      ])
-    ])
-  ]
+    selector: 'tgo-typing-test',
+    imports: [CommonModule],
+    templateUrl: './tgo-typing-test.component.html',
+    styleUrl: '../../styles/index.scss',
+    animations: [
+        trigger('fadeIn', [
+            state('show', style({ opacity: 1 })),
+            state('hide', style({ opacity: 0 })),
+            transition('show => hide', [
+                animate('125ms')
+            ]),
+            transition('hide => show', [
+                animate('125ms')
+            ])
+        ]),
+        trigger('updatePositionCaret', [
+            state('true', style({
+                top: '{{caretTopPos}}px',
+                left: '{{caretLeftPos}}px'
+            }), {
+                params: { caretTopPos: 0, caretLeftPos: 0 }
+            }),
+            state('false', style({
+                top: '{{caretTopPos}}px',
+                left: '{{caretLeftPos}}px'
+            }), {
+                params: { caretTopPos: 0, caretLeftPos: 0 }
+            }),
+            transition('true => false', [
+                animate('100ms')
+            ]),
+            transition('false => true', [
+                animate('100ms')
+            ])
+        ])
+    ]
 })
 export class TgoTypingTestComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
   showCaps$: BehaviorSubject<boolean>;

package/src/lib/helpers/test/test-logic.ts

@@ -1,28 +1,28 @@
+import { BehaviorSubject, Subject } from 'rxjs';
 import Config from '../../helpers/config';
-import QuotesController from '../controllers/quotes-controller';
+import { MonkeyTypes } from '../../types/types';
 import * as Misc from '../../utils/misc';
-import * as ManualRestart from './manual-restart-tracker';
-import * as TestUI from './test-ui';
+import QuotesController from '../controllers/quotes-controller';
+import * as TimerEvent from '../observables/timer-event';
+import * as ActivePage from '../states/active-page';
+import * as PageTransition from '../states/page-transition';
+import * as TestActive from '../states/test-active';
+import * as Caret from './caret';
 import * as CustomText from './custom-text';
-import * as TestStats from './test-stats';
+import * as EnglishPunctuation from './english-punctuation';
 import * as Focus from './focus';
-import * as Caret from './caret';
-import * as TimerProgress from './timer-progress';
+import * as ManualRestart from './manual-restart-tracker';
 import * as OutOfFocus from './out-of-focus';
-import * as TestTimer from './test-timer';
 import * as Replay from './replay';
-import * as WeakSpot from './weak-spot';
-import * as Wordset from './wordset';
-import * as EnglishPunctuation from './english-punctuation';
-import * as ActivePage from '../states/active-page';
-import * as TestActive from '../states/test-active';
 import * as TestInput from './test-input';
 import * as TestState from './test-state';
+import * as TestStats from './test-stats';
+import * as TestTimer from './test-timer';
+import * as TestUI from './test-ui';
 import * as TestWords from './test-words';
-import * as PageTransition from '../states/page-transition';
-import { BehaviorSubject, Subject } from 'rxjs';
-import * as TimerEvent from '../observables/timer-event';
-import { MonkeyTypes } from '../../types/types';
+import * as TimerProgress from './timer-progress';
+import * as WeakSpot from './weak-spot';
+import * as Wordset from './wordset';
 
 let failReason = '';
 
@@ -436,7 +436,7 @@ async function getNextWord(
       let rq: MonkeyTypes.Quote | undefined | null = undefined;
       rq = randomQuote;
 
-      if (rq !== (undefined || null)) {
+      if (rq !== undefined && rq !== null) {
         rq.text = rq.text.replace(/ +/gm, ' ');
         rq.text = rq.text.replace(/\\\\t/gm, '\t');
         rq.text = rq.text.replace(/\\\\n/gm, '\n');
@@ -643,7 +643,7 @@ export async function init(): Promise<void> {
     const randomQuote = QuotesController.getRandomQuote();
     rq = randomQuote;
 
-    if (rq === (undefined || null)) return;
+    if (rq === undefined || rq === null) return;
 
     rq.text = rq.text.replace(/ +/gm, ' ');
     rq.text = rq.text.replace(/\\\\t/gm, '\t');

package/src/test-setup.ts

@@ -1 +1,20 @@
 import 'jest-preset-angular/setup-jest';
+
+// Global cleanup after each test
+afterEach(() => {
+  // Clear all timers
+  jest.clearAllTimers();
+  
+  // Clear all mocks
+  jest.clearAllMocks();
+  
+  // Clean up any DOM elements that might be lingering
+  const testContainers = document.querySelectorAll('[data-testid]');
+  testContainers.forEach((element) => {
+    try {
+      element.remove();
+    } catch (error) {
+      // Ignore errors during cleanup
+    }
+  });
+});