@dataclouder/ngx-lessons 0.0.30 → 0.0.32

package/src/lib/components/lesson-mini-components/components/lessons.clases.ts

@@ -1,254 +0,0 @@
-import { UntypedFormControl } from '@angular/forms';
-import { InjectionToken, Type } from '@angular/core';
-import { Provider } from '@angular/core';
-
-import { SelectorBuilderComponent } from './selector/selector-builder/selector-builder.component';
-import { SelectorComponent } from './selector/selector.component';
-
-import { TextWriterBuiderComponent } from './text-writer/text-writer-buider/text-writer-buider.component';
-import { TextWriterComponent } from './text-writer/text-writer.component';
-import { TranslationSwitcherBuilderComponent } from './translationSwitcher/translationSwitcherBuilder/translationSwitcherBuilder.component';
-import { TranslationSwitcherComponent } from './translationSwitcher/translationSwitcher.component';
-// import { SpeakerComponent } from './speaker/speaker.component';
-
-export type LessonComponentsType = 'selector' | 'speaker' | 'text-writer' | 'verb-summary' | 'word-summary';
-
-export enum LessonComponentEnum {
-  Selector = 'selector',
-  Speaker = 'speaker',
-  TextWriter = 'textWriter',
-  VerbSummary = 'verbSummary',
-  WordSummary = 'wordSummary',
-  TranslationSwitcher = 'translationSwitcher',
-}
-
-export const LessonComponentBuilders = {
-  [LessonComponentEnum.Selector]: SelectorBuilderComponent,
-  // [LessonComponentEnum.Speaker]: SpeakerBuilderComponent,
-  [LessonComponentEnum.TextWriter]: TextWriterBuiderComponent,
-  // [LessonComponentEnum.VerbSummary]: VerbSummaryBuilderComponent,
-  // [LessonComponentEnum.WordSummary]: WordSummaryBuilderComponent,
-  [LessonComponentEnum.TranslationSwitcher]: TranslationSwitcherBuilderComponent,
-};
-
-export const LessonComponents = {
-  [LessonComponentEnum.Selector]: SelectorComponent,
-  // [LessonComponentEnum.Speaker]: SpeakerComponent,
-  [LessonComponentEnum.TextWriter]: TextWriterComponent,
-  // [LessonComponentEnum.VerbSummary]: VerbSummaryComponent,
-  // [LessonComponentEnum.WordSummary]: WordSummaryComponent,
-  [LessonComponentEnum.TranslationSwitcher]: TranslationSwitcherComponent,
-};
-
-export function getLessonComponentClass(type: LessonComponentsType) {
-  return LessonComponents[type];
-}
-
-export interface LessonCompSettings {
-  response?: string;
-  responses?: string; // en caso de que haya multiples respuestas
-  options?: string[]; // optiones para visualizar
-  text?: string;
-  hint?: string;
-  explanation?: string;
-}
-export interface LessonComponentConfiguration {
-  id: string;
-  component: LessonComponentEnum;
-  settings: LessonCompSettings;
-}
-
-export interface StorageFile {
-  bucket: string;
-  url: string;
-  path: string; // path where the file is in the storage
-}
-
-export interface AudioStorage extends StorageFile {
-  text?: string;
-  voiceType?: string;
-}
-export interface SpeakerCompConfiguration extends LessonComponentConfiguration {
-  audio: AudioStorage;
-  settings: LessonCompSettings & { voice: string };
-}
-
-export interface LessonComponentInterface {
-  config: LessonComponentConfiguration;
-
-  control?: UntypedFormControl;
-
-  validate?(): boolean | null;
-  evaluate?(): boolean | null;
-}
-// nuevs
-
-// import { UntypedFormControl } from '@angular/forms';
-
-// import { LessonComponents } from '../models/lessons.class';
-
-export const LESSONS_TOKEN = new InjectionToken<LessonsAbstractService>('Lessons Service');
-
-// export enum LessonComponentEnum {
-//   Selector = 'selector',
-//   Speaker = 'speaker',
-//   TextWriter = 'textWriter',
-//   VerbSummary = 'verbSummary',
-//   WordSummary = 'wordSummary',
-//   TranslationSwitcher = 'translationSwitcher',
-// }
-
-export interface StorageFile {
-  bucket: string;
-  url: string;
-  path: string; // path where the file is in the storage
-}
-
-export interface ImgStorageData extends StorageFile {
-  fullPath: string; // path + name
-  resolutions: any;
-  resolution: string;
-}
-
-export type LessonImage = ImgStorageData & { type: string };
-
-// export interface LessonCompSettings {
-//   response: string;
-//   responses: string; // en caso de que haya multiples respuestas
-//   options: string[]; // optiones para visualizar
-//   text: string;
-//   hint: string;
-//   explanation: string;
-// }
-
-export interface LessonComponentConfiguration {
-  id: string;
-  component: LessonComponentEnum;
-  settings: LessonCompSettings;
-}
-
-type StorageType = StorageFile & { type: string };
-
-export interface Media {
-  audios?: StorageType[];
-  images?: StorageType[];
-}
-
-export interface ILessonExtra {
-  notionPageId?: string;
-}
-
-export interface ILesson {
-  // me faltan los comentarios
-  _id: any;
-  id: string;
-  title: string;
-  description: string;
-  isPublished: boolean;
-  // isPrivate: boolean;
-  textCoded: string;
-  authorId: string;
-  authorEmail: string;
-  tags: string[];
-  media: Media;
-  components: Array<LessonComponentConfiguration>;
-  baseLang: string;
-  targetLang: string;
-
-  generatedByAI: boolean;
-  prompt: string;
-  level: number;
-  extras: ILessonExtra;
-}
-
-export interface ILessonWithTaken extends ILesson {
-  // FIXME: moved to lessons lib
-
-  taken: any;
-}
-
-// Think on someway of getting the toast alerts service
-
-export abstract class LessonsAbstractService {
-  abstract getLessons(paginator?: any): Promise<any>;
-  abstract getLesson(id: string): Promise<any>;
-  abstract postLesson(lesson: ILesson): Promise<any>;
-  abstract updateLesson(lesson: ILesson): Promise<any>;
-  abstract deleteLesson(id: string): Promise<any>;
-  abstract generateLesson(lesson: ILesson): Promise<any>;
-  abstract postGenerateByAI(id: string): Promise<any>;
-  abstract extractTextFromHtml(html: string): string;
-}
-
-// my-service.provider.ts
-export function provideLessonsService(serviceImplementation: Type<LessonsAbstractService>): Provider[] {
-  return [
-    {
-      provide: LESSONS_TOKEN,
-      useExisting: serviceImplementation,
-    },
-  ];
-}
-
-// export type LessonComponentsType = 'selector' | 'speaker' | 'text-writer' | 'verb-summary' | 'word-summary';
-
-// export function getLessonComponentClass(type: LessonComponentsType) {
-//   // return LessonComponents[type];
-//   return null;
-// }
-
-export interface LessonComponentConfiguration {
-  id: string;
-  component: LessonComponentEnum;
-  settings: LessonCompSettings;
-}
-
-export interface StorageFile {
-  bucket: string;
-  url: string;
-  path: string; // path where the file is in the storage
-}
-
-export interface AudioStorage extends StorageFile {
-  text?: string;
-  voiceType?: string;
-}
-
-export interface SpeakerCompConfiguration extends LessonComponentConfiguration {
-  audio: AudioStorage;
-  settings: LessonCompSettings & { voice: string };
-}
-
-export interface LessonComponentInterface {
-  config: LessonComponentConfiguration;
-
-  control?: UntypedFormControl;
-
-  validate?(): boolean | null;
-  evaluate?(): boolean | null;
-}
-
-// export const LessonComponents = {
-//   [LessonComponentEnum.Selector]: 1,
-//   [LessonComponentEnum.Speaker]: 2,
-//   [LessonComponentEnum.TextWriter]: 3,
-//   [LessonComponentEnum.VerbSummary]: 4,
-//   [LessonComponentEnum.WordSummary]: 5,
-//   [LessonComponentEnum.TranslationSwitcher]: 6,
-// }
-
-export const LangCodeDescription = {
-  es: 'Spanish',
-  en: 'English',
-  it: 'Italian',
-  pt: 'Portuguese',
-  fr: 'French',
-};
-
-export const LangCodeDescriptionEs = {
-  es: 'Español',
-  en: 'Inglés',
-  it: 'Italiano',
-  pt: 'Portugués',
-  fr: 'Frances',
-};

