Merge next into master for 0.11.0 (hacs#208)

* New loader

* view

* file update

* restore changes

* abc

* Move more info

* Fix missing description

* store more data

* cleanup

* fix loading

* logs

* abc

* fix 3->4 migration

* component -> integration

* Fixed typo in error message (hacs#206)

* Limit API calls

* fix sensor

* Fix beta issues

* select version

* limit saves

* Fix issue for release asset

* 0.11.0

README.md

@@ -10,7 +10,7 @@ HACS is an abbreviation of "Home Assistant Community Store".
 
 _Although "Store" is not "technically" correct since nothing is sold, it’s more like a marketplace? but "HACM" didn’t have the same ring to it._
 
-HACS is a component that gives the user a powerful UI to handle downloads of custom integrations and plugins.
+HACS is a integration that gives the user a powerful UI to handle downloads of custom integrations and plugins.
 
 **Highlights of what HACS can do:**
 

custom_components/hacs/__init__.py

@@ -1,7 +1,7 @@
 """
 Custom element manager for community created elements.
 
-For more details about this component, please refer to the documentation at
+For more details about this integration, please refer to the documentation at
 https://custom-components.github.io/hacs/
 """
 import logging
@@ -19,6 +19,7 @@
 from homeassistant.helpers import discovery
 
 from .hacsbase import HacsBase as hacs
+from .hacsdatastore import HacsDataStore
 from .const import (
     CUSTOM_UPDATER_LOCATIONS,
     STARTUP,
@@ -66,7 +67,7 @@
 
 
 async def async_setup(hass, config):  # pylint: disable=unused-argument
-    """Set up this component."""
+    """Set up this integration."""
     _LOGGER.info(STARTUP)
     config_dir = hass.config.path()
     github_token = config[DOMAIN]["token"]
@@ -159,3 +160,5 @@ async def configure_hacs(hass, github_token, hass_config_dir):
 
     hacs.hass = hass
     hacs.config_dir = hass_config_dir
+    hacs.store = HacsDataStore(hass_config_dir)
+    hacs.store.restore_values()

custom_components/hacs/aiogithub.py

@@ -216,14 +216,12 @@ async def get_contents(self, path, ref=None):
     @backoff.on_exception(
         backoff.expo, (ClientError, CancelledError, TimeoutError, KeyError), max_tries=5
     )
-    async def get_releases(self, latest=False):
+    async def get_releases(self, prerelease=False):
         """Retrun a list of repository release objects."""
         if self._ratelimit_remaining == "0":
             raise AIOGitHubRatelimit("GitHub Ratelimit error")
-        endpoint = "/repos/{}/releases/latest".format(self.full_name)
+        endpoint = "/repos/{}/releases".format(self.full_name)
         url = self.baseapi + endpoint
-        if not latest:
-            url = url.replace("/latest", "")
 
         async with async_timeout.timeout(20, loop=self.loop):
             response = await self.session.get(url, headers=self.headers)
@@ -237,12 +235,14 @@ async def get_releases(self, latest=False):
                 if response.get("message"):
                     return False
 
-            if latest:
-                return AIOGithubRepositoryRelease(response)
-
             contents = []
 
             for content in response:
+                if len(contents) == 5:
+                    break
+                if not prerelease:
+                    if content.get("prerelease", False):
+                        continue
                 contents.append(AIOGithubRepositoryRelease(content))
 
         return contents

custom_components/hacs/const.py

@@ -1,8 +1,8 @@
 """Constants for HACS"""
-VERSION = "DEV"
+VERSION = "0.11.0"
 NAME_LONG = "HACS (Home Assistant Community Store)"
 NAME_SHORT = "HACS"
-STORAGE_VERSION = "3"
+STORAGE_VERSION = "4"
 STORENAME = "hacs"
 PROJECT_URL = "https://github.com/custom-components/hacs/"
 CUSTOM_UPDATER_LOCATIONS = [
@@ -35,7 +35,7 @@
 -------------------------------------------------------------------
 {}
 Version: {}
-This is a custom component
+This is a custom integration
 If you have any issues with this you need to open an issue here:
 {}
 -------------------------------------------------------------------

custom_components/hacs/frontend/elements/custom_message.html

@@ -0,0 +1,13 @@
+<div class='container'>
+    <div class="row">
+        <div class="col s12">
+            <div class="card-panel orange darken-4">
+                <div class="card-content white-text">
+                    <span>
+                        {MESSAGE}
+                    </span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

custom_components/hacs/frontend/elements/hacs.css

@@ -249,4 +249,175 @@ tr.hacs-table-row:hover {
     overflow: scroll !important;
     -webkit-overflow-scrolling: touch;
   }
+}
+
+
+/* laoder */
+
+*.hidden {
+  display: none !important;
+}
+
+div.loading{
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(16, 16, 16, 0.5);
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-ms-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-o-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+.uil-ring-css {
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 200px;
+  height: 200px;
+}
+.uil-ring-css > div {
+  position: absolute;
+  display: block;
+  width: 160px;
+  height: 160px;
+  top: 20px;
+  left: 20px;
+  border-radius: 80px;
+  box-shadow: 0 6px 0 0 var(--primary-color);
+  -ms-animation: uil-ring-anim 1s linear infinite;
+  -moz-animation: uil-ring-anim 1s linear infinite;
+  -webkit-animation: uil-ring-anim 1s linear infinite;
+  -o-animation: uil-ring-anim 1s linear infinite;
+  animation: uil-ring-anim 1s linear infinite;
 }

custom_components/hacs/frontend/elements/hacs.js

@@ -50,3 +50,11 @@ document.addEventListener('DOMContentLoaded', function() {
     var elems = document.querySelectorAll('.modal');
     var instances = M.Modal.init(elems, {});
   });
+
+
+// Loader
+function toggleLoading(){
+    var loadingOverlay = document.querySelector('.loading');
+    loadingOverlay.classList.remove('hidden')
+    document.activeElement.blur();
+}

custom_components/hacs/frontend/elements/overview/grid.html

@@ -0,0 +1,5 @@
+<div class='hacs-overview-container'>
+  <h5>{TYPE}</h5>
+  <div class='hacs-card-container'>
+    {CARDS}
+  </div></div></br></br>

custom_components/hacs/frontend/elements/overview/table.html

@@ -0,0 +1,19 @@
+<div class='hacs-overview-container'>
+  <div class="row">
+      <h5>{TYPE}</h5>
+      <table class="hacs-table">
+          <thead>
+              <tr>
+                  <th>Status</th>
+                  <th>Name</th>
+                  <th class="smal-hide">Description</th>
+                  <th class="smal-hide">Installed</th>
+                  <th class="smal-hide">Available</th>
+              </tr>
+          </thead>
+          <tbody>
+            {ROWS}
+          </tbody>
+      </table>
+  </div>
+</div>

custom_components/hacs/frontend/elements/repository/card_overview.html

@@ -0,0 +1,8 @@
+<a href="{API}/{ID}" class="hacs-card" onclick="toggleLoading()">
+  <div class="hacs-card overview">
+      <span class="hacs-card-title">{ICON} {NAME}</span>
+      <span class="hacs-card-content">
+          <p>{DESCRIPTION}</p>
+      </span>
+  </div>
+</a>

custom_components/hacs/frontend/elements/repository/card_store.html

@@ -0,0 +1,11 @@
+<a href="{API}/{ID}" class="hacs-card" onclick="toggleLoading()">
+  <div class="hacs-card overview">
+      <!--{TOPICS}-->
+      <!--{AUTHORES}-->
+      <!--{REPOSITORY_NAME}-->
+      <span class="hacs-card-title">{ICON} {NAME} {BADGE}</span>
+      <span class="hacs-card-content">
+          <p>{DESCRIPTION}</p>
+      </span>
+  </div>
+</a>

custom_components/hacs/frontend/elements/repository/pending_restart.html

@@ -0,0 +1,13 @@
+<div class='container''>
+    <div class="row">
+        <div class="col s12">
+            <div class="card-panel orange darken-4">
+                <div class="card-content white-text">
+                    <span>
+                        You need to restart (and potentially reconfigure) Home Assistant, for your last operation to be loaded.
+                    </span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

custom_components/hacs/frontend/elements/repository/row_overview.html

@@ -0,0 +1,7 @@
+<tr class="hacs-table-row" onclick="toggleLoading();window.location='{API}/{ID}';">
+  <td>{ICON}</td>
+  <td>{NAME}</td>
+  <td class="hacs-card-content smal-hide">{DESCRIPTION}</td>
+  <td class="smal-hide">{INSTALLED}</td>
+  <td class="smal-hide">{AVAILABLE}</td>
+</tr>

custom_components/hacs/frontend/elements/repository/row_store.html

@@ -0,0 +1,5 @@
+<tr class="hacs-table-row" onclick="toggleLoading();window.location='{API}/{ID}';">
+  <td>{ICON}</td>
+  <td>{NAME} {BADGE}</td>
+  <td class="hacs-card-content smal-hide">{DESCRIPTION}</td>
+</tr>

custom_components/hacs/frontend/elements/repository/view_info.html

@@ -0,0 +1,12 @@
+<div class='hacs-overview-container'>
+  <div class="row">
+    <div class="col s12">
+      <div class="card hacscolor">
+        <div class="card-content">
+          {CONTENT}
+          {NOTE}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>