merge js css

Author: skerbis

assets/vidstack-backend.min.css

@@ -21,9 +21,9 @@
 
 // Backend integration
 if (rex::isBackend()) {
-    // Load backend assets on all backend pages
-    rex_view::addCssFile($addon->getAssetsUrl('vidstack-backend.min.css'));
-    rex_view::addJsFile($addon->getAssetsUrl('vidstack-backend.min.js'));
+    // Load assets on all backend pages (same as frontend)
+    rex_view::addCssFile($addon->getAssetsUrl('vidstack.min.css'));
+    rex_view::addJsFile($addon->getAssetsUrl('vidstack.min.js'));
 
     // Mediapool sidebar
     rex_extension::register('MEDIA_DETAIL_SIDEBAR', static function (rex_extension_point $ep) {

assets/vidstack-backend.min.js

@@ -0,0 +1,28 @@
+import { readFileSync, writeFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// JS Dateien zusammenführen (gleich für Frontend und Backend)
+const jsFiles = [
+    join(__dirname, 'dist/vidstack.js'),
+    join(__dirname, 'dist/vidstack_helper.min.js')
+];
+
+const jsContent = jsFiles.map(file => readFileSync(file, 'utf8')).join('\n');
+writeFileSync(join(__dirname, '../assets/vidstack.min.js'), jsContent);
+
+console.log('✓ Merged vidstack.min.js (Frontend + Backend)');
+
+// CSS Dateien zusammenführen (gleich für Frontend und Backend)
+const cssFiles = [
+    join(__dirname, 'dist/vidstack.css'),
+    join(__dirname, 'dist/vidstack_helper.min.css')
+];
+
+const cssContent = cssFiles.map(file => readFileSync(file, 'utf8')).join('\n');
+writeFileSync(join(__dirname, '../assets/vidstack.min.css'), cssContent);
+
+console.log('✓ Merged vidstack.min.css (Frontend + Backend)');

assets/vidstack.min.css

@@ -11,9 +11,8 @@
         "build_components": "esbuild config/vs_components.js --bundle --minify --outfile=dist/vidstack.js",
         "build_helper_js": "esbuild ../assets/src/vidstack_helper.js --minify --outfile=dist/vidstack_helper.min.js",
         "build_helper_css": "esbuild ../assets/src/vidstack_helper.css --minify --outfile=dist/vidstack_helper.min.css --loader:.css=css",
-        "merge_frontend": "cat dist/vidstack.js dist/vidstack_helper.min.js > ../assets/vidstack.min.js && cat dist/vidstack.css dist/vidstack_helper.min.css > ../assets/vidstack.min.css",
-        "copy_backend": "cp dist/vidstack.js ../assets/vidstack-backend.min.js && cp dist/vidstack.css ../assets/vidstack-backend.min.css",
+        "merge": "node merge.js",
         "clean": "rm -rf dist/*",
-        "build": "npm run build_components && npm run build_helper_js && npm run build_helper_css && npm run merge_frontend && npm run copy_backend"
+        "build": "npm run build_components && npm run build_helper_js && npm run build_helper_css && npm run merge"
     }
 }