Main menu menu to switch visibility without closing the window

[regorxxx]

Currently it's possible to Hide\show a window, but that involves actually closing the window. That affects JS scripts which can not run when "hidden" since there is no panel.

I have been working on a notification window + artwork which requires to be autohidden after a few seconds. As noted the problem is that calling the "Show" main menu actually closes the window, so on next track the panel is not running anymore and can not call "Show" again.

It will replace the windows notification popup, which doesn't allow artwork.

For ex.

addEventListener('on_playback_new_track', (metadb) => {
   const command = 'View/Flowin/Notification/Show';
   if (!fb.IsMainMenuCommandChecked(command)) { fb.RunMainMenuCommand(command); }
   setTimeout(() => fb.RunMainMenuCommand(command), timer); // After this no more JS is running since there is no panel so above code never works
});

I want to request a new menu entry which would really show/hide a panel without closing it. Maybe by altering the internal transparency. It would be placed below show for ex.

For ex. "Switch visibility". Which would automatically set transparency to 0 (unchecked) or to user defined transparency per window settings (checked).

addEventListener('on_playback_new_track', (metadb) => {
   const command = 'View/Flowin/Notification/Switch visibility';
   if (!fb.IsMainMenuCommandChecked(command)) { fb.RunMainMenuCommand(command); } // When unchecked it's hidden, so show it
   setTimeout(() => fb.RunMainMenuCommand(command), timer); // And then after some seconds, hide it (but keep it running on background)
});

[ttsping]

If possible, please provide an available component and test script.

[regorxxx]

The latest update implements something similar when the panel is snapped to screen edge (thanks!), by using the new Hide/show menu commands. See gif for my notifications floating panel.

Test code for panel snapped at screen edge for SMP or Jsplitter

"use strict";
const panelName = 'Test';
let id = null;


const showAndHide = (timer = 3000) => {
	if (id !== null) { clearTimeout(id); }
	const command = 'View/Flowin/' + panelName + '/Snap/Show';
	const commandHide = 'View/Flowin/' + panelName + '/Snap/Hide';
	if (!fb.IsMainMenuCommandChecked(command)) { fb.RunMainMenuCommand(command); }
	id = setTimeout(() => {
		fb.RunMainMenuCommand(commandHide)
		id = null;
	}, timer);
};

function on_playback_new_track (metadb) {
	showAndHide();
};

Settings:

Now, something similar for windows in general, not only at screen edge, would be awesome. i.e. Rename 'Show' and 'Show at startup' to 'Load' and 'Load at startup'

Add menu entries named 'Show' and 'Hide', which work on any panel already loaded. It would then work like this:

"use strict";
const panelName = 'Test';
let id = null;


const showAndHide = (timer = 3000) => {
	if (id !== null) { clearTimeout(id); }
	const command = 'View/Flowin/' + panelName + '/Show';
	const commandHide = 'View/Flowin/' + panelName + '/Hide';
	if (!fb.IsMainMenuCommandChecked(command)) { fb.RunMainMenuCommand(command); }
	id = setTimeout(() => {
		fb.RunMainMenuCommand(commandHide)
		id = null;
	}, timer);
};

function on_playback_new_track (metadb) {
	showAndHide();
};

Show/hide would only change panel visibility, but it would be loaded in any case.

EDIT: I will release my notification full script on some days when I finish polishing it now that it works at screen edge at least.