@testgorilla/tgo-coding-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/README.md

@@ -113,6 +113,54 @@ import { TgoCodingTestCandidateViewComponent } from '@testgorilla/tgo-coding-tes
 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-coding-test/assets",
+      "output": "assets/tgo-coding-test"
+    }
+  ]
+}
+```
+
+If you develop inside this repo (consuming the workspace sources), also include the local path:
+
+```json
+{
+  "glob": "**/*",
+  "input": "packages/tgo-coding-test/src/assets",
+  "output": "assets/tgo-coding-test"
+}
+```
+
+After adding the asset entries, rebuild/re-serve your app so `/assets/tgo-coding-test/i18n/en.json` is available.
+
+## Mocking ApiService for demo/local runs
+
+The candidate view includes a mocked API service for demos. To use it:
+
+1. In `tgo-coding-test-candidate-view.component.ts`, uncomment the mock provider and comment the real one:
+
+```typescript
+// use MockedApiService for local demo only
+{ provide: ApiService, useClass: MockedApiService },
+// ApiService,
+```
+
+2. Ensure `MockedApiService` is imported at the top of the file.
+
+This lets the component run without live backend calls when serving the demo app.
+
 ## API
 
 ### TgoCodingTestComponent
@@ -196,7 +244,6 @@ This library requires the following peer dependencies:
 - `@angular/router` ^18.2.13
 - `@ngneat/transloco` ~4.3.0
 - `@ngneat/until-destroy` 10.0.0
-- `@testgorilla/tgo-test-shared` ^0.0.1
 - `@testgorilla/tgo-ui` ^3.0.0
 - `angular-split` ^18.0.0
 - `monaco-editor` 0.50.0
@@ -218,7 +265,7 @@ All required services, models, and components are included within this library:
 - `CoderunnerApiService` - API service for code execution
 - `CodingTestConfigService` - Provides access to library configuration (injects configuration token internally)
 - `ThemeService` - Provides theme/company color configuration
-- `Question`, `TestResultRead`, `Assessment`, `ISubmissionState` - Type definitions from `@testgorilla/tgo-test-shared`
+- `Question`, `TestResultRead`, `Assessment`, `ISubmissionState` - Type definitions (bundled from shared code)
 - `CodeEditorComponent`, `CodingQuestionComponent`, `RunnableEditorComponent` - UI components
 - `TranslocoLazyModuleUtils`, `getAvailableLangs` - Translation utilities
 

package/jest.config.ts

@@ -12,7 +12,12 @@ export default {
       },
     ],
   },
-  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$|lodash-es|@testgorilla/tgo-ui|ng2-charts|quill|ngx-quill|parchment)'],
+  moduleNameMapper: {
+    '^@testgorilla/tgo-test-shared$': '<rootDir>/src/shared/index.ts',
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!.*\\.mjs$|lodash-es|@testgorilla/tgo-ui|ng2-charts|quill|ngx-quill|parchment)',
+  ],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',

package/package.json

@@ -1,33 +1,28 @@
 {
   "name": "@testgorilla/tgo-coding-test",
-  "version": "0.0.1",
+  "version": "2.0.0",
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/material": "18.2.14",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.2.17",
+    "@angular/common": "^19.2.17",
+    "@angular/core": "^19.2.17",
+    "@angular/forms": "^19.2.17",
+    "@angular/material": "19.2.19",
+    "@angular/router": "^19.2.17",
     "@ngneat/transloco": "~4.3.0",
     "@ngneat/until-destroy": "10.0.0",
-    "@testgorilla/tgo-test-shared": "^0.0.1",
-    "@testgorilla/tgo-ui": "^3.0.0",
-    "angular-split": "^18.0.0",
-    "jest-preset-angular": "~14.2.4",
-    "monaco-editor": "0.50.0",
+    "@testgorilla/tgo-ui": "^4.0.0",
+    "angular-split": "^19.0.0",
+    "jest-preset-angular": "14.4.2",
+    "monaco-editor": "0.52.2",
     "ngx-guided-tour": "^2.0.1",
-    "ngx-monaco-editor-v2": "^18.1.0",
-    "ngx-quill": "^26.0.10",
-    "ngx-webstorage": "^18.0.0",
+    "ngx-monaco-editor-v2": "^19.0.2",
+    "ngx-quill": "^27.1.2",
+    "ngx-webstorage": "^19.0.1",
     "quill": "^2.0.3",
     "rxjs": "~7.8.1"
   },
   "sideEffects": false,
   "license": "PROPRIETARY",
-  "publishConfig": {
-    "access": "restricted",
-    "registry": "https://registry.npmjs.org/"
-  },
   "displayName": "Coding test",
   "description": "Coding test component"
 }

package/project.json

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

package/src/lib/components/code-editor/code-editor.component.ts

@@ -33,12 +33,11 @@ import { CodingSnapshot } from './models/coding-snapshot.model';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-code-editor',
-  templateUrl: './code-editor.component.html',
-  styleUrls: ['./code-editor.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, FormsModule, MonacoEditorModule],
+    selector: 'tgo-code-editor',
+    templateUrl: './code-editor.component.html',
+    styleUrls: ['./code-editor.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule, FormsModule, MonacoEditorModule]
 })
 export class CodeEditorComponent implements OnInit, OnDestroy, OnChanges {
   private readonly libCodingTestService = inject(LibCodingTestService);

package/src/lib/components/coding-question/coding-question.component.scss

@@ -1,4 +1,4 @@
-@import "../../styles/mixins";
+@import '../../styles/mixins';
 
 @include as-split-styles();
 
@@ -8,21 +8,11 @@
 }
 
 .main-container {
-  $base: &;
   height: 100%;
   padding: 32px 50px 40px 50px;
   display: flex;
   justify-content: center;
 
-  &#{$base}-fullscreen {
-    padding: 0;
-
-    .main-card {
-      max-height: calc(100vh - 80px);
-      max-width: 100vw;
-    }
-  }
-
   &-mobile {
     padding: 20px 16px 0;
   }
@@ -32,7 +22,7 @@
     height: 100%;
     max-height: 750px;
     max-width: 1280px;
-    padding: 0!important;
+    padding: 0 !important;
     box-shadow: 0 8px 24px 4px rgba(0, 0, 0, 0.08);
     background-color: var(--bg-mat-card) !important;
 
@@ -43,6 +33,15 @@
       max-height: 100%;
     }
   }
+
+  &-fullscreen {
+    padding: 0;
+
+    .main-card {
+      max-height: calc(100vh - 80px);
+      max-width: 100vw;
+    }
+  }
 }
 
 .fullscreen-btn {
@@ -73,4 +72,4 @@
       fill: var(--icon-bg-color);
     }
   }
-}
+}

package/src/lib/components/coding-question/coding-question.component.ts

@@ -32,19 +32,18 @@ import { RunnableEditorComponent } from '../runnable-editor/runnable-editor.comp
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-coding-question',
-  templateUrl: './coding-question.component.html',
-  styleUrls: ['./coding-question.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    MatCardModule,
-    AngularSplitModule,
-    ButtonComponentModule,
-    InstructionsComponent,
-    RunnableEditorComponent,
-  ],
+    selector: 'tgo-coding-question',
+    templateUrl: './coding-question.component.html',
+    styleUrls: ['./coding-question.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        MatCardModule,
+        AngularSplitModule,
+        ButtonComponentModule,
+        InstructionsComponent,
+        RunnableEditorComponent,
+    ]
 })
 export class CodingQuestionComponent implements OnInit, OnDestroy {
   private readonly changeDetectorRef = inject(ChangeDetectorRef);

package/src/lib/components/coding-section/coding-section.component.ts

@@ -28,21 +28,20 @@ import { CodeEditorComponent } from '../code-editor/code-editor.component';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-coding-section',
-  templateUrl: './coding-section.component.html',
-  styleUrls: ['./coding-section.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    TooltipComponentModule,
-    DropdownComponentModule,
-    ButtonComponentModule,
-    SpinnerComponentModule,
-    MemoizeFuncPipe,
-    CodeEditorComponent,
-  ],
+    selector: 'tgo-coding-section',
+    templateUrl: './coding-section.component.html',
+    styleUrls: ['./coding-section.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        ReactiveFormsModule,
+        TooltipComponentModule,
+        DropdownComponentModule,
+        ButtonComponentModule,
+        SpinnerComponentModule,
+        MemoizeFuncPipe,
+        CodeEditorComponent,
+    ]
 })
 export class CodingSectionComponent implements OnInit, OnChanges {
   private readonly configurationsService = inject(ConfigurationsService);

package/src/lib/components/common/truncated-text/truncated-text.component.ts

@@ -5,12 +5,11 @@ import { MemoizeFuncPipe } from '../../../pipes/memoize-func.pipe';
 const DEFAULT_MAX_CHARACTERS = 135;
 
 @Component({
-  standalone: true,
-  selector: 'tgo-truncated-text',
-  templateUrl: './truncated-text.component.html',
-  styleUrls: ['./truncated-text.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, MemoizeFuncPipe],
+    selector: 'tgo-truncated-text',
+    templateUrl: './truncated-text.component.html',
+    styleUrls: ['./truncated-text.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule, MemoizeFuncPipe]
 })
 export class TruncatedTextComponent implements OnChanges {
   @Input() text = '';

package/src/lib/components/configurations/configurations.component.ts

@@ -14,19 +14,18 @@ import { PanelComponent } from '../panel/panel.component';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-code-configurations',
-  templateUrl: 'configurations.component.html',
-  styleUrls: ['configurations.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    DropdownComponentModule,
-    ToggleComponentModule,
-    MemoizeFuncPipe,
-    PanelComponent,
-  ],
+    selector: 'tgo-code-configurations',
+    templateUrl: 'configurations.component.html',
+    styleUrls: ['configurations.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        ReactiveFormsModule,
+        DropdownComponentModule,
+        ToggleComponentModule,
+        MemoizeFuncPipe,
+        PanelComponent,
+    ]
 })
 export class ConfigurationsComponent implements OnInit {
   private readonly fb = inject(FormBuilder);

package/src/lib/components/instructions/instructions.component.scss

@@ -131,6 +131,12 @@
   height: auto;
   .table-q {
     width: 100%;
+
+    @supports (-moz-appearance: none) {
+      // Firefox-specific override - fix table collapsed width
+      width: auto;
+    }
+
     border-collapse: collapse;
     border-radius: 5px;
     table-layout: fixed;
@@ -164,4 +170,4 @@
   &.ql-blank::before {
     color: var(--secondary-text-color);
   }
-}
+}

package/src/lib/components/instructions/instructions.component.ts

@@ -23,18 +23,17 @@ class TGOTableContainer extends TableContainer {
 }
 
 @Component({
-  standalone: true,
-  selector: 'tgo-code-instructions',
-  templateUrl: 'instructions.component.html',
-  styleUrls: ['instructions.component.scss'],
-  imports: [
-    CommonModule,
-    QuillModule,
-    TooltipComponentModule,
-    IconComponentModule,
-    DividerComponentModule,
-    MemoizeFuncPipe,
-  ],
+    selector: 'tgo-code-instructions',
+    templateUrl: 'instructions.component.html',
+    styleUrls: ['instructions.component.scss'],
+    imports: [
+        CommonModule,
+        QuillModule,
+        TooltipComponentModule,
+        IconComponentModule,
+        DividerComponentModule,
+        MemoizeFuncPipe,
+    ]
 })
 export class InstructionsComponent implements OnInit {
   private readonly libCodingTestService = inject(LibCodingTestService);

package/src/lib/components/panel/panel.component.ts

@@ -13,12 +13,11 @@ import { CommonModule } from '@angular/common';
 import { ButtonComponentModule } from '@testgorilla/tgo-ui';
 
 @Component({
-  standalone: true,
-  selector: 'tgo-code-panel',
-  templateUrl: 'panel.component.html',
-  styleUrls: ['panel.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, MatSidenavModule, ButtonComponentModule],
+    selector: 'tgo-code-panel',
+    templateUrl: 'panel.component.html',
+    styleUrls: ['panel.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule, MatSidenavModule, ButtonComponentModule]
 })
 export class PanelComponent implements OnChanges {
   @Input() heading: string;

package/src/lib/components/runnable-editor/runnable-editor.component.ts

@@ -39,18 +39,17 @@ import { TestResultsComponent } from '../tests/test-results.component';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-runnable-editor',
-  templateUrl: './runnable-editor.component.html',
-  styleUrls: ['./runnable-editor.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    AngularSplitModule,
-    CodingSectionComponent,
-    ConfigurationsComponent,
-    TestResultsComponent,
-  ],
+    selector: 'tgo-runnable-editor',
+    templateUrl: './runnable-editor.component.html',
+    styleUrls: ['./runnable-editor.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        AngularSplitModule,
+        CodingSectionComponent,
+        ConfigurationsComponent,
+        TestResultsComponent,
+    ]
 })
 export class RunnableEditorComponent implements AfterViewInit {
   @Input() initCode: string;

package/src/lib/components/tests/test-cases/test-cases.component.ts

@@ -29,19 +29,18 @@ import { TestCasesContentComponent } from '../test-cases-content/test-cases-cont
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-test-cases',
-  templateUrl: 'test-cases.component.html',
-  styleUrls: ['test-cases.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    MatTabsModule,
-    IconComponentModule,
-    ButtonComponentModule,
-    TestCasesStatusComponent,
-    TestCasesContentComponent,
-  ],
+    selector: 'tgo-test-cases',
+    templateUrl: 'test-cases.component.html',
+    styleUrls: ['test-cases.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        MatTabsModule,
+        IconComponentModule,
+        ButtonComponentModule,
+        TestCasesStatusComponent,
+        TestCasesContentComponent,
+    ]
 })
 export class TestCasesComponent implements OnInit, OnChanges {
   @Input() exampleTestCases: ExampleTestCase[];

package/src/lib/components/tests/test-cases-content/test-cases-content.component.ts

@@ -26,19 +26,18 @@ import { TestCasesStatusComponent } from '../test-cases-status/test-cases-status
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-test-cases-content',
-  templateUrl: './test-cases-content.component.html',
-  styleUrls: ['./test-cases-content.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FieldComponentModule,
-    MemoizeFuncPipe,
-    TruncatedTextComponent,
-    TestCasesStatusComponent,
-  ],
+    selector: 'tgo-test-cases-content',
+    templateUrl: './test-cases-content.component.html',
+    styleUrls: ['./test-cases-content.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        ReactiveFormsModule,
+        FieldComponentModule,
+        MemoizeFuncPipe,
+        TruncatedTextComponent,
+        TestCasesStatusComponent,
+    ]
 })
 export class TestCasesContentComponent implements OnInit, OnChanges {
   private readonly fb = inject(FormBuilder);

package/src/lib/components/tests/test-cases-status/test-cases-status.component.ts

@@ -3,12 +3,11 @@ import { IconLabelComponentModule } from '@testgorilla/tgo-ui';
 import { TestCaseStatus } from '../../../models/test-cases';
 
 @Component({
-  standalone: true,
-  selector: 'tgo-test-cases-status',
-  templateUrl: './test-cases-status.component.html',
-  styleUrls: ['./test-cases-status.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [IconLabelComponentModule],
+    selector: 'tgo-test-cases-status',
+    templateUrl: './test-cases-status.component.html',
+    styleUrls: ['./test-cases-status.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [IconLabelComponentModule]
 })
 export class TestCasesStatusComponent {
   @Input() status: TestCaseStatus;

package/src/lib/components/tests/test-results.component.ts

@@ -11,26 +11,25 @@ import { TestCasesComponent } from './test-cases/test-cases.component';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-code-test-results',
-  templateUrl: 'test-results.component.html',
-  styleUrls: ['test-results.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    CommonModule,
-    ButtonComponentModule,
-    ProgressBarComponentModule,
-    MemoizeFuncPipe,
-    TestCasesComponent,
-  ],
-  animations: [
-    trigger('slideInOut', [
-      transition(':enter', [
-        style({ transform: 'translateY(100%)', opacity: '0' }),
-        animate('500ms ease', style({ transform: 'translateY(0)', opacity: '1' })),
-      ]),
-    ]),
-  ],
+    selector: 'tgo-code-test-results',
+    templateUrl: 'test-results.component.html',
+    styleUrls: ['test-results.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        CommonModule,
+        ButtonComponentModule,
+        ProgressBarComponentModule,
+        MemoizeFuncPipe,
+        TestCasesComponent,
+    ],
+    animations: [
+        trigger('slideInOut', [
+            transition(':enter', [
+                style({ transform: 'translateY(100%)', opacity: '0' }),
+                animate('500ms ease', style({ transform: 'translateY(0)', opacity: '1' })),
+            ]),
+        ]),
+    ]
 })
 export class TestResultsComponent implements OnInit {
   @Input() companyColor: string;

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

@@ -38,18 +38,17 @@ import { RunnableEditorComponent } from '../runnable-editor/runnable-editor.comp
 
 @UntilDestroy()
 @Component({
-  standalone: true,
-  selector: 'tgo-coding-test[languages]',
-  templateUrl: './tgo-coding-test.component.html',
-  styleUrl: './tgo-coding-test.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  imports: [
-    CommonModule,
-    CodeEditorComponent,
-    CodingQuestionComponent,
-    RunnableEditorComponent,
-  ],
+    selector: 'tgo-coding-test[languages]',
+    templateUrl: './tgo-coding-test.component.html',
+    styleUrl: './tgo-coding-test.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    encapsulation: ViewEncapsulation.None,
+    imports: [
+        CommonModule,
+        CodeEditorComponent,
+        CodingQuestionComponent,
+        RunnableEditorComponent,
+    ]
 })
 export class TgoCodingTestComponent implements OnInit, OnChanges {
 

package/src/lib/components/tgo-coding-test-candidate-view/tgo-coding-test-candidate-view.component.ts

@@ -1,27 +1,20 @@
 import { CommonModule } from '@angular/common';
 import {
   Component,
+  computed,
   EventEmitter,
   HostBinding,
+  inject,
   Input,
   OnDestroy,
   OnInit,
   Output,
   signal,
   ViewEncapsulation,
-  computed,
-  inject,
 } from '@angular/core';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import { translate, TRANSLOCO_SCOPE, TranslocoModule, TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
-import {
-  ApplicationTheme,
-  ConfirmDialogComponent,
-  DialogComponentModule,
-  DialogService,
-  SnackbarComponentModule,
-} from '@testgorilla/tgo-ui';
 import {
   ApiService,
   Assessment,
@@ -38,37 +31,43 @@ import {
   ThemeService,
   TranslocoLazyModuleUtils,
 } from '@testgorilla/tgo-test-shared';
+import {
+  ApplicationTheme,
+  ConfirmDialogComponent,
+  DialogComponentModule,
+  DialogService,
+  SnackbarComponentModule,
+} from '@testgorilla/tgo-ui';
 import { GuidedTourModule, GuidedTourService } from 'ngx-guided-tour';
 import { interval, Observable, Subscription } from 'rxjs';
 import { switchMap, take, tap } from 'rxjs/operators';
 
 import { CodingTestsResultsModel } from '../../models/coderunner-execution-results';
+import { LATLanguages } from '../../models/lat-languages';
+import { Modes } from '../../models/mode';
 import { PasteData } from '../../models/paste-data';
 import {
   ProgrammingLanguage,
   ProgrammingLanguageVersioned,
 } from '../../models/programming-language';
 import { ExampleTestCase, SqlTestCase } from '../../models/test-cases';
+import { Themes } from '../../models/theme';
 import { ROOT_TRANSLATIONS_SCOPE } from '../../models/translations';
+import { ViewMode } from '../../models/view-mode';
 import {
-  CodingTestTourMode,
-  CodingTestTourService,
-  CodingTestService,
   CandidatureApiService,
   CoderunnerApiService,
+  CodingTestService,
+  CodingTestTourMode,
+  CodingTestTourService,
 } from '../../services/candidate-coding-test-services';
+import { CodingTestConfigService } from '../../services/coding-test-config.service';
+import { LibCodingTestService } from '../../services/lib-coding-test.service';
 import { CodeEditorLanguages } from '../code-editor/helpers/code-editor-helper.model';
-import { Modes } from '../../models/mode';
-import { Themes } from '../../models/theme';
-import { LATLanguages } from '../../models/lat-languages';
-import { ViewMode } from '../../models/view-mode';
 import { TgoCodingTestComponent } from '../tgo-coding-test/tgo-coding-test.component';
-import { LibCodingTestService } from '../../services/lib-coding-test.service';
-import { CodingTestConfigService } from '../../services/coding-test-config.service';
 
 @UntilDestroy()
 @Component({
-  standalone: true,
   selector: 'tgo-coding-test-candidate-view',
   templateUrl: './tgo-coding-test-candidate-view.component.html',
   styleUrls: ['./tgo-coding-test-candidate-view.component.scss'],
@@ -87,7 +86,12 @@ import { CodingTestConfigService } from '../../services/coding-test-config.servi
       'tgo-coding-test',
       getAvailableLangs(),
       ROOT_TRANSLATIONS_SCOPE,
-      (lang: string) => import(`../../../assets/i18n/${lang}.json`)
+      (lang: string) => {
+        // Fetch from app assets; demo app copies the library assets to
+        // /assets/tgo-coding-test via project.json.
+        const url = new URL(`assets/tgo-coding-test/i18n/${lang}.json`, document.baseURI).href;
+        return fetch(url).then(res => res.json());
+      }
     ),
     EnvironmentService,
     CoderunnerApiService,
@@ -97,13 +101,13 @@ import { CodingTestConfigService } from '../../services/coding-test-config.servi
     ThemeService,
     CandidatureApiService,
     MixpanelService,
-
-    // use MockedApiService for local demo only
-    // { provide: ApiService, useClass: MockedApiService },
-    ApiService,
+    // use MockedApiService for local demo ONLY
+    ApiService, //{ provide: ApiService, useClass: MockedApiService },
   ],
 })
-export class TgoCodingTestCandidateViewComponent implements OnInit, IQuestionDataContract, OnDestroy {
+export class TgoCodingTestCandidateViewComponent
+  implements OnInit, IQuestionDataContract, OnDestroy
+{
   private readonly dialogService = inject(DialogService);
   private readonly translationScope = inject(TRANSLOCO_SCOPE);
   private readonly candidatureApiService = inject(CandidatureApiService);
@@ -572,4 +576,3 @@ export class TgoCodingTestCandidateViewComponent implements OnInit, IQuestionDat
     }
   }
 }
-

package/src/lib/services/storage.service.spec.ts

@@ -675,22 +675,21 @@ describe('StorageCodingService', () => {
             const storageSpy = jest.spyOn(storage, 'store');
 
             libCodingTestService.changeCurrentCode(code);
-            const autoSavedData = { ...data };
-            autoSavedData.assessments[assessmentId] = {
-              'question-123': {
-                lastModified: Date.now(),
-                actual: {
-                  code: {},
-                  testCasesLAT: [],
-                  lastModified: Date.now(),
-                },
-              },
-            };
-            autoSavedData.assessments[assessmentId]['question-123'].actual.code[CodeEditorLanguages.Python] = code;
             expect(storageSpy).toBeCalledWith(
               key,
               expect.objectContaining({
-                assessments: autoSavedData.assessments,
+                assessments: expect.objectContaining({
+                  [assessmentId]: expect.objectContaining({
+                    'question-123': expect.objectContaining({
+                      actual: expect.objectContaining({
+                        code: expect.objectContaining({
+                          [CodeEditorLanguages.Python]: code,
+                        }),
+                        testCasesLAT: [],
+                      }),
+                    }),
+                  }),
+                }),
               })
             );
           });

package/src/test-setup.ts

@@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();

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,8 +5,15 @@
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "types": []
+    "baseUrl": "../../",
+    "moduleResolution": "node",
+    "paths": {
+      "@testgorilla/tgo-test-shared": ["packages/tgo-coding-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

@@ -6,8 +6,12 @@
     "target": "es2016",
     "types": ["jest", "node"],
     "resolveJsonModule": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "baseUrl": "../../",
+    "paths": {
+      "@testgorilla/tgo-test-shared": ["packages/tgo-coding-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"]
 }