[Test] Embed svg images in summary

Signed-off-by: Antón Casas <[email protected]>

Author: 4ntn

.github/workflows/performance.yml

@@ -172,31 +172,39 @@ jobs:
         if: always()
         shell: bash
         run: |
+          set -euo pipefail
           b64() { base64 --wrap=0 "$1" 2>/dev/null || base64 -w0 "$1"; }
+
           CPP=$(b64 plots/complete_profile_plot.svg)
+          CORE=$(b64 plots/core_profile_plot.svg)
+          STACK=$(b64 plots/stack_plot.svg)
+          BSS=$(b64 plots/profiles_bss_plot.svg)
+          DATA=$(b64 plots/profiles_data_plot.svg)
+          TEXT=$(b64 plots/profiles_text_plot.svg)
+
           {
             echo "## 📊 Performance Metrics (last 52 runs)"
             echo
             echo "The workflow triggering this run can be found in the default branch."
             echo "The python scripts and the data used to generate these plots can be found in the [memory/performance](${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY}/tree/memory/performance) branch."
             echo "The scripts and data can be modified without affecting develop nor master branches."
-            echo "memory/performance branch is unprotected and can be pushed to in case any manual modifications are needed."
+            echo "The \`memory/performance\` branch is unprotected and can be pushed to in case any manual modifications are needed."
             echo
             echo "### Complete Profile"
-            echo "![Complete Profile](data:image/svg;base64,${CPP})"
+            echo "<img src=\"data:image/svg+xml;base64,${CPP}\" alt=\"Complete Profile\" width=\"700\"/>"
             echo
             echo "### Core Profile"
-            echo "![Core Profile](./plots/core_profile_plot.svg)"
+            echo "<img src=\"data:image/svg+xml;base64,${CORE}\" alt=\"Core Profile\" width=\"700\"/>"
             echo
             echo "### Simple App Stack Usage"
-            echo "![Stack](./plots/stack_plot.svg)"
+            echo "<img src=\"data:image/svg+xml;base64,${STACK}\" alt=\"Stack\" width=\"700\"/>"
             echo
             echo "### Increase of .bss memory by enabling profiles"
-            echo "![.bss Profiles](./plots/profiles_bss_plot.svg)"
+            echo "<img src=\"data:image/svg+xml;base64,${BSS}\" alt=\"bss\" width=\"700\"/>"
             echo
             echo "### Increase of .data memory by enabling profiles"
-            echo "![.data Profiles](./plots/profiles_data_plot.svg)"
+            echo "<img src=\"data:image/svg+xml;base64,${DATA}\" alt=\"data\" width=\"700\"/>"
             echo
             echo "### Increase of .text memory by enabling profiles"
-            echo "![.text Profiles](./plots/profiles_text_plot.svg)"
+            echo "<img src=\"data:image/svg+xml;base64,${TEXT}\" alt=\"text\" width=\"700\"/>"
           } >> "$GITHUB_STEP_SUMMARY"