From 243971d669397f2047c3772e65ea5e0e5eab1024 Mon Sep 17 00:00:00 2001
From: qJake <jake@burgy.me>
Date: Mon, 10 Aug 2020 21:03:35 -0500
Subject: [PATCH 1/2] Some launch prep

---
 HADotNet.CommandCenter/Controllers/AdminController.cs |  2 +-
 HADotNet.CommandCenter/HADotNet.CommandCenter.csproj  |  4 ++--
 HADotNet.CommandCenter/Services/JsonConfigStore.cs    | 11 +++--------
 HADotNet.CommandCenter/Views/Admin/Index.cshtml       |  2 +-
 HADotNet.CommandCenter/Views/Admin/Settings.cshtml    |  6 +++---
 HADotNet.CommandCenter/Views/Admin/Themes.cshtml      |  1 +
 .../Views/Shared/_AdminLayout.cshtml                  |  4 ++--
 HADotNet.CommandCenter/Views/Shared/_Layout.cshtml    |  4 ++--
 8 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/HADotNet.CommandCenter/Controllers/AdminController.cs b/HADotNet.CommandCenter/Controllers/AdminController.cs
index e5eb836..d924f4a 100644
--- a/HADotNet.CommandCenter/Controllers/AdminController.cs
+++ b/HADotNet.CommandCenter/Controllers/AdminController.cs
@@ -174,7 +174,7 @@ public async Task<IActionResult> ImportTheme([FromForm] IFormFile file)
 
                     await ConfigStore.ManipulateConfig(c => c.CurrentTheme = newTheme);
 
