Merge branch 'rolling' into feat-inform-user-when-no-engines-are-selected

2024-11-21 13:38:21 -05:00 · 2023-09-23 17:12:58 +05:30 · 2023-09-23 17:12:58 +05:30 · 017036ed00
commit 017036ed00
parent de91f7651f 5c9559b88a
14 changed files with 201 additions and 114 deletions
--- a/README.md
+++ b/README.md
@ -4,6 +4,7 @@
 <p align="center">
  <b align="center"><a href="README.md">Readme</a></b> |
  <b><a href="https://discord.gg/SWnda7Mw5u">Discord</a></b> |
+  <b><a href="https://discord.gg/VKCAememnr">User Showcase</a></b> |
  <b><a href="https://github.com/neon-mmd/websurfx">GitHub</a></b> |
  <b><a href="../../tree/HEAD/docs/">Documentation</a></b>
  <br /><br />
@ -57,23 +58,14 @@
  <p>

 - **Getting Started**
-    - [🔭 Preview](#preview-)
-    - [🚀 Features](#features-)
-    - [🛠️ Installation and Testing](#installation-and-testing-%EF%B8%8F)
-    - [🔧 Configuration](#configuration-)
+  - [🔭 Preview](#preview-)
+  - [🚀 Features](#features-)
+  - [🛠️ Installation and Testing](#installation-and-testing-%EF%B8%8F)
+  - [🔧 Configuration](#configuration-)
 - **Feature Overview**
-    - [🎨 Theming](#theming-)
-    - [🌍 Multi-Language Support](#multi-language-support-)
- **Community**
-    - [📊 System Requirements](#system-requirements-)
-    - [🗨️ FAQ (Frequently Asked Questions)](#faq-frequently-asked-questions-)
-    - [📣 More Contributors Wanted](#more-contributors-wanted-)
-    - [💖 Supporting Websurfx](#supporting-websurfx-)
-    - [📘 Documentation](#documentation-)
-    - [🛣️ Roadmap](#roadmap-)
-    - [🙋 Contributing](#contributing-)
-    - [📜 License](#license-)
-    - [🤝 Credits](#credits-)
+  - [🎨 Theming](#theming-)
+  - [🌍 Multi-Language Support](#multi-language-support-)
+- **Community** - [📊 System Requirements](#system-requirements-) - [🗨️ FAQ (Frequently Asked Questions)](#faq-frequently-asked-questions-) - [📣 More Contributors Wanted](#more-contributors-wanted-) - [💖 Supporting Websurfx](#supporting-websurfx-) - [📘 Documentation](#documentation-) - [🛣️ Roadmap](#roadmap-) - [🙋 Contributing](#contributing-) - [📜 License](#license-) - [🤝 Credits](#credits-)

  </p>
 </details>
@ -112,7 +104,7 @@ Before you can start building `websurfx`, you will need to have `Cargo` installe

 To get started with Websurfx, clone the repository, edit the config file, which is located in the `websurfx/` directory, and install the Redis server by following the instructions located [here](https://redis.io/docs/getting-started/) and then run the websurfx server and redis server using the following commands:

-``` shell
+```shell
 git clone https://github.com/neon-mmd/websurfx.git
 cd websurfx
 git checkout stable
@ -186,6 +178,7 @@ We are looking for more willing contributors to help grow this project. For more
 If you use Websurfx and would like to contribute to its development, we're glad to have you on board! Contributions of any size or type are always welcome, and we will always acknowledge your efforts.

 Several areas that we need a bit of help with at the moment are:
+
 - **Better and more color schemes**: Help fix color schemes and add other famous color schemes.
 - **Improve evasion code for bot detection** - Help improve code related to evading IP blocking and emulating human behaviors located in everyone's engine file.
 - **Logo** - Help create a logo for the project and website.
--- a/public/static/cookies.js
+++ b/public/static/cookies.js
@ -16,8 +16,9 @@ document.addEventListener(
      let cookie = decodeURIComponent(document.cookie)
      // Set the value of the input field to the decoded cookie value if it is not empty
      // Otherwise, display a message indicating that no cookies have been saved on the user's system
-      document.querySelector('.cookies input').value =
-        cookie !== '' ? cookie : 'No cookies have been saved on your system'
+      document.querySelector('.cookies input').value = cookie.length
+        ? cookie
+        : 'No cookies have been saved on your system'
    } catch (error) {
      // If there is an error decoding the cookie, log the error to the console
      // and display an error message in the input field
@ -25,5 +26,5 @@ document.addEventListener(
      document.querySelector('.cookies input').value = 'Error decoding cookie'
    }
  },
-  false
+  false,
 )
--- a/public/static/index.js
+++ b/public/static/index.js
@ -2,16 +2,25 @@
 * Selects the input element for the search box
 * @type {HTMLInputElement}
 */
-const searchBox = document.querySelector('input');
+const searchBox = document.querySelector('input')

 /**
 * Redirects the user to the search results page with the query parameter
 */
 function searchWeb() {
-  const query = searchBox.value.trim();
-  if (query) {
-    window.location.href = `search?q=${encodeURIComponent(query)}`;
-  }
+    const query = searchBox.value.trim()
+    try {
+        let safeSearchLevel = document.querySelector('.search_options select').value
+        if (query) {
+            window.location.href = `search?q=${encodeURIComponent(
+                query,
+            )}&safesearch=${encodeURIComponent(safeSearchLevel)}`
+        }
+    } catch (error) {
+        if (query) {
+            window.location.href = `search?q=${encodeURIComponent(query)}`
+        }
+    }
 }

 /**
@ -19,7 +28,7 @@ function searchWeb() {
 * @param {KeyboardEvent} e - The keyboard event object
 */
 searchBox.addEventListener('keyup', (e) => {
-  if (e.key === 'Enter') {
-    searchWeb();
-  }
-});
+    if (e.key === 'Enter') {
+        searchWeb()
+    }
+})
--- a/public/static/pagination.js
+++ b/public/static/pagination.js
@ -3,8 +3,8 @@
 * @returns {void}
 */
 function navigate_forward() {
-    const url = new URL(window.location);
-    const searchParams = url.searchParams;
+    let url = new URL(window.location);
+    let searchParams = url.searchParams;

    let q = searchParams.get('q');
    let page = parseInt(searchParams.get('page'));
@ -23,8 +23,8 @@ function navigate_forward() {
 * @returns {void}
 */
 function navigate_backward() {
-    const url = new URL(window.location);
-    const searchParams = url.searchParams;
+    let url = new URL(window.location);
+    let searchParams = url.searchParams;

    let q = searchParams.get('q');
    let page = parseInt(searchParams.get('page'));
--- a/public/static/search_area_options.js
+++ b/public/static/search_area_options.js
@ -0,0 +1,18 @@
+document.addEventListener(
+    'DOMContentLoaded',
+    () => {
+        let url = new URL(window.location)
+        let searchParams = url.searchParams
+
+        let safeSearchLevel = searchParams.get('safesearch')
+
+        if (
+            safeSearchLevel >= 0 &&
+            safeSearchLevel <= 2 &&
+            safeSearchLevel !== null
+        ) {
+            document.querySelector('.search_options select').value = safeSearchLevel
+        }
+    },
+    false,
+)
--- a/public/static/settings.js
+++ b/public/static/settings.js
@ -8,7 +8,7 @@ function toggleAllSelection() {
    .forEach(
      (engine_checkbox) =>
        (engine_checkbox.checked =
-          document.querySelector('.select_all').checked)
+          document.querySelector('.select_all').checked),
    )
 }

@ -43,20 +43,28 @@ function setClientSettings() {

  // Loop through all select tags and add their values to the cookie dictionary
  document.querySelectorAll('select').forEach((select_tag) => {
-    if (select_tag.name === 'themes') {
-      cookie_dictionary['theme'] = select_tag.value
-    } else if (select_tag.name === 'colorschemes') {
-      cookie_dictionary['colorscheme'] = select_tag.value
+    switch (select_tag.name) {
+      case 'themes':
+        cookie_dictionary['theme'] = select_tag.value
+        break
+      case 'colorschemes':
+        cookie_dictionary['colorscheme'] = select_tag.value
+        break
+      case 'safe_search_levels':
+        cookie_dictionary['safe_search_level'] = Number(select_tag.value)
+        break
    }
  })

  // Loop through all engine checkboxes and add their values to the cookie dictionary
  let engines = []
+
  document.querySelectorAll('.engine').forEach((engine_checkbox) => {
-    if (engine_checkbox.checked === true) {
+    if (engine_checkbox.checked) {
      engines.push(engine_checkbox.parentNode.parentNode.innerText.trim())
    }
  })
+
  cookie_dictionary['engines'] = engines

  // Set the expiration date for the cookie to 1 year from the current date
@ -65,7 +73,7 @@ function setClientSettings() {

  // Save the cookie to the user's machine
  document.cookie = `appCookie=${JSON.stringify(
-    cookie_dictionary
+    cookie_dictionary,
  )}; expires=${expiration_date.toUTCString()}`

  // Display a success message to the user
@ -89,21 +97,19 @@ function getClientSettings() {
  let cookie = decodeURIComponent(document.cookie)

  // If the cookie is not empty, parse it and use it to set the user's preferences
-  if (cookie !== '') {
-    let cookie_value = decodeURIComponent(document.cookie)
+  if (cookie.length) {
+    let cookie_value = cookie
      .split(';')
      .map((item) => item.split('='))
      .reduce((acc, [_, v]) => (acc = JSON.parse(v)) && acc, {})

    // Loop through all link tags and update their href values to match the user's preferences
-    let links = Array.from(document.querySelectorAll('link')).forEach(
-      (item) => {
-        if (item.href.includes('static/themes')) {
-          item.href = `static/themes/${cookie_value['theme']}.css`
-        } else if (item.href.includes('static/colorschemes')) {
-          item.href = `static/colorschemes/${cookie_value['colorscheme']}.css`
-        }
+    Array.from(document.querySelectorAll('link')).forEach((item) => {
+      if (item.href.includes('static/themes')) {
+        item.href = `static/themes/${cookie_value['theme']}.css`
+      } else if (item.href.includes('static/colorschemes')) {
+        item.href = `static/colorschemes/${cookie_value['colorscheme']}.css`
      }
-    )
+    })
  }
 }
--- a/public/static/themes/simple.css
+++ b/public/static/themes/simple.css
@ -70,6 +70,28 @@ body {
  filter: brightness(1.2);
 }

+.search_area .search_options {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.search_area .search_options select {
+  margin: 0.7rem 0;
+  width: 20rem;
+  background-color: var(--color-one);
+  color: var(--foreground-color);
+  padding: 1rem 2rem;
+  border-radius: 0.5rem;
+  outline: none;
+  border: none;
+  text-transform: capitalize;
+}
+
+.search_area .search_options option:hover {
+  background-color: var(--color-one);
+}
+
 .result_not_found {
  display: flex;
  flex-direction: column;
@ -503,7 +525,8 @@ footer {
  color: var(--foreground-color);
 }

-.settings_container .user_interface select {
+.settings_container .user_interface select,
+.settings_container .general select {
  margin: 0.7rem 0;
  width: 20rem;
  background-color: var(--background-color);
@ -515,7 +538,8 @@ footer {
  text-transform: capitalize;
 }

-.settings_container .user_interface option:hover {
+.settings_container .user_interface option:hover,
+.settings_container .general option:hover {
  background-color: var(--color-one);
 }

--- a/public/templates/engines_tab.html
+++ b/public/templates/engines_tab.html
@ -1,4 +1,5 @@
 <div class="engines tab">
+    <h1>Engines</h1>
    <h3>select search engines</h3>
    <p class="description">
        Select the search engines from the list of engines that you want results
--- a/public/templates/general_tab.html
+++ b/public/templates/general_tab.html
@ -1,4 +1,13 @@
 <div class="general tab active">
    <h1>General</h1>
-    <p class="description">Coming soon!!</p>
+    <h3>Select a safe search level</h3>
+    <p class="description">
+        Select a safe search level from the menu below to filter content based on
+        the level.
+    </p>
+    <select name="safe_search_levels">
+        <option value=0>None</option>
+        <option value=1>Low</option>
+        <option value=2>Moderate</option>
+    </select>
 </div>
--- a/public/templates/search.html
+++ b/public/templates/search.html
@ -80,6 +80,7 @@
    </div>
 </main>
 <script src="static/index.js"></script>
+<script src="static/search_area_options.js"></script>
 <script src="static/pagination.js"></script>
 <script src="static/error_box.js"></script>
 {{>footer}}
--- a/public/templates/search_bar.html
+++ b/public/templates/search_bar.html
@ -1,27 +1,36 @@
-{{>bar this}}
-    <div class="error_box">
-        {{#if engineErrorsInfo}}
-        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
-            <img src="./images/warning.svg" alt="Info icon for error box" />
-        </button>
-        <div class="dropdown_error_box">
-            {{#each engineErrorsInfo}}
-            <div class="error_item">
-                <span class="engine_name">{{{this.engine}}}</span>
-                <span class="engine_name">{{{this.error}}}</span>
-                <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
+<div class="search_area">
+    {{>bar this}}
+        <div class="error_box">
+            {{#if engineErrorsInfo}}
+            <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+                <img src="./images/warning.svg" alt="Info icon for error box" />
+            </button>
+            <div class="dropdown_error_box">
+                {{#each engineErrorsInfo}}
+                <div class="error_item">
+                    <span class="engine_name">{{{this.engine}}}</span>
+                    <span class="engine_name">{{{this.error}}}</span>
+                    <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
+                </div>
+                {{/each}}
            </div>
-            {{/each}}
-        </div>
-        {{else}}
-        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
-            <img src="./images/info.svg" alt="Warning icon for error box" />
-        </button>
-        <div class="dropdown_error_box">
-            <div class="no_errors">
-                Everything looks good 🙂!!
+            {{else}}
+            <button onclick="toggleErrorBox()" class="error_box_toggle_button">
+                <img src="./images/info.svg" alt="Warning icon for error box" />
+            </button>
+            <div class="dropdown_error_box">
+                <div class="no_errors">
+                    Everything looks good 🙂!!
+                </div>
            </div>
+            {{/if}}
        </div>
-        {{/if}}
+    </div>
+    <div class="search_options">
+        <select name="safe_search_levels" {{#if (gte safeSearchLevel 3)}} disabled {{/if}}>
+                <option value=0 {{#if (eq safeSearchLevel 0)}} selected {{/if}}>SafeSearch: None</option>
+                <option value=1 {{#if (eq safeSearchLevel 1)}} selected {{/if}}>SafeSearch: Low</option>
+                <option value=2 {{#if (eq safeSearchLevel 2)}} selected {{/if}}>SafeSearch: Moderate</option>
+        </select>
    </div>
 </div>
--- a/public/templates/user_interface_tab.html
+++ b/public/templates/user_interface_tab.html
@ -1,4 +1,5 @@
 <div class="user_interface tab">
+    <h1>User Interface</h1>
    <h3>select theme</h3>
    <p class="description">
        Select the theme from the available themes to be used in user interface
--- a/src/models/server_models.rs
+++ b/src/models/server_models.rs
@ -26,4 +26,6 @@ pub struct Cookie<'a> {
    pub colorscheme: &'a str,
    /// It stores the user selected upstream search engines selected from the UI.
    pub engines: Vec<&'a str>,
+    /// It stores the user selected safe search level from the UI.
+    pub safe_search_level: u8,
 }
--- a/src/server/routes/search.rs
+++ b/src/server/routes/search.rs
@ -67,61 +67,48 @@ pub async fn search(
                None => 1,
            };

-            let safe_search: u8 = match config.safe_search {
-                3..=4 => config.safe_search,
-                _ => match &params.safesearch {
-                    Some(safesearch) => match safesearch {
-                        0..=2 => *safesearch,
-                        _ => 1,
-                    },
-                    None => config.safe_search,
-                },
-            };
-
            let (_, results, _) = join!(
                results(
                    format!(
-                        "http://{}:{}/search?q={}&page={}&safesearch={}",
+                        "http://{}:{}/search?q={}&page={}&safesearch=",
                        config.binding_ip,
                        config.port,
                        query,
                        page - 1,
-                        safe_search
                    ),
                    &config,
                    &cache,
                    query,
                    page - 1,
                    req.clone(),
-                    safe_search
+                    &params.safesearch
                ),
                results(
                    format!(
-                        "http://{}:{}/search?q={}&page={}&safesearch={}",
-                        config.binding_ip, config.port, query, page, safe_search
+                        "http://{}:{}/search?q={}&page={}&safesearch=",
+                        config.binding_ip, config.port, query, page
                    ),
                    &config,
                    &cache,
                    query,
                    page,
                    req.clone(),
-                    safe_search
+                    &params.safesearch
                ),
                results(
                    format!(
-                        "http://{}:{}/search?q={}&page={}&safesearch={}",
+                        "http://{}:{}/search?q={}&page={}&safesearch=",
                        config.binding_ip,
                        config.port,
                        query,
                        page + 1,
-                        safe_search
                    ),
                    &config,
                    &cache,
                    query,
                    page + 1,
                    req.clone(),
-                    safe_search
+                    &params.safesearch
                )
            );

@ -156,7 +143,7 @@ async fn results(
    query: &str,
    page: u32,
    req: HttpRequest,
-    safe_search: u8,
+    safe_search: &Option<u8>,
 ) -> Result<SearchResults, Box<dyn std::error::Error>> {
    // fetch the cached results json.
    let cached_results = cache.cached_json(&url).await;
@ -165,7 +152,18 @@ async fn results(
    match cached_results {
        Ok(results) => Ok(results),
        Err(_) => {
-            if safe_search == 4 {
+            let mut safe_search_level: u8 = match config.safe_search {
+                3..=4 => config.safe_search,
+                _ => match safe_search {
+                    Some(safesearch) => match safesearch {
+                        0..=2 => *safesearch,
+                        _ => config.safe_search,
+                    },
+                    None => config.safe_search,
+                },
+            };
+
+            if safe_search_level == 4 {
                let mut results: SearchResults = SearchResults::default();
                let mut _flag: bool =
                    is_match_from_filter_list(file_path(FileType::BlockList)?, query)?;
@ -176,6 +174,7 @@ async fn results(
                    results.add_style(&config.style);
                    results.set_page_query(query);
                    cache.cache_results(&results, &url).await?;
+                    results.set_safe_search_level(safe_search_level);
                    return Ok(results);
                }
            }
@ -195,6 +194,17 @@ async fn results(
                        .filter_map(|name| EngineHandler::new(name))
                        .collect();

+                    safe_search_level = match config.safe_search {
+                        3..=4 => config.safe_search,
+                        _ => match safe_search {
+                            Some(safesearch) => match safesearch {
+                                0..=2 => *safesearch,
+                                _ => config.safe_search,
+                            },
+                            None => cookie_value.safe_search_level,
+                        },
+                    };
+
                    match engines.is_empty() {
                        false => {
                            aggregate(
@ -224,7 +234,7 @@ async fn results(
                        config.debug,
                        &config.upstream_search_engines,
                        config.request_timeout,
-                        safe_search,
+                        safe_search_level,
                    )
                    .await?
                }
@ -236,7 +246,10 @@ async fn results(
                results.set_filtered();
            }
            results.add_style(&config.style);
-            cache.cache_results(&results, &url).await?;
+            cache
+                .cache_results(&results, &(format!("{url}{safe_search_level}")))
+                .await?;
+            results.set_safe_search_level(safe_search_level);
            Ok(results)
        }
    }