@testgorilla/tgo-ai-interview-test 0.0.1 → 2.0.0

package/.eslintrc.json

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

package/README.md

@@ -32,6 +32,38 @@ import { AiInterviewTestComponent } from '@testgorilla/tgo-ai-interview-test';
 export class MyComponent {}
 ```
 
+## Assets (translations)
+
+This package ships its translations under `assets/i18n`. Consumer apps must copy these assets into their build output so Transloco can load them at runtime.
+
+- **Angular CLI / Nx**: add an `assets` entry pointing at the package:
+
+```json
+{
+  "assets": [
+    "src/favicon.ico",
+    "src/assets",
+    {
+      "glob": "**/*",
+      "input": "node_modules/@testgorilla/tgo-ai-interview-test/assets",
+      "output": "assets/tgo-ai-interview-test"
+    }
+  ]
+}
+```
+
+If you develop inside this repo (consuming the workspace sources), also include the local path:
+
+```json
+{
+  "glob": "**/*",
+  "input": "packages/tgo-ai-interview-test/src/assets",
+  "output": "assets/tgo-ai-interview-test"
+}
+```
+
+After adding the asset entries, rebuild/re-serve your app so `/assets/tgo-ai-interview-test/i18n/en.json` is available.
+
 ## API
 
 ### Inputs

package/jest.config.ts

@@ -6,7 +6,8 @@ export default {
   testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/*.spec.[jt]s?(x)'],
   testPathIgnorePatterns: ['/node_modules/', '/src/lib/models/'],
   moduleNameMapper: {
-    '^@testgorilla/tgo-ui$': '<rootDir>/../tgo-test-shared/src/test-mocks/tgo-ui.mock.ts',
+    '^@testgorilla/tgo-ui$': '<rootDir>/../shared/src/test-mocks/tgo-ui.mock.ts',
+    '^@testgorilla/tgo-test-shared$': '<rootDir>/src/shared/index.ts',
   },
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
@@ -26,4 +27,3 @@ export default {
     'jest-preset-angular/build/serializers/html-comment',
   ],
 };
-

package/package.json

@@ -1,25 +1,19 @@
 {
   "name": "@testgorilla/tgo-ai-interview-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",
+    "@angular/common": "~19.2.17",
+    "@angular/core": "~19.2.17",
+    "@angular/animations": "~19.2.17",
     "@ngneat/transloco": "~4.3.0",
-    "@testgorilla/tgo-ui": "~3.14.10",
-    "@testgorilla/tgo-test-shared": "~0.0.1",
+    "@testgorilla/tgo-ui": "~4.0.0",
     "@daily-co/daily-js": "^0.79.0",
-    "jest-preset-angular": "~14.2.4",
+    "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": "AI Interview",
   "description": "AI Interview component"
 }
-

package/project.json

@@ -7,6 +7,18 @@
   "tags": [],
   "targets": {
     "build": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/tgo-ai-interview-test"],
+      "options": {
+        "commands": [
+          "nx run tgo-ai-interview-test:package",
+          "node scripts/replace-shared-alias.js dist/packages/tgo-ai-interview-test @testgorilla/tgo-test-shared"
+        ],
+        "parallel": false,
+        "forwardAllArgs": false
+      }
+    },
+    "package": {
       "executor": "@nx/angular:package",
       "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
       "options": {
@@ -34,4 +46,3 @@
     }
   }
 }
-

package/src/lib/components/ai-interview-test/ai-interview-test.component.spec.ts

@@ -74,24 +74,25 @@ describe('AiInterviewTestComponent', () => {
         AiInterviewTestComponent,
       ],
       schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA],
+      providers: [
+        { provide: TranslocoService, useValue: transLocoServiceMock },
+        { provide: MediaService, useValue: mockedMediaService },
+        {
+          provide: ChangeDetectorRef,
+          useValue: { markForCheck: jest.fn() },
+        },
+        {
+          provide: ThemeService,
+          useValue: {
+            uiTheme: 'dark',
+            getCompanyColor: jest.fn().mockReturnValue('#D410AA'),
+          },
+        },
+      ],
     })
       .overrideComponent(AiInterviewTestComponent, {
-        add: {
-          providers: [
-            { provide: TranslocoService, useValue: transLocoServiceMock },
-            { provide: MediaService, useValue: mockedMediaService },
-            {
-              provide: ChangeDetectorRef,
-              useValue: { markForCheck: jest.fn() },
-            },
-            {
-              provide: ThemeService,
-              useValue: {
-                uiTheme: 'dark',
-                getCompanyColor: jest.fn().mockReturnValue('#D410AA'),
-              },
-            },
-          ],
+        set: {
+          template: '',
         },
       })
       .compileComponents();

package/src/lib/components/ai-interview-test/ai-interview-test.component.ts

@@ -43,37 +43,36 @@ import {
 import { IQuestionDataContract } from '../../models';
 
 @Component({
-  selector: 'tgo-ai-interview-test',
-  templateUrl: './ai-interview-test.component.html',
-  styleUrl: './ai-interview-test.component.scss',
-  animations: [
-    trigger('fadeInFadeOut', [
-      transition(':enter', [
-        style({ opacity: 0 }),
-        animate('600ms', style({ opacity: 1 })),
-      ]),
-      transition(':leave', [animate('600ms', style({ opacity: 0 }))]),
-    ]),
-  ],
-  standalone: true,
-  imports: [
-    TranslocoModule,
-    ButtonComponentModule,
-    IconComponentModule,
-    CommonModule,
-    AudioAnimationComponent,
-    InterviewStreamComponent,
-  ],
-  providers: [
-    TranslocoLazyModuleUtils.getScopeProvider(
-      'tgo-ai-interview-test',
-      getAvailableLangs(),
-      ROOT_TRANSLATIONS_SCOPE,
-      (lang: string) => import(`../../../assets/i18n/${lang}.json`)
-    ),
-    DialogService,
-    ThemeService,
-  ],
+    selector: 'tgo-ai-interview-test',
+    templateUrl: './ai-interview-test.component.html',
+    styleUrl: './ai-interview-test.component.scss',
+    animations: [
+        trigger('fadeInFadeOut', [
+            transition(':enter', [
+                style({ opacity: 0 }),
+                animate('600ms', style({ opacity: 1 })),
+            ]),
+            transition(':leave', [animate('600ms', style({ opacity: 0 }))]),
+        ]),
+    ],
+    imports: [
+        TranslocoModule,
+        ButtonComponentModule,
+        IconComponentModule,
+        CommonModule,
+        AudioAnimationComponent,
+        InterviewStreamComponent,
+    ],
+    providers: [
+        TranslocoLazyModuleUtils.getScopeProvider('tgo-ai-interview-test', getAvailableLangs(), ROOT_TRANSLATIONS_SCOPE, (lang: string) => {
+            // Fetch from app assets; demo app copies the library assets to
+            // /assets/tgo-ai-interview-test via project.json.
+            const url = new URL(`assets/tgo-ai-interview-test/i18n/${lang}.json`, document.baseURI).href;
+            return fetch(url).then((res) => res.json());
+        }),
+        DialogService,
+        ThemeService,
+    ]
 })
 export class AiInterviewTestComponent
   implements OnInit, OnDestroy, IQuestionDataContract

package/src/lib/components/interview-stream/interview-stream.component.spec.ts

@@ -22,32 +22,6 @@ class MediaStreamTrackMock {
   }
 }
 
-// Mock Daily.co
-jest.mock('@daily-co/daily-js', () => {
-  const mockCallObject = {
-    on: jest.fn().mockReturnThis(),
-    off: jest.fn().mockReturnThis(),
-    join: jest.fn().mockResolvedValue(undefined),
-    leave: jest.fn(),
-    destroy: jest.fn(),
-    stopRecording: jest.fn(),
-    setInputDevicesAsync: jest.fn().mockResolvedValue(undefined),
-    startRecording: jest.fn(),
-    sendAppMessage: jest.fn(),
-  };
-
-  const mockDailyIframe = {
-    getCallInstance: jest.fn().mockReturnValue(null),
-    createCallObject: jest.fn().mockReturnValue(mockCallObject),
-  };
-
-  return {
-    __esModule: true,
-    default: mockDailyIframe,
-    DailyIframe: mockDailyIframe,
-  };
-});
-
 describe('InterviewStreamComponent', () => {
   let component: InterviewStreamComponent;
   let fixture: ComponentFixture<InterviewStreamComponent>;

package/src/lib/components/interview-stream/interview-stream.component.ts

@@ -46,11 +46,10 @@ interface EventData {
 }
 
 @Component({
-  selector: 'tgo-interview-stream',
-  templateUrl: './interview-stream.component.html',
-  styleUrls: ['./interview-stream.component.scss'],
-  standalone: true,
-  imports: [CommonModule, InterviewVideoComponent],
+    selector: 'tgo-interview-stream',
+    templateUrl: './interview-stream.component.html',
+    styleUrls: ['./interview-stream.component.scss'],
+    imports: [CommonModule, InterviewVideoComponent]
 })
 export class InterviewStreamComponent implements OnInit, OnDestroy {
   @Input() conversationUrl: string | undefined;

package/src/lib/components/interview-video/interview-video.component.ts

@@ -2,11 +2,10 @@ import { Component, Input, OnInit, SimpleChanges, OnChanges } from '@angular/cor
 import { CommonModule } from '@angular/common';
 
 @Component({
-  selector: 'tgo-interview-video',
-  templateUrl: './interview-video.component.html',
-  styleUrls: ['./interview-video.component.scss'],
-  standalone: true,
-  imports: [CommonModule],
+    selector: 'tgo-interview-video',
+    templateUrl: './interview-video.component.html',
+    styleUrls: ['./interview-video.component.scss'],
+    imports: [CommonModule]
 })
 export class InterviewVideoComponent implements OnInit, OnChanges {
   @Input() videoTrack: MediaStreamTrack | undefined;

package/src/test-setup.ts

@@ -1,4 +1,6 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
 
 // Mock HTMLMediaElement.play() for jsdom
 Object.defineProperty(HTMLMediaElement.prototype, 'play', {
@@ -8,21 +10,67 @@ Object.defineProperty(HTMLMediaElement.prototype, 'play', {
 
 // Mock @daily-co/daily-js
 jest.mock('@daily-co/daily-js', () => {
+  const mockCallObject = {
+    on: jest.fn().mockReturnThis(),
+    off: jest.fn().mockReturnThis(),
+    join: jest.fn().mockResolvedValue(undefined),
+    leave: jest.fn(),
+    destroy: jest.fn(),
+    stopRecording: jest.fn(),
+    setInputDevicesAsync: jest.fn().mockResolvedValue(undefined),
+    startRecording: jest.fn(),
+    sendAppMessage: jest.fn(),
+  };
+
+  const mockDailyIframe = {
+    getCallInstance: jest.fn().mockReturnValue(null),
+    createCallObject: jest.fn().mockReturnValue(mockCallObject),
+  };
+
   return {
-    default: jest.fn().mockImplementation(() => ({
-      createCallObject: jest.fn().mockReturnValue({
-        join: jest.fn(),
-        leave: jest.fn(),
-        destroy: jest.fn(),
-        setInputDevicesAsync: jest.fn(),
-        startRecording: jest.fn(),
-        stopRecording: jest.fn(),
-        sendAppMessage: jest.fn(),
-        on: jest.fn(),
-        off: jest.fn(),
-      }),
-      getCallInstance: jest.fn(),
-    })),
+    __esModule: true,
+    default: mockDailyIframe,
+    DailyIframe: mockDailyIframe,
   };
 });
 
+// Global cleanup for media elements after each test
+afterEach(() => {
+  // Clean up all audio and video elements in the DOM
+  const audioElements = Array.from(document.querySelectorAll('audio'));
+  const videoElements = Array.from(document.querySelectorAll('video'));
+
+  [...audioElements, ...videoElements].forEach((element) => {
+    const mediaElement = element as HTMLMediaElement;
+    try {
+      mediaElement.pause();
+      mediaElement.src = '';
+      mediaElement.srcObject = null;
+      // Remove event listeners by cloning
+      const newElement = mediaElement.cloneNode(false);
+      mediaElement.parentNode?.replaceChild(newElement, mediaElement);
+    } catch (error) {
+      // Ignore errors during cleanup
+    }
+  });
+
+  // Clean up MediaStream tracks
+  if (window.MediaStream) {
+    // Stop any active MediaStream tracks
+    const streams = Array.from(document.querySelectorAll('video, audio'));
+    streams.forEach((element) => {
+      const mediaElement = element as HTMLMediaElement;
+      if (mediaElement.srcObject instanceof MediaStream) {
+        mediaElement.srcObject.getTracks().forEach((track) => {
+          track.stop();
+        });
+        mediaElement.srcObject = null;
+      }
+    });
+  }
+
+  // Revoke any object URLs that might have been created
+  // Note: This is a best-effort cleanup since we can't track all created URLs
+  // Components should clean up their own object URLs in ngOnDestroy
+});
+

package/tsconfig.json

@@ -1,6 +1,9 @@
 {
   "compilerOptions": {
-    "target": "es2022"
+    "target": "es2022",
+    "paths": {
+      "@testgorilla/tgo-test-shared": ["./src/shared/index.ts"]
+    }
   },
   "files": [],
   "include": [],

package/tsconfig.lib.json

@@ -5,11 +5,16 @@
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "types": [
-      "node",
-    ]
+    "baseUrl": "../../",
+    "moduleResolution": "node",
+    "paths": {
+      "@testgorilla/tgo-test-shared": ["packages/tgo-ai-interview-test/src/shared/index.ts"]
+    }
+  },
+  "angularCompilerOptions": {
+    "preserveWhitespaces": false
   },
   "exclude": ["src/**/*.spec.ts", "src/test-setup.ts", "jest.config.ts", "src/**/*.test.ts"],
-  "include": ["src/**/*.ts"]
+  "include": ["src/**/*.ts", "src/shared/**/*.ts"]
 }
 

package/tsconfig.lib.prod.json

@@ -1,7 +1,8 @@
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
-    "declarationMap": false
+    "declarationMap": false,
+    "rootDir": "../../"
   },
   "angularCompilerOptions": {
     "compilationMode": "partial"

package/tsconfig.spec.json

@@ -4,10 +4,14 @@
     "outDir": "../../dist/out-tsc",
     "module": "commonjs",
     "target": "es2016",
-    "types": ["jest", "node"]
+    "types": ["jest", "node"],
+    "baseUrl": "../../",
+    "paths": {
+      "@testgorilla/tgo-test-shared": ["packages/tgo-ai-interview-test/src/shared/index.ts"]
+    }
   },
   "files": ["src/test-setup.ts"],
-  "include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts"],
+  "include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts", "src/shared/**/*.ts"],
   "exclude": ["src/lib/models/test.ts"]
 }