-                    TempData.AddSuccess($"Successfully imported theme file '{file.FileName}' successfully! <a href=\"/\">Go check out your dashboard!</a>");
+                    TempData.AddSuccess($"Successfully imported theme file '{file.FileName}' successfully! <a href=\"/d\" target=\"_blank\">Go check out your dashboard!</a>");
                 }
                 catch
                 {
diff --git a/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj b/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
index c887e32..030b5cb 100644
--- a/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
+++ b/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
@@ -38,8 +38,8 @@
   <ItemGroup>
     <!-- Web Compiler is Windows-only. -->
     <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="BuildWebCompiler" Version="1.12.405" />
-    <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="BuildBundlerMinifier" Version="3.2.435" />
-    <PackageReference Include="HADotNet.Core" Version="1.2.1" />
+    <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="BuildBundlerMinifier" Version="3.2.449" />
+    <PackageReference Include="HADotNet.Core" Version="1.3.1" />
     <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="3.1.1" />
     <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="3.1.1" />
     <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.NewtonsoftJson" Version="3.1.1" />
diff --git a/HADotNet.CommandCenter/Services/JsonConfigStore.cs b/HADotNet.CommandCenter/Services/JsonConfigStore.cs
index 23c6dc9..55c4afd 100644
--- a/HADotNet.CommandCenter/Services/JsonConfigStore.cs
+++ b/HADotNet.CommandCenter/Services/JsonConfigStore.cs
@@ -2,7 +2,6 @@
 using HADotNet.CommandCenter.Models.Config;
 using HADotNet.CommandCenter.Models.Config.Pages;
 using HADotNet.CommandCenter.Models.Config.Themes;
-using HADotNet.CommandCenter.Models.Config.Tiles;
 using HADotNet.CommandCenter.Services.Interfaces;
 using HADotNet.CommandCenter.Utils;
 using Microsoft.Extensions.Options;
@@ -11,6 +10,7 @@
 using System;
 using System.Collections.Generic;
 using System.IO;
+using System.Runtime.InteropServices;
 using System.Threading.Tasks;
 
 namespace HADotNet.CommandCenter.Services
@@ -19,7 +19,7 @@ public class JsonConfigStore : IConfigStore
     {
         private const string CONFIG_FILE = "config.json";
 
-        private const string HASSIO_CONFIG_LOC = "/data/";
+        private const string LINUX_DATA_LOCATION = "/app/data/";
 
         public static JsonSerializerSettings SerializerSettings { get; } = new JsonSerializerSettings
         {
@@ -40,12 +40,7 @@ public class JsonConfigStore : IConfigStore
         public JsonConfigStore(IOptions<HaccOptions> haccOptions)
         {
             Options = haccOptions.Value;
-            var isHassio = !string.IsNullOrWhiteSpace(SupervisorEnvironment.GetSupervisorToken());
-#if DEBUG
-            ConfigDirectory = Environment.ExpandEnvironmentVariables(Options.ConfigLocation);
-#else
-            ConfigDirectory = isHassio ? HASSIO_CONFIG_LOC : Environment.ExpandEnvironmentVariables(Options.ConfigLocation);
-#endif
+            ConfigDirectory = RuntimeInformation.IsOSPlatform(OSPlatform.Linux) && Options.ConfigLocation == "." ? LINUX_DATA_LOCATION : Environment.ExpandEnvironmentVariables(Options.ConfigLocation);
         }
 
         public async Task ManipulateConfig(params Action<ConfigRoot>[] changes)
diff --git a/HADotNet.CommandCenter/Views/Admin/Index.cshtml b/HADotNet.CommandCenter/Views/Admin/Index.cshtml
index d74af47..0336d97 100644
--- a/HADotNet.CommandCenter/Views/Admin/Index.cshtml
+++ b/HADotNet.CommandCenter/Views/Admin/Index.cshtml
@@ -42,7 +42,7 @@
             <div class="ui segment">
                 <h2>Configuration Control</h2>
                 <p>Import, export, or reset your master HACC configuration here.</p>
-                <p><em>Note: Exported settings do NOT contain connection information. When importing, if you are NOT running as a Hass.io addon, you will need to re-setup your connection to Home Assistant.</em></p>
+                <p><em>Note: Exported settings do NOT contain connection information. When importing, you will need to re-setup your connection to Home Assistant.</em></p>
                 <div class="ui buttons">
                     <button type="button" id="importConfig" class="ui grey icon labeled button">
                         <i class="download icon"></i>
diff --git a/HADotNet.CommandCenter/Views/Admin/Settings.cshtml b/HADotNet.CommandCenter/Views/Admin/Settings.cshtml
index 0339bc8..fecfe17 100644
--- a/HADotNet.CommandCenter/Views/Admin/Settings.cshtml
+++ b/HADotNet.CommandCenter/Views/Admin/Settings.cshtml
@@ -55,9 +55,9 @@
         <div class="ui icon labeled info message">
             <i class="info circle icon"></i>
             <div class="content">
-                <div class="ui large header">Managed by Hass.io</div>
-                <p>Your installation of HACC is managed by your Hass.io installation.</p>
-                <p>The only thing we need from you is a long-lived access token to get started.</p>
+                <div class="ui large header">Supervisor Add-on</div>
+                <p>HACC is being run from the Home Assistant Supervisor.</p>
+                <p>The only thing we need from you is a <em>long-lived access token</em> to get started. (<a href="https://hacc.dev/faqs/#why-is-a-long-lived-access-token-llat-required-in-supervisor-mode" target="_blank">Why?</a></p>
             </div>
         </div>
 
diff --git a/HADotNet.CommandCenter/Views/Admin/Themes.cshtml b/HADotNet.CommandCenter/Views/Admin/Themes.cshtml
index ccf90e3..c23f9f5 100644
--- a/HADotNet.CommandCenter/Views/Admin/Themes.cshtml
+++ b/HADotNet.CommandCenter/Views/Admin/Themes.cshtml
@@ -27,6 +27,7 @@
 
 <h1><i class="paint brush icon"></i> Themes</h1>
 
+<p><em>Want more themes?</em> Check out our <b><a href="https://hacc.dev/themes/" target="_blank">Theme Gallery on hacc.dev</a></b>!</p>
 <partial name="Alerts" />
 
 @* Hidden input for file browser - driven by toolbar button below and some lightweight JS. *@
diff --git a/HADotNet.CommandCenter/Views/Shared/_AdminLayout.cshtml b/HADotNet.CommandCenter/Views/Shared/_AdminLayout.cshtml
index e4a762f..a5a97b8 100644
--- a/HADotNet.CommandCenter/Views/Shared/_AdminLayout.cshtml
+++ b/HADotNet.CommandCenter/Views/Shared/_AdminLayout.cshtml
@@ -7,12 +7,12 @@
 
     <environment include="Development">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.7.8/semantic.css" integrity="sha256-RA4g7qvjtBTtZXeL6LEnJJP0nkcy3ZsDcEFFRx3DBCE=" crossorigin="anonymous" />
-        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.9.97/css/materialdesignicons.css" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.css" crossorigin="anonymous" />
         <link type="text/css" rel="stylesheet" href="~/css/admin.css" asp-append-version="true" />
     </environment>
     <environment include="Staging,Production">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.7.8/semantic.min.css" integrity="sha256-pquaucmYjfUqK251HC4uCXIKb2TQ4brXeUN2STYrJeg=" crossorigin="anonymous" />
-        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.9.97/css/materialdesignicons.min.css" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.min.css" crossorigin="anonymous" />
         <link type="text/css" rel="stylesheet" href="~/css/admin.min.css" asp-append-version="true" />
     </environment>
 
diff --git a/HADotNet.CommandCenter/Views/Shared/_Layout.cshtml b/HADotNet.CommandCenter/Views/Shared/_Layout.cshtml
index 8dd6879..2b575c4 100644
--- a/HADotNet.CommandCenter/Views/Shared/_Layout.cshtml
+++ b/HADotNet.CommandCenter/Views/Shared/_Layout.cshtml
@@ -6,11 +6,11 @@
     <title>@ViewData["Title"] - HA Command Center</title>
 
     <environment include="Development">
-        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.9.97/css/materialdesignicons.css" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.css" crossorigin="anonymous" />
         <link type="text/css" rel="stylesheet" href="~/css/dashboard.css" asp-append-version="true" />
     </environment>
     <environment include="Staging,Production">
-        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/3.9.97/css/materialdesignicons.min.css" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.min.css" crossorigin="anonymous" />
         <link type="text/css" rel="stylesheet" href="~/css/dashboard.min.css" asp-append-version="true" />
     </environment>
 

From 215d8d1d5f9dd9d18cec2f9464716c3d54b1357c Mon Sep 17 00:00:00 2001
From: qJake <jake@burgy.me>
Date: Mon, 10 Aug 2020 21:06:07 -0500
Subject: [PATCH 2/2] Fix directory issue on Linux

---
 .../HADotNet.CommandCenter.csproj             | 19 +++++++++----------
 HADotNet.CommandCenter/Hubs/TileHub.cs        |  4 +++-
 .../Services/JsonConfigStore.cs               |  4 ++++
 HADotNet.CommandCenter/package.json           |  3 +--
 HADotNet.CommandCenter/wwwroot/js/app.js      |  9 ++++-----
 HADotNet.CommandCenter/wwwroot/js/app.min.js  |  2 +-
 6 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj b/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
index 030b5cb..c238d24 100644
--- a/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
+++ b/HADotNet.CommandCenter/HADotNet.CommandCenter.csproj
@@ -5,8 +5,8 @@
     <RuntimeIdentifiers>win10;alpine.3.10-x64;debian.10-arm</RuntimeIdentifiers>
     <TypeScriptToolsVersion>Latest</TypeScriptToolsVersion>
     <DockerDefaultTargetOS>Linux</DockerDefaultTargetOS>
-    <AssemblyVersion>1.0.18.0</AssemblyVersion>
-    <FileVersion>1.0.18.0</FileVersion>
+    <AssemblyVersion>1.0.20.0</AssemblyVersion>
+    <FileVersion>1.0.20.0</FileVersion>
     <PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
     <GeneratePackageOnBuild>false</GeneratePackageOnBuild>
     <Deterministic>false</Deterministic>
@@ -39,18 +39,17 @@
     <!-- Web Compiler is Windows-only. -->
     <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="BuildWebCompiler" Version="1.12.405" />
     <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="BuildBundlerMinifier" Version="3.2.449" />
-    <PackageReference Include="HADotNet.Core" Version="1.3.1" />
-    <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="3.1.1" />
-    <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="3.1.1" />
-    <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.NewtonsoftJson" Version="3.1.1" />
-    <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="Microsoft.TypeScript.MSBuild" Version="3.7.4">
+    <PackageReference Include="HADotNet.Core" Version="1.3.2" />
+    <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="3.1.6" />
+    <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="3.1.6" />
+    <PackageReference Include="Microsoft.AspNetCore.SignalR.Protocols.NewtonsoftJson" Version="3.1.6" />
+    <PackageReference Condition="'$(OS)' == 'Windows_NT'" Include="Microsoft.TypeScript.MSBuild" Version="3.9.7">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
-    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.9.10" />
+    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.10.8" />
     <PackageReference Include="Newtonsoft.Json" Version="12.0.3" />
-    <PackageReference Include="Quartz" Version="3.0.7" />
-    <PackageReference Include="System.IdentityModel.Tokens.Jwt" Version="6.5.0" />
+    <PackageReference Include="System.IdentityModel.Tokens.Jwt" Version="6.7.1" />
   </ItemGroup>
 
   <PropertyGroup>
diff --git a/HADotNet.CommandCenter/Hubs/TileHub.cs b/HADotNet.CommandCenter/Hubs/TileHub.cs
index bd54c77..3613cfa 100644
--- a/HADotNet.CommandCenter/Hubs/TileHub.cs
+++ b/HADotNet.CommandCenter/Hubs/TileHub.cs
@@ -66,7 +66,9 @@ private async Task ProcessOverrides(BaseTile tile)
             {
                 // Calendars use a special API that isn't (might not be?) exposed via the WebSocket API.
                 case CalendarTile ct:
-                    await Clients.Caller.SendCalendarInfo(ct, await StatesClient.GetState(ct.EntityId), await CalendarClient.GetEvents(ct.EntityId));
+                    var state = await StatesClient.GetState(ct.EntityId);
+                    var calItems = await CalendarClient.GetEvents(ct.EntityId);
+                    await Clients.Caller.SendCalendarInfo(ct, state, calItems);
                     break;
 
                 // Date and time are rendered server-side to verify server connection, and to enforce timezone and date format selection.
diff --git a/HADotNet.CommandCenter/Services/JsonConfigStore.cs b/HADotNet.CommandCenter/Services/JsonConfigStore.cs
index 55c4afd..0884b8e 100644
--- a/HADotNet.CommandCenter/Services/JsonConfigStore.cs
+++ b/HADotNet.CommandCenter/Services/JsonConfigStore.cs
@@ -103,6 +103,10 @@ private bool CheckPermissions()
         {
             if (IsValid) return true;
 
+            var di = new DirectoryInfo(ConfigDirectory);
+
+            if (!di.Exists) di.Create();
+
             var tmpFile = Path.Combine(ConfigDirectory, ".tmp-write");
 
             try
diff --git a/HADotNet.CommandCenter/package.json b/HADotNet.CommandCenter/package.json
index f0e92e1..04194f2 100644
--- a/HADotNet.CommandCenter/package.json
+++ b/HADotNet.CommandCenter/package.json
@@ -6,7 +6,6 @@
     "@types/jquery": "3.3.31",
     "@types/semantic-ui": "2.2.7",
     "@aspnet/signalr": "1.1.4",
-    "@types/node": "12.7.1",
-    "@types/moment": "2.13.0"
+    "@types/node": "12.7.1"
   }
 }
diff --git a/HADotNet.CommandCenter/wwwroot/js/app.js b/HADotNet.CommandCenter/wwwroot/js/app.js
index b6c1511..5f6443b 100644
--- a/HADotNet.CommandCenter/wwwroot/js/app.js
+++ b/HADotNet.CommandCenter/wwwroot/js/app.js
@@ -182,7 +182,7 @@ class HAConnection {
     }
     eventStateChanged(ev) {
         var _a, _b;
-        console.info(`HA State Changed [${ev.data.entity_id}] ${(_b = (_a = ev.data.old_state) === null || _a === void 0 ? void 0 : _a.state, (_b !== null && _b !== void 0 ? _b : '<NULL>'))} -> ${ev.data.new_state.state}`);
+        console.info(`HA State Changed [${ev.data.entity_id}] ${((_b = (_a = ev.data.old_state) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : '<NULL>')} -> ${ev.data.new_state.state}`);
         this.evStateChanged.invoke(ev);
     }
     sendAuth() {
@@ -364,7 +364,6 @@ class Utils {
 /// <reference path="tileoptions.ts" />
 class Tile {
     constructor(page, name, conn, haConn, options) {
-        var _a;
         this.page = page;
         this.name = name;
         this.conn = conn;
@@ -383,7 +382,7 @@ class Tile {
             this.entityIds = entityList;
         }
         else {
-            this.entityIds.push((_a = entityList) === null || _a === void 0 ? void 0 : _a.toString());
+            this.entityIds.push(entityList === null || entityList === void 0 ? void 0 : entityList.toString());
         }
         conn.on('SendSystemConfig', (tname, cfg) => {
             if (name == tname) {
@@ -857,7 +856,7 @@ class CalendarTile extends Tile {
                     this.eventContainer.append(`<h3>${thisGroup}</h3>`);
                     lastGroup = thisGroup;
                 }
-                this.eventContainer.append(`<p><span class="summary">${evt.summary}</span><span class="time">${(!evt.start.dateTime ? 'All Day' : moment((_a = evt.start.dateTime, (_a !== null && _a !== void 0 ? _a : evt.start.date))).format('LT'))}</span></p>`);
+                this.eventContainer.append(`<p><span class="summary">${evt.summary}</span><span class="time">${(!evt.start.dateTime ? 'All Day' : moment((_a = evt.start.dateTime) !== null && _a !== void 0 ? _a : evt.start.date).format('LT'))}</span></p>`);
             }
         }
     }
@@ -867,7 +866,7 @@ class CalendarTile extends Tile {
         const tomorrow = moment().add(1, 'day');
         let todayHeader = this.formatHeader(today);
         let tomorrowHeader = this.formatHeader(tomorrow);
-        const mt = moment((_a = event.start.dateTime, (_a !== null && _a !== void 0 ? _a : event.start.date)));
+        const mt = moment((_a = event.start.dateTime) !== null && _a !== void 0 ? _a : event.start.date);
         let header = this.formatHeader(mt);
         if (header === todayHeader) {
             header += ' (Today)';
diff --git a/HADotNet.CommandCenter/wwwroot/js/app.min.js b/HADotNet.CommandCenter/wwwroot/js/app.min.js
index 7ff8578..9b8f1cb 100644
--- a/HADotNet.CommandCenter/wwwroot/js/app.min.js
+++ b/HADotNet.CommandCenter/wwwroot/js/app.min.js
@@ -1 +1 @@
-var HAMessageType,HAErrorType,HAEventType,HAResponseType,HAConnectionState,PageMode,__app,WeatherTileEntities;(function(n){n.Auth="auth";n.AuthRequired="auth_required";n.AuthOK="auth_ok";n.AuthInvalid="auth_invalid";n.GetStates="get_states";n.StateChanged="state_changed";n.SubscribeToEvents="subscribe_events";n.CameraThumbnail="camera_thumbnail";n.MediaThumbnail="media_player_thumbnail";n.Result="result";n.Event="event";n.Ping="ping";n.Pong="pong"})(HAMessageType||(HAMessageType={})),function(n){n.IDReuse="id_reuse"}(HAErrorType||(HAErrorType={})),function(n){n.StateChanged="state_changed"}(HAEventType||(HAEventType={})),function(n){n[n.StateList=0]="StateList"}(HAResponseType||(HAResponseType={})),function(n){n[n.Closed=0]="Closed";n[n.Opening=1]="Opening";n[n.Auth=2]="Auth";n[n.Open=3]="Open"}(HAConnectionState||(HAConnectionState={}));class ConnectionEvent{constructor(){this.handlers=[]}on(n){this.handlers.push(n)}off(n){this.handlers=this.handlers.filter(t=>t!==n)}invoke(n){this.handlers.slice(0).forEach(t=>t(n))}event(){return this}}class HAConnection{constructor(n){this.targetInstance=n;this.PING_INTERVAL=3e4;this.evStateChanged=new ConnectionEvent;this.evConnectionStateChanged=new ConnectionEvent;this.expectedResults={};this.expectedPromises={};this.state=HAConnectionState.Closed}get OnStateChanged(){return this.evStateChanged.event()}get OnConnectionStateChanged(){return this.evConnectionStateChanged.event()}get ConnectionState(){return this.state}initialize(){this.state=HAConnectionState.Opening;this.evConnectionStateChanged.invoke(this.state);this.msgId=1;this.ws&&this.ws.readyState===this.ws.OPEN||(this.ws=new ReconnectingWebSocket(this.targetInstance,null,{automaticOpen:!1}));this.ws.addEventListener("open",()=>this.handleOpen());this.ws.addEventListener("close",()=>this.handleClose());this.ws.addEventListener("message",n=>this.handleMessage(n));this.ws.open()}refreshAllStates(){this.sendStateRequest()}getCameraImage(n){return new Promise(t=>{this.sendCameraThumbnailRequest(n,t)})}getMediaImage(n){return new Promise(t=>{this.sendMediaThumbnailRequest(n,t)})}handleMessage(n){let t=JSON.parse(n.data);if(this.isHAMessage(t)){console.debug("-> RCV:"+t.type,t);switch(t.type){case HAMessageType.AuthRequired:this.sendAuth();return;case HAMessageType.AuthOK:this.isReady();return;case HAMessageType.Result:let n=t;n.success?this.handleHaExpectedResult(n)?delete this.expectedResults[n.id]:console.info("HA result OK",n):this.handleHaError(n.error);return;case HAMessageType.Event:this.handleHaEvent(t);return;case HAMessageType.AuthInvalid:console.error("Unable to authenticate with Home Assistant API. Check settings.");this.ws.maxReconnectAttempts=1;this.ws.close();return}}else console.warn("-> RCV",n.data)}isReady(){this.state=HAConnectionState.Open;this.evConnectionStateChanged.invoke(this.state);this.pingInterval=window.setInterval(()=>this.sendPing(),this.PING_INTERVAL);this.sendEventSubscriptionRequest(HAEventType.StateChanged)}handleHaEvent(n){this.isHAEventStateChanged(n.event)&&this.eventStateChanged(n.event)}handleHaExpectedResult(n){let t=this.expectedResults[n.id];if(typeof t!="undefined"){switch(t){case HAResponseType.StateList:this.resultStateList(n.result);break;default:console.warn("Unhandled response type for this message.",n)}return!0}let i=this.expectedPromises[n.id];return typeof i!="undefined"?(i(n),!0):!1}resultStateList(n){for(var t of n)this.evStateChanged.invoke({data:{entity_id:t.entity_id,new_state:t,old_state:null},event_type:HAEventType.StateChanged,origin:null,time_fired:null})}eventStateChanged(n){var i,t;console.info(`HA State Changed [${n.data.entity_id}] ${t=(i=n.data.old_state)===null||i===void 0?void 0:i.state,t!==null&&t!==void 0?t:"<NULL>"} -> ${n.data.new_state.state}`);this.evStateChanged.invoke(n)}sendAuth(){this.send({type:HAMessageType.Auth,access_token:window.ccOptions.token})}sendStateRequest(){let n=this.send({type:HAMessageType.GetStates});this.expectedResults[n]=HAResponseType.StateList}sendCameraThumbnailRequest(n,t){let i=this.send({type:HAMessageType.CameraThumbnail,entity_id:n});this.expectedPromises[i]=t}sendMediaThumbnailRequest(n,t){let i=this.send({type:HAMessageType.MediaThumbnail,entity_id:n});this.expectedPromises[i]=t}sendEventSubscriptionRequest(n){this.send({type:HAMessageType.SubscribeToEvents,event_type:n})}handleHaError(n){console.error("HA API Error ["+n.code+"] "+n.message)}sendPing(){this.send({type:HAMessageType.Ping})}send(n){return console.debug("<- SND:"+n.type,n),this.state!==HAConnectionState.Closed&&this.state!==HAConnectionState.Opening?(this.state===HAConnectionState.Open&&(n.id=this.msgId++),this.ws.send(JSON.stringify(n)),n.id):(console.warn("Tried to send socket message, but connection isn't ready.",n),-1)}handleOpen(){this.state=HAConnectionState.Auth;this.evConnectionStateChanged.invoke(this.state)}handleClose(){this.state=HAConnectionState.Closed;this.evConnectionStateChanged.invoke(this.state);this.pingInterval&&(window.clearInterval(this.pingInterval),this.pingInterval=0)}isHAMessage(n){return n&&typeof n.type=="string"}isHAEventStateChanged(n){return n&&typeof n.event_type=="string"&&n.event_type===HAEventType.StateChanged}}class PageUtils{static ConfirmDelete(n){return confirm("This item will be permanently deleted. This action cannot be undone.\n\nAre you sure?")?!0:(n.preventDefault(),!1)}}(function(n){n[n.User=0]="User";n[n.Admin=1]="Admin"})(PageMode||(PageMode={}));class Utils{static delayPromise(n,...t){return new Promise(i=>setTimeout(()=>i(t),n))}static sleep(n){const i=Date.now();let t=null;do t=Date.now();while(t-i<n)}static resolveAssetUrl(n,t,i){return n=n.endsWith("/")?n.substr(0,n.length-1):n,t=t&&!t.endsWith("/")?t:t.substr(0,t.length-1),i=i.startsWith("/")?i.substr(1,i.length-1):i,`${t&&t.length?t:n}/${i}`}static resolveIcon(n,t){return t&&t.length?t:n&&n.length&&/^mdi:/i.test(n)?n.replace("mdi:",""):""}static preloadImage(n){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(n);r.onerror=n=>i(n);r.src=n})}static convertDegreesToCardinal(n){return["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW"][Math.floor(n/22.5+.5)%16]}static convertCardinalToIcon(n){return{N:"arrow-up-thick",NNE:"arrow-up-thick",NE:"arrow-top-right-thick",ENE:"arrow-right-thick",E:"arrow-right-thick",ESE:"arrow-right-thick",SE:"arrow-bottom-right-thick",SSE:"arrow-down-thick",S:"arrow-down-thick",SSW:"arrow-down-thick",SW:"arrow-bottom-left-thick",WSW:"arrow-left-thick",W:"arrow-left-thick",WNW:"arrow-left-thick",NW:"arrow-top-left-thick",NNW:"arrow-up-thick"}[n]}}class Tile{constructor(n,t,i,r,u){var e,f;this.page=n;this.name=t;this.conn=i;this.canLoad=u.canLoad;this.canClick=u.canClick;this.entityIds=[];this.loaded=!this.canLoad;this.el=$(`.tiles .tile[data-tile-name="${t}"]`);this.canClick&&this.el.click(()=>{this.onClick()});f=this.el.data("tile-entityid");typeof f=="object"&&Array.isArray(f)?this.entityIds=f:this.entityIds.push((e=f)===null||e===void 0?void 0:e.toString());i.on("SendSystemConfig",(n,i)=>{t==n&&(console.debug(`Received "SendSystemConfig" for tile: ${n}`),this.config=i,this.canLoad)});i.on("SendTile",n=>{t==n.name&&(console.debug(`Received "SendTile" for tile: ${n.name}`),this.updateTile(n))});i.on("SendCalendarInfo",(n,i,r)=>{t==n.name&&this.updateCalendar(i,r)});i.on("SendWarning",n=>console.warn(n));i.on("SendDateTime",(n,i,r)=>{t==n.name&&this.updateDateTime(n,i,r)});this.requestConfig(n);this.canLoad&&this.requestState()}onClick(){return this.conn.invoke("OnTileClicked",this.page,this.name)}updateTile(){this.loaded=!0;this.disableLoading()}updateState(){}updateCalendar(){}updateDateTime(){}requestState(){this.conn.invoke("RequestTileState",this.page,this.name)}requestConfig(n){this.conn.invoke("RequestConfig",n,this.name)}disableLoading(){this.loadingDebouncer&&window.clearTimeout(this.loadingDebouncer);this.loadingDebouncer=null;this.el.removeClass("tile-loading")}getEntityIds(){return this.entityIds}}class BlankTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1})}}class LabelTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1})}}class DateTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0});this.refreshTimer=null}updateDateTime(n,t,i){$(`#tile-${n.name}`).find("span[value-date]").text(t);$(`#tile-${n.name}`).find("span[value-time]").text(i);super.updateDateTime();this.refreshTimer||(this.refreshTimer=window.setTimeout(n=>{n.refreshTimer=null,this.requestState()},3e4,this))}}class StateTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let i=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);let t=this.tile.roundDecimals?parseInt(n.new_state.state).toString():n.new_state.state;this.tile.displayTextOff&&t.toLowerCase()==="off"?t=this.tile.displayTextOff:this.tile.displayTextOn&&t.toLowerCase()==="on"&&(t=this.tile.displayTextOn);n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-state]").text(t)}}class LightTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(t=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(t);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass(`mdi-${this.tile.displayIcon} mdi-${this.tile.displayOffIcon}`).addClass(`mdi mdi-${n.new_state.state.toLowerCase()==="on"?Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayIcon):Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayOffIcon||this.tile.displayIcon)}`);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass("state-off state-on").addClass(n.new_state.state.toLowerCase()==="on"?"state-on":"state-off");this.tile.onColor&&n.new_state.state.toLowerCase()==="on"&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.onColor);this.tile.offColor&&n.new_state.state.toLowerCase()!=="on"&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.offColor)}}class SwitchTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){var t;if(this.tile!=null){let i=n.new_state.attributes.friendly_name.toString();((t=this.tile)===null||t===void 0?void 0:t.overrideLabel)&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass(`mdi-${this.tile.displayIcon} mdi-${this.tile.displayOffIcon}`).addClass(`mdi mdi-${this.isOnState(n.new_state.state)?Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayIcon):Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayOffIcon||this.tile.displayIcon)}`);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass("state-off state-on").addClass(this.isOnState(n.new_state.state)?"state-on":"state-off");this.tile.onColor&&this.isOnState(n.new_state.state)&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.onColor);this.tile.offColor&&!this.isOnState(n.new_state.state)&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.offColor);super.updateState(n)}}isOnState(n){return n.toLowerCase()==="on"||n.toLowerCase()==="open"||n.toLowerCase()==="detected"||n.toLowerCase()==="playing"||n.toLowerCase()==="idle"}}class PersonTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.entity_picture?n.new_state.attributes.entity_picture.toString():"",i=n.new_state.state.replace("_"," "),r=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(r=this.tile.overrideLabel);let u=i.toLowerCase()==="home";t.toLowerCase().startsWith("http")||(t=Utils.resolveAssetUrl(window.ccOptions.baseUrl,window.ccOptions.overrideAssetUrl,t));$(`#tile-${this.tile.name}`).find("span[value-name]").text(r);$(`#tile-${this.tile.name}`).find("span[value-location]").text(i);$(`#tile-${this.tile.name}`).find("span[value-picture]").css("background-image",`url(${t})`).removeClass("bw");u||$(`#tile-${this.tile.name}`).find("span[value-picture]").addClass("bw")}}class WeatherTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canLoad:!0,canClick:!0});this.page=n;this.name=t;this.conn=i;this.windSpeed="";this.windDir="";this.hi="";this.lo="";this.iconEl=this.el.find(".condition-icon")[0];const u=document.defaultView.getComputedStyle(this.el[0]).color;this.skycons=new Skycons({color:u,resizeClear:!0});this.skycons.add(this.iconEl,Skycons.CLEAR_DAY)}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state==null?null:n.new_state.state;switch(n.entity_id){case this.tile.entityId:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-temp]").text(t);break;case this.tile.highTempEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());this.hi=`<i class="mdi mdi-arrow-up-thick"></i> ${t}`;break;case this.tile.lowTempEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());this.lo=`<i class="mdi mdi-arrow-down-thick"></i> ${t}`;break;case this.tile.summaryEntity:$(`#tile-${this.tile.name}`).find("span[value-summary]").text(t);break;case this.tile.precipChanceEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-rain]").text(`Rain: ${t}`);break;case this.tile.windSpeedEntity:this.windSpeed=this.tile.roundWindSpeed?parseInt(t).toString():t;n.new_state.attributes.unit_of_measurement&&(this.windSpeed+=n.new_state.attributes.unit_of_measurement.toString());break;case this.tile.windDirectionEntity:this.windDir=Utils.convertDegreesToCardinal(parseInt(t));this.windDir=`<i class="mdi mdi-${Utils.convertCardinalToIcon(this.windDir)}"></i> ${this.windDir}`;break;case this.tile.iconEntity:t?(this.skycons.set(this.iconEl,t),this.skycons.play()):(this.skycons.remove(this.iconEl),$(this.iconEl).hide())}$(`#tile-${this.tile.name}`).find("span[value-hi-lo]").html(`${this.hi&&this.lo?this.hi+" / "+this.lo:this.hi+this.lo}`);$(`#tile-${this.tile.name}`).find("span[value-wind]").html(`Wind: ${(this.windSpeed+" "+this.windDir).trim()}`)}}class CameraTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1});this.haConn=r}updateTile(n){this.tile=n;super.updateTile(n);this.updateCameraFeed();window.setInterval(()=>this.updateCameraFeed(),(this.tile.refreshRate>0?this.tile.refreshRate:1)*1e3)}updateCameraFeed(){this.haConn.getCameraImage(this.tile.entityId).then(n=>{let t=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?this.tile.imageCropMode.toLowerCase():"100% 100%",i=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?"50% 50%":"0 0";$(`#tile-${this.tile.name}`).css({backgroundImage:`url('data:${n.result.content_type};base64,${n.result.content}')`,backgroundRepeat:"no-repeat",backgroundPosition:i,backgroundSize:t})})}}class SceneTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(t=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(t);$(`#tile-${this.tile.name}`).find("span[value-icon]").addClass(`mdi mdi-${this.tile.displayIcon||"filmstrip"}`);$(`#tile-${this.tile.name} .value`).css("color",this.tile.iconColor)}}class MediaTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0});this.haConn=r}updateTile(n){this.tile=n;super.updateTile(n);this.updateMediaImage();window.setInterval(()=>this.updateMediaImage(),(this.tile.refreshRate>0?this.tile.refreshRate:1)*1e3)}updateMediaImage(){var n;if((n=this.state)===null||n===void 0?void 0:n.new_state){let t=this.state.new_state.attributes.friendly_name.toString();(this.tile.overrideLabel&&(t=this.tile.overrideLabel),this.state.new_state.attributes.entity_picture||(t+=` (${this.state.new_state.state})`),$(`#tile-${this.tile.name}`).toggleClass("media-idle",this.state.new_state.attributes.media_title==="Nothing playing"||(this.state.new_state.state=="paused"||this.state.new_state.state=="idle")&&!this.state.new_state.attributes.entity_picture),$(`#tile-${this.tile.name}`).find("span[value-name]").text(this.tile.showLabel?t:""),$(`#tile-${this.tile.name}`).find("span[value-title]").text(this.tile.showTitle&&this.state.new_state.attributes.media_title&&this.state.new_state.attributes.media_title!=="Nothing playing"?this.state.new_state.attributes.media_title.toString():""),this.state.new_state.attributes.entity_picture)&&this.haConn.getMediaImage(this.tile.entityId).then(n=>{let t=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?this.tile.imageCropMode.toLowerCase():"100% 100%",i=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?"50% 50%":"0 0";$(`#tile-${this.tile.name}`).css({backgroundImage:`url('data:${n.result.content_type};base64,${n.result.content}')`,backgroundRepeat:"no-repeat",backgroundPosition:i,backgroundSize:t})})}}updateState(n){this.state=n}}class NavigationTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!1})}updateTile(n){this.navTile=n;$(`#tile-${n.name}`).find("span[value-name]").text(this.navTile.label);$(`#tile-${n.name}`).find("span[value-icon]").addClass(`mdi mdi-${this.navTile.displayIcon}`);super.updateTile()}onClick(){switch(this.navTile.mode.toLowerCase().trim()){case"home":window.location.href="/d/";return;case"refresh":window.location.reload();return;case"nav":window.location.href=`/d/${this.navTile.target}`;return}}}class CalendarTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canLoad:!0,canClick:!1});this.eventContainer=$(`#tile-${t} div.calendar-events`)}updateTile(n){this.tile=n;super.updateTile(n)}updateCalendar(n,t){let i=n.attributes.friendly_name.toString();this.tile.overrideLabel&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);this.refreshEvents(t);super.updateCalendar();this.tile.refreshRate>0&&(this.refreshTimer||(this.refreshTimer=window.setTimeout(n=>{n.refreshTimer=null,this.requestState()},3e4,this)))}refreshEvents(n){var t;if(this.eventContainer.empty(),n.length){let i="";for(let r=0;r<n.length;r++){const u=n[r],f=this.getEventHeader(u);i!=f&&(this.eventContainer.append(`<h3>${f}</h3>`),i=f);this.eventContainer.append(`<p><span class="summary">${u.summary}</span><span class="time">${u.start.dateTime?moment((t=u.start.dateTime,t!==null&&t!==void 0?t:u.start.date)).format("LT"):"All Day"}</span></p>`)}}else this.eventContainer.append('<span class="no-events">No events!<\/span>')}getEventHeader(n){var i;const r=moment(),u=moment().add(1,"day");let f=this.formatHeader(r),e=this.formatHeader(u);const o=moment((i=n.start.dateTime,i!==null&&i!==void 0?i:n.start.date));let t=this.formatHeader(o);return t===f?t+=" (Today)":t===e&&(t+=" (Tomorrow)"),t}formatHeader(n){return n.format("ddd")+", "+n.format("ll")}}class TileMap{}TileMap.ClassMap={Blank:BlankTile,Label:LabelTile,Date:DateTile,State:StateTile,Light:LightTile,Switch:SwitchTile,Person:PersonTile,Weather:WeatherTile,Camera:CameraTile,Scene:SceneTile,Media:MediaTile,Navigation:NavigationTile,Calendar:CalendarTile};class CommandCenter{constructor(){this.tiles=[];$(()=>this.init())}init(){window.ccOptions.mode==PageMode.Admin?this.initAdmin():this.initUser();this.initializeMdiPreview();this.initializeColorPreview();this.initializeNightlyRefresh()}initAdmin(){$(window).on("beforeunload",n=>{if(this.pageIsDirty&&$(n.target.activeElement).prop("type")!=="submit")return"You have unsaved changes. Are you sure you want to leave?"});if($("#importTheme, #importConfig").click(()=>{confirm("WARNING: This will OVERWRITE your current settings. Export first if you want to save what you have now! Continue?")&&$("#importBrowser").click()}),$("#importBrowser").change(()=>{$("#importForm").submit()}),$("#resetConfig").click(n=>confirm("WARNING: This will COMPLETELY RESET your HACC installation and PERMANENTLY DELETE all of your tiles, themes, and settings. Are you sure you want to reset your config?")?!0:(n.preventDefault(),!1)),$(".ui.accordion").accordion(),$(".ui.checkbox").checkbox(),$(".ui.dropdown").not(".no-placeholder").dropdown({fullTextSearch:!0}),$(".ui.no-placeholder.dropdown").dropdown({placeholder:!1}),$("#Page_PageFontFace option").each(function(n,t){$(t).parent().siblings(".menu").find('.item[data-value="'+$(t).text()+'"]').css("font-family",$(t).text())}),$(".preview-layout-grid").length){$("#auto-layout").click(()=>{confirm("This will reset the layout for this page and attempt to automatically arrange all tiles evenly.\n\nYour tiles will all probably change locations. You have been warned. :)\n\nAre you sure you want to reset the layout?")&&this.pk.layout()});$(".preview-layout-grid").prepend(`<div class="preview-layout-item" style="opacity: 0; position: absolute; top: ${window.ccOptions.tilePreviewPadding}px; left: ${window.ccOptions.tilePreviewPadding}px; width: ${window.ccOptions.tilePreviewSize}px; height: ${window.ccOptions.tilePreviewSize}px;" id="grid__tmp"></div>`);this.pk=window.ccOptions?new Packery(".preview-layout-grid",{itemSelector:".preview-layout-item",columnWidth:window.ccOptions.tilePreviewSize,rowHeight:window.ccOptions.tilePreviewSize,gutter:window.ccOptions.tilePreviewPadding,initLayout:!1}):new Packery(".preview-layout-grid",{itemSelector:".preview-layout-item",columnWidth:".preview-layout-item",rowHeight:".preview-layout-item",gutter:window.ccOptions.tilePreviewPadding,initLayout:!1});this.pk.on("layoutComplete",()=>this.writeItemLayout());this.pk.on("dragItemPositioned",()=>{setTimeout(()=>{this.writeItemLayout(),this.pageIsDirty=!0},25)});this.writeItemLayout();typeof Draggabilly=="function"?$(".preview-layout-item").each((n,t)=>this.pk.bindDraggabillyEvents(new Draggabilly(t,{containment:".preview-layout-grid"}))):console.warn("Draggabilly is not available - drag and drop interface will not work.");$("#grid__tmp").remove();this.pk.initShiftLayout(Array.from(document.querySelectorAll(".preview-layout-grid > .preview-layout-item")))}}initUser(){window.ccOptions.socketUrl?this.conn=new HAConnection(window.ccOptions.socketUrl):$("#alerts").show().find(".alert-message").text("[E] HA connection not defined...");this.conn.OnConnectionStateChanged.on(n=>{n==HAConnectionState.Closed?$("#alerts").show().find(".alert-message").text("[H] Connection lost, reconnecting..."):n==HAConnectionState.Open&&($("#alerts").hide(),this.conn.refreshAllStates())});this.conn.OnStateChanged.on(n=>{var t=this.findTilesByEntityId(n.data.entity_id);for(var i of t)i.updateState(n.data),console.info(`Updating tile for entity "${n.data.entity_id}" to state "${n.data.new_state.state}".`)});this.tileConn=(new signalR.HubConnectionBuilder).withUrl("/hubs/tile").build();this.tileConn.onclose(()=>{$("#alerts").show().find(".alert-message").text("[S] Connection lost, reconnecting..."),window.setTimeout(()=>{window.location.reload()},1e4)});this.tileConn.start().then(()=>{$(".tiles .tile").each((n,t)=>{try{let n=new TileMap.ClassMap[$(t).data("tile-type").toString()](window.ccOptions.pageId,$(t).data("tile-name"),this.tileConn,this.conn);this.tiles.push(n)}catch(i){console.error('Error instantiating class "'+($(t).data("tile-type")||"__MISSING__")+'Tile". Was it added to the tile type map?',i,t)}}),this.initHandle||(this.initHandle=window.setInterval(()=>this.waitAndPerformInit(),25)),window.ccOptions.autoReturn>0&&window.setTimeout(()=>window.location.href="/d/",window.ccOptions.autoReturn*1e3)})}waitAndPerformInit(){this.tiles.filter(n=>n.loaded).length===this.tiles.length&&(this.conn.initialize(),window.clearInterval(this.initHandle))}findTilesByEntityId(n){return this.tiles.filter(t=>{let i=t.getEntityIds();return i.some(t=>t.toLowerCase()===n.toLowerCase())})}initializeNightlyRefresh(){window.setInterval(()=>{(new Date).getHours()==2&&window.setTimeout(()=>{window.location.reload()},36e5)},35e5)}initializeMdiPreview(){$(".mdi-icon-placeholder + input").each((n,t)=>{$(t).keyup(n=>{this.refreshDynamicIcon(n.currentTarget)}),this.refreshDynamicIcon(t)})}refreshDynamicIcon(n){$(n).parent().children(".mdi-icon-placeholder").attr("class","large icon mdi-icon-placeholder").addClass(`mdi mdi-${$(n).val()}`)}initializeColorPreview(){$(".color-preview + input").each((n,t)=>{$(t).keyup(n=>{this.refreshDynamicColor(n.currentTarget)}),this.refreshDynamicColor(t)})}refreshDynamicColor(n){$(n).parent().children(".color-preview").css("color",`${$(n).val()}`)}writeItemLayout(){var n=[],t=this.pk.getItemElements();for(let i=0;i<t.length;i++){let r=$(t[i]);n.push({index:i,x:parseInt(r.css("left").replace("px","")),y:parseInt(r.css("top").replace("px","")),name:r.data("tile-name")})}$("#layout-serialized").val(JSON.stringify(n))}}__app=new CommandCenter;Packery.prototype.initShiftLayout=function(n){this._resetLayout();this.items=n.map(function(n){var t=this.getItem(n);let i=parseInt(n.style.left.replace("px","")),r=parseInt(n.style.top.replace("px","")),u=n.clientWidth,f=n.clientHeight;return t.rect.x=i-this.gutter,t.rect.y=r,t.rect.height=f,t.rect.width=u,t.position.x=i-this.gutter,t.position.y=r,t},this);this.shiftLayout()},function(n){n.entityId="entityId";n.iconEntity="iconEntity";n.summaryEntity="summaryEntity";n.precipChanceEntity="precipChanceEntity";n.highTempEntity="highTempEntity";n.lowTempEntity="lowTempEntity";n.windSpeedEntity="windSpeedEntity";n.windDirectionEntity="windDirectionEntity"}(WeatherTileEntities||(WeatherTileEntities={}));
\ No newline at end of file
+var HAMessageType,HAErrorType,HAEventType,HAResponseType,HAConnectionState,PageMode,__app,WeatherTileEntities;(function(n){n.Auth="auth";n.AuthRequired="auth_required";n.AuthOK="auth_ok";n.AuthInvalid="auth_invalid";n.GetStates="get_states";n.StateChanged="state_changed";n.SubscribeToEvents="subscribe_events";n.CameraThumbnail="camera_thumbnail";n.MediaThumbnail="media_player_thumbnail";n.Result="result";n.Event="event";n.Ping="ping";n.Pong="pong"})(HAMessageType||(HAMessageType={})),function(n){n.IDReuse="id_reuse"}(HAErrorType||(HAErrorType={})),function(n){n.StateChanged="state_changed"}(HAEventType||(HAEventType={})),function(n){n[n.StateList=0]="StateList"}(HAResponseType||(HAResponseType={})),function(n){n[n.Closed=0]="Closed";n[n.Opening=1]="Opening";n[n.Auth=2]="Auth";n[n.Open=3]="Open"}(HAConnectionState||(HAConnectionState={}));class ConnectionEvent{constructor(){this.handlers=[]}on(n){this.handlers.push(n)}off(n){this.handlers=this.handlers.filter(t=>t!==n)}invoke(n){this.handlers.slice(0).forEach(t=>t(n))}event(){return this}}class HAConnection{constructor(n){this.targetInstance=n;this.PING_INTERVAL=3e4;this.evStateChanged=new ConnectionEvent;this.evConnectionStateChanged=new ConnectionEvent;this.expectedResults={};this.expectedPromises={};this.state=HAConnectionState.Closed}get OnStateChanged(){return this.evStateChanged.event()}get OnConnectionStateChanged(){return this.evConnectionStateChanged.event()}get ConnectionState(){return this.state}initialize(){this.state=HAConnectionState.Opening;this.evConnectionStateChanged.invoke(this.state);this.msgId=1;this.ws&&this.ws.readyState===this.ws.OPEN||(this.ws=new ReconnectingWebSocket(this.targetInstance,null,{automaticOpen:!1}));this.ws.addEventListener("open",()=>this.handleOpen());this.ws.addEventListener("close",()=>this.handleClose());this.ws.addEventListener("message",n=>this.handleMessage(n));this.ws.open()}refreshAllStates(){this.sendStateRequest()}getCameraImage(n){return new Promise(t=>{this.sendCameraThumbnailRequest(n,t)})}getMediaImage(n){return new Promise(t=>{this.sendMediaThumbnailRequest(n,t)})}handleMessage(n){let t=JSON.parse(n.data);if(this.isHAMessage(t)){console.debug("-> RCV:"+t.type,t);switch(t.type){case HAMessageType.AuthRequired:this.sendAuth();return;case HAMessageType.AuthOK:this.isReady();return;case HAMessageType.Result:let n=t;n.success?this.handleHaExpectedResult(n)?delete this.expectedResults[n.id]:console.info("HA result OK",n):this.handleHaError(n.error);return;case HAMessageType.Event:this.handleHaEvent(t);return;case HAMessageType.AuthInvalid:console.error("Unable to authenticate with Home Assistant API. Check settings.");this.ws.maxReconnectAttempts=1;this.ws.close();return}}else console.warn("-> RCV",n.data)}isReady(){this.state=HAConnectionState.Open;this.evConnectionStateChanged.invoke(this.state);this.pingInterval=window.setInterval(()=>this.sendPing(),this.PING_INTERVAL);this.sendEventSubscriptionRequest(HAEventType.StateChanged)}handleHaEvent(n){this.isHAEventStateChanged(n.event)&&this.eventStateChanged(n.event)}handleHaExpectedResult(n){let t=this.expectedResults[n.id];if(typeof t!="undefined"){switch(t){case HAResponseType.StateList:this.resultStateList(n.result);break;default:console.warn("Unhandled response type for this message.",n)}return!0}let i=this.expectedPromises[n.id];return typeof i!="undefined"?(i(n),!0):!1}resultStateList(n){for(var t of n)this.evStateChanged.invoke({data:{entity_id:t.entity_id,new_state:t,old_state:null},event_type:HAEventType.StateChanged,origin:null,time_fired:null})}eventStateChanged(n){var t,i;console.info(`HA State Changed [${n.data.entity_id}] ${(i=(t=n.data.old_state)===null||t===void 0?void 0:t.state)!==null&&i!==void 0?i:"<NULL>"} -> ${n.data.new_state.state}`);this.evStateChanged.invoke(n)}sendAuth(){this.send({type:HAMessageType.Auth,access_token:window.ccOptions.token})}sendStateRequest(){let n=this.send({type:HAMessageType.GetStates});this.expectedResults[n]=HAResponseType.StateList}sendCameraThumbnailRequest(n,t){let i=this.send({type:HAMessageType.CameraThumbnail,entity_id:n});this.expectedPromises[i]=t}sendMediaThumbnailRequest(n,t){let i=this.send({type:HAMessageType.MediaThumbnail,entity_id:n});this.expectedPromises[i]=t}sendEventSubscriptionRequest(n){this.send({type:HAMessageType.SubscribeToEvents,event_type:n})}handleHaError(n){console.error("HA API Error ["+n.code+"] "+n.message)}sendPing(){this.send({type:HAMessageType.Ping})}send(n){return console.debug("<- SND:"+n.type,n),this.state!==HAConnectionState.Closed&&this.state!==HAConnectionState.Opening?(this.state===HAConnectionState.Open&&(n.id=this.msgId++),this.ws.send(JSON.stringify(n)),n.id):(console.warn("Tried to send socket message, but connection isn't ready.",n),-1)}handleOpen(){this.state=HAConnectionState.Auth;this.evConnectionStateChanged.invoke(this.state)}handleClose(){this.state=HAConnectionState.Closed;this.evConnectionStateChanged.invoke(this.state);this.pingInterval&&(window.clearInterval(this.pingInterval),this.pingInterval=0)}isHAMessage(n){return n&&typeof n.type=="string"}isHAEventStateChanged(n){return n&&typeof n.event_type=="string"&&n.event_type===HAEventType.StateChanged}}class PageUtils{static ConfirmDelete(n){return confirm("This item will be permanently deleted. This action cannot be undone.\n\nAre you sure?")?!0:(n.preventDefault(),!1)}}(function(n){n[n.User=0]="User";n[n.Admin=1]="Admin"})(PageMode||(PageMode={}));class Utils{static delayPromise(n,...t){return new Promise(i=>setTimeout(()=>i(t),n))}static sleep(n){const i=Date.now();let t=null;do t=Date.now();while(t-i<n)}static resolveAssetUrl(n,t,i){return n=n.endsWith("/")?n.substr(0,n.length-1):n,t=t&&!t.endsWith("/")?t:t.substr(0,t.length-1),i=i.startsWith("/")?i.substr(1,i.length-1):i,`${t&&t.length?t:n}/${i}`}static resolveIcon(n,t){return t&&t.length?t:n&&n.length&&/^mdi:/i.test(n)?n.replace("mdi:",""):""}static preloadImage(n){return new Promise((t,i)=>{let r=new Image;r.onload=()=>t(n);r.onerror=n=>i(n);r.src=n})}static convertDegreesToCardinal(n){return["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW"][Math.floor(n/22.5+.5)%16]}static convertCardinalToIcon(n){return{N:"arrow-up-thick",NNE:"arrow-up-thick",NE:"arrow-top-right-thick",ENE:"arrow-right-thick",E:"arrow-right-thick",ESE:"arrow-right-thick",SE:"arrow-bottom-right-thick",SSE:"arrow-down-thick",S:"arrow-down-thick",SSW:"arrow-down-thick",SW:"arrow-bottom-left-thick",WSW:"arrow-left-thick",W:"arrow-left-thick",WNW:"arrow-left-thick",NW:"arrow-top-left-thick",NNW:"arrow-up-thick"}[n]}}class Tile{constructor(n,t,i,r,u){this.page=n;this.name=t;this.conn=i;this.canLoad=u.canLoad;this.canClick=u.canClick;this.entityIds=[];this.loaded=!this.canLoad;this.el=$(`.tiles .tile[data-tile-name="${t}"]`);this.canClick&&this.el.click(()=>{this.onClick()});var f=this.el.data("tile-entityid");typeof f=="object"&&Array.isArray(f)?this.entityIds=f:this.entityIds.push(f===null||f===void 0?void 0:f.toString());i.on("SendSystemConfig",(n,i)=>{t==n&&(console.debug(`Received "SendSystemConfig" for tile: ${n}`),this.config=i,this.canLoad)});i.on("SendTile",n=>{t==n.name&&(console.debug(`Received "SendTile" for tile: ${n.name}`),this.updateTile(n))});i.on("SendCalendarInfo",(n,i,r)=>{t==n.name&&this.updateCalendar(i,r)});i.on("SendWarning",n=>console.warn(n));i.on("SendDateTime",(n,i,r)=>{t==n.name&&this.updateDateTime(n,i,r)});this.requestConfig(n);this.canLoad&&this.requestState()}onClick(){return this.conn.invoke("OnTileClicked",this.page,this.name)}updateTile(){this.loaded=!0;this.disableLoading()}updateState(){}updateCalendar(){}updateDateTime(){}requestState(){this.conn.invoke("RequestTileState",this.page,this.name)}requestConfig(n){this.conn.invoke("RequestConfig",n,this.name)}disableLoading(){this.loadingDebouncer&&window.clearTimeout(this.loadingDebouncer);this.loadingDebouncer=null;this.el.removeClass("tile-loading")}getEntityIds(){return this.entityIds}}class BlankTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1})}}class LabelTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1})}}class DateTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0});this.refreshTimer=null}updateDateTime(n,t,i){$(`#tile-${n.name}`).find("span[value-date]").text(t);$(`#tile-${n.name}`).find("span[value-time]").text(i);super.updateDateTime();this.refreshTimer||(this.refreshTimer=window.setTimeout(n=>{n.refreshTimer=null,this.requestState()},3e4,this))}}class StateTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let i=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);let t=this.tile.roundDecimals?parseInt(n.new_state.state).toString():n.new_state.state;this.tile.displayTextOff&&t.toLowerCase()==="off"?t=this.tile.displayTextOff:this.tile.displayTextOn&&t.toLowerCase()==="on"&&(t=this.tile.displayTextOn);n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-state]").text(t)}}class LightTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(t=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(t);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass(`mdi-${this.tile.displayIcon} mdi-${this.tile.displayOffIcon}`).addClass(`mdi mdi-${n.new_state.state.toLowerCase()==="on"?Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayIcon):Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayOffIcon||this.tile.displayIcon)}`);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass("state-off state-on").addClass(n.new_state.state.toLowerCase()==="on"?"state-on":"state-off");this.tile.onColor&&n.new_state.state.toLowerCase()==="on"&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.onColor);this.tile.offColor&&n.new_state.state.toLowerCase()!=="on"&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.offColor)}}class SwitchTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){var t;if(this.tile!=null){let i=n.new_state.attributes.friendly_name.toString();((t=this.tile)===null||t===void 0?void 0:t.overrideLabel)&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass(`mdi-${this.tile.displayIcon} mdi-${this.tile.displayOffIcon}`).addClass(`mdi mdi-${this.isOnState(n.new_state.state)?Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayIcon):Utils.resolveIcon(n.new_state.attributes.icon,this.tile.displayOffIcon||this.tile.displayIcon)}`);$(`#tile-${this.tile.name}`).find("span[value-icon]").removeClass("state-off state-on").addClass(this.isOnState(n.new_state.state)?"state-on":"state-off");this.tile.onColor&&this.isOnState(n.new_state.state)&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.onColor);this.tile.offColor&&!this.isOnState(n.new_state.state)&&$(`#tile-${this.tile.name} .value`).css("color",this.tile.offColor);super.updateState(n)}}isOnState(n){return n.toLowerCase()==="on"||n.toLowerCase()==="open"||n.toLowerCase()==="detected"||n.toLowerCase()==="playing"||n.toLowerCase()==="idle"}}class PersonTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.entity_picture?n.new_state.attributes.entity_picture.toString():"",i=n.new_state.state.replace("_"," "),r=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(r=this.tile.overrideLabel);let u=i.toLowerCase()==="home";t.toLowerCase().startsWith("http")||(t=Utils.resolveAssetUrl(window.ccOptions.baseUrl,window.ccOptions.overrideAssetUrl,t));$(`#tile-${this.tile.name}`).find("span[value-name]").text(r);$(`#tile-${this.tile.name}`).find("span[value-location]").text(i);$(`#tile-${this.tile.name}`).find("span[value-picture]").css("background-image",`url(${t})`).removeClass("bw");u||$(`#tile-${this.tile.name}`).find("span[value-picture]").addClass("bw")}}class WeatherTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canLoad:!0,canClick:!0});this.page=n;this.name=t;this.conn=i;this.windSpeed="";this.windDir="";this.hi="";this.lo="";this.iconEl=this.el.find(".condition-icon")[0];const u=document.defaultView.getComputedStyle(this.el[0]).color;this.skycons=new Skycons({color:u,resizeClear:!0});this.skycons.add(this.iconEl,Skycons.CLEAR_DAY)}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state==null?null:n.new_state.state;switch(n.entity_id){case this.tile.entityId:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-temp]").text(t);break;case this.tile.highTempEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());this.hi=`<i class="mdi mdi-arrow-up-thick"></i> ${t}`;break;case this.tile.lowTempEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());this.lo=`<i class="mdi mdi-arrow-down-thick"></i> ${t}`;break;case this.tile.summaryEntity:$(`#tile-${this.tile.name}`).find("span[value-summary]").text(t);break;case this.tile.precipChanceEntity:n.new_state.attributes.unit_of_measurement&&(t+=n.new_state.attributes.unit_of_measurement.toString());$(`#tile-${this.tile.name}`).find("span[value-rain]").text(`Rain: ${t}`);break;case this.tile.windSpeedEntity:this.windSpeed=this.tile.roundWindSpeed?parseInt(t).toString():t;n.new_state.attributes.unit_of_measurement&&(this.windSpeed+=n.new_state.attributes.unit_of_measurement.toString());break;case this.tile.windDirectionEntity:this.windDir=Utils.convertDegreesToCardinal(parseInt(t));this.windDir=`<i class="mdi mdi-${Utils.convertCardinalToIcon(this.windDir)}"></i> ${this.windDir}`;break;case this.tile.iconEntity:t?(this.skycons.set(this.iconEl,t),this.skycons.play()):(this.skycons.remove(this.iconEl),$(this.iconEl).hide())}$(`#tile-${this.tile.name}`).find("span[value-hi-lo]").html(`${this.hi&&this.lo?this.hi+" / "+this.lo:this.hi+this.lo}`);$(`#tile-${this.tile.name}`).find("span[value-wind]").html(`Wind: ${(this.windSpeed+" "+this.windDir).trim()}`)}}class CameraTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!1,canLoad:!1});this.haConn=r}updateTile(n){this.tile=n;super.updateTile(n);this.updateCameraFeed();window.setInterval(()=>this.updateCameraFeed(),(this.tile.refreshRate>0?this.tile.refreshRate:1)*1e3)}updateCameraFeed(){this.haConn.getCameraImage(this.tile.entityId).then(n=>{let t=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?this.tile.imageCropMode.toLowerCase():"100% 100%",i=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?"50% 50%":"0 0";$(`#tile-${this.tile.name}`).css({backgroundImage:`url('data:${n.result.content_type};base64,${n.result.content}')`,backgroundRepeat:"no-repeat",backgroundPosition:i,backgroundSize:t})})}}class SceneTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0})}updateTile(n){this.tile=n;super.updateTile(n)}updateState(n){let t=n.new_state.attributes.friendly_name.toString();this.tile.overrideLabel&&(t=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(t);$(`#tile-${this.tile.name}`).find("span[value-icon]").addClass(`mdi mdi-${this.tile.displayIcon||"filmstrip"}`);$(`#tile-${this.tile.name} .value`).css("color",this.tile.iconColor)}}class MediaTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!0});this.haConn=r}updateTile(n){this.tile=n;super.updateTile(n);this.updateMediaImage();window.setInterval(()=>this.updateMediaImage(),(this.tile.refreshRate>0?this.tile.refreshRate:1)*1e3)}updateMediaImage(){var n;if((n=this.state)===null||n===void 0?void 0:n.new_state){let t=this.state.new_state.attributes.friendly_name.toString();(this.tile.overrideLabel&&(t=this.tile.overrideLabel),this.state.new_state.attributes.entity_picture||(t+=` (${this.state.new_state.state})`),$(`#tile-${this.tile.name}`).toggleClass("media-idle",this.state.new_state.attributes.media_title==="Nothing playing"||(this.state.new_state.state=="paused"||this.state.new_state.state=="idle")&&!this.state.new_state.attributes.entity_picture),$(`#tile-${this.tile.name}`).find("span[value-name]").text(this.tile.showLabel?t:""),$(`#tile-${this.tile.name}`).find("span[value-title]").text(this.tile.showTitle&&this.state.new_state.attributes.media_title&&this.state.new_state.attributes.media_title!=="Nothing playing"?this.state.new_state.attributes.media_title.toString():""),this.state.new_state.attributes.entity_picture)&&this.haConn.getMediaImage(this.tile.entityId).then(n=>{let t=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?this.tile.imageCropMode.toLowerCase():"100% 100%",i=this.tile.imageCropMode.toLowerCase()==="cover"||this.tile.imageCropMode.toLowerCase()==="contain"?"50% 50%":"0 0";$(`#tile-${this.tile.name}`).css({backgroundImage:`url('data:${n.result.content_type};base64,${n.result.content}')`,backgroundRepeat:"no-repeat",backgroundPosition:i,backgroundSize:t})})}}updateState(n){this.state=n}}class NavigationTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canClick:!0,canLoad:!1})}updateTile(n){this.navTile=n;$(`#tile-${n.name}`).find("span[value-name]").text(this.navTile.label);$(`#tile-${n.name}`).find("span[value-icon]").addClass(`mdi mdi-${this.navTile.displayIcon}`);super.updateTile()}onClick(){switch(this.navTile.mode.toLowerCase().trim()){case"home":window.location.href="/d/";return;case"refresh":window.location.reload();return;case"nav":window.location.href=`/d/${this.navTile.target}`;return}}}class CalendarTile extends Tile{constructor(n,t,i,r){super(n,t,i,r,{canLoad:!0,canClick:!1});this.eventContainer=$(`#tile-${t} div.calendar-events`)}updateTile(n){this.tile=n;super.updateTile(n)}updateCalendar(n,t){let i=n.attributes.friendly_name.toString();this.tile.overrideLabel&&(i=this.tile.overrideLabel);$(`#tile-${this.tile.name}`).find("span[value-name]").text(i);this.refreshEvents(t);super.updateCalendar();this.tile.refreshRate>0&&(this.refreshTimer||(this.refreshTimer=window.setTimeout(n=>{n.refreshTimer=null,this.requestState()},3e4,this)))}refreshEvents(n){var t;if(this.eventContainer.empty(),n.length){let i="";for(let r=0;r<n.length;r++){const u=n[r],f=this.getEventHeader(u);i!=f&&(this.eventContainer.append(`<h3>${f}</h3>`),i=f);this.eventContainer.append(`<p><span class="summary">${u.summary}</span><span class="time">${u.start.dateTime?moment((t=u.start.dateTime)!==null&&t!==void 0?t:u.start.date).format("LT"):"All Day"}</span></p>`)}}else this.eventContainer.append('<span class="no-events">No events!<\/span>')}getEventHeader(n){var i;const r=moment(),u=moment().add(1,"day");let f=this.formatHeader(r),e=this.formatHeader(u);const o=moment((i=n.start.dateTime)!==null&&i!==void 0?i:n.start.date);let t=this.formatHeader(o);return t===f?t+=" (Today)":t===e&&(t+=" (Tomorrow)"),t}formatHeader(n){return n.format("ddd")+", "+n.format("ll")}}class TileMap{}TileMap.ClassMap={Blank:BlankTile,Label:LabelTile,Date:DateTile,State:StateTile,Light:LightTile,Switch:SwitchTile,Person:PersonTile,Weather:WeatherTile,Camera:CameraTile,Scene:SceneTile,Media:MediaTile,Navigation:NavigationTile,Calendar:CalendarTile};class CommandCenter{constructor(){this.tiles=[];$(()=>this.init())}init(){window.ccOptions.mode==PageMode.Admin?this.initAdmin():this.initUser();this.initializeMdiPreview();this.initializeColorPreview();this.initializeNightlyRefresh()}initAdmin(){$(window).on("beforeunload",n=>{if(this.pageIsDirty&&$(n.target.activeElement).prop("type")!=="submit")return"You have unsaved changes. Are you sure you want to leave?"});if($("#importTheme, #importConfig").click(()=>{confirm("WARNING: This will OVERWRITE your current settings. Export first if you want to save what you have now! Continue?")&&$("#importBrowser").click()}),$("#importBrowser").change(()=>{$("#importForm").submit()}),$("#resetConfig").click(n=>confirm("WARNING: This will COMPLETELY RESET your HACC installation and PERMANENTLY DELETE all of your tiles, themes, and settings. Are you sure you want to reset your config?")?!0:(n.preventDefault(),!1)),$(".ui.accordion").accordion(),$(".ui.checkbox").checkbox(),$(".ui.dropdown").not(".no-placeholder").dropdown({fullTextSearch:!0}),$(".ui.no-placeholder.dropdown").dropdown({placeholder:!1}),$("#Page_PageFontFace option").each(function(n,t){$(t).parent().siblings(".menu").find('.item[data-value="'+$(t).text()+'"]').css("font-family",$(t).text())}),$(".preview-layout-grid").length){$("#auto-layout").click(()=>{confirm("This will reset the layout for this page and attempt to automatically arrange all tiles evenly.\n\nYour tiles will all probably change locations. You have been warned. :)\n\nAre you sure you want to reset the layout?")&&this.pk.layout()});$(".preview-layout-grid").prepend(`<div class="preview-layout-item" style="opacity: 0; position: absolute; top: ${window.ccOptions.tilePreviewPadding}px; left: ${window.ccOptions.tilePreviewPadding}px; width: ${window.ccOptions.tilePreviewSize}px; height: ${window.ccOptions.tilePreviewSize}px;" id="grid__tmp"></div>`);this.pk=window.ccOptions?new Packery(".preview-layout-grid",{itemSelector:".preview-layout-item",columnWidth:window.ccOptions.tilePreviewSize,rowHeight:window.ccOptions.tilePreviewSize,gutter:window.ccOptions.tilePreviewPadding,initLayout:!1}):new Packery(".preview-layout-grid",{itemSelector:".preview-layout-item",columnWidth:".preview-layout-item",rowHeight:".preview-layout-item",gutter:window.ccOptions.tilePreviewPadding,initLayout:!1});this.pk.on("layoutComplete",()=>this.writeItemLayout());this.pk.on("dragItemPositioned",()=>{setTimeout(()=>{this.writeItemLayout(),this.pageIsDirty=!0},25)});this.writeItemLayout();typeof Draggabilly=="function"?$(".preview-layout-item").each((n,t)=>this.pk.bindDraggabillyEvents(new Draggabilly(t,{containment:".preview-layout-grid"}))):console.warn("Draggabilly is not available - drag and drop interface will not work.");$("#grid__tmp").remove();this.pk.initShiftLayout(Array.from(document.querySelectorAll(".preview-layout-grid > .preview-layout-item")))}}initUser(){window.ccOptions.socketUrl?this.conn=new HAConnection(window.ccOptions.socketUrl):$("#alerts").show().find(".alert-message").text("[E] HA connection not defined...");this.conn.OnConnectionStateChanged.on(n=>{n==HAConnectionState.Closed?$("#alerts").show().find(".alert-message").text("[H] Connection lost, reconnecting..."):n==HAConnectionState.Open&&($("#alerts").hide(),this.conn.refreshAllStates())});this.conn.OnStateChanged.on(n=>{var t=this.findTilesByEntityId(n.data.entity_id);for(var i of t)i.updateState(n.data),console.info(`Updating tile for entity "${n.data.entity_id}" to state "${n.data.new_state.state}".`)});this.tileConn=(new signalR.HubConnectionBuilder).withUrl("/hubs/tile").build();this.tileConn.onclose(()=>{$("#alerts").show().find(".alert-message").text("[S] Connection lost, reconnecting..."),window.setTimeout(()=>{window.location.reload()},1e4)});this.tileConn.start().then(()=>{$(".tiles .tile").each((n,t)=>{try{let n=new TileMap.ClassMap[$(t).data("tile-type").toString()](window.ccOptions.pageId,$(t).data("tile-name"),this.tileConn,this.conn);this.tiles.push(n)}catch(i){console.error('Error instantiating class "'+($(t).data("tile-type")||"__MISSING__")+'Tile". Was it added to the tile type map?',i,t)}}),this.initHandle||(this.initHandle=window.setInterval(()=>this.waitAndPerformInit(),25)),window.ccOptions.autoReturn>0&&window.setTimeout(()=>window.location.href="/d/",window.ccOptions.autoReturn*1e3)})}waitAndPerformInit(){this.tiles.filter(n=>n.loaded).length===this.tiles.length&&(this.conn.initialize(),window.clearInterval(this.initHandle))}findTilesByEntityId(n){return this.tiles.filter(t=>{let i=t.getEntityIds();return i.some(t=>t.toLowerCase()===n.toLowerCase())})}initializeNightlyRefresh(){window.setInterval(()=>{(new Date).getHours()==2&&window.setTimeout(()=>{window.location.reload()},36e5)},35e5)}initializeMdiPreview(){$(".mdi-icon-placeholder + input").each((n,t)=>{$(t).keyup(n=>{this.refreshDynamicIcon(n.currentTarget)}),this.refreshDynamicIcon(t)})}refreshDynamicIcon(n){$(n).parent().children(".mdi-icon-placeholder").attr("class","large icon mdi-icon-placeholder").addClass(`mdi mdi-${$(n).val()}`)}initializeColorPreview(){$(".color-preview + input").each((n,t)=>{$(t).keyup(n=>{this.refreshDynamicColor(n.currentTarget)}),this.refreshDynamicColor(t)})}refreshDynamicColor(n){$(n).parent().children(".color-preview").css("color",`${$(n).val()}`)}writeItemLayout(){var n=[],t=this.pk.getItemElements();for(let i=0;i<t.length;i++){let r=$(t[i]);n.push({index:i,x:parseInt(r.css("left").replace("px","")),y:parseInt(r.css("top").replace("px","")),name:r.data("tile-name")})}$("#layout-serialized").val(JSON.stringify(n))}}__app=new CommandCenter;Packery.prototype.initShiftLayout=function(n){this._resetLayout();this.items=n.map(function(n){var t=this.getItem(n);let i=parseInt(n.style.left.replace("px","")),r=parseInt(n.style.top.replace("px","")),u=n.clientWidth,f=n.clientHeight;return t.rect.x=i-this.gutter,t.rect.y=r,t.rect.height=f,t.rect.width=u,t.position.x=i-this.gutter,t.position.y=r,t},this);this.shiftLayout()},function(n){n.entityId="entityId";n.iconEntity="iconEntity";n.summaryEntity="summaryEntity";n.precipChanceEntity="precipChanceEntity";n.highTempEntity="highTempEntity";n.lowTempEntity="lowTempEntity";n.windSpeedEntity="windSpeedEntity";n.windDirectionEntity="windDirectionEntity"}(WeatherTileEntities||(WeatherTileEntities={}));
\ No newline at end of file