@testgorilla/tgo-typing-test 0.0.1

package/.eslintrc.json

@@ -0,0 +1,45 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "tgo",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "tgo",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nx/angular-template"],
+      "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": [
+          "error",
+          {
+            "ignoredFiles": ["{projectRoot}/eslint.config.{js,cjs,mjs}"]
+          }
+        ]
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,95 @@
+# @testgorilla/tgo-typing-test
+
+Typing Test component for TestGorilla assessments.
+
+## Installation
+
+```bash
+npm install @testgorilla/tgo-typing-test
+```
+
+## Usage
+
+```typescript
+import { TgoTypingTestComponent } from '@testgorilla/tgo-typing-test';
+
+@Component({
+  imports: [TgoTypingTestComponent],
+  template: `
+    <tgo-typing-test
+      [time]="time!"
+      [showMiniTimerAndLiveWpm]="false"
+      [punctuation]="_typingTestMode?.punctuation!"
+      [numbers]="_typingTestMode?.numbers!"
+      [customTGQuotes]="_typingTestMode?.sentences!"
+      [funbox]="_typingTestMode?.funbox!"
+      [restartTest]="false"
+      [testVersion]="(test$ | async)?.test_version ?? 1"
+      [testExpiration$]="testExpiration$"
+      (replayExport)="updateTypingSnapshots($event)"
+      (resultEvent)="updateTypingTest($event)"
+      (errorEvent)="handleError($event)"
+    >
+    </tgo-typing-test>
+  `,
+})
+export class MyComponent {}
+```
+
+## API
+
+### Inputs
+
+| Name                    | Type              | Required | Default | Description                                      |
+| ----------------------- | ----------------- | -------- | ------- | ------------------------------------------------ |
+| time                    | number            | No       | 180     | Test duration in seconds                         |
+| showMiniTimerAndLiveWpm | boolean           | No       | true    | Show mini timer and live WPM display             |
+| punctuation             | boolean           | No       | false   | Include punctuation in test                      |
+| numbers                 | boolean           | No       | false   | Include numbers in test                          |
+| customTGQuotes          | boolean           | No       | false   | Use custom TestGorilla quotes/sentences          |
+| funbox                  | string            | No       | 'none'  | Funbox mode for visual effects                   |
+| restartTest             | boolean           | No       | false   | Trigger to restart the test                      |
+| testVersion             | number            | No       | 1       | Test version for sentence variations             |
+| testExpiration$         | Observable\<void\>| No       | -       | Observable to trigger test expiration externally |
+
+### Outputs
+
+| Name         | Type                  | Description                              |
+| ------------ | --------------------- | ---------------------------------------- |
+| resultEvent  | EventEmitter\<any\>   | Emits test results when test completes   |
+| replayExport | EventEmitter\<any\>   | Emits replay data for test playback      |
+| errorEvent   | EventEmitter\<string\>| Emits error messages (e.g., network errors)|
+
+---
+
+## TgoTypingReplayInputComponent
+
+```typescript
+import { TgoTypingReplayInputComponent } from '@testgorilla/tgo-typing-test';
+
+@Component({
+  imports: [TgoTypingReplayInputComponent],
+  template: `
+    <tgo-typing-replay-input
+      [replayExport]="replayData"
+      [funbox]="funbox"
+      class="funbox"
+      data-testid="candidate.typing-report.replay-input"
+    ></tgo-typing-replay-input>
+  `,
+})
+export class MyComponent {}
+```
+
+## API
+
+### Inputs
+
+| Name        | Type   | Required | Default | Description                                  |
+| ----------- | ------ | -------- | ------- | -------------------------------------------- |
+| replayExport| any    | Yes      | -       | Replay data exported from TgoTypingTestComponent|
+| funbox      | string | No       | 'none'  | Funbox mode for visual effects (must match original test)|
+
+### Outputs
+
+This component has no outputs. It automatically plays the replay after initialization.

package/jest.config.ts

