feature: add package name in title if it differs too much

Author: edisile

templates/store/_package_header.html

@@ -29,6 +29,7 @@
     </div>
     <div class="grid-col-6 grid-col-medium-3 grid-col-small-3">
       {{ package_header_data(package_title=snap_title,
+          package_name=package_name,
           icon_url=icon_url,
           developer=developer,
           categories=categories,

templates/store/snap-details/_package_heading_data.html

@@ -28,6 +28,7 @@
 
 {%- macro package_header_data(
     package_title,
+    package_name,
     icon_url,
     developer,
     categories,
@@ -39,7 +40,17 @@
     STAR_DEVELOPER,
     VERIFIED_PUBLISHER) -%}
   <div class="p-section--shallow">
-    <h1 class="u-sv-1" data-live="title">{{ package_title }}</h1>
+    <h1 class="u-sv-1" data-live="title">
+      {{ package_title }}
+
+      {# check if the package title could be misleading #}
+      {% if package_title.replace(" ", "-").lower() != package_name %}
+        <span class="p-tooltip--btm-center" aria-label='(registered as "{{ package_name }}")'>
+          <span class="p-heading--6">({{ package_name }})</span>
+          <span class="p-tooltip__message" style="font-weight: 400">Package name</span>
+        </span>
+      {% endif %}
+    </h1>
     {# TODO:
       Extract the section below as own slot, to avoid dependency on a lot of publisher data?
     #}