Add support for MDI icons (home-assistant#3305)

rjbudke · Apr 1, 2022 · b6aa476 · b6aa476
1 parent 81ce293
commit b6aa476
Show file tree

Hide file tree

Showing 118 changed files with 118 additions and 20 deletions.
diff --git a/.github/workflows/validate/Dockerfile b/.github/workflows/validate/Dockerfile
@@ -1,4 +1,4 @@
 FROM alpine
-RUN apk add --no-cache imagemagick bash
+RUN apk add --no-cache imagemagick bash git optipng
 COPY validate.sh /validate.sh
 ENTRYPOINT ["/validate.sh"]
diff --git a/.github/workflows/validate/validate.sh b/.github/workflows/validate/validate.sh
@@ -17,22 +17,15 @@ function error() {
   fi
 }
 
+# Clone MDI icons
+rm -f -r mdi
+git clone --depth=1 https://github.com/Templarian/MaterialDesign mdi
+
 # Find all files in the src folder (should contain only images)
 while read image; do
-    # Read properties from image
-    properties=($(identify -format "%w %h %m" "${image}"))
-    if [[ "$?" -ne 0 ]]; then
-      error "${image}" "Could not read image file"
-      continue
-    fi
-
-    # Extract properties into variables
     filename=$(basename "${image}")
     folderpath=$(dirname "${image}")
     foldername=$(basename "${folderpath}")
-    width="${properties[0]}"
-    height="${properties[1]}"
-    type="${properties[2]}"
 
     # Underscore folders are special cases. Instead one should symlink between integration domains
     [[ "${foldername}" == _* && "${foldername}" != "_placeholder" && "${foldername}" != "_homeassistant" ]] \
@@ -43,6 +36,37 @@ while read image; do
       && [[ -d "custom_integrations/${foldername}" ]] \
         && error "${folderpath}" "The integration ${foldername} exists in both core and custom integrations. Core wins." 
 
+    # If icon filename is icon.txt
+    if [[ "${filename}" == "icon.txt" ]]; then
+      mdi=$(<${image})
+      mdi="${mdi##mdi:}"
+
+      # Check if the icon exists
+      [[ -f "mdi/svg/${mdi}.svg" ]] \
+        || error "${image}" "The icon 'mdi:${mdi}' does not exist"
+
+      # Ensure icon.png and [email protected] are missing
+      [[ -f "${folderpath}/icon.png" ]] \
+        && error "${image}" "icon.png exists while icon.txt was provided"
+      [[ -f "${folderpath}/[email protected]" ]] \
+        && error "${image}" "[email protected] exists while icon.txt was provided"
+
+      # Continue to next image
+      continue
+    fi
+
+    # Read properties from image
+    properties=($(identify -format "%w %h %m" "${image}"))
+    if [[ "$?" -ne 0 ]]; then
+      error "${image}" "Could not read image file"
+      continue
+    fi
+
+    # Extract properties into variables
+    width="${properties[0]}"
+    height="${properties[1]}"
+    type="${properties[2]}"
+
     # Ensure file is actually a PNG file
     [[ "${type}" != "PNG" ]] \
       && error "${image}" "Invalid file type '${type}' for file"

diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 build/*
+mdi/*
 
 # macOS Finder
 .DS_Store

diff --git a/core_integrations/analytics/icon.png b/core_integrations/analytics/icon.png
diff --git a/core_integrations/analytics/icon.txt b/core_integrations/analytics/icon.txt
@@ -0,0 +1 @@
+mdi:chart-timeline-variant
diff --git a/core_integrations/analytics/[email protected] b/core_integrations/analytics/[email protected]
diff --git a/core_integrations/api/icon.png b/core_integrations/api/icon.png
diff --git a/core_integrations/api/icon.txt b/core_integrations/api/icon.txt
@@ -0,0 +1 @@
+mdi:api
diff --git a/core_integrations/api/[email protected] b/core_integrations/api/[email protected]
diff --git a/core_integrations/auth/icon.png b/core_integrations/auth/icon.png
diff --git a/core_integrations/auth/icon.txt b/core_integrations/auth/icon.txt
@@ -0,0 +1 @@
+mdi:shield-check
diff --git a/core_integrations/auth/[email protected] b/core_integrations/auth/[email protected]
diff --git a/core_integrations/automation/icon.png b/core_integrations/automation/icon.png
diff --git a/core_integrations/automation/icon.txt b/core_integrations/automation/icon.txt
@@ -0,0 +1 @@
+mdi:robot
diff --git a/core_integrations/automation/[email protected] b/core_integrations/automation/[email protected]
diff --git a/core_integrations/camera/icon.png b/core_integrations/camera/icon.png
diff --git a/core_integrations/camera/icon.txt b/core_integrations/camera/icon.txt
@@ -0,0 +1 @@
+mdi:video
diff --git a/core_integrations/camera/[email protected] b/core_integrations/camera/[email protected]
diff --git a/core_integrations/config/icon.png b/core_integrations/config/icon.png
diff --git a/core_integrations/config/icon.txt b/core_integrations/config/icon.txt
@@ -0,0 +1 @@
+mdi:cog
diff --git a/core_integrations/config/[email protected] b/core_integrations/config/[email protected]
diff --git a/core_integrations/counter/icon.png b/core_integrations/counter/icon.png
diff --git a/core_integrations/counter/icon.txt b/core_integrations/counter/icon.txt
@@ -0,0 +1 @@
+mdi:counter
diff --git a/core_integrations/counter/[email protected] b/core_integrations/counter/[email protected]
diff --git a/core_integrations/derivative/icon.png b/core_integrations/derivative/icon.png
diff --git a/core_integrations/derivative/icon.txt b/core_integrations/derivative/icon.txt
@@ -0,0 +1 @@
+mdi:function-variant
diff --git a/core_integrations/derivative/[email protected] b/core_integrations/derivative/[email protected]
diff --git a/core_integrations/group/icon.png b/core_integrations/group/icon.png
diff --git a/core_integrations/group/icon.txt b/core_integrations/group/icon.txt
@@ -0,0 +1 @@
+mdi:google-circles-communities
diff --git a/core_integrations/group/[email protected] b/core_integrations/group/[email protected]
diff --git a/core_integrations/http/icon.png b/core_integrations/http/icon.png
diff --git a/core_integrations/http/icon.txt b/core_integrations/http/icon.txt
@@ -0,0 +1 @@
+mdi:protocol
diff --git a/core_integrations/http/[email protected] b/core_integrations/http/[email protected]
diff --git a/core_integrations/image b/core_integrations/image
diff --git a/core_integrations/image/icon.txt b/core_integrations/image/icon.txt
@@ -0,0 +1 @@
+mdi:image
diff --git a/core_integrations/input_boolean/icon.png b/core_integrations/input_boolean/icon.png
diff --git a/core_integrations/input_boolean/icon.txt b/core_integrations/input_boolean/icon.txt
@@ -0,0 +1 @@
+mdi:toggle-switch-outline
diff --git a/core_integrations/input_boolean/[email protected] b/core_integrations/input_boolean/[email protected]
diff --git a/core_integrations/input_button b/core_integrations/input_button
diff --git a/core_integrations/input_button/icon.txt b/core_integrations/input_button/icon.txt
@@ -0,0 +1 @@
+mdi:gesture-tap-button
diff --git a/core_integrations/input_datetime/icon.png b/core_integrations/input_datetime/icon.png
diff --git a/core_integrations/input_datetime/icon.txt b/core_integrations/input_datetime/icon.txt
@@ -0,0 +1 @@
+mdi:clock
diff --git a/core_integrations/input_datetime/[email protected] b/core_integrations/input_datetime/[email protected]
diff --git a/core_integrations/input_number/icon.png b/core_integrations/input_number/icon.png
diff --git a/core_integrations/input_number/icon.txt b/core_integrations/input_number/icon.txt
@@ -0,0 +1 @@
+mdi:ray-vertex
diff --git a/core_integrations/input_number/[email protected] b/core_integrations/input_number/[email protected]
diff --git a/core_integrations/input_select/icon.png b/core_integrations/input_select/icon.png
diff --git a/core_integrations/input_select/icon.txt b/core_integrations/input_select/icon.txt
@@ -0,0 +1 @@
+mdi:form-dropdown
diff --git a/core_integrations/input_select/[email protected] b/core_integrations/input_select/[email protected]
diff --git a/core_integrations/input_text/icon.png b/core_integrations/input_text/icon.png
diff --git a/core_integrations/input_text/icon.txt b/core_integrations/input_text/icon.txt
@@ -0,0 +1 @@
+mdi:form-textbox
diff --git a/core_integrations/input_text/[email protected] b/core_integrations/input_text/[email protected]
diff --git a/core_integrations/integration/icon.png b/core_integrations/integration/icon.png
diff --git a/core_integrations/integration/icon.txt b/core_integrations/integration/icon.txt
@@ -0,0 +1 @@
+mdi:math-integral
diff --git a/core_integrations/integration/[email protected] b/core_integrations/integration/[email protected]
diff --git a/core_integrations/lovelace/icon.png b/core_integrations/lovelace/icon.png
diff --git a/core_integrations/lovelace/icon.txt b/core_integrations/lovelace/icon.txt
@@ -0,0 +1 @@
+mdi:view-dashboard
diff --git a/core_integrations/lovelace/[email protected] b/core_integrations/lovelace/[email protected]
diff --git a/core_integrations/media_player/icon.png b/core_integrations/media_player/icon.png
diff --git a/core_integrations/media_player/icon.txt b/core_integrations/media_player/icon.txt
@@ -0,0 +1 @@
+mdi:play-circle
diff --git a/core_integrations/media_player/[email protected] b/core_integrations/media_player/[email protected]
diff --git a/core_integrations/media_source/icon.png b/core_integrations/media_source/icon.png
diff --git a/core_integrations/media_source/icon.txt b/core_integrations/media_source/icon.txt
@@ -0,0 +1 @@
+mdi:folder-multiple-image
diff --git a/core_integrations/media_source/[email protected] b/core_integrations/media_source/[email protected]
diff --git a/core_integrations/min_max b/core_integrations/min_max
diff --git a/core_integrations/min_max/icon.txt b/core_integrations/min_max/icon.txt
@@ -0,0 +1 @@
+mdi:plus-minus-variant
diff --git a/core_integrations/moon b/core_integrations/moon
diff --git a/core_integrations/moon/icon.txt b/core_integrations/moon/icon.txt
@@ -0,0 +1 @@
+mdi:moon-waning-crescent
diff --git a/core_integrations/notify/icon.png b/core_integrations/notify/icon.png
diff --git a/core_integrations/notify/icon.txt b/core_integrations/notify/icon.txt
@@ -0,0 +1 @@
+mdi:message-alert
diff --git a/core_integrations/notify/[email protected] b/core_integrations/notify/[email protected]
diff --git a/core_integrations/onboarding/icon.png b/core_integrations/onboarding/icon.png
diff --git a/core_integrations/onboarding/icon.txt b/core_integrations/onboarding/icon.txt
@@ -0,0 +1 @@
+mdi:card-account-details
diff --git a/core_integrations/onboarding/[email protected] b/core_integrations/onboarding/[email protected]
diff --git a/core_integrations/persistent_notification b/core_integrations/persistent_notification
diff --git a/core_integrations/persistent_notification/icon.txt b/core_integrations/persistent_notification/icon.txt
@@ -0,0 +1 @@
+mdi:bell
diff --git a/core_integrations/person/icon.png b/core_integrations/person/icon.png
diff --git a/core_integrations/person/icon.txt b/core_integrations/person/icon.txt
@@ -0,0 +1 @@
+mdi:account
diff --git a/core_integrations/person/[email protected] b/core_integrations/person/[email protected]
diff --git a/core_integrations/script/icon.png b/core_integrations/script/icon.png
diff --git a/core_integrations/script/icon.txt b/core_integrations/script/icon.txt
@@ -0,0 +1 @@
+mdi:script-text
diff --git a/core_integrations/script/[email protected] b/core_integrations/script/[email protected]
diff --git a/core_integrations/search/icon.png b/core_integrations/search/icon.png
diff --git a/core_integrations/search/icon.txt b/core_integrations/search/icon.txt
@@ -0,0 +1 @@
+mdi:magnify
diff --git a/core_integrations/search/[email protected] b/core_integrations/search/[email protected]
diff --git a/core_integrations/sensor/icon.png b/core_integrations/sensor/icon.png
diff --git a/core_integrations/sensor/icon.txt b/core_integrations/sensor/icon.txt
@@ -0,0 +1 @@
+mdi:eye
diff --git a/core_integrations/sensor/[email protected] b/core_integrations/sensor/[email protected]
diff --git a/core_integrations/switch_as_x b/core_integrations/switch_as_x
diff --git a/core_integrations/switch_as_x/icon.txt b/core_integrations/switch_as_x/icon.txt
@@ -0,0 +1 @@
+mdi:swap-horizontal
diff --git a/core_integrations/system_log/icon.png b/core_integrations/system_log/icon.png
diff --git a/core_integrations/system_log/icon.txt b/core_integrations/system_log/icon.txt
@@ -0,0 +1 @@
+mdi:format-list-bulleted-type
diff --git a/core_integrations/system_log/[email protected] b/core_integrations/system_log/[email protected]
diff --git a/core_integrations/threshold b/core_integrations/threshold
diff --git a/core_integrations/threshold/icon.txt b/core_integrations/threshold/icon.txt
@@ -0,0 +1 @@
+mdi:chart-sankey
diff --git a/core_integrations/timer/icon.png b/core_integrations/timer/icon.png
diff --git a/core_integrations/timer/icon.txt b/core_integrations/timer/icon.txt
@@ -0,0 +1 @@
+mdi:timer
diff --git a/core_integrations/timer/[email protected] b/core_integrations/timer/[email protected]
diff --git a/core_integrations/tod b/core_integrations/tod
diff --git a/core_integrations/tod/icon.txt b/core_integrations/tod/icon.txt
@@ -0,0 +1 @@
+mdi:hours-24
diff --git a/core_integrations/tts/icon.png b/core_integrations/tts/icon.png
diff --git a/core_integrations/tts/icon.txt b/core_integrations/tts/icon.txt
@@ -0,0 +1 @@
+mdi:text-to-speech
diff --git a/core_integrations/tts/[email protected] b/core_integrations/tts/[email protected]
diff --git a/core_integrations/utility_meter/icon.png b/core_integrations/utility_meter/icon.png
diff --git a/core_integrations/utility_meter/icon.txt b/core_integrations/utility_meter/icon.txt
@@ -0,0 +1 @@
+mdi:gauge
diff --git a/core_integrations/utility_meter/[email protected] b/core_integrations/utility_meter/[email protected]
diff --git a/core_integrations/webhook/icon.png b/core_integrations/webhook/icon.png
diff --git a/core_integrations/webhook/icon.txt b/core_integrations/webhook/icon.txt
@@ -0,0 +1 @@
+mdi:webhook
diff --git a/core_integrations/webhook/[email protected] b/core_integrations/webhook/[email protected]
diff --git a/core_integrations/webhook/logo.png b/core_integrations/webhook/logo.png
diff --git a/core_integrations/webhook/[email protected] b/core_integrations/webhook/[email protected]
diff --git a/core_integrations/websocket_api/icon.png b/core_integrations/websocket_api/icon.png
diff --git a/core_integrations/websocket_api/icon.txt b/core_integrations/websocket_api/icon.txt
@@ -0,0 +1 @@
+mdi:api
diff --git a/core_integrations/websocket_api/[email protected] b/core_integrations/websocket_api/[email protected]
diff --git a/core_integrations/zone/icon.png b/core_integrations/zone/icon.png
diff --git a/core_integrations/zone/icon.txt b/core_integrations/zone/icon.txt
@@ -0,0 +1 @@
+mdi:map-marker-radius
diff --git a/core_integrations/zone/[email protected] b/core_integrations/zone/[email protected]
diff --git a/scripts/build.sh b/scripts/build.sh
@@ -3,6 +3,10 @@
 # Copy folder, without symlinks, but use actual files instead
 mkdir -p build/_
 
+# Clone MDI icons
+rm -f -r mdi
+git clone --depth=1 https://github.com/Templarian/MaterialDesign mdi
+
 # Copy custom integrations
 rsync -aL custom_integrations/ build/_
 rsync -aL custom_integrations/ build
@@ -11,6 +15,43 @@ rsync -aL custom_integrations/ build
 rsync -aL --exclude '_homeassistant' core_integrations/ build/_
 rsync -aL --exclude '_homeassistant' --exclude '_placeholder' core_integrations/ build
 
+# Generate icons based on MDI
+find ./build -type f -name "icon.txt" | while read icon; do
+  dir=$(dirname "${icon}")
+  mdi=$(<${icon})
+  mdi="${mdi##mdi:}"
+  mogrify \
+    -format png \
+    -density 6400 \
+    -background transparent \
+    -fill "rgb(0,171,248,1.0)" \
+    -opaque black \
+    -trim \
+    -resize 240x240 \
+    -gravity center \
+    -extent 256x256 \
+    -write "${dir}/icon.png" \
+    "mdi/svg/${mdi}.svg"
+
+  mogrify \
+    -format png \
+    -density 6400 \
+    -background transparent \
+    -fill "rgb(0,171,248,1.0)" \
+    -opaque black \
+    -trim \
+    -resize 480x480 \
+    -gravity center \
+    -extent 512x512 \
+    -write "${dir}/[email protected]" \
+    "mdi/svg/${mdi}.svg"
+
+  optipng -silent "${dir}/icon.png" "${dir}/[email protected]"
+
+  rm "${icon}"
+  echo "Generated mdi:${mdi} for ${icon}"
+done
+
 # Use icon as logo in case of a missing logo
 find ./build -type f -name "icon.png" | while read icon; do
   dir=$(dirname "${icon}")