package/src/lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component.html

@@ -1,58 +0,0 @@
-<div>
-  <div>
-    <p-message>Construcción del componente de Selección, sirve para hacer una pregunta y mostrar varias opciones, ejemplo:</p-message>
-  </div>
-
-  <div>
-    <span>En que año llegó cristobal colon a america?</span>
-    <app-selector [config]="sampleConfig"></app-selector>
-  </div>
-
-  <hr />
-
-  <div>
-    <form class="builder-form" [formGroup]="formGroup">
-      <input class="form-input" type="text" pInputText fullWidth formControlName="response" placeholder="Respuesta Correcta..." />
-      <br />
-
-      <input class="form-input" type="" pInputText fullWidth formControlName="hint" placeholder="Escribe una pista para esta pregunta" />
-
-      <br />
-      <input
-        class="form-input"
-        type="text"
-        pInputText
-        fullWidth
-        formControlName="explanation"
-        placeholder="Excribe una explicación para la respuesta" />
-
-      <hr />
-      <h6>Opciones</h6>
-
-      <div class="form-group" formArrayName="options">
-        <div
-          style="display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-direction: column"
-          *ngFor="let item of optionsForm.controls; let i = index">
-          <div>
-            <input type="text" pInputText fullWidth [formControlName]="i" />
-            <p-button (click)="deleteFormArrayByIndex('options', i)" icon="pi pi-times" severity="danger"></p-button>
-          </div>
-        </div>
-      </div>
-
-      <p-button (click)="pushControlToFormArray('options')" label="Agregar Opción" [text]="true" severity="help"></p-button>
-    </form>
-
-    <!-- <button nbButton (click)="isRendered = !isRendered"> Renderizar </button> -->
-
-    <div *ngIf="isRendered">
-      <!-- TODO:  probably i need to pass some params -->
-      <app-selector></app-selector>
-    </div>
-  </div>
-
-  <div>
-    <p-button (click)="copyToClipboard()" [disabled]="formGroup.invalid" label="Copia Código" [rounded]="true"></p-button>
-    <p-button (click)="showCode()" [disabled]="formGroup.invalid" label="Mostrar" [rounded]="true" severity="secondary"></p-button>
-  </div>
-</div>

