Fix geosolutions-it#10893 Making sure scripts from extensions are not cached (geosolutions-it#10895)

* Fix geosolutions-it#10893 Making sure scripts from extensions are not cached

* update loadPlugin

---------

Co-authored-by: Suren <dsuren1@gmail.com>

Author: 2 people

web/client/components/app/withExtensions.js

@@ -137,7 +137,7 @@ function withExtensions(AppComponent) {
                     castArray(translationsPath).filter(p => p !== this.getAssetPath(translations)));
             }
             // remove the script element associated with the plugin, if it exists
-            const script = document.querySelector(`script[src="${this.getAssetPath(plugin)}/index.js"]`);
+            const script = document.querySelector(`script[src^="${this.getAssetPath(plugin)}/index.js"]`);
             script && script.remove();
         };
 

web/client/utils/PluginsUtils.js

@@ -15,6 +15,7 @@ import curry from 'lodash/curry';
 import {combineEpics as originalCombineEpics} from 'redux-observable';
 import {combineReducers as originalCombineReducers} from 'redux';
 import {wrapEpics} from "./EpicsUtils";
+import { randomInt } from './RandomUtils';
 
 /**
  * Loads a script inside the current page.
@@ -25,7 +26,7 @@ function loadScript(src) {
         const s = document.createElement('script');
         let r = false;
         s.type = 'text/javascript';
-        s.src = src;
+        s.src = src + "?v=" + randomInt();
         s.async = true;
         s.onerror = function(err) {
             reject(err, s);
@@ -626,7 +627,7 @@ export const createPlugin = (name, { component, options = {}, containers = {}, r
  * @returns {Promise} a Promise that resolves to a lazy plugin object.
  */
 export const loadPlugin = (pluginUrl, pluginName) => {
-    const script = document.querySelector(`script[src="${pluginUrl}"]`);
+    const script = document.querySelector(`script[src^="${pluginUrl}"]`);
     // load the script if not already loaded
     const load = script ? Promise.resolve() : loadScript(pluginUrl);
     return load