Merge pull request #173 from w3c/obfuscate-emails

Obfuscate email addresses, similarly to what's done on lists.w3.org

Author: jean-gui

src/Twig/TwigExtension.php

@@ -72,6 +72,7 @@ public function getFilters()
             new TwigFilter('strip_group_type', [$this, 'stripGroupType']),
             new TwigFilter('locale_to_bcp47', [$this, 'localeToBcp47']),
             new TwigFilter('bcp47_to_locale', [$this, 'bcp47ToLocale']),
+            new TwigFilter('obfuscate', [$this, 'obfuscate'], ['is_safe' => ['html']]),
         ];
     }
 
@@ -291,4 +292,10 @@ public function bcp47ToLocale(string $locale): string
     {
         return str_replace('-', '_', $locale);
     }
+
+    public function obfuscate(string $text): string
+    {
+        // Obfuscate string by replacing all characters with their HTML entity equivalents
+        return mb_encode_numericentity($text, [0x000000, 0x10ffff, 0, 0xffffff], 'UTF-8');
+    }
 }

templates/components/evangelists.html.twig

@@ -29,7 +29,7 @@
 							<p>{{ 'components.people.tel'|trans({'number': evangelist.phone}, 'w3c_website_templates_bundle')|raw }}</p>
 							{% endif %}
 							{% if evangelist.email %}
-							<p>{{ 'components.people.email'|trans({'email': evangelist.email}, 'w3c_website_templates_bundle')|raw }}</p>
+							<p>{{ 'components.people.email'|trans({'email': evangelist.email|obfuscate}, 'w3c_website_templates_bundle')|raw }}</p>
 							{% endif %}
 						</div>
 					</div>

templates/components/listings/people/user.html.twig

@@ -20,12 +20,12 @@
                     <div>
                         {% block email %}
                             <div>
-                                <a href="mailto:{{ user.preferredEmail }}" class="with-icon--before">
+                                <a href="mailto:{{ user.preferredEmail|obfuscate }}" class="with-icon--before">
                                     <img class="icon" src="{{ asset('svg/envelope.svg', 'website-2021') }}"
                                          width="20"
                                          height="20"
                                          alt aria-hidden="true"/>
-                                    {{ user.preferredEmail }}
+                                    {{ user.preferredEmail|obfuscate }}
                                 </a>
                             </div>
                         {% endblock %}