package/src/lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component.scss

@@ -1,15 +0,0 @@
-nb-card{
-  width: 60vw;
-}
-
-.builder-form{
-  padding: 5px;
-}
-
-.form-input{
-  margin-top: 10px;
-}
-
-.mar-top{
-  margin: 5px;
-}

package/src/lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SelectorBuilderComponent } from './selector-builder.component';
-
-describe('SelectorBuilderComponent', () => {
-  let component: SelectorBuilderComponent;
-  let fixture: ComponentFixture<SelectorBuilderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-    imports: [SelectorBuilderComponent]
-})
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SelectorBuilderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component.ts

@@ -1,70 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { UntypedFormArray, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
-import { NgFor, NgIf } from '@angular/common';
-
-import { InputTextModule } from 'primeng/inputtext';
-import { ButtonModule } from 'primeng/button';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { MessageModule } from 'primeng/message';
-
-import { ComponentBuilder } from '../../ComponentBuilder';
-import { SelectorComponent } from '../selector.component';
-import { LessonComponentConfiguration, LessonComponentEnum } from '../../lessons.clases';
-
-@Component({
-  selector: 'app-selector-builder',
-  templateUrl: './selector-builder.component.html',
-  styleUrls: ['./selector-builder.component.scss'],
-  standalone: true,
-  imports: [FormsModule, ReactiveFormsModule, NgFor, NgIf, SelectorComponent, InputTextModule, ButtonModule, MessageModule],
-})
-export class SelectorBuilderComponent extends ComponentBuilder implements OnInit {
-  constructor(
-    protected override formBuilder: FormBuilder,
-    // protected override toastrService: ToastService,
-    protected override ref: DynamicDialogRef,
-  ) {
-    super(formBuilder, null);
-  }
-  public sampleConfig: LessonComponentConfiguration = {
-    id: '1',
-    component: LessonComponentEnum.Selector,
-    settings: {
-      options: ['fourteen ninety-two', 'fourteen ninety-six', 'fifteen ninety-one'],
-      response: 'fourteen ninety-two',
-      hint: 'Pista para la respuesta',
-      explanation: 'Explicación de la respuesta',
-      responses: 'Opción 1, Opción 2, Opción 3',
-      text: 'Texto de la pregunta',
-    },
-  };
-
-  // public formGroup = this.formBuilder.group({
-  //   options: this.formBuilder.array([]),
-  //   response: ['', Validators.required],
-  //   hint: [],
-  //   explanation: [],
-  // });
-
-  ngOnInit(): void {
-    this.formGroup.get('response');
-  }
-
-  public isRendered;
-
-  //TODO Probablemente estos 3 pueden irse a una clase abstracta
-
-  public pushControlToFormArray(controlName: string): void {
-    this.formGroup.controls.options.push(this.formBuilder.control(''));
-    // (this.formGroup.get(controlName) as UntypedFormArray).push(this.formBuilder.control(''));
-    console.log(this.formGroup.controls.options);
-  }
-
-  public deleteFormArrayByIndex(controlName: string, index: number): void {
-    (this.formGroup.get(controlName) as UntypedFormArray).removeAt(index);
-  }
-
-  get optionsForm(): UntypedFormArray {
-    return this.formGroup.get('options') as UntypedFormArray;
-  }
-}

package/src/lib/components/lesson-mini-components/components/selector/selector.component.html

@@ -1,2 +0,0 @@
-<p-dropdown [class]="status" placeholder="Selecciona" [options]="config.settings.options" [formControl]="control"
-  [showClear]="true"></p-dropdown>

package/src/lib/components/lesson-mini-components/components/selector/selector.component.scss

@@ -1,12 +0,0 @@
-::ng-deep .comp-selector button {
-    min-width: 80px;
-  };
-
-
-  .warning{
-    border-color: #f0ad4e;
-}
-
-.danger{
-    border-color: #e1211b;
-}

package/src/lib/components/lesson-mini-components/components/selector/selector.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SelectorComponent } from './selector.component';
-
-describe('SelectorComponent', () => {
-  let component: SelectorComponent;
-  let fixture: ComponentFixture<SelectorComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-    imports: [SelectorComponent]
-})
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SelectorComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/lesson-mini-components/components/selector/selector.component.ts

