bundle js and css of embed

dtube · Mar 7, 2020 · e569b9c · e569b9c
1 parent 2607692
commit e569b9c
Show file tree

Hide file tree

Showing 16 changed files with 210 additions and 108 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/bin/dtube.css b/bin/dtube.css
diff --git a/bin/dtube.min.js b/bin/dtube.min.js
diff --git a/build.js b/build.js
@@ -0,0 +1,57 @@
+var fs = require('fs')
+var terser = require("terser")
+var ccss = require('clean-css')
+
+var binPath = './bin/'
+var css = []
+var js = []
+css.push("./videojs.css")
+css.push("./player.css")
+js.push("./lib/lightrpc.min.js")
+js.push("./lib/swiftclick.min.js")
+js.push("./lib/playerjs.min.js")
+js.push("./javascripts/video.js")
+js.push("./lib/videojs-contrib-hls.min.js")
+js.push("./javascripts/jsoun.js")
+js.push("./javascripts/localstorage.js")
+js.push("./javascripts/branding.js")
+js.push("./javascripts/persistvolume.js")
+js.push("./javascripts/resolutionswitcher.js")
+js.push("./javascripts/ipfsgatewayswitcher.js")
+js.push("./javascripts/settingsmenubuttons.js")
+js.push("./javascripts/settingsmenuitem.js")
+js.push("./javascripts/hotkeys.js")
+js.push("./javascripts/thumbnails.js")
+js.push("./javascripts/player.js")
+js.push("./javascripts/statistics.js")
+js.push("./javascripts/graph.js")
+js.push("./javascripts/snap.js")
+
+var cssBundle = ""
+for (let i = 0; i < css.length; i++) {
+    console.log('minifying '+css[i])
+    var code = fs.readFileSync(css[i],'utf8')
+    var clean = new ccss({}).minify(code)
+    for (let y = 0; y < clean.errors.length; y++)
+        console.log('css error:', css[i], clean.errors[y])
+    for (let y = 0; y < clean.warnings.length; y++)
+        console.log('css warn:', css[i], clean.warnings[y])
+
+    cssBundle += clean.styles+'\n'
+}
+fs.writeFileSync(binPath+'dtube.css', cssBundle)
+console.log('CSS minified in '+binPath+'dtube.css')
+
+var jsBundle = ""
+for (let i = 0; i < js.length; i++) {
+    console.log('minifying '+js[i])
+    var code = fs.readFileSync(js[i],'utf8')
+    var ugly = terser.minify(code)
+    if (ugly.error)
+        throw new Error(ugly.error)
+    jsBundle += ugly.code+'\n'
+}
+fs.writeFileSync(binPath+'dtube.min.js', jsBundle)
+console.log('JS minified in '+binPath+'dtube.min.js')
+
+
diff --git a/debug.html b/debug.html
@@ -0,0 +1,31 @@
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link href="videojs.css" rel="stylesheet">
+        <link href="player.css" rel="stylesheet">
+
+        <script src="./lib/lightrpc.min.js"></script>
+        <script src="./lib/swiftclick.min.js"></script>
+        <script src="./lib/playerjs.min.js"></script>
+        <script src="./javascripts/video.js"></script>
+        <script src="./lib/videojs-contrib-hls.min.js"></script>
+        <script src="./javascripts/jsoun.js"></script>
+        <script src="./javascripts/localstorage.js"></script>
+        <script src="./javascripts/branding.js"></script>
+        <script src="./javascripts/persistvolume.js"></script>
+        <script src="./javascripts/resolutionswitcher.js"></script>
+        <script src="./javascripts/ipfsgatewayswitcher.js"></script>
+        <script src="./javascripts/settingsmenubuttons.js"></script>
+        <script src="./javascripts/settingsmenuitem.js"></script>
+        <script src="./javascripts/hotkeys.js"></script>
+        <script src="./javascripts/thumbnails.js"></script>
+        <script src="./javascripts/player.js"></script>
+        <script src="./javascripts/statistics.js"></script>
+        <script src="./javascripts/graph.js"></script>
+        <script src="./javascripts/snap.js"></script>
+    </head>
+    <body style='margin:0'>
+        <canvas style="display: none"></canvas>
+    </body>
+</html>
diff --git a/index.html b/index.html
@@ -1,30 +1,8 @@
 <html>
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link href="videojs.css" rel="stylesheet">
-        <link href="player.css" rel="stylesheet">
-
-        <script src="./javascripts/lib/lightrpc.min.js"></script>
-        <script src="./javascripts/lib/swiftclick.min.js"></script>
-        <script src="./javascripts/lib/playerjs.min.js"></script>
-        <script src="./javascripts/jsoun.js"></script>
-        <script src="./javascripts/localstorage.js"></script>
-        <script src="./javascripts/video.js"></script>
-        <script src="./javascripts/videojs-contrib-hls.min.js"></script>
-        <script src="./javascripts/branding.js"></script>
-        <script src="./javascripts/persistvolume.js"></script>
-        <script src="./javascripts/resolutionswitcher.js"></script>
-        <script src="./javascripts/ipfsgatewayswitcher.js"></script>
-        <script src="./javascripts/settingsmenubuttons.js"></script>
-        <script src="./javascripts/settingsmenuitem.js"></script>
-        <script src="./javascripts/hotkeys.js"></script>
-        <script src="./javascripts/thumbnails.js"></script>
-        <script src="./javascripts/player.js"></script>
-        <script src="./javascripts/statistics.js"></script>
-        <script src="./javascripts/graph.js"></script>
-        <script src="./javascripts/snap.js"></script>
+        <link href="./bin/dtube.css" rel="stylesheet">
+        <script src="./bin/dtube.min.js"></script>
     </head>
