Sentry in live only

1 files changed, 214 insertions, 206 deletions

diff --git a/demo/dist/demo.js b/demo/dist/demo.js
index d41a736b..98e9f7aa 100644
--- a/demo/dist/demo.js
+++ b/demo/dist/demo.js
@@ -3769,240 +3769,248 @@ var singleton = Raven;
 // Please see readme.md in the root or github.com/sampotts/plyr
 // ==========================================================================
 
-singleton.config('https://d4ad9866ad834437a4754e23937071e4@sentry.io/305555').install();
-
-document.addEventListener('DOMContentLoaded', function () {
-    singleton.context(function () {
-        if (window.shr) {
-            window.shr.setup({
-                count: {
-                    classname: 'button__count'
-                }
+(function () {
+    var isLive = window.location.host === 'plyr.io';
+
+    // Raven / Sentry
+    // For demo site (https://plyr.io) only
+    if (isLive) {
+        singleton.config('https://d4ad9866ad834437a4754e23937071e4@sentry.io/305555').install();
+    }
+
+    document.addEventListener('DOMContentLoaded', function () {
+        singleton.context(function () {
+            if (window.shr) {
+                window.shr.setup({
+                    count: {
+                        classname: 'button__count'
+                    }
+                });
+            }
+
+            // Setup tab focus
+            var tabClassName = 'tab-focus';
+
+            // Remove class on blur
+            document.addEventListener('focusout', function (event) {
+                event.target.classList.remove(tabClassName);
             });
-        }
 
-        // Setup tab focus
-        var tabClassName = 'tab-focus';
+            // Add classname to tabbed elements
+            document.addEventListener('keydown', function (event) {
+                if (event.keyCode !== 9) {
+                    return;
+                }
 
-        // Remove class on blur
-        document.addEventListener('focusout', function (event) {
-            event.target.classList.remove(tabClassName);
-        });
+                // Delay the adding of classname until the focus has changed
+                // This event fires before the focusin event
+                setTimeout(function () {
+                    document.activeElement.classList.add(tabClassName);
+                }, 0);
+            });
 
-        // Add classname to tabbed elements
-        document.addEventListener('keydown', function (event) {
-            if (event.keyCode !== 9) {
-                return;
-            }
+            // Setup the player
+            var player = new Plyr('#player', {
+                debug: true,
+                title: 'View From A Blue Moon',
+                iconUrl: '../dist/plyr.svg',
+                keyboard: {
+                    global: true
+                },
+                tooltips: {
+                    controls: true
+                },
+                captions: {
+                    active: true
+                },
+                keys: {
+                    google: 'AIzaSyDrNwtN3nLH_8rjCmu5Wq3ZCm4MNAVdc0c'
+                },
+                ads: {
+                    enabled: true,
+                    publisherId: '918848828995742'
+                }
+            });
 
-            // Delay the adding of classname until the focus has changed
-            // This event fires before the focusin event
-            setTimeout(function () {
-                document.activeElement.classList.add(tabClassName);
-            }, 0);
-        });
+            // Expose for tinkering in the console
+            window.player = player;
 
-        // Setup the player
-        var player = new Plyr('#player', {
-            debug: true,
-            title: 'View From A Blue Moon',
-            iconUrl: '../dist/plyr.svg',
-            keyboard: {
-                global: true
-            },
-            tooltips: {
-                controls: true
-            },
-            captions: {
-                active: true
-            },
-            keys: {
-                google: 'AIzaSyDrNwtN3nLH_8rjCmu5Wq3ZCm4MNAVdc0c'
-            },
-            ads: {
-                enabled: true,
-                publisherId: '918848828995742'
+            // Setup type toggle
+            var buttons = document.querySelectorAll('[data-source]');
+            var types = {
+                video: 'video',
+                audio: 'audio',
+                youtube: 'youtube',
+                vimeo: 'vimeo'
+            };
+            var currentType = window.location.hash.replace('#', '');
+            var historySupport = window.history && window.history.pushState;
+
+            // Toggle class on an element
+            function toggleClass(element, className, state) {
+                if (element) {
+                    element.classList[state ? 'add' : 'remove'](className);
+                }
             }
-        });
 
-        // Expose for tinkering in the console
-        window.player = player;
+            // Set a new source
+            function newSource(type, init) {
+                // Bail if new type isn't known, it's the current type, or current type is empty (video is default) and new type is video
+                if (!(type in types) || !init && type === currentType || !currentType.length && type === types.video) {
+                    return;
+                }
 
-        // Setup type toggle
-        var buttons = document.querySelectorAll('[data-source]');
-        var types = {
-            video: 'video',
-            audio: 'audio',
-            youtube: 'youtube',
-            vimeo: 'vimeo'
-        };
-        var currentType = window.location.hash.replace('#', '');
-        var historySupport = window.history && window.history.pushState;
+                switch (type) {
+                    case types.video:
+                        player.source = {
+                            type: 'video',
+                            title: 'View From A Blue Moon',
+                            sources: [{
+                                src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.mp4',
+                                type: 'video/mp4'
+                            }],
+                            poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg',
+                            tracks: [{
+                                kind: 'captions',
+                                label: 'English',
+                                srclang: 'en',
+                                src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt',
+                                default: true
+                            }, {
+                                kind: 'captions',
+                                label: 'French',
+                                srclang: 'fr',
+                                src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt'
+                            }]
+                        };
+
+                        break;
+
+                    case types.audio:
+                        player.source = {
+                            type: 'audio',
+                            title: 'Kishi Bashi – “It All Began With A Burst”',
+                            sources: [{
+                                src: 'https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3',
+                                type: 'audio/mp3'
+                            }, {
+                                src: 'https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg',
+                                type: 'audio/ogg'
+                            }]
+                        };
+
+                        break;
+
+                    case types.youtube:
+                        player.source = {
+                            type: 'video',
+                            title: 'View From A Blue Moon',
+                            sources: [{
+                                src: 'https://youtube.com/watch?v=bTqVqk7FSmY',
+                                provider: 'youtube'
+                            }]
+                        };
+
+                        break;
+
+                    case types.vimeo:
+                        player.source = {
+                            type: 'video',
+                            sources: [{
+                                src: 'https://vimeo.com/76979871',
+                                provider: 'vimeo'
+                            }]
+                        };
+
+                        break;
+
+                    default:
+                        break;
+                }
 
-        // Toggle class on an element
-        function toggleClass(element, className, state) {
-            if (element) {
-                element.classList[state ? 'add' : 'remove'](className);
-            }
-        }
+                // Set the current type for next time
+                currentType = type;
 
-        // Set a new source
-        function newSource(type, init) {
-            // Bail if new type isn't known, it's the current type, or current type is empty (video is default) and new type is video
-            if (!(type in types) || !init && type === currentType || !currentType.length && type === types.video) {
-                return;
-            }
+                // Remove active classes
+                Array.from(buttons).forEach(function (button) {
+                    return toggleClass(button.parentElement, 'active', false);
+                });
 
-            switch (type) {
-                case types.video:
-                    player.source = {
-                        type: 'video',
-                        title: 'View From A Blue Moon',
-                        sources: [{
-                            src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.mp4',
-                            type: 'video/mp4'
-                        }],
-                        poster: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg',
-                        tracks: [{
-                            kind: 'captions',
-                            label: 'English',
-                            srclang: 'en',
-                            src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt',
-                            default: true
-                        }, {
-                            kind: 'captions',
-                            label: 'French',
-                            srclang: 'fr',
-                            src: 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt'
-                        }]
-                    };
-
-                    break;
-
-                case types.audio:
-                    player.source = {
-                        type: 'audio',
-                        title: 'Kishi Bashi – “It All Began With A Burst”',
-                        sources: [{
-                            src: 'https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3',
-                            type: 'audio/mp3'
-                        }, {
-                            src: 'https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.ogg',
-                            type: 'audio/ogg'
-                        }]
-                    };
-
-                    break;
-
-                case types.youtube:
-                    player.source = {
-                        type: 'video',
-                        title: 'View From A Blue Moon',
-                        sources: [{
-                            src: 'https://youtube.com/watch?v=bTqVqk7FSmY',
-                            provider: 'youtube'
-                        }]
-                    };
-
-                    break;
-
-                case types.vimeo:
-                    player.source = {
-                        type: 'video',
-                        sources: [{
-                            src: 'https://vimeo.com/76979871',
-                            provider: 'vimeo'
-                        }]
-                    };
-
-                    break;
-
-                default:
-                    break;
-            }
+                // Set active on parent
+                toggleClass(document.querySelector('[data-source="' + type + '"]'), 'active', true);
 
-            // Set the current type for next time
-            currentType = type;
+                // Show cite
+                Array.from(document.querySelectorAll('.plyr__cite')).forEach(function (cite) {
+                    cite.setAttribute('hidden', '');
+                });
+                document.querySelector('.plyr__cite--' + type).removeAttribute('hidden');
+            }
 
-            // Remove active classes
+            // Bind to each button
             Array.from(buttons).forEach(function (button) {
-                return toggleClass(button.parentElement, 'active', false);
-            });
+                button.addEventListener('click', function () {
+                    var type = button.getAttribute('data-source');
 
-            // Set active on parent
-            toggleClass(document.querySelector('[data-source="' + type + '"]'), 'active', true);
+                    newSource(type);
 
-            // Show cite
-            Array.from(document.querySelectorAll('.plyr__cite')).forEach(function (cite) {
-                cite.setAttribute('hidden', '');
+                    if (historySupport) {
+                        window.history.pushState({ type: type }, '', '#' + type);
+                    }
+                });
             });
-            document.querySelector('.plyr__cite--' + type).removeAttribute('hidden');
-        }
-
-        // Bind to each button
-        Array.from(buttons).forEach(function (button) {
-            button.addEventListener('click', function () {
-                var type = button.getAttribute('data-source');
 
-                newSource(type);
-
-                if (historySupport) {
-                    window.history.pushState({ type: type }, '', '#' + type);
+            // List for backwards/forwards
+            window.addEventListener('popstate', function (event) {
+                if (event.state && 'type' in event.state) {
+                    newSource(event.state.type);
                 }
             });
-        });
-
-        // List for backwards/forwards
-        window.addEventListener('popstate', function (event) {
-            if (event.state && 'type' in event.state) {
-                newSource(event.state.type);
-            }
-        });
 
-        // On load
-        if (historySupport) {
-            var video = !currentType.length;
+            // On load
+            if (historySupport) {
+                var video = !currentType.length;
 
-            // If there's no current type set, assume video
-            if (video) {
-                currentType = types.video;
-            }
+                // If there's no current type set, assume video
+                if (video) {
+                    currentType = types.video;
+                }
 
-            // Replace current history state
-            if (currentType in types) {
-                window.history.replaceState({
-                    type: currentType
-                }, '', video ? '' : '#' + currentType);
-            }
+                // Replace current history state
+                if (currentType in types) {
+                    window.history.replaceState({
+                        type: currentType
+                    }, '', video ? '' : '#' + currentType);
+                }
 
-            // If it's not video, load the source
-            if (currentType !== types.video) {
-                newSource(currentType, true);
+                // If it's not video, load the source
+                if (currentType !== types.video) {
+                    newSource(currentType, true);
+                }
             }
-        }
+        });
     });
-});
 
-// Google analytics
-// For demo site (https://plyr.io) only
-/* eslint-disable */
-if (window.location.host === 'plyr.io') {
-    (function (i, s, o, g, r, a, m) {
-        i.GoogleAnalyticsObject = r;
-        i[r] = i[r] || function () {
-            (i[r].q = i[r].q || []).push(arguments);
-        };
-        i[r].l = 1 * new Date();
-        a = s.createElement(o);
-        m = s.getElementsByTagName(o)[0];
-        a.async = 1;
-        a.src = g;
-        m.parentNode.insertBefore(a, m);
-    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
-    window.ga('create', 'UA-40881672-11', 'auto');
-    window.ga('send', 'pageview');
-}
-/* eslint-enable */
+    // Google analytics
+    // For demo site (https://plyr.io) only
+    /* eslint-disable */
+    if (isLive) {
+        (function (i, s, o, g, r, a, m) {
+            i.GoogleAnalyticsObject = r;
+            i[r] = i[r] || function () {
+                (i[r].q = i[r].q || []).push(arguments);
+            };
+            i[r].l = 1 * new Date();
+            a = s.createElement(o);
+            m = s.getElementsByTagName(o)[0];
+            a.async = 1;
+            a.src = g;
+            m.parentNode.insertBefore(a, m);
+        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+        window.ga('create', 'UA-40881672-11', 'auto');
+        window.ga('send', 'pageview');
+    }
+    /* eslint-enable */
+})();
 
 }());