@@ -1,47 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DropdownModule } from 'primeng/dropdown';
-
-import { ComponentWithForm } from '../ComponentWithForm';
-import { LessonComponentConfiguration, LessonComponentInterface } from '../lessons.clases';
-
-@Component({
-  selector: 'app-selector',
-  templateUrl: './selector.component.html',
-  styleUrls: ['./selector.component.scss'],
-  standalone: true,
-  imports: [FormsModule, ReactiveFormsModule, DropdownModule],
-})
-export class SelectorComponent extends ComponentWithForm implements LessonComponentInterface {
-  public isFilled = false;
-
-  constructor() {
-    super();
-  }
-  @Input() config: LessonComponentConfiguration;
-
-  public evaluate() {
-    let result;
-    if (this.control.value == null) {
-      result = null;
-    } else {
-      result = this.control.value?.toLowerCase().trim() === this.config.settings.response.toLowerCase().trim();
-    }
-
-    if (result) {
-      this.status = 'success';
-    } else {
-      this.status = 'danger';
-    }
-    this.isFilled = true;
-    return result;
-  }
-
-  public override validate() {
-    if (this.control.invalid) {
-      this.status = 'warning';
-    }
-    return true;
-  }
-}

package/src/lib/components/lesson-mini-components/components/speaker/speaker-builder/speaker-builder.component.html

@@ -1,35 +0,0 @@
-<div>
-  <div>
-    <h5>Constructor de Speaker</h5>
-  </div>
-
-  <form [formGroup]="formGroup">
-    <input type="text" pInputText fullWidth formControlName="text" placeholder="Texto..." />
-
-    <br>
-    <p-dropdown [options]="voiceOptions" optionLabel="name" optionValue="id" [showClear]="true" placeholder="Voz"
-      formControlName="voice">
-
-      <ng-template let-voice pTemplate="item">
-        <div class="flex align-items-center gap-2">
-          <div>{{ voice.provider }}</div>
-          -
-          <div>{{ voice.name }}</div>
-        </div>
-      </ng-template>
-    </p-dropdown>
-
-  </form>
-
-  <br>
-  <br>
-  <br>
-
-  <br>
-  <div>
-    <p-button (click)="copyToClipboard()" [disabled]="formGroup.invalid" label="Copia Código"
-      [rounded]="true"></p-button>
-    <p-button (click)="showCode()" [disabled]="formGroup.invalid" label="Mostrar" [rounded]="true"
-      severity="secondary"></p-button>
-  </div>
-</div>

