[mod] result templates: move iframe to macro and fix page rendering for non-YouTube links (#5960)

This PR moves the `iframe` logic into a macro, so that `videos.html` and `general.html` both can benefit from the workaround to fix YouTube results by @return42 in https://github.com/searxng/searxng/pull/5858

It also fixes that only YouTube videos contained the closing `>` after `<iframe border="0" ...`, the regression has been caused by https://github.com/searxng/searxng/pull/5858

## Why is this change important?

Currently, the page breaks if there's any non-YouTube Iframe

Here, the page ends in the middle of the results and the footer and page number selector are not visible.

searx/engines/yep.py

@@ -1,10 +1,17 @@
 # SPDX-License-Identifier: AGPL-3.0-or-later
 """Yep (general, images, news)"""
 
-from datetime import datetime
+import typing as t
+
 from urllib.parse import urlencode
+
+from searx.result_types import EngineResults
 from searx.utils import html_to_text
 
+if t.TYPE_CHECKING:
+    from searx.extended_types import SXNG_Response
+    from searx.search.processors import OnlineParams
+
 about = {
     'website': 'https://yep.com/',
     'official_api_documentation': 'https://docs.developer.yelp.com',
@@ -14,69 +21,32 @@ about = {
 }
 
 base_url = "https://api.yep.com"
-search_type = "web"  # 'web', 'images', 'news'
 
 safesearch = True
 safesearch_map = {0: 'off', 1: 'moderate', 2: 'strict'}
 
 enable_http2 = False
 
+results_per_page = 20
 
-def request(query, params):
-    args = {
-        'client': 'web',
-        'no_correct': 'false',
-        'q': query,
-        'safeSearch': safesearch_map[params['safesearch']],
-        'type': search_type,
-    }
+
+def request(query: str, params: 'OnlineParams') -> None:
+    args = {'query': query, 'safeSearch': safesearch_map[params['safesearch']], 'limit': results_per_page}
     params['url'] = f"{base_url}/fs/2/search?{urlencode(args)}"
     params['headers']['Referer'] = 'https://yep.com/'
     params['headers']['Origin'] = 'https://yep.com'
-    return params
 
 
-def _web_result(result):
-    return {
-        'url': result['url'],
-        'title': result['title'],
-        'content': html_to_text(result['snippet']),
-    }
-
-
-def _images_result(result):
-    return {
-        'template': 'images.html',
-        'url': result['host_page'],
-        'title': result.get('title', ''),
-        'content': '',
-        'img_src': result['image_id'],
-        'thumbnail_src': result['src'],
-    }
-
-
-def _news_result(result):
-    return {
-        'url': result['url'],
-        'title': result['title'],
-        'content': html_to_text(result['snippet']),
-        'publishedDate': datetime.strptime(result['first_seen'][:19], '%Y-%m-%dT%H:%M:%S'),
-    }
-
-
-def response(resp):
-    results = []
+def response(resp: 'SXNG_Response') -> EngineResults:
+    res = EngineResults()
 
     for result in resp.json()[1]['results']:
-        if search_type == "web":
-            if result['type'] != 'Organic':
-                continue
-            results.append(_web_result(result))
-        elif search_type == "images":
-            results.append(_images_result(result))
-        elif search_type == "news":
-            results.append(_news_result(result))
-        else:
-            raise ValueError(f"Unsupported yep search type: {search_type}")
+        res.add(
+            res.types.MainResult(
+                url=result['url'],
+                title=result['title'],
+                content=html_to_text(result['snippet']),
+            )
+        )
 
-    return results
+    return res

searx/settings.yml

@@ -688,22 +688,6 @@ engines:
     engine: yep
     shortcut: yep
     categories: general
-    search_type: web
-    timeout: 15
-    disabled: true
-
-  - name: yep images
-    engine: yep
-    shortcut: yepi
-    categories: images
-    search_type: images
-    disabled: true
-
-  - name: yep news
-    engine: yep
-    shortcut: yepn
-    categories: news
-    search_type: news
     disabled: true
 
   - name: currency

searx/templates/simple/macros.html

@@ -67,3 +67,13 @@
          class="checkbox-onoff"{{- ' ' -}}
          {%- if checked -%} checked{%- endif -%}/>
 {%- endmacro -%}
+
+<!-- iframe that additionally sets some extra feature attrs for videos -->
+{%- macro iframe(iframe_src) -%}
+  <iframe data-src="{{iframe_src}}" frameborder="0" allowfullscreen
+    {% if result.parsed_url.hostname in ("www.youtube.com", ) -%}
+    allow="picture-in-picture" referrerpolicy="origin"
+    {%- endif -%}
+    >
+  </iframe>
+{%- endmacro -%}

searx/templates/simple/result_templates/default.html

@@ -1,4 +1,4 @@
-{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+{% from 'simple/macros.html' import iframe, result_header, result_sub_header, result_sub_footer, result_footer with context %}
 
 {{ result_header(result, favicons, image_proxify) -}}
 {{- result_sub_header(result) -}}
@@ -17,7 +17,7 @@
 {{- result_sub_footer(result) -}}
 {% if result.iframe_src -%}
 <div id="result-media-{{ index }}" class="embedded-content invisible">
-  <iframe data-src="{{result.iframe_src}}" frameborder="0" allowfullscreen></iframe>
+  {{ iframe(result.iframe_src) }}
 </div>
 {%- endif %}
 {% if result.audio_src -%}

searx/templates/simple/result_templates/videos.html

@@ -1,4 +1,4 @@
-{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer with context %}
+{% from 'simple/macros.html' import iframe, result_header, result_sub_header, result_sub_footer, result_footer with context %}
 
 {{ result_header(result, favicons, image_proxify) }}
 {{ result_sub_header(result) }}
@@ -18,11 +18,7 @@
 {{- result_sub_footer(result) -}}
 {% if result.iframe_src -%}
 <div id="result-video-{{ index }}" class="embedded-video invisible">
-  <iframe data-src="{{result.iframe_src}}" frameborder="0" allowfullscreen
-    {% if result.parsed_url.hostname in ("www.youtube.com", ) -%}
-    allow="picture-in-picture" referrerpolicy="origin">
-    {%- endif -%}
-  </iframe>
+  {{ iframe(result.iframe_src) }}
 </div>
 {%- endif %}
 {{ result_footer(result) }}