Refactor HelpComponent

CHANGELOG.md

@@ -70,6 +70,8 @@
 
 - Fix infinite loop bug on userinfo, when expiration time is set to small values (INDIGO Sprint 230414, [!410](https://github.com/TeskaLabs/asab-webui/pull/410))
 
+- Add HelpCache for HelpComponent (INDIGO Sprint 230414, [!418](https://github.com/TeskaLabs/asab-webui/pull/418))
+
 ## v23.5
 
 ### Features

src/services/HelpService.js

@@ -5,25 +5,35 @@ export default class HelpService extends Service {
 	constructor(app, serviceName="HeaderService"){
 		super(app, serviceName);
 		this.App = app;
+		this.HelpCache = {};
 	}
 
 	async setData(path) {
-		let pathWithExtension;
 
-		if ((/\.[^/.]+$/.test(path))) {
-			pathWithExtension = path;
-		} else {
-			pathWithExtension = `${path}.json`
+		if (this.HelpCache[path] != undefined) {
+			if (this.HelpCache[path] != "") {
+				this.App.Store.dispatch({
+					type: HELP_CONTENT,
+					content: this.HelpCache[path]
+				});
+				return;
+			}
+			this.App.Store.dispatch({
+				type: HELP_CONTENT,
+				content: ""
+			});
+			return;
 		}
 
 		try {
 			const ASABLibraryAPI = this.App.axiosCreate('asab_library');
-			let response = await ASABLibraryAPI.get(`/library/item/Help/${pathWithExtension}`);
+			let response = await ASABLibraryAPI.get(`/library/item/Help/${path}`);
 			if ((response.status == 200) && response.data) {
 				this.App.Store.dispatch({
 					type: HELP_CONTENT,
 					content: response.data.content
 				});
+				this.HelpCache[path] = response.data.content;
 			}
 		} catch (e) {
 			console.warn(`Help service can't retrieve data for ${path}`, e);
@@ -32,6 +42,7 @@ export default class HelpService extends Service {
 				type: HELP_CONTENT,
 				content: ""
 			});
+			this.HelpCache[path] = "";
 		}
 	}
 }