@rtsee/ngx 0.0.59 → 0.0.61

package/CHANGELOG.md

@@ -1,120 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## 0.0.59 (2025-09-21)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.58 (2025-08-11)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.57 (2025-07-23)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.56 (2025-06-13)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.55 (2025-05-27)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.54 (2025-05-21)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.53 (2025-05-21)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.52 (2025-05-18)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.51 (2025-02-23)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.50 (2025-01-14)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.49 (2024-12-19)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.48 (2024-12-14)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.47 (2024-03-14)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.46 (2024-03-10)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.45 (2024-02-21)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.44 (2024-02-09)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.43 (2023-10-25)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.42 (2023-10-03)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.41 (2023-09-25)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.40 (2023-09-04)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.39 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.38 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.37 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.36 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.35 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.34 (2023-03-30)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.33 (2022-12-24)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.32 (2022-11-02)
-
-**Note:** Version bump only for package @rtsee/ngx
-
-## 0.0.31 (2022-10-29)
-
-**Note:** Version bump only for package @rtsee/ngx

package/angular.json

@@ -1,67 +0,0 @@
-{
-  "$schema": "../../../node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "ngx": {
-      "projectType": "library",
-      "root": "projects/ngx",
-      "sourceRoot": "projects/ngx/src",
-      "prefix": "rtsee",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss"
-        }
-      },
-      "architect": {
-        "build": {
-          "builder": "@angular/build:ng-packagr",
-          "options": {
-            "project": "projects/ngx/ng-package.json"
-          },
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/ngx/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/ngx/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "test": {
-          "builder": "@angular/build:karma",
-          "options": {
-            "tsConfig": "projects/my-lib/tsconfig.spec.json"
-          }
-        }
-      }
-    }
-  },
-  "schematics": {
-    "@schematics/angular:component": {
-      "type": "component"
-    },
-    "@schematics/angular:directive": {
-      "type": "directive"
-    },
-    "@schematics/angular:service": {
-      "type": "service"
-    },
-    "@schematics/angular:guard": {
-      "typeSeparator": "."
-    },
-    "@schematics/angular:interceptor": {
-      "typeSeparator": "."
-    },
-    "@schematics/angular:module": {
-      "typeSeparator": "."
-    },
-    "@schematics/angular:pipe": {
-      "typeSeparator": "."
-    },
-    "@schematics/angular:resolver": {
-      "typeSeparator": "."
-    }
-  }
-}

package/jest.config.ts

@@ -1,9 +0,0 @@
-import type { Config } from 'jest';
-
-const jestConfig: Config = {
-  preset: 'jest-preset-angular',
-  setupFilesAfterEnv: ['./setup-jest.ts'],
-  globalSetup: 'jest-preset-angular/global-setup',
-};
-
-export default jestConfig;

package/projects/ngx/ng-package.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ngx",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": ["src/lib/theme/**/*.scss"]
-}

package/projects/ngx/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "@rtsee/ngx",
-  "description": "Angular component wrappers around rtsee plugins.",
-  "version": "0.0.1",
-  "license": "ISC",
-  "homepage": "https://rtsee.io",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:thewerf/rtsee.git",
-    "directory": "packages/@rtsee/ngx/projects/ngx"
-  },
-  "peerDependencies": {
-    "@angular/common": "~20.1.2",
-    "@angular/core": "~20.1.2"
-  },
-  "dependencies": {
-    "tslib": "^2.2.0"
-  },
-  "sideEffects": false
-}

package/projects/ngx/src/lib/common/components/preloader/preloader.component.html

@@ -1,5 +0,0 @@
-<div class="rtsee-preloader">
-  <svg [style.max-width.px]="diameter" #canvas [attr.viewBox]="viewBox">
-    <path [attr.d]="d" [attr.stroke]="color"/>
-  </svg>
-</div>

package/projects/ngx/src/lib/common/components/preloader/preloader.component.ts

@@ -1,30 +0,0 @@
-import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-
-@Component({
-    selector: 'rtsee-preloader',
-    templateUrl: './preloader.component.html',
-    standalone: true
-})
-export class PreloaderComponent implements OnInit {
-  viewBox = '0 0 100 100';
-  d = 'M 50 96 a 46 46 0 0 1 0 -92 46 46 0 0 1 0 92';
-
-  @ViewChild('canvas') canvas?: ElementRef<SVGElement>;
-  @Input() diameter?: number;
-  @Input() color?: string = '#000000';
-  constructor() {
-    if (this.diameter) {
-      this.viewBox = `0 0 ${this.diameter} ${this.diameter}`;
-      this.d = `M ${this.diameter / 2} ${this.diameter * 0.96} a ${
-        this.diameter * 0.46
-      } ${this.diameter * 0.46} 0 0 1 0 -${this.diameter * 0.92} ${
-        this.diameter * 0.46
-      } ${this.diameter * 0.46} 0 0 1 0 ${this.diameter * 0.92}`;
-    }
-  }
-
-  ngOnInit(): void {
-    //viewBox="0 0 100 100"
-    //d="M 50 96 a 46 46 0 0 1 0 -92 46 46 0 0 1 0 92"
-  }
-}