@@ -0,0 +1,21 @@
+export default {
+  displayName: 'tgo-typing-test',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../coverage/packages/tgo-typing-test',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

package/ng-package.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/packages/tgo-typing-test",
+  "assets": [
+    {
+      "glob": "**/*",
+      "input": "./src/assets",
+      "output": "./assets"
+    }
+  ],
+  "lib": {
+    "entryFile": "./src/index.ts"
+  },
+  "allowedNonPeerDependencies": []
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@testgorilla/tgo-typing-test",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "~18.2.13",
+    "@angular/core": "~18.2.13",
+    "@angular/animations": "~18.2.13",
+    "jest-preset-angular": "~14.2.4",
+    "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/project.json

@@ -0,0 +1,36 @@
+{
+  "name": "tgo-typing-test",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/tgo-typing-test/src",
+  "prefix": "tgo",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+      "options": {
+        "project": "packages/tgo-typing-test/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "packages/tgo-typing-test/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "packages/tgo-typing-test/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "packages/tgo-typing-test/jest.config.ts"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    }
+  }
+}

package/src/assets/typing-test-languages/english.json

@@ -0,0 +1,207 @@
+{
+  "name": "english",
+  "leftToRight": true,
+  "noLazyMode": true,
+  "words": [
+    "the",
+    "be",
+    "of",
+    "and",
+    "a",
+    "to",
+    "in",
+    "he",
+    "have",
+    "it",
+    "that",
+    "for",
+    "they",
+    "I",
+    "with",
+    "as",
+    "not",
+    "on",
+    "she",
+    "at",
+    "by",
+    "this",
+    "we",
+    "you",
+    "do",
+    "but",
+    "from",
+    "or",
+    "which",
+    "one",
+    "would",
+    "all",
+    "will",
+    "there",
+    "say",
+    "who",
+    "make",
+    "when",
+    "can",
+    "more",
+    "if",
+    "no",
+    "man",
+    "out",
+    "other",
+    "so",
+    "what",
+    "time",
+    "up",
+    "go",
+    "about",
+    "than",
+    "into",
+    "could",
+    "state",
+    "only",
+    "new",
+    "year",
+    "some",
+    "take",
+    "come",
+    "these",
+    "know",
+    "see",
+    "use",
+    "get",
+    "like",
+    "then",
+    "first",
+    "any",
+    "work",
+    "now",
+    "may",
+    "such",
+    "give",
+    "over",
+    "think",
+    "most",
+    "even",
+    "find",
+    "day",
+    "also",
+    "after",
+    "way",
+    "many",
+    "must",
+    "look",
+    "before",
+    "great",
+    "back",
+    "through",
+    "long",
+    "where",
+    "much",
+    "should",
+    "well",
+    "people",
+    "down",
+    "own",
+    "just",
+    "because",
+    "good",
+    "each",
+    "those",
+    "feel",
+    "seem",
+    "how",
+    "high",
+    "too",
+    "place",
+    "little",
+    "world",
+    "very",
+    "still",
+    "nation",
+    "hand",
+    "old",
+    "life",
+    "tell",
+    "write",
+    "become",
+    "here",
+    "show",
+    "house",
+    "both",
+    "between",
+    "need",
+    "mean",
+    "call",
+    "develop",
+    "under",
+    "last",
+    "right",
+    "move",
+    "thing",
+    "general",
+    "school",
+    "never",
+    "same",
+    "another",
+    "begin",
+    "while",
+    "number",
+    "part",
+    "turn",
+    "real",
+    "leave",
+    "might",
+    "want",
+    "point",
+    "form",
+    "off",
+    "child",
+    "few",
+    "small",
+    "since",
+    "against",
+    "ask",
+    "late",
+    "home",
+    "interest",
+    "large",
+    "person",
+    "end",
+    "open",
+    "public",
+    "follow",
+    "during",
+    "present",
+    "without",
+    "again",
+    "hold",
+    "govern",
+    "around",
+    "possible",
+    "head",
+    "consider",
+    "word",
+    "program",
+    "problem",
+    "however",
+    "lead",
+    "system",
+    "set",
+    "order",
+    "eye",
+    "plan",
+    "run",
+    "keep",
+    "face",
+    "fact",
+    "group",
+    "play",
+    "stand",
+    "increase",
+    "early",
+    "course",
+    "change",
+    "help",
+    "line"
+  ]
+}

package/src/assets/typing-test-languages/english_punctuation.json

@@ -0,0 +1,18 @@
+[
+  ["are", "aren't"],
+  ["can", "can't"],
+  ["could", "couldn't"],
+  ["did", "didn't"],
+  ["does", "doesn't"],
+  ["do", "don't"],
+  ["had", "hadn't"],
+  ["has", "hasn't"],
+  ["have", "haven't"],
+  ["is", "isn't"],
+  ["must", "mustn't"],
+  ["should", "shouldn't"],
+  ["was", "wasn't"],
+  ["were", "weren't"],
+  ["will", "won't"],
+  ["would", "wouldn't"]
+]