feat: refactor youbora implementation

.babelrc

@@ -0,0 +1,16 @@
+{
+  "presets": [
+    "es2015"
+  ],
+  "plugins": [
+    "transform-flow-strip-types",
+    "transform-class-properties"
+  ],
+  "env": {
+    "test": {
+      "plugins": [
+        "istanbul"
+      ]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,10 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+end_of_line = lf
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,6 @@
+/src/youbora.lib.min.js
+/flow-typed/
+/coverage
+/dist
+karma.conf.js
+webpack.config.js

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+  "parser": "babel-eslint",
+  "extends": [
+    "eslint:recommended",
+    "plugin:flowtype/recommended"
+  ],
+  "plugins": [
+    "import",
+    "flowtype",
+    "mocha-no-only"
+  ],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true,
+    "amd": true,
+    "commonjs": true
+  },
+  "globals": {
+    "should": true,
+    "sinon": true
+  },
+  "rules": {
+    "mocha-no-only/mocha-no-only": "off",
+    "require-jsdoc": [
+      "error"
+    ],
+    "valid-jsdoc": [
+      "error"
+    ]
+  }
+}

.flowconfig

@@ -0,0 +1,8 @@
+[ignore]
+.*/node_modules/conventional-changelog-core/test/fixtures/_malformation.json
+.*/node_modules/playkit-js/src/
+[include]
+[libs]
+node_modules/playkit-js/flow-typed/
+[options]
+unsafe.enable_getters_and_setters=true

.gitignore

@@ -35,3 +35,10 @@ jspm_packages
 
 # Optional REPL history
 .node_repl_history
+
+#VSCode configuration
+.vscode
+
+.idea/
+
+/dist/

.travis.yml

@@ -0,0 +1,24 @@
+sudo: required
+dist: trusty
+language: node_js
+node_js:
+  - "node"
+
+cache:
+  yarn: true
+  directories:
+    - node_modules
+
+before_install:
+ - export CHROME_BIN=/usr/bin/google-chrome
+ - export DISPLAY=:99.0
+ - sh -e /etc/init.d/xvfb start
+ - sudo apt-get update
+ - sudo apt-get install -y libappindicator1 fonts-liberation
+ - wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
+ - sudo dpkg -i google-chrome*.deb
+
+script:
+- npm run eslint
+- npm run flow
+- npm run test

README.md

@@ -1 +1 @@
-# playkit-js-youbora
+# playkit-js-youbora

karma.conf.js

@@ -0,0 +1,79 @@
+const isWindows = /^win/.test(process.platform);
+const isMacOS = /^darwin/.test(process.platform);
+// Create custom launcher in case running with Travis
+const customLaunchers = {
+  Chrome_travis_ci: {
+    base: 'Chrome',
+    flags: ['--no-sandbox']
+  }
+};
+
+module.exports = function (config) {
+  let karmaConf = {
+    logLevel: config.LOG_INFO,
+    browsers: [
+      'Chrome',
+      'Firefox'
+    ],
+    concurrency: 1,
+    singleRun: true,
+    colors: true,
+    frameworks: [
+      'mocha'
+    ],
+    files: [
+      'test/setup/karma.js'
+    ],
+    preprocessors: {
+      'src/**/*.js': [
+        'webpack',
+        'sourcemap'
+      ],
+      'test/setup/karma.js': [
+        'webpack',
+        'sourcemap'
+      ]
+    },
+    reporters: [
+      'progress',
+      'coverage'
+    ],
+    webpack: {
+      devtool: 'inline-source-map',
+      module: {
+        rules: [{
+          test: /\.js$/,
+          use: [{
+            loader: "babel-loader"
+          }],
+          exclude: [
+            /node_modules/
+          ]
+        }]
+      }
+    },
+    webpackServer: {
+      noInfo: true
+    },
+    client: {
+      mocha: {
+        reporter: 'html'
+      }
+    }
+  };
+
+  if (process.env.TRAVIS) {
+    karmaConf.customLaunchers = customLaunchers;
+    karmaConf.browsers = [
+      'Chrome_travis_ci'
+    ];
+  } else {
+    if (isWindows) {
+      karmaConf.browsers.push('IE');
+    } else if (isMacOS) {
+      karmaConf.browsers.push('Safari');
+    }
+  }
+
+  config.set(karmaConf);
+};

package.json

@@ -0,0 +1,86 @@
+{
+  "name": "playkit-js-youbora",
+  "version": "0.0.1",
+  "main": "dist/playkit-youbora.js",
+  "scripts": {
+    "clean": "rm -rf ./dist",
+    "prebuild": "npm run clean",
+    "build:prod": "NODE_ENV=production webpack",
+    "build": "webpack",
+    "dev": "webpack --progress --colors --watch",
+    "test": "NODE_ENV=test karma start --color",
+    "test:chrome": "NODE_ENV=test karma start --color --browsers Chrome",
+    "test:chrome:dots": "NODE_ENV=test karma start --color --browsers Chrome --reporters dots",
+    "test:firefox": "NODE_ENV=test karma start --color --browsers Firefox",
+    "test:safari": "NODE_ENV=test karma start --color --browsers Safari",
+    "test:watch": "NODE_ENV=test karma start --color --auto-watch",
+    "start": "webpack-dev-server",
+    "release": "standard-version",
+    "publish": "git push --follow-tags --no-verify origin master",
+    "eslint": "eslint . --color",
+    "flow": "flow check",
+    "eslint:flow:test": "npm run eslint && npm run flow && npm run test",
+    "commit:dist": "git add --force --all dist && (git commit -m 'chore: update dist' || exit 0)"
+  },
+  "standard-version": {
+    "scripts": {
+      "postbump": "yarn run build && yarn run build:prod && npm run commit:dist"
+    }
+  },
+  "devDependencies": {
+    "babel-cli": "^6.18.0",
+    "babel-core": "^6.18.2",
+    "babel-eslint": "^7.1.1",
+    "babel-loader": "^6.2.7",
+    "babel-plugin-istanbul": "^4.0.0",
+    "babel-plugin-transform-class-properties": "^6.22.0",
+    "babel-plugin-transform-flow-strip-types": "^6.22.0",
+    "babel-preset-es2015": "^6.18.0",
+    "babel-register": "^6.23.0",
+    "chai": "^3.5.0",
+    "cross-env": "^3.1.4",
+    "css-loader": "^0.28.4",
+    "eslint": "^3.10.0",
+    "eslint-loader": "^1.6.1",
+    "eslint-plugin-flowtype": "^2.30.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-mocha-no-only": "^0.0.5",
+    "flow-bin": "latest",
+    "istanbul": "^0.4.5",
+    "karma": "^1.5.0",
+    "karma-chai": "^0.1.0",
+    "karma-chrome-launcher": "^2.0.0",
+    "karma-cli": "^1.0.1",
+    "karma-coverage": "^1.1.1",
+    "karma-firefox-launcher": "^1.0.1",
+    "karma-ie-launcher": "^1.0.0",
+    "karma-mocha": "^1.3.0",
+    "karma-safari-launcher": "^1.0.0",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^2.0.2",
+    "mocha": "^3.2.0",
+    "mocha-cli": "^1.0.1",
+    "playkit-js": "https://github.com/kaltura/playkit-js.git#develop",
+    "pre-push": "^0.1.1",
+    "sinon": "^2.0.0",
+    "sinon-chai": "^2.8.0",
+    "standard-version": "^4.0.0",
+    "style-loader": "^0.18.2",
+    "uglifyjs-webpack-plugin": "^0.4.3",
+    "webpack": "latest",
+    "webpack-dev-server": "latest"
+  },
+  "peerDependencies": {
+    "playkit-js": "https://github.com/kaltura/playkit-js.git#develop"
+  },
+  "keywords": [],
+  "license": "AGPL-3.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kaltura/playkit-js-youbora.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kaltura/playkit-js-youbora/issues"
+  },
+  "homepage": "https://github.com/kaltura/playkit-js-youbora#readme"
+}

src/index.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+  <script src="./playkit-youbora.js"></script>
+</head>
+<body>
+<div id="player-placeholder"></div>
+<script>
+  window.p = Playkit.loadPlayer('player-placeholder', {
+    sources: {
+      "progressive": [
+        {
+          "url": "http://deslasexta.antena3.com/mp_series1/2012/09/10/00001.mp4",
+          "mimetype": "video/mp4",
+          "id": "id1",
+          "width": 200,
+          "height": 100,
+          "bandwidth": 100000,
+          "label": "label1"
+        }
+      ]
+    },
+    plugins: {
+      youbora: {
+        'accountCode': 'powerdev'
+      }
+    }
+  });
+  window.p.play();
+</script>
+</body>
+</html>