feat: Video Editor: Add Chapters Support, Video Trimming, and Chapter Display

.gitignore

@@ -18,3 +18,7 @@ static/drf-yasg
 cms/local_settings.py
 deploy/docker/local_settings.py
 yt.readme.md
+/frontend-tools/video-editor/node_modules
+/frontend-tools/video-editor/client/node_modules
+/static_collected
+/frontend-tools/video-editor-v1

.prettierignore

@@ -0,0 +1 @@
+*

cms/settings.py

@@ -496,6 +496,7 @@
 USE_IDENTITY_PROVIDERS = False
 JAZZMIN_UI_TWEAKS = {"theme": "flatly"}
 
+USE_ROUNDED_CORNERS = True
 
 try:
     # keep a local_settings.py file for local overrides

deploy/scripts/build_and_deploy.sh

@@ -0,0 +1,26 @@
+#!/bin/bash
+
+# Exit on any error
+set -e
+
+echo "Starting build process..."
+
+# Build video editor package
+echo "Building video editor package..."
+cd frontend-tools/video-editor
+yarn build:django
+cd ../../
+
+# Run npm build in the frontend container
+echo "Building frontend assets..."
+docker compose -f docker-compose/docker-compose-dev-updated.yaml exec frontend npm run dist
+
+# Copy static assets to the static directory
+echo "Copying static assets..."
+cp -r frontend/dist/static/* static/
+
+# Restart the web service
+echo "Restarting web service..."
+docker compose -f docker-compose/docker-compose-dev-updated.yaml restart web
+
+echo "Build and deployment completed successfully!"

docker-compose/docker-compose-dev-updated.yaml

@@ -1,15 +1,16 @@
+name: mediacms-dev
 services:
   migrations:
     platform: linux/amd64
     build:
-      context: .
-      dockerfile: ./Dockerfile
+      context: ..
+      dockerfile: Dockerfile
       args:
         - DEVELOPMENT_MODE=True
     image: mediacms/mediacms:latest
     volumes:
-      - ./:/home/mediacms.io/mediacms/
-    command: "./deploy/docker/prestart.sh"
+      - ../:/home/mediacms.io/mediacms/
+    command: "/home/mediacms.io/mediacms/deploy/docker/prestart.sh"
     environment:
       DEVELOPMENT_MODE: True
       ENABLE_UWSGI: 'no'
@@ -95,13 +96,13 @@ services:
     ports:
       - "80:80"
     volumes:
-      - ./:/home/mediacms.io/mediacms/
+      - ../:/home/mediacms.io/mediacms/
     depends_on:
       - migrations
   db:
     image: postgres:17.2-alpine
     volumes:
-      - ./postgres_data:/var/lib/postgresql/data/
+      - ../postgres_data:/var/lib/postgresql/data/
     restart: always
     environment:
       POSTGRES_USER: mediacms
@@ -127,7 +128,7 @@ services:
     deploy:
       replicas: 1
     volumes:
-      - ./:/home/mediacms.io/mediacms/
+      - ../:/home/mediacms.io/mediacms/
     environment:
       ENABLE_UWSGI: 'no'
       ENABLE_NGINX: 'no'

docs/admins_docs.md

@@ -809,14 +809,8 @@ This will disable the transcoding process and only the original file will be sho
 
 ## 19. Rounded corners on videos
 
-By default the video player and media items are now having rounded corners, on larger screens (not in mobile). If you don't like this change, remove the `border-radius` added on the following files:
+By default the video player and media items are now having rounded corners, on larger screens (not in mobile). If you don't like this change, set `USE_ROUNDED_CORNERS = False` in `local_settings.py`.
 
-```
-frontend/src/static/css/_extra.css
-frontend/src/static/js/components/list-item/Item.scss
-frontend/src/static/js/components/media-page/MediaPage.scss
-```
-you now have to re-run the frontend build in order to see the changes (check docs/dev_exp.md)
 
 
 ## 20. Translations
@@ -879,7 +873,7 @@ By default there are 3 statuses for any Media that lives on the system, public,
 
 Now user can view the Media even if it is in private state. User also sees all media in Category page
 
-When user is added to group, they can be set as Member, Contributor, Manager. 
+When user is added to group, they can be set as Member, Contributor, Manager.
 
 - Member: user can view media that are published on one or more categories that this group is associated with
 - Contributor: besides viewing, user can also edit the Media in a category associated with this Group. They can also publish Media to this category
@@ -891,17 +885,17 @@ Use cases facilitated with RBAC:
 - viewing all media of a category: if RBAC is enabled, and user visits a Category, they are able to see the listing of all media that are published in this category, independent of their state, provided that the category is associated with a group that the user is member of
 - viewing all categories associated with groups the user is member of: if RBAC is enabled, and user visits the listing of categories, they can view all categories that are associated with a group the user is member
 
-How to enable RBAC support: 
+How to enable RBAC support:
 
 ```
 USE_RBAC = True
 ```
 
-on `local_settings.py` and restart the instance. 
+on `local_settings.py` and restart the instance.
 
 
 ## 23. SAML setup
-SAML authentication is supported along with the option to utilize the SAML response and do useful things as setting up the user role in MediaCMS or participation in groups. 
+SAML authentication is supported along with the option to utilize the SAML response and do useful things as setting up the user role in MediaCMS or participation in groups.
 
 To enable SAML support, edit local_settings.py and set the following options:
 
@@ -942,8 +936,8 @@ Select the SAML Configurations tab, create a new one and set:
 
 1. **IDP ID**: Must be a URL
 2. **IDP Certificate**: x509cert from your SAML provider
-3. **SSO URL**: 
-4. **SLO URL**: 
+3. **SSO URL**:
+4. **SLO URL**:
 5. **SP Metadata URL**: The metadata URL that the IDP will utilize. This can be https://{portal}/saml/metadata and is autogenerated by MediaCMS
 
 - Step 3: Set other Options
@@ -971,5 +965,5 @@ to enable the identity providers, set the following setting on `local_settings.p
 USE_IDENTITY_PROVIDERS = True
 ```
 
-Visiting the admin, you will see the Identity Providers tab and you can add one. 
+Visiting the admin, you will see the Identity Providers tab and you can add one.
 

files/admin.py

@@ -13,6 +13,7 @@
     Encoding,
     Language,
     Media,
+    VideoTrimRequest,
     Subtitle,
     Tag,
 )
@@ -198,6 +199,9 @@ class LanguageAdmin(admin.ModelAdmin):
 class SubtitleAdmin(admin.ModelAdmin):
     pass
 
+class VideoTrimRequestAdmin(admin.ModelAdmin):
+    pass
+
 
 class EncodingAdmin(admin.ModelAdmin):
     list_display = ["get_title", "chunk", "profile", "progress", "status", "has_file"]
@@ -222,5 +226,6 @@ def has_file(self, obj):
 admin.site.register(Tag, TagAdmin)
 admin.site.register(Subtitle, SubtitleAdmin)
 admin.site.register(Language, LanguageAdmin)
+admin.site.register(VideoTrimRequest, VideoTrimRequestAdmin)
 
 Media._meta.app_config.verbose_name = "Media"

files/context_processors.py

@@ -35,6 +35,9 @@ def stuff(request):
     ret["TRANSLATION"] = get_translation(request.LANGUAGE_CODE)
     ret["REPLACEMENTS"] = get_translation_strings(request.LANGUAGE_CODE)
     ret["USE_SAML"] = settings.USE_SAML
+    ret["USE_RBAC"] = settings.USE_RBAC
+    ret["USE_ROUNDED_CORNERS"] = settings.USE_ROUNDED_CORNERS
+
     if request.user.is_superuser:
         ret["DJANGO_ADMIN_URL"] = settings.DJANGO_ADMIN_URL