package/projects/ngx/src/lib/common/interfaces/index.ts

@@ -1 +0,0 @@
-export * from './server-errors';

package/projects/ngx/src/lib/common/interfaces/server-errors.ts

@@ -1,5 +0,0 @@
-export interface ServerSideError {
-  error: {
-    message: string;
-  }
-}

package/projects/ngx/src/lib/components/constans/common.const.ts

@@ -1,8 +0,0 @@
-export const COMMON_CONSTANTS = {
-  minPasswordLength: 8,
-  requestItemLimit: 20,
-  customTimeFormat: 'HH:mm',
-  customDateFormat: 'dd/MM/YYYY',
-  customDateFormatDaysJs: 'DD/MM/YYYY',
-  customDateTimeFormat: 'dd/MM/YYYY HH:mm',
-};

package/projects/ngx/src/lib/components/enums/form.enum.ts

@@ -1,8 +0,0 @@
-export enum FormErrorKey {
-  required = 'required',
-  email = 'email',
-  minLength = 'minlength',
-  maxLength = 'maxlength',
-  requiredLength = 'requiredLength',
-  passwordsMismatch = 'passwordsMismatch'
-}

package/projects/ngx/src/lib/components/rtsee/rtsee-conference.component.html

@@ -1,70 +0,0 @@
-<div class="rtsee-conference-shell" [ngClass]="{
-'rtsee-conference-shell-expanded': rtSee.uiControls.isExpanded,
-'rtsee-conference-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length
-}">
-  <div class="rtsee-local-peer" *ngIf="rtSee.localStream && rtSee.camera">
-    <video class="rtsee-local-video"
-           [autoplay]="true"
-           [muted]="true"
-           [srcObject]="rtSee.localStream"
-           playsinline="true"
-    ></video>
-  </div>
-  <div class="rtsee-window-controls">
-    <button mat-icon-button matSuffix
-            type="button"
-            (click)="this.toggleSettings()"
-            class="rtsee-window-controls-button rtsee-ripple-button"
-    >
-      <span class="material-icons-outlined">settings</span>
-    </button>
-    <button mat-icon-button matSuffix
-            type="button"
-            (click)="this.toggleFullScreenMode()"
-            class="rtsee-window-controls-button rtsee-ripple-button"
-    >
-      <span class="material-icons-outlined">open_in_full</span>
-    </button>
-  </div>
-  <div class="rtsee-settings-container" *ngIf="settingsViewEnabled">
-    <button mat-icon-button matSuffix
-            type="button"
-            (click)="this.toggleSettings()"
-            class="rtsee-close-settings-button"
-    >
-      <span class="material-icons-outlined">close</span>
-    </button>
-    <ngx-rtsee-settings [rtSee]="rtSee" [fullScreenMode]="rtSee.uiControls.isExpanded"></ngx-rtsee-settings>
-  </div>
-  <div class="rtsee-screen-share" *ngIf="rtSee.screenSharePeer" >
-    <video [autoplay]="true"
-           [muted]="true"
-           [srcObject]="rtSee.screenSharePeer.remoteVideoStream"
-           playsinline="true"
-           class="rtsee-screen-share-video"
-    ></video>
-  </div>
-  <div class="rtsee-peers" [ngClass]="{
-    'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,
-    'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,
-    'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length
-      && rtSee.rtcPeerConnections.connections.length > 1
-      && rtSee.rtcPeerConnections.connections.length < 4,
-    'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length
-      && rtSee.rtcPeerConnections.connections.length > 3
-      && rtSee.rtcPeerConnections.connections.length < 7,
-    'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length
-      && rtSee.rtcPeerConnections.connections.length >= 7
-  }">
-    <div class="rtsee-peer-wrapper"
-         *ngFor="let peer of rtSee.rtcPeerConnections.connections"
-    >
-      <ngx-rtsee-peer [peer]="peer"></ngx-rtsee-peer>
-    </div>
-  </div>
-  <div class="rtsee-peers-list"></div>
-  <div class="rtsee-controls-wrapper">
-    <ngx-rtsee-controls [rtsee]="rtSee" [fullScreenMode]="rtSee.uiControls.isExpanded"></ngx-rtsee-controls>
-  </div>
-</div>
-

package/projects/ngx/src/lib/components/rtsee/rtsee-conference.component.ts