package/src/lib/components/lesson-mini-components/components/speaker/speaker-builder/speaker-builder.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SpeakerBuilderComponent } from './speaker-builder.component';
-
-describe('SpeakerBuilderComponent', () => {
-  let component: SpeakerBuilderComponent;
-  let fixture: ComponentFixture<SpeakerBuilderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-    imports: [SpeakerBuilderComponent]
-})
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SpeakerBuilderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/lesson-mini-components/components/speaker/speaker-builder/speaker-builder.component.ts

@@ -1,27 +0,0 @@
-// import { Component } from '@angular/core';
-// import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-// import { ComponentBuilder } from '../../ComponentBuilder';
-// import { ButtonModule } from 'primeng/button';
-// import { InputTextModule } from 'primeng/inputtext';
-// import { DropdownModule } from 'primeng/dropdown';
-// import { DynamicDialogRef } from 'primeng/dynamicdialog';
-
-// @Component({
-//   selector: 'app-speaker-builder',
-//   templateUrl: './speaker-builder.component.html',
-//   styleUrls: ['./speaker-builder.component.scss'],
-//   standalone: true,
-//   imports: [FormsModule, ReactiveFormsModule, InputTextModule, ButtonModule, DropdownModule],
-// })
-// export class SpeakerBuilderComponent extends ComponentBuilder {
-//   public override formGroup = this.formBuilder.group({ text: ['', Validators.required], voice: [''] });
-//   public voiceOptions = VoiceOptions;
-
-//   constructor(
-//     protected override formBuilder: UntypedFormBuilder,
-//     // protected override toastrService: ToastService, // protected ref: NbDialogRef<ComponentBuilder>,
-//     protected override ref: DynamicDialogRef,
-//   ) {
-//     super(formBuilder, null);
-//   }
-// }

package/src/lib/components/lesson-mini-components/components/speaker/speaker.component.html

@@ -1,7 +0,0 @@
-<!-- <nb-tag (click)="speach()" class="lisen" status="control" size="small" appearance="filled"
-  [text]="settings.text"></nb-tag> -->
-
-<button pButton style="padding: 0px 2px;" severity="help" size="small" (click)="speach()" [label]="config.settings.text"
-  [text]="true" [rounded]="true"></button>
-
-<!-- <p-button label="Secondary" [outlined]="true" ></p-button> -->

package/src/lib/components/lesson-mini-components/components/speaker/speaker.component.scss

@@ -1,3 +0,0 @@
-.lisen{
-  cursor: pointer;
-}

package/src/lib/components/lesson-mini-components/components/speaker/speaker.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SpeakerComponent } from './speaker.component';
-
-describe('SpeakerComponent', () => {
-  let component: SpeakerComponent;
-  let fixture: ComponentFixture<SpeakerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-    imports: [SpeakerComponent]
-})
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SpeakerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/lesson-mini-components/components/speaker/speaker.component.ts

@@ -1,29 +0,0 @@
-// ❌ can use this until i copy services to this lib
-// import { Component, Input, OnInit } from '@angular/core';
-// import { ButtonModule } from 'primeng/button';
-// import { SpeakerCompConfiguration } from '../lessons.clases';
-
-// @Component({
-//   selector: 'app-speaker',
-//   templateUrl: './speaker.component.html',
-//   styleUrls: ['./speaker.component.scss'],
-//   standalone: true,
-//   imports: [ButtonModule],
-// })
-// export class SpeakerComponent implements OnInit {
-//   @Input() config: SpeakerCompConfiguration;
-
-//   voiceOptions = VoiceOptions;
-
-//   constructor(private speachService: SpeechService, private audioService: AudioService) {}
-
-//   ngOnInit(): void {}
-
-//   public speach() {
-//     if (this.config.audio) {
-//       this.audioService.playAudio(this.config.audio.url);
-//     } else {
-//       this.speachService.speach(this.config.settings.text);
-//     }
-//   }
-// }