Added ES builds

demo/index.html

@@ -274,9 +274,6 @@
             crossorigin="anonymous"
         ></script>
 
-        <!-- Plyr core script -->
-        <script src="../dist/plyr.js" crossorigin="anonymous"></script>
-
         <!-- Sharing libary (https://shr.one) -->
         <script src="https://cdn.shr.one/1.0.1/shr.js" crossorigin="anonymous"></script>
 

demo/src/js/demo.js

@@ -5,6 +5,7 @@
 // ==========================================================================
 
 import Raven from 'raven-js';
+import Plyr from '../../../src/js/plyr';
 
 (() => {
     const { host } = window.location;

dist/plyr.js

@@ -8547,5 +8547,3 @@ typeof navigator === "object" && (function (global, factory) {
   return Plyr;
 
 })));
-
-//# sourceMappingURL=plyr.js.map

dist/plyr.polyfilled.js

@@ -11677,5 +11677,3 @@ typeof navigator === "object" && (function (global, factory) {
   return Plyr;
 
 })));
-
-//# sourceMappingURL=plyr.polyfilled.js.map

gulpfile.js

@@ -118,16 +118,19 @@ gulp.task('clean', done => {
 const build = {
     js(files, bundle, options) {
         Object.keys(files).forEach(key => {
-            const name = `js:${key}`;
+            const { format } = options;
+            const name = `js:${key}:${format}`;
             tasks.js.push(name);
             const { output } = paths[bundle];
             const polyfill = name.includes('polyfilled');
+            const extension = format === 'es' ? '.mjs' : '.js';
 
             return gulp.task(name, () =>
                 gulp
                     .src(bundles[bundle].js[key])
                     .pipe(sourcemaps.init())
                     .pipe(concat(key))
+
                     .pipe(
                         rollup(
                             {
@@ -137,9 +140,9 @@ const build = {
                         ),
                     )
                     .pipe(header('typeof navigator === "object" && ')) // "Support" SSR (#935)
-                    .pipe(sourcemaps.write(''))
+                    .pipe(rename({ extname: extension }))
                     .pipe(gulp.dest(output))
-                    .pipe(filter('**/*.js'))
+                    .pipe(filter(`**/*${extension}`))
                     .pipe(uglify())
                     .pipe(size(sizeOptions))
                     .pipe(rename({ suffix: minSuffix }))
@@ -192,7 +195,9 @@ const build = {
 };
 
 // Plyr core files
-build.js(bundles.plyr.js, 'plyr', { name: 'Plyr', format: 'umd' });
+const namespace = 'Plyr';
+build.js(bundles.plyr.js, 'plyr', { name: namespace, format: 'umd' });
+build.js(bundles.plyr.js, 'plyr', { name: namespace, format: 'es' });
 build.sass(bundles.plyr.sass, 'plyr');
 build.sprite('plyr');
 

package.json

@@ -4,6 +4,12 @@
     "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
     "homepage": "https://plyr.io",
     "author": "Sam Potts <sam@potts.es>",
+    "main": "dist/plyr.js",
+    "module": "dist/plyr.mjs",
+    "jsnext:main": "dist/plyr.mjs",
+    "browser": "dist/plyr.min.js",
+    "sass": "src/sass/plyr.scss",
+    "style": "dist/plyr.css",
     "keywords": [
         "HTML5 Video",
         "HTML5 Audio",
@@ -13,10 +19,6 @@
         "WordPress",
         "HLS"
     ],
-    "main": "./dist/plyr.js",
-    "browser": "./dist/plyr.min.js",
-    "sass": "./src/sass/plyr.scss",
-    "style": "./dist/plyr.css",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -41,7 +43,7 @@
         "del": "^3.0.0",
         "eslint": "^5.12.1",
         "eslint-config-airbnb-base": "^13.1.0",
-        "eslint-config-prettier": "^3.6.0",
+        "eslint-config-prettier": "^4.0.0",
         "eslint-plugin-import": "^2.15.0",
         "fastly-purge": "^1.0.1",
         "git-branch": "^2.0.1",