@@ -1,35 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeConference } from '@rtsee/conference';
-import {NgClass, NgIf} from "@angular/common";
-import {RtseeSettingsComponent} from "../rtsee-settings/rtsee-settings.component";
-import {RtseePeerComponent} from "../rtsee-peer/rtsee-peer.component";
-import {RTSeeControlsComponent} from "./rtsee-controls/rtsee-controls.component";
-
-@Component({
-  selector: 'rtsee-conference',
-  templateUrl: './rtsee-conference.component.html',
-  imports: [
-    NgClass,
-    NgIf,
-    RtseeSettingsComponent,
-    RtseePeerComponent,
-    RTSeeControlsComponent
-  ],
-  standalone: true
-})
-export class RTSeeConferenceComponent {
-  settingsViewEnabled: boolean;
-
-  @Input() rtSee!: RTSeeConference;
-  constructor() {
-    this.settingsViewEnabled = false;
-  }
-
-  toggleSettings() {
-    this.settingsViewEnabled = !this.settingsViewEnabled;
-  }
-
-  toggleFullScreenMode() {
-    this.rtSee.uiControls.toggle();
-  }
-}

package/projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.html

@@ -1,54 +0,0 @@
-<div class="rtsee-controls" [ngClass]="{'rtsee-full-screen-controls' : fullScreenMode }">
-  <div class="rtsee-bottom-panel">
-    <div class="mic rtsee-buttons-container">
-      <button class="rtsee-ripple-button"
-              *ngIf="rtsee.microphone"
-              type="button"
-              (click)="this.rtsee.disableMicrophone()"
-      >
-        <span class="material-icons-outlined">mic_none</span>
-      </button>
-      <button class="rtsee-ripple-button"
-              *ngIf="!rtsee.microphone"
-              type="button" (click)="this.rtsee.enableMicrophone()"
-      >
-        <span class="material-icons-outlined">mic_off</span>
-      </button>
-    </div>
-
-    <div class="video-camera rtsee-buttons-container">
-      <button class="rtsee-ripple-button"
-              *ngIf="rtsee.camera"
-              type="button"
-              (click)="rtsee.disableCamera()"
-      >
-        <span class="material-icons-outlined">videocam</span>
-      </button>
-      <button class="rtsee-ripple-button"
-              *ngIf="!rtsee.camera"
-              type="button"
-              (click)="rtsee.enableCamera()"
-      >
-        <span class="material-icons-outlined">videocam_off</span>
-      </button>
-    </div>
-    <div class="present rtsee-buttons-container"
-         [ngClass]="{'rtsee-present-button-container': rtsee.isPresenter}"
-    >
-      <button class="rtsee-ripple-button"
-              type="button"
-              (click)="onPresentClicked()"
-      >
-        <span class="material-icons-outlined">present_to_all</span>
-      </button>
-    </div>
-    <div class="call-end rtsee-buttons-container">
-      <button class="rtsee-ripple-button"
-              type="button"
-              (click)="rtsee.end()"
-      >
-        <span class="material-icons-outlined">call_end</span>
-      </button>
-    </div>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.scss

@@ -1,70 +0,0 @@
-$buttons-container-height: 35px;
-$expanded-buttons-container-height: 60px;
-
-.rtsee-controls {
-  display: inline-block;
-  height: 100%;
-
-  .rtsee-buttons-container {
-    height: $buttons-container-height;
-    width: $buttons-container-height;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 9px;
-    cursor: pointer;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &:first-child {
-      margin-left: 0;
-    }
-
-    .mdc-icon-button {
-      background-color: #333;
-      color: #ffffff;
-    }
-
-    &.call-end {
-      .mdc-icon-button {
-        background-color: #ff0000;
-      }
-    }
-
-    &.rtsee-present-button-container {
-      .mdc-icon-button {
-        background-color: #009900;
-      }
-    }
-
-    &:hover {
-      //height: 40px;
-      //width: 40px;
-    }
-  }
-
-  .full-screen {
-    align-self: flex-end;
-    padding: 12px;
-    cursor: pointer;
-  }
-
-  .rtsee-bottom-panel {
-    padding: 12px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 45px;
-    background-color: rgba(0,0,0,0.7);
-  }
-
-  &.rtsee-full-screen-controls {
-    .rtsee-buttons-container {
-      height: $expanded-buttons-container-height;
-      width: $expanded-buttons-container-height;
-    }
-  }
-}

package/projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.ts

@@ -1,24 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeConference } from '@rtsee/conference';
-import {NgClass, NgIf} from "@angular/common";
-
-@Component({
-  selector: 'ngx-rtsee-controls',
-  templateUrl: './rtsee-controls.component.html',
-  styleUrls: ['./rtsee-controls.component.scss'],
-  imports: [
-    NgClass,
-    NgIf
-  ],
-  standalone: true
-})
-export class RTSeeControlsComponent {
-  @Input() rtsee!: RTSeeConference;
-  @Input() fullScreenMode?: boolean;
-
-  onPresentClicked() {
-    return this.rtsee.isPresenter
-      ? this.rtsee.stopScreenShare()
-      : this.rtsee.startScreenShare();
-  }
-}

