OV-377: Create preview page and flow

backend/src/bundles/public-video/public-video.controller.ts

@@ -34,7 +34,7 @@ class PublicVideoController extends BaseController {
         return {
             status: HTTPCode.OK,
             payload: await this.publicVideoService.findUrlByToken(
-                videoTokenHeader ?? '',
+                videoTokenHeader,
             ),
         };
     }

backend/src/bundles/public-video/public-video.service.ts

@@ -23,7 +23,7 @@ class PublicVideoService {
             this.throwVideoNotFoundError();
         }
 
-        const url = video.toObject().url;
+        const { url } = video.toObject();
         if (!url) {
             this.throwVideoNotFoundError();
         }

backend/src/bundles/videos/video.controller.ts

@@ -110,7 +110,7 @@ class VideoController extends BaseController {
                 ),
         });
         this.addRoute({
-            path: `${VideosApiPath.ID}/share`,
+            path: `${VideosApiPath.ID}${VideosApiPath.SHARE}`,
             method: HTTPMethod.GET,
             handler: (options) => {
                 return this.createVideoIdJWT(

frontend/.env.example

@@ -10,3 +10,9 @@ VITE_APP_API_ORIGIN_URL=/api/v1
 #
 VITE_APP_PROXY_SERVER_URL=http://localhost:3001
 VITE_APP_SOCKET_ORIGIN_URL=/socket.io
+
+#
+# DEPLOYMENT
+#
+DEPLOYMENT_URL=http://bsa-2024-outreachvids-dev.eu-north-1.elasticbeanstalk.com
+

frontend/src/bundles/common/api/video-api/videos-api.ts

@@ -100,7 +100,7 @@ class VideosApi extends BaseHttpApi {
 
     public async getVideoIdJWT(id: string): Promise<string> {
         const response = await this.load(
-            this.getFullEndpoint(`${VideosApiPath.ROOT}${id}/share`, {}),
+            this.getFullEndpoint(`${VideosApiPath.ROOT}${id}${VideosApiPath.SHARE}`, {}),
             {
                 method: HTTPMethod.GET,
                 contentType: ContentType.JSON,

frontend/src/bundles/home/helpers/create-url-token.ts

@@ -4,7 +4,7 @@ import { config } from '~/framework/config/config.js';
 const createVideoUrl = (jwtToken: string): string => {
     const baseUrl =
         config.ENV.APP.ENVIRONMENT === AppEnvironment.PRODUCTION
-            ? 'http://bsa-2024-outreachvids-dev.eu-north-1.elasticbeanstalk.com'
+            ? config.ENV.DEPLOYMENT.URL
             : 'http://localhost:3000';
 
     return `${baseUrl}/preview/${jwtToken}`;

frontend/src/framework/config/base-config.package.ts

@@ -20,6 +20,9 @@ class BaseConfig implements Config {
                     'VITE_APP_SOCKET_ORIGIN_URL'
                 ] as string,
             },
+            DEPLOYMENT: {
+                URL: import.meta.env['DEPLOYMENT_URL'] as string,
+            },
         };
     }
 }

frontend/src/framework/config/types/environment-schema.type.ts

@@ -9,6 +9,9 @@ type EnvironmentSchema = {
         ORIGIN_URL: string;
         SOCKET_ORIGIN_URL: string;
     };
+    DEPLOYMENT: {
+        URL: string;
+    };
 };
 
 export { type EnvironmentSchema };