[Fix] Plugin Video UI Package

.deploy/webapp/Dockerfile

@@ -120,6 +120,7 @@ COPY --chown=node:node packages/plugins/legal-ui/package.json ./packages/plugins
 COPY --chown=node:node packages/plugins/maintenance-ui/package.json ./packages/plugins/maintenance-ui/
 COPY --chown=node:node packages/plugins/onboarding-ui/package.json ./packages/plugins/onboarding-ui/
 COPY --chown=node:node packages/plugins/public-layout-ui/package.json ./packages/plugins/public-layout-ui/
+COPY --chown=node:node packages/plugins/videos-ui/package.json ./packages/plugins/videos-ui/
 COPY --chown=node:node packages/ui-core/package.json ./packages/ui-core/
 COPY --chown=node:node packages/ui-config/package.json ./packages/ui-config/
 COPY --chown=node:node packages/ui-auth/package.json ./packages/ui-auth/

apps/gauzy/src/app/pages/employees/activity/activity.module.ts

@@ -75,7 +75,7 @@ export class ActivityModule {
 		this._pageRouteRegistryService.registerPageRoute({
 			location: 'time-activity',
 			path: 'videos',
-			loadChildren: () => import('@gauzy/videos-ui').then((m) => m.VideoUiModule)
+			loadChildren: () => import('@gauzy/plugin-videos-ui').then((m) => m.VideoUiModule)
 		});
 
 		// Register App Activity Page Routes

apps/gauzy/src/app/pages/employees/activity/layout/layout.component.ts

@@ -9,7 +9,7 @@ import {
 	PageTabsetRegistryId,
 	RouteUtil
 } from '@gauzy/ui-core/core';
-import { VideoService } from '@gauzy/videos-ui';
+import { VideoService } from '@gauzy/plugin-videos-ui';
 
 @UntilDestroy({ checkProperties: true })
 @Component({

package.json

@@ -167,9 +167,9 @@
 		"build:package:plugin": "cross-env NODE_ENV=development NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin",
 		"build:package:plugin:prod": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin",
 		"build:package:plugin:docker": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=60000 yarn nx build plugin",
-		"build:package:plugins:pre": "yarn run build:package:ui-core && yarn run build:package:ui-auth && yarn run build:package:plugin:onboarding-ui && yarn run build:package:plugin:legal-ui && yarn run build:package:plugin:job-search-ui && yarn run build:package:plugin:job-matching-ui && yarn run build:package:plugin:job-employee-ui && yarn run build:package:plugin:job-proposal-ui && yarn run build:package:plugin:public-layout-ui && yarn run build:package:plugin:maintenance-ui && yarn run build:integration-ui-plugins",
-		"build:package:plugins:pre:prod": "yarn run build:package:ui-core:prod && yarn run build:package:ui-auth:prod && yarn run build:package:plugin:onboarding-ui:prod && yarn run build:package:plugin:legal-ui:prod && yarn run build:package:plugin:job-search-ui:prod && yarn run build:package:plugin:job-matching-ui:prod && yarn run build:package:plugin:job-employee-ui:prod && yarn run build:package:plugin:job-proposal-ui:prod && yarn run build:package:plugin:public-layout-ui:prod && yarn run build:package:plugin:maintenance-ui:prod && yarn run build:integration-ui-plugins:prod",
-		"build:package:plugins:pre:docker": "yarn run build:package:ui-core:docker && yarn run build:package:ui-auth:docker && yarn run build:package:plugin:onboarding-ui:docker && yarn run build:package:plugin:legal-ui:docker && yarn run build:package:plugin:job-search-ui:docker && yarn run build:package:plugin:job-matching-ui:docker && yarn run build:package:plugin:job-employee-ui:docker && yarn run build:package:plugin:job-proposal-ui:docker && yarn run build:package:plugin:public-layout-ui:docker && yarn run build:package:plugin:maintenance-ui:docker && yarn run build:integration-ui-plugins:docker",
+		"build:package:plugins:pre": "yarn run build:package:ui-core && yarn run build:package:ui-auth && yarn run build:package:plugin:onboarding-ui && yarn run build:package:plugin:legal-ui && yarn run build:package:plugin:job-search-ui && yarn run build:package:plugin:job-matching-ui && yarn run build:package:plugin:job-employee-ui && yarn run build:package:plugin:job-proposal-ui && yarn run build:package:plugin:public-layout-ui && yarn run build:package:plugin:maintenance-ui && yarn run build:package:plugin:videos-ui && yarn run build:integration-ui-plugins",
+		"build:package:plugins:pre:prod": "yarn run build:package:ui-core:prod && yarn run build:package:ui-auth:prod && yarn run build:package:plugin:onboarding-ui:prod && yarn run build:package:plugin:legal-ui:prod && yarn run build:package:plugin:job-search-ui:prod && yarn run build:package:plugin:job-matching-ui:prod && yarn run build:package:plugin:job-employee-ui:prod && yarn run build:package:plugin:job-proposal-ui:prod && yarn run build:package:plugin:public-layout-ui:prod && yarn run build:package:plugin:maintenance-ui:prod && yarn run build:package:plugin:videos-ui:prod && yarn run build:integration-ui-plugins:prod",
+		"build:package:plugins:pre:docker": "yarn run build:package:ui-core:docker && yarn run build:package:ui-auth:docker && yarn run build:package:plugin:onboarding-ui:docker && yarn run build:package:plugin:legal-ui:docker && yarn run build:package:plugin:job-search-ui:docker && yarn run build:package:plugin:job-matching-ui:docker && yarn run build:package:plugin:job-employee-ui:docker && yarn run build:package:plugin:job-proposal-ui:docker && yarn run build:package:plugin:public-layout-ui:docker && yarn run build:package:plugin:maintenance-ui:docker && yarn run build:package:plugin:videos-ui:docker && yarn run build:integration-ui-plugins:docker",
 		"build:package:plugins:post": "yarn run build:package:plugin:integration-jira && yarn run build:package:plugin:integration-ai && yarn run build:package:plugin:sentry && yarn run build:package:plugin:jitsu-analytic && yarn run build:package:plugin:product-reviews && yarn run build:package:plugin:job-search && yarn run build:package:plugin:job-proposal && yarn run build:package:plugin:integration-github && yarn run build:package:plugin:knowledge-base && yarn run build:package:plugin:changelog && yarn run build:package:plugin:integration-hubstaff && yarn run build:package:plugin:integration-upwork && yarn run build:package:plugin:videos",
 		"build:package:plugins:post:prod": "yarn run build:package:plugin:integration-jira:prod && yarn run build:package:plugin:integration-ai:prod && yarn run build:package:plugin:sentry:prod && yarn run build:package:plugin:jitsu-analytic:prod && yarn run build:package:plugin:product-reviews:prod && yarn run build:package:plugin:job-search:prod && yarn run build:package:plugin:job-proposal:prod && yarn run build:package:plugin:integration-github:prod && yarn run build:package:plugin:knowledge-base:prod && yarn run build:package:plugin:changelog:prod && yarn run build:package:plugin:integration-hubstaff:prod && yarn run build:package:plugin:integration-upwork:prod && yarn run build:package:plugin:videos:prod",
 		"build:package:plugins:post:docker": "yarn run build:package:plugin:integration-jira:docker && yarn run build:package:plugin:integration-ai:docker && yarn run build:package:plugin:sentry:docker && yarn run build:package:plugin:jitsu-analytic:docker && yarn run build:package:plugin:product-reviews:docker && yarn run build:package:plugin:job-search:docker && yarn run build:package:plugin:job-proposal:docker && yarn run build:package:plugin:integration-github:docker && yarn run build:package:plugin:knowledge-base:docker && yarn run build:package:plugin:changelog:docker && yarn run build:package:plugin:integration-hubstaff:docker && yarn run build:package:plugin:integration-upwork:docker && yarn run build:package:plugin:videos:docker",
@@ -245,6 +245,9 @@
 		"build:package:plugin:knowledge-base": "cross-env NODE_ENV=development NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-knowledge-base",
 		"build:package:plugin:knowledge-base:prod": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-knowledge-base",
 		"build:package:plugin:knowledge-base:docker": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=60000 yarn nx build plugin-knowledge-base",
+		"build:package:plugin:videos-ui": "cross-env NODE_ENV=development NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-videos-ui --configuration=development",
+		"build:package:plugin:videos-ui:prod": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-videos-ui --configuration=production",
+		"build:package:plugin:videos-ui:docker": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=60000 yarn nx build plugin-videos-ui --configuration=production",
 		"build:package:plugin:videos": "cross-env NODE_ENV=development NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-videos",
 		"build:package:plugin:videos:prod": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=12288 yarn nx build plugin-videos",
 		"build:package:plugin:videos:docker": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=60000 yarn nx build plugin-videos",
@@ -382,6 +385,7 @@
 		"minizlib": "^2.1.2"
 	},
 	"dependencies": {
+		"@angular-slider/ngx-slider": "^18.0.0",
 		"@angular/animations": "18.2.12",
 		"@angular/cdk": "18.2.14",
 		"@angular/common": "18.2.12",

packages/plugins/videos-ui/.dockerignore

@@ -0,0 +1,20 @@
+docker
+tmp
+README.md
+.env
+
+# git
+
+.git
+.gitignore
+.gitmodules
+
+# dependencies
+
+node_modules
+
+# misc
+
+npm-debug.log
+dist
+build

packages/plugins/videos-ui/.gitignore

@@ -0,0 +1,6 @@
+# dependencies
+node_modules/
+
+# misc
+npm-debug.log
+dist

packages/plugins/videos-ui/.npmignore

@@ -0,0 +1,4 @@
+# .npmignore
+
+src/
+node_modules/

packages/plugins/videos-ui/CHANGELOG.md

@@ -0,0 +1,3 @@
+# Changelog for @gauzy/plugin-videos-ui
+
+## [Unreleased]

packages/plugins/videos-ui/README.md

@@ -1,7 +1,36 @@
-# videos-ui
+# @gauzy/plugin-videos-ui
 
 This library was generated with [Nx](https://nx.dev).
 
+## Overview
+
+The **@gauzy/plugin-videos-ui** is a UI plugin for managing and displaying videos within the Gauzy ecosystem.
+It provides a seamless integration for video-related functionality, making it easy to embed, stream, and organize videos.
+
+## Features
+
+✅ **Video Upload & Management** – Easily upload and manage video content.
+✅ **Angular & Nebular Integration** – Built with Angular and Nebular UI components.
+✅ **Multi-language Support** – Fully compatible with `@ngx-translate/core` for translations.
+
+## Building
+
+Run `yarn nx build plugin-videos-ui` to build the library.
+
 ## Running unit tests
 
-Run `nx test videos-ui` to execute the unit tests.
+Run `yarn nx test plugin-videos-ui` to execute the unit tests.
+
+## Publishing
+
+After building your library with `yarn nx build plugin-videos-ui`, go to the dist folder `dist/packages/plugins/videos-ui` and run `npm publish`.
+
+## Installation
+
+To install the `@gauzy/plugin-videos-ui` package, run the following command:
+
+```bash
+npm install @gauzy/plugin-videos-ui
+# or using Yarn
+yarn add @gauzy/plugin-videos-ui
+```

packages/plugins/videos-ui/package.json

@@ -1,6 +1,28 @@
 {
-	"name": "@gauzy/videos-ui",
-	"version": "0.0.1",
+	"name": "@gauzy/plugin-videos-ui",
+	"version": "0.1.0",
+	"description": "A UI plugin for managing and displaying videos within the Gauzy ecosystem.",
+	"author": {
+		"name": "Ever Co. LTD",
+		"email": "[email protected]",
+		"url": "https://ever.co"
+	},
+	"license": "AGPL-3.0",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/ever-co/ever-gauzy",
+		"directory": "packages/plugins/videos-ui"
+	},
+	"bugs": {
+		"url": "https://github.com/ever-co/ever-gauzy/issues"
+	},
+	"homepage": "https://ever.co",
+	"private": true,
+	"scripts": {
+		"lib:build": "yarn nx build plugin-videos-ui --configuration=development",
+		"lib:build:prod": "yarn nx build plugin-videos-ui --configuration=production",
+		"lib:watch": "yarn nx build plugin-videos-ui --watch --configuration=development"
+	},
 	"peerDependencies": {
 		"@angular/common": "^18.2.0",
 		"@angular/core": "^18.2.0"
@@ -18,5 +40,26 @@
 		"rxjs": "^7.8.0",
 		"tslib": "^2.6.2"
 	},
+	"devDependencies": {
+		"@types/jest": "29.5.14",
+		"@types/node": "^20.14.9",
+		"jest-preset-angular": "14.1.1"
+	},
+	"keywords": [
+		"gauzy",
+		"video",
+		"video-management",
+		"video-ui",
+		"angular",
+		"ngx",
+		"nebular",
+		"plugin",
+		"ui-plugin",
+		"media"
+	],
+	"engines": {
+		"node": ">=20.11.1",
+		"yarn": ">=1.22.19"
+	},
 	"sideEffects": false
 }

packages/plugins/videos-ui/project.json

@@ -1,5 +1,5 @@
 {
-	"name": "videos-ui",
+	"name": "plugin-videos-ui",
 	"$schema": "../../../node_modules/nx/schemas/project-schema.json",
 	"sourceRoot": "packages/plugins/videos-ui/src",
 	"prefix": "lib",

packages/plugins/videos-ui/src/lib/features/video-download-manager/video-download-manager.component.spec.ts

@@ -3,21 +3,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VideoDownloadManagerComponent } from './video-download-manager.component';
 
 describe('VideoDownloadManagerComponent', () => {
-  let component: VideoDownloadManagerComponent;
-  let fixture: ComponentFixture<VideoDownloadManagerComponent>;
+	let component: VideoDownloadManagerComponent;
+	let fixture: ComponentFixture<VideoDownloadManagerComponent>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [VideoDownloadManagerComponent]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [VideoDownloadManagerComponent]
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(VideoDownloadManagerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(VideoDownloadManagerComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

packages/plugins/videos-ui/src/lib/features/video/video.component.spec.ts

@@ -3,21 +3,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VideoComponent } from './video.component';
 
 describe('VideoComponent', () => {
-  let component: VideoComponent;
-  let fixture: ComponentFixture<VideoComponent>;
+	let component: VideoComponent;
+	let fixture: ComponentFixture<VideoComponent>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [VideoComponent]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [VideoComponent]
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(VideoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(VideoComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

packages/plugins/videos-ui/src/lib/features/video/video.component.ts

@@ -2,6 +2,7 @@ import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild } from '@a
 import { DeleteConfirmationComponent } from '@gauzy/ui-core/shared';
 import { NbDialogService } from '@nebular/theme';
 import { Actions } from '@ngneat/effects-ng';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { combineLatest, distinctUntilChanged, filter, map, Observable, take, tap } from 'rxjs';
 import { VideoActions } from '../../+state/video.action';
 import { VideoQuery } from '../../+state/video.query';
@@ -10,7 +11,6 @@ import { IVideo } from '../../shared/models/video.model';
 import { VideoEditComponent } from '../../shared/ui/video-edit/video-edit.component';
 import { VideoMetadataComponent } from '../../shared/ui/video-metadata/video-metadata.component';
 import { VideoPlayerComponent } from '../../shared/ui/video-player/video-player.component';
-import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 
 @UntilDestroy({ checkProperties: true })
 @Component({

packages/plugins/videos-ui/src/lib/pages/video-detail-page/video-detail-page.component.spec.ts

@@ -3,21 +3,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VideoDetailPageComponent } from './video-detail-page.component';
 
 describe('VideoDetailPageComponent', () => {
-  let component: VideoDetailPageComponent;
-  let fixture: ComponentFixture<VideoDetailPageComponent>;
+	let component: VideoDetailPageComponent;
+	let fixture: ComponentFixture<VideoDetailPageComponent>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [VideoDetailPageComponent]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [VideoDetailPageComponent]
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(VideoDetailPageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(VideoDetailPageComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

packages/plugins/videos-ui/src/lib/pages/video-page/video-page.component.spec.ts

@@ -3,21 +3,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { VideoPageComponent } from './video-page.component';
 
 describe('VideoPageComponent', () => {
-  let component: VideoPageComponent;
-  let fixture: ComponentFixture<VideoPageComponent>;
+	let component: VideoPageComponent;
+	let fixture: ComponentFixture<VideoPageComponent>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [VideoPageComponent]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [VideoPageComponent]
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(VideoPageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(VideoPageComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

packages/plugins/videos-ui/src/lib/shared/services/video.service.ts

@@ -1,8 +1,8 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
+import { map, Observable } from 'rxjs';
 import { IPagination } from '@gauzy/contracts';
 import { API_PREFIX, toParams } from '@gauzy/ui-core/common';
-import { map, Observable } from 'rxjs';
 import { IVideo } from '../models/video.model';
 
 @Injectable({

packages/plugins/videos-ui/src/lib/shared/ui/video-actions/buttons/action-button-group/action-button-group.component.spec.ts

@@ -3,21 +3,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ActionButtonGroupComponent } from './action-button-group.component';
 
 describe('ActionButtonGroupComponent', () => {
-  let component: ActionButtonGroupComponent;
-  let fixture: ComponentFixture<ActionButtonGroupComponent>;
+	let component: ActionButtonGroupComponent;
+	let fixture: ComponentFixture<ActionButtonGroupComponent>;
 
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ActionButtonGroupComponent]
-    })
-    .compileComponents();
+	beforeEach(async () => {
+		await TestBed.configureTestingModule({
+			declarations: [ActionButtonGroupComponent]
+		}).compileComponents();
 
-    fixture = TestBed.createComponent(ActionButtonGroupComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+		fixture = TestBed.createComponent(ActionButtonGroupComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });