feat: Major Upgrade to Video.js v8 — Chapters Functionality, Fixes and Improvements

frontend-tools/chapters-editor/vite.chapters-editor.config.ts

@@ -0,0 +1,56 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path, { dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export default defineConfig({
+    plugins: [react()],
+    resolve: {
+        alias: {
+            '@': path.resolve(__dirname, 'client', 'src'),
+        },
+    },
+    root: path.resolve(__dirname, 'client'),
+    define: {
+        'process.env': {
+            NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'production'),
+        },
+    },
+    build: {
+        minify: true,
+        sourcemap: true,
+        lib: {
+            entry: path.resolve(__dirname, 'client/src/main.tsx'),
+            name: 'ChaptersEditor',
+            formats: ['iife'],
+            fileName: () => 'chapters-editor.js',
+        },
+        rollupOptions: {
+            output: {
+                assetFileNames: (assetInfo) => {
+                    if (assetInfo.name === 'style.css') return 'chapters-editor.css';
+                    // Keep original names for image assets
+                    if (assetInfo.name && /\.(png|jpe?g|svg|gif|webp)$/i.test(assetInfo.name)) {
+                        return assetInfo.name;
+                    }
+                    return assetInfo.name || 'asset-[hash][extname]';
+                },
+                // Inline small assets, emit larger ones
+                inlineDynamicImports: true,
+                globals: {
+                    react: 'React',
+                    'react-dom': 'ReactDOM',
+                },
+            },
+        },
+        // Output to Django's static directory
+        outDir: '../../../static/video_editor',
+        emptyOutDir: true,
+        external: ['react', 'react-dom'],
+        // Inline assets smaller than 100KB, emit larger ones
+        assetsInlineLimit: 102400,
+    },
+});