package/projects/ngx/src/lib/components/rtsee-auth/auth/auth.component.html

@@ -1,16 +0,0 @@
-<div class="rtsee-auth">
-  @if (authService.rtseeAuth) {
-    @if (activeComponent === 'sign-in') {
-      <rtsee-sign-in></rtsee-sign-in>
-    }
-    @if (activeComponent === 'sign-up') {
-      <rtsee-sign-up></rtsee-sign-up>
-    }
-    @if (activeComponent === 'forgot-password') {
-      <rtsee-forgot-password></rtsee-forgot-password>
-    }
-    @if (activeComponent === 'reset-password') {
-      <rtsee-reset-password *ngIf="activeComponent === 'reset-password'"></rtsee-reset-password>
-    }
-  }
-</div>

package/projects/ngx/src/lib/components/rtsee-auth/auth/auth.component.ts

@@ -1,48 +0,0 @@
-import {Component, Input, OnInit} from '@angular/core';
-import {SignInComponent} from "../sign-in/sign-in.component";
-import {SignUpComponent} from "../sign-up/sign-up.component";
-import {ForgotPasswordComponent} from "../forgot-password/forgot-password.component";
-import {ResetPasswordComponent} from "../reset-password/reset-password.component";
-import {NgIf} from "@angular/common";
-import {RTSeeAuthService} from "../services/auth.service";
-import {RTSeeAuth} from "@rtsee/auth";
-import {AuthEndpointsKeys, DEFAULT_ROUTE_NAMES} from "@rtsee/auth";
-
-@Component({
-  selector: 'rtsee-auth',
-  templateUrl: './auth.component.html',
-  imports: [
-    SignInComponent,
-    SignUpComponent,
-    ForgotPasswordComponent,
-    ResetPasswordComponent,
-    NgIf
-  ],
-  standalone: true
-})
-export class RTSeeAuthComponent implements OnInit {
-  @Input() auth!: RTSeeAuth<any>;
-
-  activeComponent: 'reset-password' | 'sign-up' | 'sign-in' | 'forgot-password' = 'sign-in' ;
-
-  constructor(public authService: RTSeeAuthService) {
-    console.log('constructor', window.location.pathname);
-
-    if (window.location.pathname.includes(DEFAULT_ROUTE_NAMES[AuthEndpointsKeys.SIGN_IN])) {
-      this.activeComponent = 'sign-in';
-    } else if (window.location.pathname.includes(DEFAULT_ROUTE_NAMES[AuthEndpointsKeys.SIGN_UP])) {
-      this.activeComponent = 'sign-up';
-    } else if (window.location.pathname.includes(DEFAULT_ROUTE_NAMES[AuthEndpointsKeys.FORGOT_PASSWORD])) {
-      this.activeComponent = 'forgot-password';
-    } else if (
-      window.location.pathname
-      .includes(DEFAULT_ROUTE_NAMES[AuthEndpointsKeys.RESET_PASSWORD].split('/')[0])
-    ) {
-      this.activeComponent = 'reset-password';
-    }
-  }
-
-  ngOnInit() {
-    this.authService.init(this.auth);
-  }
-}

package/projects/ngx/src/lib/components/rtsee-auth/forgot-password/forgot-password.component.html

@@ -1,35 +0,0 @@
-<div class="auth-container">
-  <img ngSrc="/assets/img.png"
-       alt="Company Logo"
-       class="auth-logo"
-       height="38"
-       width="37"
-  />
-  <h2 class="auth-title">Відновлення паролю</h2>
-  <p class="auth-title-description"
-  >Введіть вашу електронну пошту, щоб отримати інструкції з відновлення паролю</p>
-
-  <form class="auth-form"
-        [formGroup]="emailForm"
-        (ngSubmit)="submitEmail()">
-    <!-- Email Field -->
-    <label for="forgot-password-email" class="auth-sm-medium">Електронна пошта</label>
-    <input
-      [formControlName]="forgotPasswordFormKeys.email"
-      type="email"
-      id="forgot-password-email"
-      placeholder="Введіть електронну пошту"
-      class="auth-input-container email-input"
-    />
-
-    <!-- Submit Button -->
-    <button type="submit" class="auth-btn-container" [disabled]="isLoading">
-      <span> {{isLoading ? 'Завантаження...' : 'Відправити'}}</span>
-    </button>
-  </form>
-
-  <!-- Redirect to Sign-In -->
-  <p class="auth-media-blue-gray-sm-normal">
-    Пам'ятаєте пароль? <a [routerLink]="authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)" class="auth-deep-blue-sm-medium">Увійдіть</a>
-  </p>
-</div>