diff --git a/package.json b/package.json
index 1d7cf770d3..e98cb81a5d 100644
--- a/package.json
+++ b/package.json
@@ -222,6 +222,7 @@
           "src/controllers/livetvstatus.js",
           "src/controllers/livetvguideprovider.js",
           "src/controllers/livetvsettings.js",
+          "src/controllers/livetv/livetvrecordings.js",
           "src/controllers/shows/episodes.js",
           "src/controllers/shows/tvgenres.js",
           "src/controllers/shows/tvlatest.js",
diff --git a/src/controllers/livetv/livetvrecordings.js b/src/controllers/livetv/livetvrecordings.js
index b0259bc89b..cb3bfeb7a6 100644
--- a/src/controllers/livetv/livetvrecordings.js
+++ b/src/controllers/livetv/livetvrecordings.js
@@ -1,111 +1,114 @@
-define(['layoutManager', 'loading', 'cardBuilder', 'apphost', 'imageLoader', 'scripts/livetvcomponents', 'listViewStyle', 'emby-itemscontainer'], function (layoutManager, loading, cardBuilder, appHost, imageLoader) {
-    'use strict';
+import layoutManager from 'layoutManager';
+import loading from 'loading';
+import cardBuilder from 'cardBuilder';
+import appHost from 'apphost';
+import imageLoader from 'imageLoader';
+import 'scripts/livetvcomponents';
+import 'listViewStyle';
+import 'emby-itemscontainer';
 
-    loading = loading.default || loading;
-
-    function renderRecordings(elem, recordings, cardOptions, scrollX) {
-        if (!elem) {
-            return;
-        }
-
-        if (recordings.length) {
-            elem.classList.remove('hide');
-        } else {
-            elem.classList.add('hide');
-        }
-
-        var recordingItems = elem.querySelector('.recordingItems');
-
-        if (scrollX) {
-            recordingItems.classList.add('scrollX');
-            recordingItems.classList.add('hiddenScrollX');
-            recordingItems.classList.remove('vertical-wrap');
-        } else {
-            recordingItems.classList.remove('scrollX');
-            recordingItems.classList.remove('hiddenScrollX');
-            recordingItems.classList.add('vertical-wrap');
-        }
-
-        recordingItems.innerHTML = cardBuilder.getCardsHtml(Object.assign({
-            items: recordings,
-            shape: scrollX ? 'autooverflow' : 'auto',
-            defaultShape: scrollX ? 'overflowBackdrop' : 'backdrop',
-            showTitle: true,
-            showParentTitle: true,
-            coverImage: true,
-            cardLayout: false,
-            centerText: true,
-            allowBottomPadding: !scrollX,
-            preferThumb: 'auto',
-            overlayText: false
-        }, cardOptions || {}));
-        imageLoader.lazyChildren(recordingItems);
+function renderRecordings(elem, recordings, cardOptions, scrollX) {
+    if (!elem) {
+        return;
     }
 
-    function renderLatestRecordings(context, promise) {
-        promise.then(function (result) {
-            renderRecordings(context.querySelector('#latestRecordings'), result.Items, {
-                showYear: true,
-                lines: 2
-            }, false);
-            loading.hide();
-        });
+    if (recordings.length) {
+        elem.classList.remove('hide');
+    } else {
+        elem.classList.add('hide');
     }
 
-    function renderRecordingFolders(context, promise) {
-        promise.then(function (result) {
-            renderRecordings(context.querySelector('#recordingFolders'), result.Items, {
-                showYear: false,
-                showParentTitle: false
-            }, false);
-        });
+    const recordingItems = elem.querySelector('.recordingItems');
+
+    if (scrollX) {
+        recordingItems.classList.add('scrollX');
+        recordingItems.classList.add('hiddenScrollX');
+        recordingItems.classList.remove('vertical-wrap');
+    } else {
+        recordingItems.classList.remove('scrollX');
+        recordingItems.classList.remove('hiddenScrollX');
+        recordingItems.classList.add('vertical-wrap');
     }
 
-    function onMoreClick(e) {
-        var type = this.getAttribute('data-type');
-        var serverId = ApiClient.serverId();
+    recordingItems.innerHTML = cardBuilder.getCardsHtml(Object.assign({
+        items: recordings,
+        shape: scrollX ? 'autooverflow' : 'auto',
+        defaultShape: scrollX ? 'overflowBackdrop' : 'backdrop',
+        showTitle: true,
+        showParentTitle: true,
+        coverImage: true,
+        cardLayout: false,
+        centerText: true,
+        allowBottomPadding: !scrollX,
+        preferThumb: 'auto',
+        overlayText: false
+    }, cardOptions || {}));
+    imageLoader.lazyChildren(recordingItems);
+}
 
-        switch (type) {
-            case 'latest':
-                Dashboard.navigate('list.html?type=Recordings&serverId=' + serverId);
-        }
+function renderLatestRecordings(context, promise) {
+    promise.then(function (result) {
+        renderRecordings(context.querySelector('#latestRecordings'), result.Items, {
+            showYear: true,
+            lines: 2
+        }, false);
+        loading.hide();
+    });
+}
+
+function renderRecordingFolders(context, promise) {
+    promise.then(function (result) {
+        renderRecordings(context.querySelector('#recordingFolders'), result.Items, {
+            showYear: false,
+            showParentTitle: false
+        }, false);
+    });
+}
+
+function onMoreClick(e) {
+    const type = this.getAttribute('data-type');
+    const serverId = ApiClient.serverId();
+
+    switch (type) {
+        case 'latest':
+            Dashboard.navigate('list.html?type=Recordings&serverId=' + serverId);
+    }
+}
+
+export default function (view, params, tabContent) {
+    function enableFullRender() {
+        return new Date().getTime() - lastFullRender > 300000;
     }
 
-    return function (view, params, tabContent) {
-        function enableFullRender() {
-            return new Date().getTime() - lastFullRender > 300000;
+    let foldersPromise;
+    let latestPromise;
+    const self = this;
+    let lastFullRender = 0;
+    const moreButtons = tabContent.querySelectorAll('.more');
+
+    for (let i = 0, length = moreButtons.length; i < length; i++) {
+        moreButtons[i].addEventListener('click', onMoreClick);
+    }
+
+    self.preRender = function () {
+        if (enableFullRender()) {
+            latestPromise = ApiClient.getLiveTvRecordings({
+                UserId: Dashboard.getCurrentUserId(),
+                Limit: 12,
+                Fields: 'CanDelete,PrimaryImageAspectRatio,BasicSyncInfo',
+                EnableTotalRecordCount: false,
+                EnableImageTypes: 'Primary,Thumb,Backdrop'
+            });
+            foldersPromise = ApiClient.getRecordingFolders(Dashboard.getCurrentUserId());
         }
-
-        var foldersPromise;
-        var latestPromise;
-        var self = this;
-        var lastFullRender = 0;
-        var moreButtons = tabContent.querySelectorAll('.more');
-
-        for (var i = 0, length = moreButtons.length; i < length; i++) {
-            moreButtons[i].addEventListener('click', onMoreClick);
-        }
-
-        self.preRender = function () {
-            if (enableFullRender()) {
-                latestPromise = ApiClient.getLiveTvRecordings({
-                    UserId: Dashboard.getCurrentUserId(),
-                    Limit: 12,
-                    Fields: 'CanDelete,PrimaryImageAspectRatio,BasicSyncInfo',
-                    EnableTotalRecordCount: false,
-                    EnableImageTypes: 'Primary,Thumb,Backdrop'
-                });
-                foldersPromise = ApiClient.getRecordingFolders(Dashboard.getCurrentUserId());
-            }
-        };
-
-        self.renderTab = function () {
-            if (enableFullRender()) {
-                loading.show();
-                renderLatestRecordings(tabContent, latestPromise);
-                renderRecordingFolders(tabContent, foldersPromise);
-                lastFullRender = new Date().getTime();
-            }
-        };
     };
-});
+
+    self.renderTab = function () {
+        if (enableFullRender()) {
+            loading.show();
+            renderLatestRecordings(tabContent, latestPromise);
+            renderRecordingFolders(tabContent, foldersPromise);
+            lastFullRender = new Date().getTime();
+        }
+    };
+}