-    <body style='margin:0'>
-        <canvas style="display: none"></canvas>
-    </body>
+    <body style='margin:0'></body>
 </html>
diff --git a/javascripts/plugin.scss b/javascripts/plugin.scss
diff --git a/javascripts/resolutionswitcher.js b/javascripts/resolutionswitcher.js
@@ -1,9 +1,3 @@
-/*! videojs-resolution-switcher - 2015-7-26
- * Copyright (c) 2016 Kasper Moskwiak
- * Modified by Pierre Kraft and Derk-Jan Hartman
- * Licensed under the Apache-2.0 license. 
- * https://github.com/kmoskwiak/videojs-resolution-switcher */
-
 (function() {
     'use strict';
     var videojs = null;

diff --git a/javascripts/lib/lightrpc.min.js → lib/lightrpc.min.js b/javascripts/lib/lightrpc.min.js → lib/lightrpc.min.js
diff --git a/javascripts/lib/playerjs.min.js → lib/playerjs.min.js b/javascripts/lib/playerjs.min.js → lib/playerjs.min.js
diff --git a/javascripts/lib/swiftclick.min.js → lib/swiftclick.min.js b/javascripts/lib/swiftclick.min.js → lib/swiftclick.min.js
diff --git a/javascripts/videojs-contrib-hls.min.js → lib/videojs-contrib-hls.min.js b/javascripts/videojs-contrib-hls.min.js → lib/videojs-contrib-hls.min.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "dtube-embed",
+  "version": "0.9.1",
+  "description": "embed player for d.tube",
+  "main": "build.js",
+  "scripts": {
+    "build": "node build.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dtube/embed.git"
+  },
+  "keywords": [
+    "dtube",
+    "video",
+    "embed",
+    "player"
+  ],
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dtube/embed/issues"
+  },
+  "homepage": "https://github.com/dtube/embed#readme",
+  "devDependencies": {
+    "clean-css": "^4.2.3",
+    "terser": "^4.6.6"
+  }
+}
diff --git a/player.css b/player.css
@@ -785,7 +785,7 @@ li {
     font-size: 1em;
 }
 
-*/ .vjs-menu-item {
+.vjs-menu-item {
     text-align: center;
 }
 

diff --git a/player.scss b/player.scss