Merge pull request 'fix(build): remove css directory' (#408) from develop into master

Reviewed-on: https://gitnet.fr/deblan/side_menu/pulls/408

.gitignore

@@ -2,4 +2,8 @@
 /node_modules
 /l10n/*
 /releases
+/package-lock.json
 !/l10n/.gitkeep
+/yarn*.log
+/src/admin.js.bk
+/templates/settings/admin-form.php.bk

README.md

@@ -24,7 +24,8 @@ You like this app and you want to support me? ☕ [Buy me a coffee](https://www.
 Requirements
 ------------
 
-* PHP >= 8.1
+* PHP >= 8.0
+* App `theming` enabled
 
 Installation and upgrade
 ------------------------
@@ -40,7 +41,7 @@ If you want to install it from source, go to https://gitnet.fr/deblan/side_menu/
 
 ```
 $ cd /path/to/nextcloud/apps
-$ VERSION=x.y.z; curl -sS "https://gitnet.fr/deblan/side_menu/releases/download/${VERSION}/side_menu_v${VERSION}.tar.gz" | tar xvfz -
+$ curl -sS https://gitnet.fr/attachments/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx | tar xvfz -
 ```
 
 Administrators can edit many settings using the administration page.

appinfo/info.xml

@@ -30,7 +30,7 @@ Notice
 Because I believe in a free and decentralized Internet, [Gitnet](https://gitnet.fr) is **self-hosted at home**.
 In case of downtime, you can download **Custom Menu** from [here](https://kim.deblan.fr/~side_menu/).
 ]]></description>
-    <version>6.0.1</version>
+    <version>5.0.0</version>
     <licence>agpl</licence>
     <author mail="contact@deblan.fr" homepage="https://www.deblan.fr/">Simon Vieille</author>
     <namespace>SideMenu</namespace>
@@ -52,8 +52,8 @@ In case of downtime, you can download **Custom Menu** from [here](https://kim.de
     <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_big_menu.png]]></screenshot>
     <screenshot><![CDATA[https://gitnet.fr/deblan/side_menu/raw/branch/master/screenshots/nc25_default_menu.png]]></screenshot>
     <dependencies>
-        <php min-version="8.1" max-version="8.5" />
-        <nextcloud min-version="34" max-version="34"/>
+        <php min-version="8.1" max-version="8.4" />
+        <nextcloud min-version="31" max-version="32"/>
     </dependencies>
     <settings>
         <admin>OCA\SideMenu\Settings\Admin</admin>

lib/AppInfo/Application.php

@@ -2,11 +2,9 @@
 
 namespace OCA\SideMenu\AppInfo;
 
-use OC\AllConfig;
+use OC;
 use OC\App\AppStore\Fetcher\CategoryFetcher;
-use OC\AppFramework\Http\Request;
 use OC\Security\CSP\ContentSecurityPolicyNonceManager;
-use OC\Security\CSRF\CsrfTokenManager;
 use OC\User\User;
 use OCA\SideMenu\Service\AppRepository;
 use OCA\SideMenu\Service\CategoryRepository;
@@ -20,11 +18,8 @@ use OCP\AppFramework\Bootstrap\IRegistrationContext;
 use OCP\EventDispatcher\IEventDispatcher;
 use OCP\IConfig;
 use OCP\INavigationManager;
-use OCP\IRequest;
-use OCP\IURLGenerator;
 use OCP\IUserSession;
 use OCP\L10N\IFactory;
-use OCP\Server;
 use OCP\Util;
 use Psr\Container\ContainerInterface;
 
@@ -36,12 +31,23 @@ use Psr\Container\ContainerInterface;
 class Application extends App implements IBootstrap
 {
     public const APP_ID = 'side_menu';
+
     public const APP_NAME = 'Custom menu';
 
-    protected IConfig $config;
-    protected ContentSecurityPolicyNonceManager $cspnm;
-    protected IRequest $request;
-    protected ?User $user = null;
+    /**
+     * @var OC\AllConfig
+     */
+    protected $config;
+
+    /**
+     * @var ContentSecurityPolicyNonceManager
+     */
+    protected $cspnm;
+
+    /**
+     * @var User
+     */
+    protected $user;
 
     public function __construct(array $urlParams = [])
     {
@@ -87,9 +93,9 @@ class Application extends App implements IBootstrap
 
     public function boot(IBootContext $context): void
     {
-        $this->config = Server::get(IConfig::class);
-        $this->user = Server::get(IUserSession::class)->getUser();
-        $this->request = Server::get(IRequest::class);
+        $this->config = \OC::$server->getConfig();
+        $this->cspnm = \OC::$server->getContentSecurityPolicyNonceManager();
+        $this->user = \OC::$server[IUserSession::class]->getUser();
 
         if (!$this->isEnabled()) {
             return;
@@ -100,10 +106,6 @@ class Application extends App implements IBootstrap
 
     protected function isEnabled(): bool
     {
-        if (isset($this->request->server['HTTP_USER_AGENT']) && preg_match('/MemoriesNative/', $this->request->server['HTTP_USER_AGENT'])) {
-            return false;
-        }
-
         $enabled = true;
         $isForced = (bool) $this->config->getAppValue(self::APP_ID, 'force', '0');
 
@@ -141,7 +143,7 @@ class Application extends App implements IBootstrap
         $cache = $this->config->getAppValue(self::APP_ID, 'cache', '0');
 
         foreach ($assets as $value) {
-            $route = Server::get(IURLGenerator::class)->linkToRoute(
+            $route = \OC::$server->getURLGenerator()->linkToRoute(
                 $value['route'],
                 ['v' => $cache]
             );

lib/Controller/AdminSettingController.php

@@ -97,7 +97,6 @@ class AdminSettingController extends Controller
             'use-avatar',
             'add-logo-link',
             'show-settings',
-            'show-search-form',
             'loader-enabled',
             'always-displayed',
             'enabled',
@@ -138,7 +137,6 @@ class AdminSettingController extends Controller
             'use-avatar' => '0',
             'add-logo-link' => '1',
             'show-settings' => '0',
-            'show-search-form' => '1',
             'loader-enabled' => '1',
             'always-displayed' => '0',
             'enabled' => '1',
@@ -208,17 +206,7 @@ class AdminSettingController extends Controller
         }
 
         foreach ($defaults as $key => $default) {
-            if (array_key_exists($key, $config)) {
-                continue;
-            }
-
-            if (in_array($key, $booleans)) {
-                $config[$key] = $default === '1';
-            } elseif (in_array($key, $arrays)) {
-                $config[$key] = json_decode($default);
-            } elseif (in_array($key, $integers)) {
-                $config[$key] = (int) $default;
-            } else {
+            if (!array_key_exists($key, $config)) {
                 $config[$key] = $default;
             }
         }

lib/Controller/CoreController.php

@@ -1,74 +0,0 @@
-<?php
-
-/**
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-
-namespace OCA\SideMenu\Controller;
-
-use OCA\SideMenu\Service\AppRepository;
-use OCA\SideMenu\Service\ConfigProxy;
-use OCP\AppFramework\Controller;
-use OCP\AppFramework\Http\Attribute\FrontpageRoute;
-use OCP\AppFramework\Http\Attribute\NoAdminRequired;
-use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
-use OCP\AppFramework\Http\Attribute\PublicPage;
-use OCP\AppFramework\Http\JSONResponse;
-use OCP\IRequest;
-use OCP\IUserSession;
-
-class CoreController extends Controller
-{
-    public function __construct(
-        string $appName,
-        IRequest $request,
-        protected ConfigProxy $config,
-        protected AppRepository $appRepository,
-    ) {
-        parent::__construct($appName, $request);
-    }
-
-    #[NoCSRFRequired]
-    #[NoAdminRequired]
-    #[PublicPage]
-    #[FrontpageRoute(verb: 'GET', url: '/core/apps')]
-    public function items(): JSONResponse
-    {
-        $user = \OC::$server[IUserSession::class]->getUser();
-        $items = [];
-
-        if (!$user) {
-            return new JSONResponse([
-                'items' => $items,
-            ]);
-        }
-
-        $apps = $this->appRepository->getOrderedApps($user);
-        $keys = ['id', 'name', 'category', 'href', 'icon'];
-
-        foreach ($apps as &$app) {
-            foreach ($app as $key => $value) {
-                if (!in_array($key, $keys)) {
-                    unset($app[$key]);
-                }
-            }
-        }
-
-        return new JSONResponse([
-            'items' => $apps,
-        ]);
-    }
-}

lib/Controller/JsController.php

@@ -20,6 +20,7 @@
 namespace OCA\SideMenu\Controller;
 
 use OC\User\User;
+use OCA\SideMenu\AppInfo\Application;
 use OCA\SideMenu\Service\ConfigProxy;
 use OCA\Theming\ThemingDefaults;
 use OCP\AppFramework\Controller;
@@ -28,12 +29,10 @@ use OCP\AppFramework\Http\Attribute\NoAdminRequired;
 use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
 use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\JSONResponse;
+use OCP\AppFramework\Http\TemplateResponse;
 use OCP\IRequest;
 use OCP\IUserSession;
 use OCP\L10N\IFactory;
-use OCP\IAvatarManager;
-use OCP\INavigationManager;
-use OCP\IURLGenerator;
 
 class JsController extends Controller
 {
@@ -45,13 +44,14 @@ class JsController extends Controller
         protected ConfigProxy $config,
         protected ThemingDefaults $themingDefaults,
         protected IFactory $l10nFactory,
-        protected IAvatarManager $avatarManager,
-        protected IUserSession $userSession,
-        protected INavigationManager $navigationManager,
-        protected IURLGenerator $urlGenerator,
     ) {
         parent::__construct($appName, $request);
-        $this->user = $this->userSession->getUser();
+
+        $this->themingDefaults = $themingDefaults;
+
+        $this->user = \OC::$server[IUserSession::class]->getUser();
+        $this->config = $config;
+        $this->l10nFactory = $l10nFactory;
     }
 
     #[NoCSRFRequired]
@@ -99,25 +99,25 @@ class JsController extends Controller
                 $targetBlankApps = $userTargetBlankApps;
             }
 
-            $isAvatarSet = $this->avatarManager->getAvatar($this->user->getUID())->exists();
+            $isAvatarSet = \OC::$server->getAvatarManager()->getAvatar($this->user->getUid())->exists();
 
             if ($useAvatar && $isAvatarSet) {
-                $avatar = $this->urlGenerator->linkToRoute('core.avatar.getAvatar', [
-                    'userId' => $this->user->getUID(),
+                $avatar = \OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
+                    'userId' => $this->user->getUid(),
                     'size' => 128,
                     'v' => $this->config->getUserValueInt($this->user, 'avatar', 'version', 0),
                 ]);
             }
 
             if ($this->config->getAppValueBool('show-settings', '0')) {
-                $settingsNav = $this->navigationManager->getAll('settings');
+                $settingsNav = \OC::$server->getNavigationManager()->getAll('settings');
 
                 if (isset($settingsNav['settings'])) {
                     $settings = [
                         'href' => $settingsNav['settings']['href'],
                         'name' => $settingsNav['settings']['name'],
-                        'avatar' => $this->urlGenerator->linkToRoute('core.avatar.getAvatar', [
-                            'userId' => $this->user->getUID(),
+                        'avatar' => \OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
+                            'userId' => $this->user->getUid(),
                             'size' => 32,
                             'v' => $this->config->getUserValueInt($this->user, 'avatar', 'version', 0),
                         ]),
@@ -126,7 +126,7 @@ class JsController extends Controller
             }
         }
 
-        $indexUrl = $this->urlGenerator->linkTo('', 'index.php');
+        $indexUrl = \OC::$server->getURLGenerator()->linkTo('', 'index.php');
 
         return [
             'opener-position' => $this->config->getAppValue('opener-position', 'before'),
@@ -135,7 +135,6 @@ class JsController extends Controller
             'force-light-icon' => $this->config->getAppValueBool('force-light-icon', '0'),
             'display-logo' => $this->config->getAppValueBool('display-logo', '1'),
             'use-avatar' => $this->config->getAppValueBool('use-avatar', '0'),
-            'show-search-form' => $this->config->getAppValueBool('show-search-form', '1'),
             'hide-when-no-apps' => $this->config->getAppValueBool('hide-when-no-apps', '0'),
             'loader-enabled' => $this->config->getAppValueBool('loader-enabled', '1'),
             'always-displayed' => $this->config->getAppValueBool('always-displayed', '0'),

lib/Controller/PersonalSettingController.php

@@ -98,7 +98,6 @@ class PersonalSettingController extends Controller
     }
 
     #[NoCSRFRequired]
-    #[NoAdminRequired]
     #[FrontpageRoute(verb: 'GET', url: '/user/config')]
     public function configuration(): JSONResponse
     {

lib/Service/LangRepository.php

@@ -30,12 +30,7 @@ class LangRepository
             ->from('preferences')
         ;
 
-        // Nextcloud >=33+
-        if (method_exists($qb, 'executeQuery')) {
-            $stmt = $qb->executeQuery();
-        } else {
-            $stmt = $qb->execute();
-        }
+        $stmt = $qb->execute();
 
         $langs = ['en'];
 

package.json

@@ -11,9 +11,8 @@
   },
   "dependencies": {
     "@babel/core": ">=7.12.0 <8.0.0",
-    "@formatjs/intl-segmenter": "^12.0.8",
     "@nextcloud/router": "^3.0.1",
-    "@nextcloud/vue": "^9.9.0",
+    "@nextcloud/vue": "^9.0.0-alpha.8",
     "node-polyfill-webpack-plugin": "^4.1.0",
     "pinia": "^3.0.1",
     "postcss": "^7.0.0 || ^8.0.1",

src/admin.js

@@ -17,8 +17,6 @@
 
 import './scss/admin.scss'
 
-import '@formatjs/intl-segmenter/polyfill.js'
-
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { waitContainer } from './lib/dom.js'

src/components/settings/AdminSaveButton.vue

@@ -73,10 +73,10 @@ const save = async () => {
         if (Array.isArray(value) || typeof value === 'object') {
           value = JSON.stringify(value)
         } else if (typeof value === 'boolean') {
-          value = value ? '1' : '0'
+          value = value ? 1 : 0
         }
 
-        OCP.AppConfig.setValue('side_menu', key, value.toString(), {
+        OCP.AppConfig.setValue('side_menu', key, value, {
           success() {
             update()
           },

src/components/settings/UserSaveButton.vue

@@ -69,11 +69,11 @@ const save = async () => {
     if (Array.isArray(value) || typeof value === 'object') {
       value = JSON.stringify(value)
     } else if (typeof value === 'boolean') {
-      value = value ? '1' : '0'
+      value = value ? 1 : 0
     }
 
     formData.push('name=' + encodeURIComponent(key))
-    formData.push('value=' + encodeURIComponent(value.toString()))
+    formData.push('value=' + encodeURIComponent(value))
 
     fetch(url, {
       method: 'POST',

src/components/settings/form/FormColorPicker.vue

@@ -17,7 +17,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 <template>
   <NcColorPicker
     v-model="model"
-    :advancedFields="true"
     class="cm-settings-form-colorpicker"
   >
     <div

src/l10n/fixtures/cs.yaml

@@ -94,19 +94,18 @@
 'Search': 'Hledat'
 'Toggle the menu': 'Vyp/zap nabídku'
 'Open the documentation': 'Open the documentation'
-'Ask the developer': 'Zeptejte se vývojáře'
-'New request': 'Nový požadavek'
-'Report a bug': 'Nahlásit chybu'
-'Show the configuration': 'Zobrazit nastavení'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
 'Configuration:': 'Configuration:'
-'Done!': 'Hotovo!'
-'Copy': 'Zkopírovat'
-'Need help': 'Potřebuji pomoc'
-'I would like a new feature': 'Rád bych novou funkci v aplikaci'
-'Something went wrong': 'Něco se pokazilo'
-'Select apps': 'Vyberte aplikace'
-'Sort': 'Seřadit'
-'Customize': 'Přizpůsobit'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
 'Custom': 'Custom'
-'Close': 'Zavřít'
-'Show the search form': 'Show the search form'
+'Close': 'Close'

src/l10n/fixtures/de.yaml

@@ -109,4 +109,3 @@
 'Customize': 'Customize'
 'Custom': 'Custom'
 'Close': 'Close'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/es.yaml

@@ -94,19 +94,18 @@
 'Search': 'Buscar'
 'Toggle the menu': 'Alternar el menú'
 'Open the documentation': 'Open the documentation'
-'Ask the developer': 'Pregúntale al desarrollador'
-'New request': 'Nueva solicitud'
-'Report a bug': 'Informar de un fallo'
-'Show the configuration': 'Mostrar los ajustes'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
 'Configuration:': 'Configuration:'
-'Done!': '¡Realizado!'
-'Copy': 'Copiar'
-'Need help': 'Ayudame'
-'I would like a new feature': 'Me gustaría una nueva función'
-'Something went wrong': 'Algo salió mal'
-'Select apps': 'Selecciona las aplicaciones'
-'Sort': 'Ordenar'
-'Customize': 'Personalizar'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
 'Custom': 'Custom'
-'Close': 'Cerrar'
-'Show the search form': 'Show the search form'
+'Close': 'Close'

src/l10n/fixtures/fr.yaml

@@ -3,18 +3,13 @@
 'No': 'Non'
 'Yes': 'Oui'
 'Menu': 'Menu'
-'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Utiliser
-  le raccourcis clavier Ctrl+o pour ouvrir et fermer le menu latéral. Utiliser tab
-  key pour naviguer.'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Utiliser le raccourcis clavier Ctrl+o pour ouvrir et fermer le menu latéral. Utiliser tab key pour naviguer.'
 'Top menu': 'Menu supérieur'
-'Apps that not must be moved in the side menu': 'Les applications qui ne doivent pas
-  être affichées dans le menu latéral'
-'If there is no selection then the global configuration is applied.': "Si il n'y a
-  aucune sélection alors la configuration globale sera appliquée."
+'Apps that not must be moved in the side menu': 'Les applications qui ne doivent pas être affichées dans le menu latéral'
+'If there is no selection then the global configuration is applied.': "Si il n'y a aucune sélection alors la configuration globale sera appliquée."
 'Experimental': 'Expérimental'
 'Save': 'Sauvegarder'
-'You like this app and you want to support me?': "Vous aimer cette application et
-  vous souhaitez m'aider ?"
+'You like this app and you want to support me?': "Vous aimer cette application et vous souhaitez m'aider ?"
 'Buy me a coffee ☕': 'Offrez moi un café ☕'
 'Hidden': 'Caché'
 'Small': 'Petit'
@@ -48,22 +43,17 @@
 'Before the logo': 'Avant le logo'
 'After the logo': 'Après le logo'
 'Position': 'Position'
-'Show only the opener (hidden logo)': "Afficher uniquement le bouton d'ouverture (masquer
-  le logo)"
-'Do not display the side menu and the opener if there is no application (eg: public pages).': "Ne
-  pas afficher le menu latéral et le bouton d'ouverture s'il n'y a aucune application
-  (exemple : page publiques)."
+'Show only the opener (hidden logo)': "Afficher uniquement le bouton d'ouverture (masquer le logo)"
+'Do not display the side menu and the opener if there is no application (eg: public pages).': "Ne pas afficher le menu latéral et le bouton d'ouverture s'il n'y a aucune application (exemple : page publiques)."
 'Panel': 'Panneau'
-'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Ouvrir
-  le menu au passage de la souris (automatiquement désactivé sur les écrans tactiles)'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Ouvrir le menu au passage de la souris (automatiquement désactivé sur les écrans tactiles)'
 'Display the big menu': 'Afficher le menu large'
 'Display the logo': 'Afficher le logo'
 'Icons and texts': 'Icônes et textes'
 'Loader enabled': "Activation de l'indicateur de chargement"
 'Tips': 'Astuces'
 'Always displayed': 'Toujours affiché'
-'This is the automatic behavior when the menu is always displayed.': "C'est le comportement
-  automatique lorsque le menu est toujours affiché."
+'This is the automatic behavior when the menu is always displayed.': "C'est le comportement automatique lorsque le menu est toujours affiché."
 'Not compatible with touch screens.': 'Incompatible avec les écrans tactiles.'
 'Big menu': 'Menu large'
 'Live preview': 'Aperçu en direct'
@@ -72,21 +62,16 @@
 'Use my selection': 'Utiliser ma sélection'
 'Show and hide the list of applications': 'Afficher et masquer la liste des applications'
 'Use the avatar instead of the logo': "Utiliser l'avatar à la place du logo"
-'You do not have permission to change the settings.': "Vous n'avez pas la permission
-  de changer les paramètres."
+'You do not have permission to change the settings.': "Vous n'avez pas la permission de changer les paramètres."
 'Force this configuration to users': 'Forcer cette configuration aux utilisateurs'
 'Export the configuration': 'Exporter la configuration'
 'Purge the cache': 'Purger le cache'
 'Show the link to settings': 'Afficher le lien vers les paramètres'
-'The menu is enabled by default for users': 'Le menu est activé par défaut pour les
-  utilisateurs'
+'The menu is enabled by default for users': 'Le menu est activé par défaut pour les utilisateurs'
 'Except when the configuration is forced.': 'Sauf lorsque la configuration est forcée.'
-'Apps that should not be displayed in the menu': 'Applications qui ne doivent pas
-  être affichées dans le menu'
-'This feature is only compatible with the <code>big menu</code> display.': "Compatible
-  avec l'affichage <code>Menu large</code>."
-'The logo is a link to the default app': "Le logo est un lien vers l'application par
-  défaut"
+'Apps that should not be displayed in the menu': 'Applications qui ne doivent pas être affichées dans le menu'
+'This feature is only compatible with the <code>big menu</code> display.': "Compatible avec l'affichage <code>Menu large</code>."
+'The logo is a link to the default app': "Le logo est un lien vers l'application par défaut"
 'Others': 'Autres'
 'Categories': 'Catégories'
 'Customize sorting': 'Personnaliser le tri'
@@ -94,8 +79,7 @@
 'Name': 'Nom'
 'Customed': 'Personnalisé'
 'Show and hide the list of categories': 'Afficher et masquer la liste des catégories'
-'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Ces
-  paramètres sont utilisés lorsque le thème sombre ou le thème Breeze Dark sont activés.'
+'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Ces paramètres sont utilisés lorsque le thème sombre ou le thème Breeze Dark sont activés.'
 'Dark mode colors': 'Couleurs du mode sombre'
 'With categories': 'Avec les catégories'
 'Custom categories': 'Catégories personnalisées'
@@ -103,12 +87,9 @@
 'Reset to default': 'Restaurer les valeurs par défaut'
 'Applications': 'Applications'
 'Applications kept in the top menu': 'Applications conservées dans le menu supérieur'
-'Applications kept in the top menu but also shown in side menu': 'Applications conservées
-  dans le menu supérieur mais également affichées dans le menu latéral'
-'These applications must be selected in the previous option.': "Ces applications doivent
-  également être sélectionnées dans l'option précédente."
-'Hide labels on mouse over': 'Masquer le libellé des applications au passage de la
-  souris'
+'Applications kept in the top menu but also shown in side menu': 'Applications conservées dans le menu supérieur mais également affichées dans le menu latéral'
+'These applications must be selected in the previous option.': "Ces applications doivent également être sélectionnées dans l'option précédente."
+'Hide labels on mouse over': 'Masquer le libellé des applications au passage de la souris'
 'Except the hovered app': "À l'exception de l'application survolée"
 'Search': 'Rechercher'
 'Toggle the menu': 'Basculer le menu'
@@ -128,4 +109,3 @@
 'Customize': 'Personnaliser'
 'Custom': 'Personnalisé'
 'Close': 'Fermer'
-'Show the search form': 'Afficher le formulaire de recherche'

src/l10n/fixtures/gl.yaml

@@ -3,7 +3,7 @@
 'No': 'Non'
 'Yes': 'Si'
 'Menu': 'Menú'
-'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use o atallo Ctrl+o para abrir e agochar o menú lateral. Use a tecla Tab para navegar.'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.'
 'Top menu': 'Top menu'
 'Apps that not must be moved in the side menu': 'As aplicacións que non deben moverse no menú lateral'
 'If there is no selection then the global configuration is applied.': 'Se non hai selección, aplícase a configuración global.'
@@ -94,19 +94,18 @@
 'Search': 'Buscar'
 'Toggle the menu': 'Alternar o menú'
 'Open the documentation': 'Open the documentation'
-'Ask the developer': 'Preguntar ao desenvolvedor'
-'New request': 'Nova solicitude'
-'Report a bug': 'Informar dun fallo'
-'Show the configuration': 'Amosar a configuración'
-'Configuration:': 'Configuración:'
-'Done!': 'Feito!'
-'Copy': 'Copiar'
-'Need help': 'Necesito axuda'
-'I would like a new feature': 'Gustaríame unha nova característica'
-'Something went wrong': 'Algo foi mal'
-'Select apps': 'Seleccionar as aplicacións'
-'Sort': 'Ordenar'
-'Customize': 'Personalizar'
-'Custom': 'Personalizado'
-'Close': 'Pechar'
-'Show the search form': 'Show the search form'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/l10n/fixtures/nl.yaml

@@ -109,4 +109,3 @@
 'Customize': 'Customize'
 'Custom': 'Custom'
 'Close': 'Close'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/pt_BR.yaml

@@ -107,4 +107,3 @@
 'Customize': 'Customize'
 'Custom': 'Custom'
 'Close': 'Close'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/ru.yaml

@@ -1,4 +1,4 @@
-'Custom menu': 'Пользовательское меню'
+'Custom menu': 'Custom menu'
 'Enable the custom menu': 'Включить пользовательское меню'
 'No': 'Нет'
 'Yes': 'Да'
@@ -43,8 +43,8 @@
 'Before the logo': 'Перед логотипом'
 'After the logo': 'После логотипа'
 'Position': 'Положение'
-'Show only the opener (hidden logo)': 'Показать только открывающую кнопку (скрытый логотип)'
-'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Не отображать боковое меню и открывалку, если нет доступного приложения (н.п. публичные страницы).'
+'Show only the opener (hidden logo)': 'Показать только открывающую часть (скрытый логотип)'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Не отображать боковое меню и открывалку, если нет приложения (например, публичные страницы).'
 'Panel': 'Панель'
 'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Открывать меню при наведении мыши на открывалку (автоматически отключается на сенсорных экранах)'
 'Display the big menu': 'Отобразить большое меню'
@@ -63,21 +63,21 @@
 'Show and hide the list of applications': 'Показать или скрыть список приложений'
 'Use the avatar instead of the logo': 'Использовать аватар вместо логотипа'
 'You do not have permission to change the settings.': 'У вас нет разрешения изменять настройки.'
-'Force this configuration to users': 'Для обеспечения соблюдения этих настроек пользователями'
+'Force this configuration to users': 'Принудительно предоставить эту конфигурацию пользователям'
 'Export the configuration': 'Экспортировать конфигурацию'
 'Purge the cache': 'Очистить кэш'
 'Show the link to settings': 'Показать ссылку на настройки'
 'The menu is enabled by default for users': 'Это меню включено по умолчанию для пользователей'
-'Except when the configuration is forced.': 'За исключением случаев, когда настройка принудительная.'
+'Except when the configuration is forced.': 'За исключением случаев, когда конфигурация является принудительной.'
 'Apps that should not be displayed in the menu': 'Ппрограммы, скрытые из меню'
-'This feature is only compatible with the <code>big menu</code> display.': 'Эта возможность совместима только с отображением <code>большого меню</code>.'
+'This feature is only compatible with the <code>big menu</code> display.': 'Эта функция совместима только с отображением <code>большого меню</code>.'
 'The logo is a link to the default app': 'Логотип открывает приложение по умолчанию'
 'Others': 'Прочие'
 'Categories': 'Категории'
 'Customize sorting': 'Настроить сортировку'
 'Order by': 'В порядке'
 'Name': 'Название'
-'Customed': 'Пользовательское'
+'Customed': 'Customed'
 'Show and hide the list of categories': 'Показать или скрыть список категорий'
 'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Эти настройки используются темами Тёмная и Тёмная Breeze.'
 'Dark mode colors': 'Цвета тёмной темы'
@@ -90,23 +90,22 @@
 'Applications kept in the top menu but also shown in side menu': 'Приложения хранящиеся в верхнем меню, но также отображающиеся в боковом меню'
 'These applications must be selected in the previous option.': 'Эти приложения необходимо выбрать в предыдущем выборе.'
 'Hide labels on mouse over': 'Скрыть название при наведении мыши'
-'Except the hovered app': 'Кроме приложения на котором сейчас'
+'Except the hovered app': 'Кроме приложения, на котором курсор'
 'Search': 'Поиск'
 'Toggle the menu': 'Переключить меню'
 'Open the documentation': 'Open the documentation'
-'Ask the developer': 'Спросить разработчика'
-'New request': 'Новый запрос'
-'Report a bug': 'Пожаловаться на ошибку'
-'Show the configuration': 'Показать конфигурацию'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
 'Configuration:': 'Configuration:'
-'Done!': 'Готово!'
-'Copy': 'Копировать'
-'Need help': 'Нужна помощь'
-'I would like a new feature': 'Я хочу новую возможность'
-'Something went wrong': 'Что-то пошло не так'
-'Select apps': 'Выберете приложения'
-'Sort': 'Сортировать'
-'Customize': 'Приспособить'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
 'Custom': 'Custom'
-'Close': 'Закрыть'
-'Show the search form': 'Show the search form'
+'Close': 'Close'

src/l10n/fixtures/sk.yaml

@@ -90,7 +90,7 @@
 'Applications kept in the top menu but also shown in side menu': 'Applications kept in the top menu but also shown in side menu'
 'These applications must be selected in the previous option.': 'These applications must be selected in the previous option.'
 'Hide labels on mouse over': 'Hide labels on mouse over'
-'Toggle the menu': 'Prepnite ponuku'
+'Toggle the menu': 'Toggle the menu'
 'Open the documentation': 'Open the documentation'
 'Ask the developer': 'Ask the developer'
 'New request': 'New request'
@@ -107,4 +107,3 @@
 'Customize': 'Customize'
 'Custom': 'Custom'
 'Close': 'Close'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/sv.yaml

@@ -1,112 +0,0 @@
-'Custom menu': 'Anpassad meny'
-'Enable the custom menu': 'Aktivera den anpassade menyn'
-'No': 'Nej'
-'Yes': 'Ja'
-'Menu': 'Meny'
-'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.': 'Använd genvägen Ctrl+o för att visa eller dölja sidomenyn. Använd tabb-tangenten för att navigera.'
-'Top menu': 'Toppmeny'
-'Apps that not must be moved in the side menu': 'Appar som inte får flyttas i sidomenyn'
-'If there is no selection then the global configuration is applied.': 'Om inget val har gjorts tillämpas den globala konfigurationen.'
-'Experimental': 'Experimentell'
-'Save': 'Spara'
-'You like this app and you want to support me?': 'Gillar du den här appen och vill stödja mig?'
-'Buy me a coffee ☕': 'Bjud mig på en kaffe ☕'
-'Hidden': 'Dold'
-'Small': 'Liten'
-'Normal': 'Normal'
-'Big': 'Stor'
-'Hidden icon': 'Dold ikon'
-'Small icon': 'Liten ikon'
-'Normal icon': 'Normal ikon'
-'Big icon': 'Stor ikon'
-'Hidden text': 'Dold text'
-'Small text': 'Liten text'
-'Normal text': 'Normal text'
-'Big text': 'Stor text'
-'Colors': 'Färger'
-'Background color': 'Bakgrundsfärg'
-'Background color of current app': 'Bakgrundsfärg för aktuell app'
-'Text color': 'Textfärg'
-'Loader': 'Laddare'
-'Icon': 'Ikon'
-'Same color': 'Samma färg'
-'Opposite color': 'Motsatt färg'
-'Transparent': 'Transparent'
-'Opaque': 'Ogenomskinlig'
-'Opener': 'Öppnare'
-'Default': 'Standard'
-'Default (dark)': 'Standard(mörk)'
-'Hamburger': 'Hamburgermeny'
-'Hamburger (dark)': 'Hamburgermeny(mörk)'
-'Hamburger 2': 'Hamburgermeny 2'
-'Hamburger 2 (dark)': 'Hamburgermeny 2 (mörk)'
-'Before the logo': 'Före logotypen'
-'After the logo': 'Efter logotypen'
-'Position': 'Position'
-'Show only the opener (hidden logo)': 'Visa endast öppnaren (gömd logotyp)'
-'Do not display the side menu and the opener if there is no application (eg: public pages).': 'Visa inte sidomenyn eller öppnaren om det inte finns någon applikation (t.ex. publika sidor).'
-'Panel': 'Panel'
-'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': 'Öppna menyn när muspekaren hovrar över öppnaren (automatiskt avaktiverat på pekskärmar)'
-'Display the big menu': 'Visa den stora menyn'
-'Display the logo': 'Visa logotypen'
-'Icons and texts': 'Ikoner och texter'
-'Loader enabled': 'Laddare aktiverad'
-'Tips': 'Tips'
-'Always displayed': 'Alltid visad'
-'This is the automatic behavior when the menu is always displayed.': 'Detta är det automatiska beteendet när menyn alltid är visad.'
-'Not compatible with touch screens.': 'Inte kompatibel med pekskärmar.'
-'Big menu': 'Stor meny'
-'Live preview': 'Förhandsgranskning i realtid'
-'Open apps in new tab': 'Öppna appar i ny flik'
-'Use the global setting': 'Använd den globala inställningen'
-'Use my selection': 'Använd mitt val'
-'Show and hide the list of applications': 'Visa och dölj listan över applikationer'
-'Use the avatar instead of the logo': 'Använd avataren istället för logotypen'
-'You do not have permission to change the settings.': 'Du har inte behörighet att ändra inställningarna.'
-'Force this configuration to users': 'Tvinga denna konfiguration för användare'
-'Export the configuration': 'Exportera konfigurationen'
-'Purge the cache': 'Rensa cachen'
-'Show the link to settings': 'Visa länken till inställningarna'
-'The menu is enabled by default for users': 'Menyn är aktiverad som standard för användare'
-'Except when the configuration is forced.': 'Förutom när konfigurationen är tvingad.'
-'Apps that should not be displayed in the menu': 'Appar som inte ska visas i menyn'
-'This feature is only compatible with the <code>big menu</code> display.': 'Denna funktion är endast kompatibel med <code>stor meny</code>.'
-'The logo is a link to the default app': 'Logotypen är en länk till standardappen'
-'Others': 'Övriga'
-'Categories': 'Kategorier'
-'Customize sorting': 'Anpassa sortering'
-'Order by': 'Sortera efter'
-'Name': 'Namn'
-'Customed': 'Anpassad'
-'Show and hide the list of categories': 'Visa och dölj listan över kategorier'
-'This parameters are used when Dark theme or Breeze Dark Theme are enabled.': 'Dessa parametrar används när mörkt tema eller Breeze Dark Theme är aktiverade.'
-'Dark mode colors': 'Färger för mörkt läge'
-'With categories': 'Med kategorier'
-'Custom categories': 'Anpassade kategorier'
-'Customize application categories': 'Anpassa app kategorier'
-'Reset to default': 'Återställ till standardvärden'
-'Applications': 'Applikationer'
-'Applications kept in the top menu': 'Applikationer som hålls i toppmenyn'
-'Applications kept in the top menu but also shown in side menu': 'Applikationer som visas både i toppmenyn och i sidomenyn'
-'These applications must be selected in the previous option.': 'Dessa applikationer måste väljas i föregående alternativ.'
-'Hide labels on mouse over': 'Dölj etiketter när muspekaren är över'
-'Except the hovered app': 'Förutom den app som muspekaren är över'
-'Search': 'Sök'
-'Toggle the menu': 'Växla menyn'
-'Open the documentation': 'Öppna dokumentationen'
-'Ask the developer': 'Fråga utvecklaren'
-'New request': 'Ny förfrågan'
-'Report a bug': 'Rapportera ett fel'
-'Show the configuration': 'Visa konfigurationen'
-'Configuration:': 'Konfiguration:'
-'Done!': 'Klar!'
-'Copy': 'Kopiera'
-'Need help': 'Behöver hjälp'
-'I would like a new feature': 'Jag skulle vilja ha en ny funktion'
-'Something went wrong': 'Något gick fel'
-'Select apps': 'Välj appar'
-'Sort': 'Sortera'
-'Customize': 'Anpassa'
-'Custom': 'Anpassad'
-'Close': 'Stäng'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/tpl/base.yaml

@@ -109,4 +109,3 @@
 'Customize': 'Customize'
 'Custom': 'Custom'
 'Close': 'Close'
-'Show the search form': 'Show the search form'

src/l10n/fixtures/zh_CN.yaml

@@ -1,9 +1,9 @@
 'Custom menu': '自定义菜单'
 'Enable the custom menu': '启用自定义菜单'
-'No': '否'
-'Yes': '是'
+'No': '取消'
+'Yes': '确定'
 'Menu': '菜单'
-'Use the shortcut Ctrl+o to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': '使用快捷键 Ctrl+o 打开或隐藏侧边栏菜单。使用 <span class="keyboard-key">Tab</span> 键来导航。'
+'Use the shortcut Ctrl+o to open and to hide the side menu. Use <span class="keyboard-key">tab</span> to navigate.': '使用快捷键 Ctrl+o 打开或隐藏侧边栏菜单。使用<span class="keyboard-key">tab</span> 来导航。'
 'Top menu': '顶部菜单'
 'Apps that not must be moved in the side menu': '禁止在侧边栏菜单移动的应用'
 'If there is no selection then the global configuration is applied.': '如果没有选择，则应用全局配置。'
@@ -25,7 +25,7 @@
 'Opposite color': '相反颜色'
 'Transparent': '透明'
 'Opaque': '不透明'
-'Opener': '触发器'
+'Opener': '容器'
 'Default': '默认'
 'Default (dark)': '默认(深色)'
 'Hamburger': 'Hamburger'
@@ -35,10 +35,10 @@
 'Before the logo': '在徽标之前'
 'After the logo': '在徽标之后'
 'Position': '位置'
-'Show only the opener (hidden logo)': '仅显示触发器（隐藏徽标）'
-'Do not display the side menu and the opener if there is no application (eg: public pages).': '如果没有应用程序（例如：公共页面），则不要显示侧边栏菜单和触发器。'
+'Show only the opener (hidden logo)': '只显示容器（隐藏徽标）'
+'Do not display the side menu and the opener if there is no application (eg: public pages).': '如果没有应用程序（例如：公共页面），则不要显示侧边栏菜单和容器。'
 'Panel': '面板'
-'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': '当鼠标悬停在触发器上时打开菜单（在触摸屏上自动禁用）'
+'Open the menu when the mouse is hover the opener (automatically disabled on touch screens)': '鼠标悬停时打开菜单 (触摸屏时将自动禁用)'
 'Display the big menu': '显示大型菜单'
 'Display the logo': '显示徽标'
 'Icons and texts': '图标和文本'
@@ -63,7 +63,7 @@
 'Except when the configuration is forced.': '除非强制配置。'
 'Apps that should not be displayed in the menu': '禁止在菜单中显示的应用'
 'This feature is only compatible with the <code>big menu</code> display.': '此功能只和<code>大型菜单</code>兼容。'
-'The logo is a link to the default app': '徽标链接到默认应用'
+'The logo is a link to the default app': 'logo链接到默认应用'
 'Others': '其他'
 'Categories': '类别'
 'Customize sorting': '自定义排序'
@@ -85,28 +85,27 @@
 'Small text': '小文本'
 'Normal text': '普通文本'
 'Big text': '大文本'
-'Applications': '应用程序'
-'Applications kept in the top menu': '应用程序保留在顶部菜单中'
-'Applications kept in the top menu but also shown in side menu': '应用程序保留在顶部菜单中，但也显示在侧边栏菜单中'
-'These applications must be selected in the previous option.': '必须在上一个选项中选择这些应用程序。'
-'Hide labels on mouse over': '鼠标悬停时隐藏标签'
-'Except the hovered app': '除了悬停的应用'
-'Search': '搜索'
-'Toggle menu': '切换菜单'
-'Open the documentation': '打开文档'
-'Ask the developer': '询问开发者'
-'New request': '新请求'
-'Report a bug': '报告错误'
-'Show the configuration': '显示配置'
-'Configuration:': '配置：'
-'Done!': '完成！'
-'Copy': '复制'
-'Need help': '需要帮助'
-'I would like a new feature': '我想要一个新功能'
-'Something went wrong': '出了点问题'
-'Select apps': '选择应用'
-'Sort': '排序'
-'Customize': '自定义'
-'Custom': '自定义'
-'Close': '关闭'
-'Show the search form': 'Show the search form'
+'Applications': 'Applications'
+'Applications kept in the top menu': 'Applications kept in the top menu'
+'Applications kept in the top menu but also shown in side menu': 'Applications kept in the top menu but also shown in side menu'
+'These applications must be selected in the previous option.': 'These applications must be selected in the previous option.'
+'Hide labels on mouse over': 'Hide labels on mouse over'
+'Except the hovered app': 'Except the hovered app'
+'Search': 'Search'
+'Toggle menu': 'Toggle menu'
+'Open the documentation': 'Open the documentation'
+'Ask the developer': 'Ask the developer'
+'New request': 'New request'
+'Report a bug': 'Report a bug'
+'Show the configuration': 'Show the configuration'
+'Configuration:': 'Configuration:'
+'Done!': 'Done!'
+'Copy': 'Copy'
+'Need help': 'Need help'
+'I would like a new feature': 'I would like a new feature'
+'Something went wrong': 'Something went wrong'
+'Select apps': 'Select apps'
+'Sort': 'Sort'
+'Customize': 'Customize'
+'Custom': 'Custom'
+'Close': 'Close'

src/menu.js

@@ -17,8 +17,6 @@
 
 import './scss/menu.scss'
 
-import '@formatjs/intl-segmenter/polyfill.js'
-
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { createElement, waitContainer } from './lib/dom.js'

src/menus/SideMenuWithCategories.vue

@@ -27,7 +27,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :label="settings.name"
         :avatar="settings.avatar"
       />
-      <AppSearch v-if="showSearchForm" v-model="search" />
+      <AppSearch v-model="search" />
       <OpenerButton
         v-if="!openerHover"
         @click="$emit('close')"
@@ -102,7 +102,6 @@ const activeApp = ref(null)
 const targetBlankApps = ref([])
 const settings = ref(null)
 const search = ref('')
-const showSearchForm = ref(true)
 const openerHover = ref(false)
 const menu = useTemplateRef('menu')
 const isTouchDevice = window.matchMedia('(pointer: coarse)').matches
@@ -121,7 +120,6 @@ onMounted(async () => {
 
   targetBlankApps.value = config['target-blank-apps']
   settings.value = config['settings']
-  showSearchForm.value = config['show-search-form']
   openerHover.value = config['opener-hover'] && !isTouchDevice
 
   items.value = await navStore.getCategories()

src/menus/SimpleSideMenu.vue

@@ -30,7 +30,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :avatar="settings.avatar"
       />
       <AppSearch
-        v-if="showSearchForm"
+        v-if="open"
         v-model="search"
       />
       <OpenerButton
@@ -103,7 +103,6 @@ const openerHover = ref(false)
 const alwaysDisplayed = ref(false)
 const displayLogo = ref(false)
 const useAvatarAsLogo = ref(false)
-const showSearchForm = ref(true)
 const search = ref('')
 const apps = ref([])
 const menu = useTemplateRef('menu')
@@ -152,7 +151,6 @@ onMounted(async () => {
   alwaysDisplayed.value = config['always-displayed']
   targetBlankApps.value = config['target-blank-apps']
   forceLightIcon.value = config['force-light-icon']
-  showSearchForm.value = config['show-search-form']
 
   avatar.value = config['avatar']
   logo.value = config['logo']

src/menus/StandardMenu.vue

@@ -33,7 +33,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :data-app-id="app.id"
         class="app-menu-entry"
         :class="{
-          'app-menu-entry__active': app.id === activeApp,
+          'app-menu-entry__active': app.active,
           'app-menu-entry__hidden-label': hiddenLabels === 1,
           'app-menu-main__show-hovered': hiddenLabels === 2,
         }"
@@ -44,7 +44,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
           :class="{ 'has-unread': app.unread > 0 }"
           :aria-label="app.name"
           :target="targetBlankApps.indexOf(app.id) !== -1 ? '_blank' : undefined"
-          :aria-current="app.id === activeApp ? 'page' : false"
+          :aria-current="app.active ? 'page' : false"
         >
           <img
             :src="app.icon"
@@ -62,15 +62,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
       </li>
     </ul>
     <NcActions
-      class="cm-standardmenu-app-menu-more"
+      class="cm-standardmenu-app-menu-more app-menu-more"
       :aria-label="t('core', 'More apps')"
-      :forceMenu="true"
     >
       <NcActionLink
         v-for="app in popoverAppList"
         :key="app.id"
         :aria-label="app.name"
-        :aria-current="app.id === activeApp ? 'page' : false"
+        :aria-current="app.active ? 'page' : false"
         :href="app.href"
         :style="makeStyle(app)"
         class="cm-standardmenu-app-menu-popover-entry app-menu-popover-entry"
@@ -102,7 +101,6 @@ import { ref, onMounted } from 'vue'
 import { useConfigStore } from '../store/config.js'
 import { useNavStore } from '../store/nav.js'
 import { NcActions, NcActionLink } from '@nextcloud/vue'
-import { getActiveAppId } from '../lib/app.js'
 
 const navStore = useNavStore()
 const configStore = useConfigStore()
@@ -114,7 +112,6 @@ const topMenuApps = ref([])
 const appsOrder = ref([])
 const mainAppList = ref([])
 const popoverAppList = ref([])
-const activeApp = ref(null)
 let resizeTimeout = null
 
 const setApps = (value) => {
@@ -133,27 +130,19 @@ const setApps = (value) => {
 const appLimit = () => {
   const headerStart = document.querySelector('#header .header-start')
   const headerEnd = document.querySelector('#header .header-end')
-  const unifiedSearch = document.querySelector('#header .unified-search-input')
   const body = document.querySelector('body')
 
-  let totalWidth = body.offsetWidth
-  let otherElementsWidth = headerEnd ? headerEnd.offsetWidth : 0
-
-  if (unifiedSearch && headerEnd.offsetWidth < unifiedSearch.offsetWidth) {
-    otherElementsWidth += unifiedSearch.offsetWidth
-  }
-
-  let maxWidth = body.offsetWidth - otherElementsWidth
+  let size = (headerEnd ? headerEnd.offsetWidth : 0) + 70
 
   if (headerStart) {
     Array.from(headerStart.children).forEach((child) => {
       if (child.id !== 'app-menu-container') {
-        maxWidth -= child.offsetWidth
+        size += child.offsetWidth
       }
     })
   }
 
-  return Math.max(0, Math.floor(maxWidth / 60))
+  return Math.floor((body.offsetWidth - size) / 70)
 }
 
 const makeStyle = (app) => {
@@ -165,9 +154,8 @@ const makeStyle = (app) => {
 }
 
 const computeLists = () => {
-  const limit = appLimit()
-  mainAppList.value = appList.value.slice(0, limit)
-  popoverAppList.value = appList.value.slice(limit).sort((a, b) => a.order - b.order)
+  mainAppList.value = appList.value.slice(0, appLimit())
+  popoverAppList.value = appList.value.slice(appLimit()).sort((a, b) => a.order - b.order)
 }
 
 onMounted(async () => {
@@ -177,12 +165,14 @@ onMounted(async () => {
   hiddenLabels.value = config['top-menu-mouse-over-hidden-label']
   topMenuApps.value = config['top-menu-apps']
   appsOrder.value = config['apps-order']
-  activeApp.value = getActiveAppId()
   ready.value = true
 
   setApps(await navStore.getCoreApps())
 
-  window.setInterval(computeLists, 100)
+  window.addEventListener('resize', () => {
+    window.clearTimeout(resizeTimeout)
+    resizeTimeout = window.setTimeout(computeLists, 100)
+  })
 })
 </script>
 

src/menus/TopWideMenu.vue

@@ -31,7 +31,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :label="settings.name"
         :avatar="settings.avatar"
       />
-      <AppSearch v-if="showSearchForm" v-model="search" />
+      <AppSearch v-model="search" />
       <OpenerButton
         v-if="!openerHover"
         @click="$emit('close')"
@@ -107,7 +107,6 @@ const activeApp = ref(null)
 const targetBlankApps = ref([])
 const settings = ref(null)
 const search = ref('')
-const showSearchForm = ref(true)
 const openerHover = ref(false)
 const menu = useTemplateRef('menu')
 const isTouchDevice = window.matchMedia('(pointer: coarse)').matches
@@ -126,7 +125,6 @@ onMounted(async () => {
 
   targetBlankApps.value = config['target-blank-apps']
   settings.value = config['settings']
-  showSearchForm.value = config['show-search-form']
   openerHover.value = config['opener-hover'] && !isTouchDevice
 
   items.value = await navStore.getCategories()

src/pages/AdminSettings.vue

@@ -80,15 +80,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <FormYesNo v-model="config['show-settings']" />
           </SettingValue>
         </SettingItem>
-        <SettingItem :disabled="config['always-displayed']">
-          <SettingLabel
-            label="Show the search form"
-            :middle="true"
-          />
-          <SettingValue>
-            <FormYesNo v-model="config['show-search-form']" />
-          </SettingValue>
-        </SettingItem>
         <SettingItem>
           <SettingLabel
             label="Icons"

src/scss/menu.scss

@@ -363,16 +363,6 @@
     right: 0 !important;
     margin-left: 0 !important;
   }
-
-  #content {
-    left: 53px;
-    width: calc(100% - (var(--body-container-margin) * 2) - 62px);
-  }
-
-  #content-vue {
-    width: calc(100% - (var(--body-container-margin) * 2) - 60px);
-    margin-left: 11px;
-  }
 }
 
 @media screen and (max-width: 1024px) {
@@ -395,16 +385,6 @@
       padding: 10px 0;
     }
   }
-
-  #header {
-    .unified-search-input {
-      width: 80px !important;
-
-      .unified-search-input__label {
-        display: none;
-      }
-    }
-  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -490,7 +470,7 @@ $header-icon-size: 20px;
         color: var(--color-primary-text);
         text-align: center;
         left: 50%;
-        top: 55%;
+        top: 45%;
         display: block;
         min-width: 100%;
         transform: translateX(-50%);
@@ -562,28 +542,24 @@ $header-icon-size: 20px;
     }
   }
 
-  &-app-menu-more {
-    padding-top: 9px !important;
+  .app-menu-more .button-vue--vue-tertiary {
+    opacity: 0.7;
+    margin: 8px 3px 3px 3px;
+    filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
-    .button-vue--vue-tertiary {
-      opacity: 0.7;
-      margin: 8px 3px 3px 3px;
-      filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
+    &:not([aria-expanded='true']) {
+      color: var(--color-main-text);
 
-      &:not([aria-expanded='true']) {
-        color: var(--color-main-text);
-
-        &:hover {
-          opacity: 1;
-          background-color: transparent !important;
-        }
-      }
-
-      &:focus-visible {
+      &:hover {
         opacity: 1;
-        outline: none !important;
+        background-color: transparent !important;
       }
     }
+
+    &:focus-visible {
+      opacity: 1;
+      outline: none !important;
+    }
   }
 
   &-app-menu-popover-entry {
@@ -623,9 +599,3 @@ $header-icon-size: 20px;
     display: none;
   }
 }
-
-#header {
-  .unified-search-input:not(.unified-search-input--mobile) {
-    position: unset !important;
-  }
-}

src/store/nav.js

@@ -41,7 +41,10 @@ export const useNavStore = defineStore('nav', () => {
 
   async function getCoreApps() {
     if (coreApps == null) {
-      coreApps = await await axios.get(generateUrl('/apps/side_menu/core/apps')).then((response) => response.data.items)
+      coreApps = await axios
+        .get(generateOcsUrl('core/navigation', 2) + '/apps?format=json')
+        .then((response) => response.data)
+        .then((value) => value.ocs.data)
     }
 
     return coreApps

src/user.js

@@ -17,8 +17,6 @@
 
 import './scss/admin.scss'
 
-import '@formatjs/intl-segmenter/polyfill.js'
-
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { waitContainer } from './lib/dom.js'

templates/css/stylesheet.php

@@ -38,7 +38,7 @@ body[data-theme-light], body[data-theme-light-highcontrast] {
 
 <?php if ($_['opener-only']) { ?>
   #nextcloud {
-    display: none !important;
+    display: none;
   }
 <?php } ?>
 
@@ -117,3 +117,15 @@ body[data-theme-light], body[data-theme-light-highcontrast] {
     font-size: 16px;
   }
 <?php } ?>
+
+<?php if ($_['always-displayed']) { ?>
+  #content {
+    left: 53px;
+    width: calc(100% - (var(--body-container-margin) * 2) - 62px);
+  }
+
+  #content-vue {
+    width: calc(100% - (var(--body-container-margin) * 2) - 60px);
+    margin-left: 11px;
+  }
+<?php } ?>

webpack.config.js

@@ -7,7 +7,6 @@ const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
 const TerserPlugin = require('terser-webpack-plugin')
 
 const appName = 'side_menu'
-const appVersion = '6.x'
 const buildMode = process.env.NODE_ENV
 const isDev = buildMode === 'development'
 
@@ -78,11 +77,6 @@ module.exports = {
     new webpack.ProvidePlugin({
       Buffer: ['buffer', 'Buffer'],
     }),
-
-    new webpack.DefinePlugin({
-      appName: JSON.stringify(appName),
-      appVersion: JSON.stringify(appVersion),
-    }),
   ],
 
   resolve: {