@testgorilla/tgo-coding-test 1.0.0 → 2.0.0

package/src/lib/services/lib-coding-test.service.ts

@@ -0,0 +1,157 @@
+import { inject, Injectable } from '@angular/core';
+import { BehaviorSubject, map, merge, Observable, ReplaySubject, skip, Subject } from 'rxjs';
+import { CodeEditorLanguages } from '../components/code-editor/helpers/code-editor-helper.model';
+import { LanguageChangeAction } from '../models/language-change-action';
+import { CustomTestCase, ExampleTestCase, TestCaseDeletionAction, TestCaseDeletionData } from '../models/test-cases';
+import { Themes } from '../models/theme';
+import { ConfigurationsService } from './configurations.service';
+
+export const enum ResetCodeAction {
+  Try = 'try',
+  Confirm = 'confirm',
+}
+
+declare global {
+  interface Window {
+    monaco: any;
+    hljs: any;
+  }
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LibCodingTestService {
+  private readonly configurationsService = inject(ConfigurationsService);
+
+  private codeResetSubj$ = new Subject<ResetCodeAction>();
+  codeReset$: Observable<ResetCodeAction> = this.codeResetSubj$.asObservable();
+
+  private codeChangeSubj$ = new Subject<string>();
+  codeChange$: Observable<string> = this.codeChangeSubj$.asObservable();
+
+  private isFullscreenSubj$ = new BehaviorSubject<boolean>(false);
+  isFullscreen$: Observable<boolean> = this.isFullscreenSubj$.asObservable();
+
+  private isBoilerplateLoadingSub$ = new BehaviorSubject<boolean>(true);
+  isBoilerplateLoading$: Observable<boolean> = this.isBoilerplateLoadingSub$.asObservable();
+
+  themeChanged$: Observable<Themes> = this.configurationsService.colorTheme$;
+
+  private languageChangeSub$ = new Subject<LanguageChangeAction>();
+  languageChange$: Observable<LanguageChangeAction> = this.languageChangeSub$.asObservable();
+
+  private testCaseDeletionSub$ = new Subject<TestCaseDeletionData>();
+  testCaseDeletion$: Observable<TestCaseDeletionData> = this.testCaseDeletionSub$.asObservable();
+
+  private currentLanguageSub$ = new ReplaySubject<CodeEditorLanguages>(1);
+  currentLanguage$: Observable<CodeEditorLanguages> = this.currentLanguageSub$.asObservable();
+
+  private clearSavedCodeSub$ = new Subject<boolean>();
+  clearSavedCode$ = this.clearSavedCodeSub$.asObservable();
+
+  private clearLastLangSub$ = new Subject<boolean>();
+  clearLastLang$ = this.clearLastLangSub$.asObservable();
+
+  private startGuidedTourSubj$ = new Subject<void>();
+  startGuidedTour$ = this.startGuidedTourSubj$.asObservable();
+
+  private testCases: (ExampleTestCase | CustomTestCase)[];
+
+  initCode: string;
+  private version: string;
+
+  configFieldChanged$ = merge(
+    this.isFullscreen$.pipe(
+      skip(1),
+      map(isFullscreen => ({
+        'Full screen': isFullscreen,
+      }))
+    ),
+    this.configurationsService.configFieldChanged$
+  );
+
+  setFullscreen(isEnabled: boolean): void {
+    this.isFullscreenSubj$.next(isEnabled);
+  }
+
+  resetCode(): void {
+    this.codeResetSubj$.next(ResetCodeAction.Try);
+  }
+
+  startGuidedTour(): void {
+    this.startGuidedTourSubj$.next();
+  }
+
+  confirmReset(): void {
+    this.codeResetSubj$.next(ResetCodeAction.Confirm);
+  }
+
+  changeCurrentCode(code: string): void {
+    this.codeChangeSubj$.next(code);
+  }
+
+  cancelLanguageChange(): void {
+    this.languageChangeSub$.next(LanguageChangeAction.Cancel);
+  }
+
+  confirmLanguageChange(): void {
+    this.languageChangeSub$.next(LanguageChangeAction.Confirm);
+  }
+
+  handleTestCaseDeletion(index: number): void {
+    this.testCaseDeletionSub$.next({ action: TestCaseDeletionAction.Try, index });
+  }
+
+  confirmTestCaseDeletion(index: number): void {
+    this.testCaseDeletionSub$.next({ action: TestCaseDeletionAction.Confirm, index });
+  }
+
+  changeCurrentLanguage(value: CodeEditorLanguages): void {
+    this.currentLanguageSub$.next(value);
+  }
+
+  updateTestCases(testCases: (ExampleTestCase | CustomTestCase)[]) {
+    this.testCases = testCases;
+  }
+
+  getTestCases(): (ExampleTestCase | CustomTestCase)[] {
+    return this.testCases;
+  }
+
+  getValidTestCases(): (ExampleTestCase | CustomTestCase)[] {
+    return this.testCases.filter(({ input, expectedOutput }) => input && expectedOutput);
+  }
+
+  getTestCasesCount(): number {
+    return this.testCases?.length || 0;
+  }
+
+  setVersion(version: string) {
+    this.version = version;
+  }
+
+  getVersion(): string {
+    return this.version;
+  }
+
+  setInitCode(code: string) {
+    this.initCode = code;
+  }
+
+  getInitCode(): string {
+    return this.initCode;
+  }
+
+  setBoilerplateLoadingStatus(value: boolean) {
+    this.isBoilerplateLoadingSub$.next(value);
+  }
+
+  triggerClearSavedCode(): void {
+    this.clearSavedCodeSub$.next(true);
+  }
+
+  clearLastLanguageSelected(): void {
+    this.clearLastLangSub$.next(true);
+  }
+}

package/src/lib/services/local-storage.service.mocks.ts

@@ -0,0 +1,22 @@
+import { StorageStrategy, SyncStorage } from 'ngx-webstorage';
+
+export class LocalStorageServiceStub extends SyncStorage {
+  protected strategy: StorageStrategy<any>;
+  private data = {};
+  constructor(strategy: StorageStrategy<any>) {
+    super(strategy);
+  }
+  retrieve(key: string): any {
+    return this.data[key];
+  }
+  store(key: string, value: any): any {
+    this.data[key] = value;
+    return this.data[key];
+  }
+  clear(key: string): void {
+    delete this.data[key];
+  }
+  getStrategyName(): string {
+    return this.strategy.name;
+  }
+}