doc: update changelog

Currently translated at 100.0% (111 of 111 strings)

Translation: Custom menu/Application
Translate-URL: https://translate.codeberg.org/projects/custom-menu/application/es/

.gitignore

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

.woodpecker/.publish.yml

@@ -32,7 +32,7 @@ steps:
       - echo "$APP_CERTIFICATE" > "/tmp/side_menu.key"
       - echo "$APP_PUBLIC_CERTIFICATE" > "/tmp/side_menu.crt"
       - mkdir /tmp/app
-      - cp -r README.md CHANGELOG.md appinfo css lib img l10n js src templates screenshots vendor /tmp/app
+      - cp -r README.md CHANGELOG.md appinfo lib img l10n js src templates screenshots vendor /tmp/app
       - /usr/src/nextcloud/occ integrity:sign-app
         --privateKey=/tmp/side_menu.key
         --certificate=/tmp/side_menu.crt

CHANGELOG.md

@@ -1,5 +1,76 @@
 ## [Unreleased]
 
+## 5.2.2
+### Fixed
+* fix #464: add Intl.Segmenter polyfill
+### Added
+* add new translations
+
+## 5.2.1
+### Added
+* chore: set side_menu as package name
+### Fixed
+* fix(LangRepository): check orm capabilities to query entities
+* fix(admin/\*SaveButton): cast settings to string
+
+## 5.2.0
+### Added
+* add compatibility with NC33
+### Fixed
+* fix #468: force nextcloud logo display css rule (opener-only)
+
+## 5.1.3
+### Fixed
+* fix #445: fix build by adding package-lock.json
+
+## 5.1.2
+### Added
+* add new translations
+### Fixed
+* fix #441: Side bar not working with Nextcloud 32 (thanks to AndyXheli)
+
+## 5.1.1
+### Fixed
+* fix(build): define appName to fix this error: "The `@nextcloud/vue` library was used without setting / replacing the `appName`"
+* fix #349: add custom controller to retrieve core apps
+
+## 5.1.0
+### Added
+* fix #425: allow to set a color using hex code
+### Fixed
+* #422: usage of `OC\AppFramework\Http\Request` instead of `$_SERVER`
+
+## 5.0.3
+### Fixed
+* fix #422: undefined array key "HTTP_USER_AGENT"
+
+## 5.0.2
+### Fixed
+* fix #413: add user-agent check for memories mobile app
+* fix #418: allow non admin user to access their settings
+
+## 5.0.1
+### Fixed
+* fix(StandardMenu): appLimit must return a value > 0
+
+## 5.0.0
+### Fixed
+* fix apps's order in the standard menu
+### Added
+* add new translations
+* add route `/apps/side_menu/user/config`
+* add new UI for admin and personals settings
+### Changed
+* migrate to Vue 3 and so add/update or remove dependencies
+* replace CSS with SCSS
+* remove route `/apps/side_menu/js/script`
+* remove generated Javascript using PHP
+* rewrite the standard menu of Nextcloud
+### Security
+* fix CVE-2023-44270
+* fix CVE-2024-9506
+* fix CVE-2024-6783
+
 ## 4.1.1
 ### Fixed
 * fix(CssController): add missing NoCSRFRequired import (#397)
@@ -155,7 +226,7 @@
 
 ## 3.5.1
 ### Added
-* add translations (thanks to p-bo adn gallegonovato)
+* add translations (thanks to p-bo and gallegonovato)
 ### Fixed
 * fix #189: sorting not applied on mobile
 
@@ -284,323 +355,323 @@
 
 ## 2.3.2
 ### Fixed
-- fix hidden menu
+* fix hidden menu
 
 ## 2.3.1
 ### Fixed
-- fix #88: does not work with default menu
+* fix #88: does not work with default menu
 
 ## 2.3.0
 ### Added
-- fix #82: add an option to keep visible an app in both menus
-- fix #83: add custom categories
-- add auto-reload when settings are saved
+* fix #82: add an option to keep visible an app in both menus
+* fix #83: add custom categories
+* add auto-reload when settings are saved
 
 ## 2.2.0
 ### Added
-- fix #84: update icons
-- fix #85: use Nextcloud colors by default
+* fix #84: update icons
+* fix #85: use Nextcloud colors by default
 
 ### Fixed
-- fix categories order in large menu
+* fix categories order in large menu
 
 ## 2.1.0
 ### Added
-- add compatibility with Nextcloud 23
+* add compatibility with Nextcloud 23
 
 ## 2.0.1
 ### Fixed
-- fix #78: Top menu is broken - invisible apps are shown
-- fix #77: Update personal settings - HTTP error 412 (Precondition Failed)
-- fix js error on the personal settings page (undefined sortable)
+* fix #78: Top menu is broken - invisible apps are shown
+* fix #77: Update personal settings - HTTP error 412 (Precondition Failed)
+* fix js error on the personal settings page (undefined sortable)
 
 ## 2.0.0
 ### Fixed
-- fix #66: removing usage of setInterval
-- fix #73: icon background
+* fix #66: removing usage of setInterval
+* fix #73: icon background
 ### Changed
-- fix #67: replace jQuery with Vanilla JS
+* fix #67: replace jQuery with Vanilla JS
 ### Removed
-- Nextcloud 18 is not supported anymore
+* Nextcloud 18 is not supported anymore
 
 ## 1.28.0
 ### Added
-- fix #63: add a new side menu with categories
+* fix #63: add a new side menu with categories
 
 ## 1.27.2
 ### Fixed
-- fix #62: hide app notification icon
+* fix #62: hide app notification icon
 
 ## 1.27.1
 ### Fixed
-- fix German translation render
+* fix German translation render
 
 ## 1.27.0
 ### Added
-- hide personal settings access when settings are forced by the administrator
+* hide personal settings access when settings are forced by the administrator
 ### Fixed
-- improve German translations
+* improve German translations
 
 ## 1.26.0
 ### Added
-- add Czech translation
+* add Czech translation
 
 ## 1.25.2
 ### Fixed
-- fix CHANGELOG
+* fix CHANGELOG
 
 ## 1.25.1
 ### Added
-- add PHP version as dependency
-- add chinese translation
+* add PHP version as dependency
+* add chinese translation
 ### Fixed
-- fix CHANGELOG
+* fix CHANGELOG
 
 ## 1.25.0
 ### Added
-- add compatibility with Nextcloud 22
-- add CHANGELOG.md (fix #59)
-- update app icon
+* add compatibility with Nextcloud 22
+* add CHANGELOG.md (fix #59)
+* update app icon
 
 ## 1.24.0
 ### Added
-- add option to define the background opacity (fix #53)
-- add missing translations
+* add option to define the background opacity (fix #53)
+* add missing translations
 
 ## 1.23.1
 ### Fixed
-- fix but wih dark mode opener option
+* fix but wih dark mode opener option
 
 ## 1.23.0
 ### Added
-- add support of dark Theme and Breeze Dark
-- add support of Nextcloud 21
+* add support of dark Theme and Breeze Dark
+* add support of Nextcloud 21
 
 ## 1.22.2
 ### Fixed
-- fix regression: apps does not open in new tab (fix #55)
+* fix regression: apps does not open in new tab (fix #55)
 
 ## 1.22.1
 ### Fixed
-- fix regression: apps does not open in new tab
+* fix regression: apps does not open in new tab
 
 ## 1.22.0
 ### Added
-- Add option to sort categories (fix #53)
-- Update admin UI
+* Add option to sort categories (fix #53)
+* Update admin UI
 
 ## 1.21.0
 ### Added
-- [FEATURE] Logo in the menu links to main page of installation (#51)
+* [FEATURE] Logo in the menu links to main page of installation (#51)
 
 ## 1.20.1
 ### Fixed
-- Fix translations
+* Fix translations
 
 ## 1.20.0
 ### Added
-- [FEATURE] Ability to remove apps from the Big Menu (#49)
+* [FEATURE] Ability to remove apps from the Big Menu (#49)
 
 ## 1.19.1
 ### Fixed
-- fix #47: setting for list/grid view in files app flashes and dissapears
+* fix #47: setting for list/grid view in files app flashes and dissapears
 
 ## 1.19.0
 ### Added
-- add option: the menu is enabled by default for users (fix #46)
+* add option: the menu is enabled by default for users (fix #46)
 
 ## 1.18.0
 ### Added
-- add option to show link to settings (fix #44)
-- refactor menus using several components
+* add option to show link to settings (fix #44)
+* refactor menus using several components
 
 ## 1.17.0
 ### Added
-- compliance with the app checker
-- add an action to export the configuration
-- add an action to purge the cache
+* compliance with the app checker
+* add an action to export the configuration
+* add an action to purge the cache
 
 ## 1.16.3
 ### Fixed
-- fix links that must be opened in new window (https://help.nextcloud.com/t/external-petit-probleme-concernant-lapplication-external-sites-ou-sites-externes/94884/11)
+* fix links that must be opened in new window (https://help.nextcloud.com/t/external-petit-probleme-concernant-lapplication-external-sites-ou-sites-externes/94884/11)
 
 ## 1.16.2
 ### Fixed
-- fix issue with personal settings when global settings are forced
+* fix issue with personal settings when global settings are forced
 
 ## 1.16.1
 ### Fixed
-- fix #42: add cache to manage failures to access apps.nextcloud.com
-- fix #41: side menu was hover apps list
+* fix #42: add cache to manage failures to access apps.nextcloud.com
+* fix #41: side menu was hover apps list
 
 ## 1.16.0
 ### Added
-- add an option to force settings to users (fix #38)
+* add an option to force settings to users (fix #38)
 
 ## 1.15.0
 ### Changed
-- New name
+* New name
 ### Fixed
-- Fix #36: always displayed is not expanding
+* Fix #36: always displayed is not expanding
 
 ## 1.14.0
 ### Added
-- add an api accessed by components
-- add a config proxy in controllers
+* add an api accessed by components
+* add a config proxy in controllers
 ### Fixed
-- fix translations
+* fix translations
 
 ## 1.13.0
 ### Added
-- add an option to display the avatar instead of the logo (fix #34)
+* add an option to display the avatar instead of the logo (fix #34)
 
 ## 1.12.3
 ### Added
-- add a delay before moving elements (fix #33)
+* add a delay before moving elements (fix #33)
 
 ## 1.12.2
 ### Fixed
-- fix #30: `Always displayed` menu can not be close using touchscreens
+* fix #30: `Always displayed` menu can not be close using touchscreens
 
 ## 1.12.1
 ### Fixed
-- fix typo
-- fix translations
+* fix typo
+* fix translations
 
 ## 1.12.0
 ### Fixed
-- fix #30: administrators and users can select what apps must be opened in new tab
-- fix typo
+* fix #30: administrators and users can select what apps must be opened in new tab
+* fix typo
 
 ## 1.11.0
 ### Added
-- add the option for opening apps in new tab (fix #29)
+* add the option for opening apps in new tab (fix #29)
 ### Fixed
-- fix issue with the header of the always displayed menu
+* fix issue with the header of the always displayed menu
 
 ## 1.10.0
 ### Added
-- add images to select the display of the menu
-- add live preview
-- update translations
-- update app info
+* add images to select the display of the menu
+* add live preview
+* update translations
+* update app info
 
 ## 1.9.3
 ### Fixed
-- fix regression with logo display
+* fix regression with logo display
 
 ## 1.9.2
 ### Added
-- add the option “always displayed” which fixes the position of the menu to the left and always displays the application icons (fix #21, fix #2)
+* add the option “always displayed” which fixes the position of the menu to the left and always displays the application icons (fix #21, fix #2)
 
 ## 1.8.6
 ### Added
-- add translations: `fr` and `de`
-- improve and publish the `Makefile`
-- update documentation
+* add translations: `fr` and `de`
+* improve and publish the `Makefile`
+* update documentation
 
 ## 1.8.5
 ### Fixed
-- fix #28: menu items invisible after 1.8.4
+* fix #28: menu items invisible after 1.8.4
 
 ## 1.8.4
 ### Fixed
-- fix #27: disable side menu on public pages - broken in 1.8.3
+* fix #27: disable side menu on public pages - broken in 1.8.3
 
 ## 1.8.3
 ### Fixed
-- fix alphabetic order of apps (#26)
+* fix alphabetic order of apps (#26)
 
 ## 1.8.2
 ### Added
-- add icon for closing the big menu (fix #25)
+* add icon for closing the big menu (fix #25)
 ### Fixed
-- fix hidden icons in the top menu (fix #23)
-- fix missing apps (fix #24)
+* fix hidden icons in the top menu (fix #23)
+* fix missing apps (fix #24)
 
 ## 1.8.1
 ### Fixed
-- fix issue with links
-- fix missing l10n files
+* fix issue with links
+* fix missing l10n files
 
 ## 1.8.0
 ### Added
-- add a `big menu` display (fix #22)
-- add the possibility to choose what apps are displayed in the top menu (fix #22)
-- add icon color filter
-- add icon opacity filter
+* add a `big menu` display (fix #22)
+* add the possibility to choose what apps are displayed in the top menu (fix #22)
+* add icon color filter
+* add icon opacity filter
 
 ## 1.8.0-rc2
 
 ## 1.7.0
 ### Added
-- add a loader when the page is unloading
-- add compatibility with Nextcloud 19
+* add a loader when the page is unloading
+* add compatibility with Nextcloud 19
 
 ## 1.6.3
 ### Fixed
-- fix #20: add a shortcut to open and to hide the menu
+* fix #20: add a shortcut to open and to hide the menu
 
 ## 1.6.2
 ### Fixed
-- fix #19: add a cache to limit flashes
+* fix #19: add a cache to limit flashes
 
 ## 1.6.1
 ### Fixed
-- fix #19: add a hack to show external sites in the top menu with navigation
+* fix #19: add a hack to show external sites in the top menu with navigation
 
 ## 1.6.0
 ### Added
-- Add a page of personal settings
-- Add an option to disable the side menu as user
-- Refactoring of javascripts
+* Add a page of personal settings
+* Add an option to disable the side menu as user
+* Refactoring of javascripts
 
 ## 1.5.0
 ### Added
-- add option to force light icons instead of dark icons
+* add option to force light icons instead of dark icons
 ### Fixed
-- fix #19: add option to keep external sites in the top menu
-- fix #16 #17: add dark icons and handle the svg filters
+* fix #19: add option to keep external sites in the top menu
+* fix #16 #17: add dark icons and handle the svg filters
 
 ## 1.4.1
 ### Added
-- Rendering  harmonization with browsers
+* Rendering  harmonization with browsers
 ### Fixed
-- FIX #15: make menu start after icon
+* FIX #15: make menu start after icon
 
 ## 1.4.0
 ### Fixed
-- Fix #12: add an option to hide the opener and the panel when there is no application
+* Fix #12: add an option to hide the opener and the panel when there is no application
 
 ## 1.3.4
 ### Fixed
-- FIX #14: add option to show only the opener
-- FIX #13: add alternate hamburger icon
-- FIX #11: remove error in the console
+* FIX #14: add option to show only the opener
+* FIX #13: add alternate hamburger icon
+* FIX #11: remove error in the console
 
 ## 1.3.3
 ### Added
-- Add a second background color to create a background gradiant
-- Update documentation
+* Add a second background color to create a background gradiant
+* Update documentation
 ### Fixed
-- FIX #10: add options to select the size of the icons and the text, or hide them
+* FIX #10: add options to select the size of the icons and the text, or hide them
 
 ## 1.3.2
 ### Fixed
-- FIX #9: opener icon not visible with multiple apps_paths
+* FIX #9: opener icon not visible with multiple apps_paths
 
 ## 1.3.1
 ### Fixed
-- FIX #3: Add an opition the choose the position of the opener (after or before the logo)
-- FIX #8: Remove extension of dynamic asset's routes (js, css)
+* FIX #3: Add an opition the choose the position of the opener (after or before the logo)
+* FIX #8: Remove extension of dynamic asset's routes (js, css)
 
 ## 1.3.0
 ### Added
-- `main.js` is replaced by a controller and a template
+* `main.js` is replaced by a controller and a template
 ### Fixed
--  FIX #2: add option to open the menu by hovering over opener
+*  FIX #2: add option to open the menu by hovering over opener
 
 ## 1.2.4
 ### Fixed
-- FIX #7: Opener icon not visible in Safari
+* FIX #7: Opener icon not visible in Safari
 

Makefile

@@ -20,7 +20,7 @@ release:
 
 	test -d $$RELEASE_DIRECTORY/$$VERSION && rm -fr $$RELEASE_DIRECTORY/$$VERSION
 	mkdir -p $$RELEASE_DIRECTORY/$$VERSION/side_menu
-	cp -r README.md CHANGELOG.md appinfo css lib img l10n js src templates screenshots vendor $$RELEASE_DIRECTORY/$$VERSION/side_menu
+	cp -r README.md CHANGELOG.md appinfo lib img l10n js src templates screenshots vendor $$RELEASE_DIRECTORY/$$VERSION/side_menu
 	cd $$RELEASE_DIRECTORY/$$VERSION
 	zip -r side_menu_v$$VERSION.zip side_menu
 	tar cvzf side_menu_v$$VERSION.tar.gz side_menu

README.md

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

appinfo/info.xml

@@ -10,14 +10,13 @@ This application is rather suitable for instances that activate a lot of applica
 
 Use the shortcut `Ctrl`+`o` to open and to hide the side menu. Use `tab` to navigate.
 
-You can customize colors depending of the theme (Dark theme and Breeze Dark).
+You can customize colors depending of the theme.
 
-You can report a bug or request a feature by opening an issue.
+To report a bug or request a feature, please open an issue.
 
 Requirements:
 
 * PHP >= 8.1
-* App `theming` enabled
 
 If you like this application and if you want to support the development:
 
@@ -31,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>4.1.1</version>
+    <version>5.2.2</version>
     <licence>agpl</licence>
     <author mail="contact@deblan.fr" homepage="https://www.deblan.fr/">Simon Vieille</author>
     <namespace>SideMenu</namespace>
@@ -54,7 +53,7 @@ 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_default_menu.png]]></screenshot>
     <dependencies>
         <php min-version="8.1" max-version="8.4" />
-        <nextcloud min-version="30" max-version="32"/>
+        <nextcloud min-version="31" max-version="33"/>
     </dependencies>
     <settings>
         <admin>OCA\SideMenu\Settings\Admin</admin>

lib/AppInfo/Application.php

@@ -2,8 +2,9 @@
 
 namespace OCA\SideMenu\AppInfo;
 
-use OC;
+use OC\AllConfig;
 use OC\App\AppStore\Fetcher\CategoryFetcher;
+use OC\AppFramework\Http\Request;
 use OC\Security\CSP\ContentSecurityPolicyNonceManager;
 use OC\User\User;
 use OCA\SideMenu\Service\AppRepository;
@@ -31,23 +32,12 @@ use Psr\Container\ContainerInterface;
 class Application extends App implements IBootstrap
 {
     public const APP_ID = 'side_menu';
-
     public const APP_NAME = 'Custom menu';
 
-    /**
-     * @var OC\AllConfig
-     */
-    protected $config;
-
-    /**
-     * @var ContentSecurityPolicyNonceManager
-     */
-    protected $cspnm;
-
-    /**
-     * @var User
-     */
-    protected $user;
+    protected AllConfig $config;
+    protected ContentSecurityPolicyNonceManager $cspnm;
+    protected Request $request;
+    protected ?User $user = null;
 
     public function __construct(array $urlParams = [])
     {
@@ -96,6 +86,7 @@ class Application extends App implements IBootstrap
         $this->config = \OC::$server->getConfig();
         $this->cspnm = \OC::$server->getContentSecurityPolicyNonceManager();
         $this->user = \OC::$server[IUserSession::class]->getUser();
+        $this->request = \OC::$server->getRequest();
 
         if (!$this->isEnabled()) {
             return;
@@ -106,6 +97,10 @@ 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');
 
@@ -128,7 +123,6 @@ class Application extends App implements IBootstrap
     protected function addAssets()
     {
         Util::addScript(self::APP_ID, 'side_menu-menu');
-        // Util::addStyle(self::APP_ID, 'sideMenu');
 
         $assets = [
             'stylesheet' => [
@@ -139,14 +133,6 @@ class Application extends App implements IBootstrap
                     'rel' => 'stylesheet',
                 ],
             ],
-            // 'script' => [
-            //     'route' => 'side_menu.Js.script',
-            //     'type' => 'script',
-            //     'route_attr' => 'src',
-            //     'attr' => [
-            //         'nonce' => $this->cspnm->getNonce(),
-            //     ],
-            // ],
         ];
 
         $cache = $this->config->getAppValue(self::APP_ID, 'cache', '0');

lib/Controller/CoreController.php

@@ -0,0 +1,74 @@
+<?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,7 +20,6 @@
 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;
@@ -29,10 +28,12 @@ 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
 {
@@ -44,26 +45,13 @@ 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->themingDefaults = $themingDefaults;
-
-        $this->user = \OC::$server[IUserSession::class]->getUser();
-        $this->config = $config;
-        $this->l10nFactory = $l10nFactory;
-    }
-
-    #[NoCSRFRequired]
-    #[NoAdminRequired]
-    #[PublicPage]
-    #[FrontpageRoute(verb: 'GET', url: '/js/script')]
-    public function script(): TemplateResponse
-    {
-        $response = new TemplateResponse(Application::APP_ID, 'js/script', $this->getConfig(), 'blank');
-        $response->addHeader('Content-Type', 'text/javascript');
-
-        return $response;
+        $this->user = $this->userSession->getUser();
     }
 
     #[NoCSRFRequired]
@@ -111,25 +99,25 @@ class JsController extends Controller
                 $targetBlankApps = $userTargetBlankApps;
             }
 
-            $isAvatarSet = \OC::$server->getAvatarManager()->getAvatar($this->user->getUid())->exists();
+            $isAvatarSet = $this->avatarManager->getAvatar($this->user->getUID())->exists();
 
             if ($useAvatar && $isAvatarSet) {
-                $avatar = \OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
-                    'userId' => $this->user->getUid(),
+                $avatar = $this->urlGenerator->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 = \OC::$server->getNavigationManager()->getAll('settings');
+                $settingsNav = $this->navigationManager->getAll('settings');
 
                 if (isset($settingsNav['settings'])) {
                     $settings = [
                         'href' => $settingsNav['settings']['href'],
                         'name' => $settingsNav['settings']['name'],
-                        'avatar' => \OC::$server->getURLGenerator()->linkToRoute('core.avatar.getAvatar', [
-                            'userId' => $this->user->getUid(),
+                        'avatar' => $this->urlGenerator->linkToRoute('core.avatar.getAvatar', [
+                            'userId' => $this->user->getUID(),
                             'size' => 32,
                             'v' => $this->config->getUserValueInt($this->user, 'avatar', 'version', 0),
                         ]),
@@ -138,7 +126,7 @@ class JsController extends Controller
             }
         }
 
-        $indexUrl = \OC::$server->getURLGenerator()->linkTo('', 'index.php');
+        $indexUrl = $this->urlGenerator->linkTo('', 'index.php');
 
         return [
             'opener-position' => $this->config->getAppValue('opener-position', 'before'),

lib/Controller/PersonalSettingController.php

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

lib/Service/LangRepository.php

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

package.json

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

src/admin.js

@@ -17,6 +17,8 @@
 
 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, {
+        OCP.AppConfig.setValue('side_menu', key, value.toString(), {
           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))
+    formData.push('value=' + encodeURIComponent(value.toString()))
 
     fetch(url, {
       method: 'POST',

src/components/settings/form/FormColorPicker.vue

@@ -17,6 +17,7 @@ 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,18 +94,18 @@
 'Search': 'Hledat'
 'Toggle the menu': 'Vyp/zap nabídku'
 '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'
+'Ask the developer': 'Zeptejte se vývojáře'
+'New request': 'Nový požadavek'
+'Report a bug': 'Nahlásit chybu'
+'Show the configuration': 'Zobrazit nastavení'
 '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'
+'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'
 'Custom': 'Custom'
-'Close': 'Close'
+'Close': 'Zavřít'

src/l10n/fixtures/es.yaml

@@ -94,18 +94,18 @@
 'Search': 'Buscar'
 'Toggle the menu': 'Alternar el menú'
 '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'
+'Ask the developer': 'Pregúntale al desarrollador'
+'New request': 'Nueva solicitud'
+'Report a bug': 'Informar de un fallo'
+'Show the configuration': 'Mostrar los ajustes'
 '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'
+'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'
 'Custom': 'Custom'
-'Close': 'Close'
+'Close': 'Cerrar'

src/l10n/fixtures/fr.yaml

@@ -1,4 +1,4 @@
-'Custom menu': '­­­Menu personnalisé'
+'Custom menu': 'Menu personnalisé'
 'Enable the custom menu': 'Activer le menu personnalisé'
 'No': 'Non'
 'Yes': 'Oui'

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 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.': 'Use o atallo Ctrl+o para abrir e agochar o menú lateral. Use a tecla Tab para navegar.'
 '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,18 +94,18 @@
 'Search': 'Buscar'
 'Toggle the menu': 'Alternar o menú'
 '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'
+'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'

src/l10n/fixtures/ru.yaml

@@ -1,4 +1,4 @@
-'Custom menu': 'Custom menu'
+'Custom menu': 'Пользовательское меню'
 'Enable the custom menu': 'Включить пользовательское меню'
 'No': 'Нет'
 'Yes': 'Да'
@@ -77,7 +77,7 @@
 'Customize sorting': 'Настроить сортировку'
 'Order by': 'В порядке'
 'Name': 'Название'
-'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': 'Цвета тёмной темы'

src/l10n/fixtures/sv.yaml

@@ -0,0 +1,111 @@
+'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'

src/l10n/fixtures/zh_CN.yaml

@@ -38,7 +38,7 @@
 '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': '图标和文本'

src/menu.js

@@ -17,6 +17,8 @@
 
 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/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.active,
+          'app-menu-entry__active': app.id === activeApp,
           '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.active ? 'page' : false"
+          :aria-current="app.id === activeApp ? 'page' : false"
         >
           <img
             :src="app.icon"
@@ -69,7 +69,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         v-for="app in popoverAppList"
         :key="app.id"
         :aria-label="app.name"
-        :aria-current="app.active ? 'page' : false"
+        :aria-current="app.id === activeApp ? 'page' : false"
         :href="app.href"
         :style="makeStyle(app)"
         class="cm-standardmenu-app-menu-popover-entry app-menu-popover-entry"
@@ -101,6 +101,7 @@ 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()
@@ -112,6 +113,7 @@ const topMenuApps = ref([])
 const appsOrder = ref([])
 const mainAppList = ref([])
 const popoverAppList = ref([])
+const activeApp = ref(null)
 let resizeTimeout = null
 
 const setApps = (value) => {
@@ -142,7 +144,7 @@ const appLimit = () => {
     })
   }
 
-  return Math.floor((body.offsetWidth - size) / 70)
+  return Math.max(0, Math.floor((body.offsetWidth - size) / 70))
 }
 
 const makeStyle = (app) => {
@@ -158,6 +160,11 @@ const computeLists = () => {
   popoverAppList.value = appList.value.slice(appLimit()).sort((a, b) => a.order - b.order)
 }
 
+const reComputeLists = (delay) => {
+    window.clearTimeout(resizeTimeout)
+    resizeTimeout = window.setTimeout(computeLists, delay || 100)
+}
+
 onMounted(async () => {
   const config = await configStore.getConfig()
 
@@ -165,14 +172,12 @@ 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.addEventListener('resize', () => {
-    window.clearTimeout(resizeTimeout)
-    resizeTimeout = window.setTimeout(computeLists, 100)
-  })
+  window.addEventListener('resize', reComputeLists)
 })
 </script>
 

src/store/nav.js

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

src/user.js

@@ -17,6 +17,8 @@
 
 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;
+    display: none !important;
   }
 <?php } ?>
 

webpack.config.js

@@ -77,6 +77,10 @@ module.exports = {
     new webpack.ProvidePlugin({
       Buffer: ['buffer', 'Buffer'],
     }),
+
+    new webpack.DefinePlugin({
+      appName: JSON.stringify(appName),
+    }),
   ],
 
   resolve: {