diff options
| author | Ivan Gabaldon <igabaldon@inetol.net> | 2025-12-02 10:18:00 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-12-02 10:18:00 +0000 |
| commit | fb089ae297b27f51777318e3a28bca8b172a4165 (patch) | |
| tree | 293e17a6ba3a7ae17c31bc6746794b97c012c6af /client/simple/src/js/core/router.ts | |
| parent | ab8224c9394236d2cbcf6ec7d9bf0d7c602ca6ac (diff) | |
[mod] client/simple: client plugins (#5406)
* [mod] client/simple: client plugins
Defines a new interface for client side *"plugins"* that coexist with server
side plugin system. Each plugin (e.g., `InfiniteScroll`) extends the base
`ts Plugin`. Client side plugins are independent and lazy‑loaded via `router.ts`
when their `load()` conditions are met. On each navigation request, all
applicable plugins are instanced.
Since these are client side plugins, we can only invoke them once DOM is fully
loaded. E.g. `Calculator` will not render a new `answer` block until fully
loaded and executed.
For some plugins, we might want to handle its availability in `settings.yml`
and toggle in UI, like we do for server side plugins. In that case, we extend
`py Plugin` instancing only the information and then checking client side if
[`settings.plugins`](https://github.com/inetol/searxng/blob/1ad832b1dc33f3f388da361ff2459b05dc86a164/client/simple/src/js/toolkit.ts#L134)
array has the plugin id.
* [mod] client/simple: rebuild static
Diffstat (limited to 'client/simple/src/js/core/router.ts')
| -rw-r--r-- | client/simple/src/js/core/router.ts | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/client/simple/src/js/core/router.ts b/client/simple/src/js/core/router.ts deleted file mode 100644 index bea838713..000000000 --- a/client/simple/src/js/core/router.ts +++ /dev/null @@ -1,40 +0,0 @@ -// SPDX-License-Identifier: AGPL-3.0-or-later - -import { Endpoints, endpoint, ready, settings } from "./toolkit.ts"; - -ready( - () => { - void import("../main/keyboard.ts"); - void import("../main/search.ts"); - - if (settings.autocomplete) { - void import("../main/autocomplete.ts"); - } - }, - { on: [endpoint === Endpoints.index] } -); - -ready( - () => { - void import("../main/keyboard.ts"); - void import("../main/mapresult.ts"); - void import("../main/results.ts"); - void import("../main/search.ts"); - - if (settings.infinite_scroll) { - void import("../main/infinite_scroll.ts"); - } - - if (settings.autocomplete) { - void import("../main/autocomplete.ts"); - } - }, - { on: [endpoint === Endpoints.results] } -); - -ready( - () => { - void import("../main/preferences.ts"); - }, - { on: [endpoint === Endpoints.preferences] } -); |