Merge branch '215-min-282-plugins-refresh-plugin' into 'development'

Resolve "[MIN-282] Plugins: refresh plugin"

Closes #215

See merge request !197

src/components/Map/Drawer/AvailablePluginsDrawer/LoadPlugin/hooks/useLoadPlugin.ts

@@ -105,15 +105,19 @@ export const useLoadPlugin = ({
   };
 
   const handleReloadPlugin = async (): Promise<void> => {
-    handleUnloadPlugin();
+    PluginsManager.removePluginContent({ hash });
+
+    PluginsManager.unloadActivePlugin(hash);
+
+    PluginsEventBus.dispatchEvent('onPluginUnload', { hash });
     await handleLoadPlugin();
   };
 
-  const togglePlugin = (): void => {
+  const togglePlugin = async (): Promise<void> => {
     if (isPluginActive) {
       handleUnloadPlugin();
     } else {
-      handleLoadPlugin();
+      await handleLoadPlugin();
     }
   };
 

src/components/Map/PluginsDrawer/PluginsHeader/PluginHeaderInfo/PluginHeaderInfo.component.test.tsx

@@ -80,26 +80,16 @@ describe('PluginHeaderInfo - component', () => {
   });
 
   it('reload plugin on reload button', async () => {
-    const { store } = renderComponent(STATE, PLUGIN);
+    renderComponent(STATE, PLUGIN);
     mockedAxiosClient.onGet(PLUGIN.urls[FIRST_ARRAY_ELEMENT]).reply(HttpStatusCode.Ok, '');
 
     const button = screen.getByRole(RELOAD_PLUGIN_DRAWER_BUTTON_ROLE);
     button.click();
 
-    const actions = store.getActions();
-
     expect(removePluginContentSpy).toHaveBeenCalledWith({
       hash: PLUGIN.hash,
     });
 
-    expect(actions).toEqual([
-      { payload: { pluginId: '5e3fcb59588cc311ef9839feea6382eb' }, type: 'plugins/removePlugin' },
-      {
-        payload: '5e3fcb59588cc311ef9839feea6382eb',
-        type: 'legend/removePluginLegend',
-      },
-    ]);
-
     await waitFor(() => {
       expect(setHashedPluginSpy).toHaveBeenCalledWith({
         pluginScript: '',

src/redux/plugins/plugins.reducers.ts

 import type { ActionReducerMapBuilder } from '@reduxjs/toolkit';
+import { ZERO } from '@/constants/common';
 import { getAllPlugins, registerPlugin } from './plugins.thunks';
 import type {
   PluginsState,
@@ -15,7 +16,9 @@ export const removePluginReducer = (state: PluginsState, action: RemovePluginAct
 export const registerPluginReducer = (builder: ActionReducerMapBuilder<PluginsState>): void => {
   builder.addCase(registerPlugin.pending, (state, action) => {
     const { hash } = action.meta.arg;
-    state.activePlugins.pluginsId.push(hash);
+    if (state.activePlugins.pluginsId.indexOf(hash) < ZERO) {
+      state.activePlugins.pluginsId.push(hash);
+    }
   });
   builder.addCase(registerPlugin.fulfilled, (state, action) => {
     if (action.payload) {