Great. Btw, I can provide you the images for my scripts if you want to add them.

Would it be possible to add a framework category? To add there base scripts which can be used by users to create its own full scripts.

Quote from: regor on 2021-07-01 13:55:44

Currently working on an options framework: as you can see it's pretty much equal to Wilb html's one, but within an SMP panel, so functional for non IE and wine users. And it would work with arbitrary input, so valid for any type of script.

Cool stuff. Randomly, I also started down this road, but decided to build out a full UI library first before generating config pages from json schemas. I went with material design as my basis because I thought it'd be fun and challenging. Here's what I've got so far:



It's pretty accurate, even down to the subtle onhover effects (see Blue Toggle). Had to make some changes to FSM to get the text box highlighting stuff to work correctly, but now that 1.5 is released I'll probably start back working on this. The color pickers are a little janky, and need some way to type in values, and I need to make some usability improvements to how you create controls, but otherwise it's pretty much done. If you're interested i can share the code before it makes it to Georgia.

Quote from: regor on 2021-07-01 13:55:44

Great. Btw, I can provide you the images for my scripts if you want to add them.

Sure, but it needs to be
- static (i.e. no animations).
- compact (i.e. minimal zooming required).
- display the actual functionality of the script without showing a lot of unrelated things.

It should also not look very out of place in the dark theme of the site.

Quote from: regor on 2021-07-01 13:55:44

Would it be possible to add a framework category? To add there base scripts which can be used by users to create its own full scripts.

I need to think a bit about how to organize it, but I think it's doable. (I've zero UI sense, so it takes a lot of time to decide on those things...)

Added a page containing known issues and workarounds for WINE: https://theqwertiest.github.io/foo_spider_monkey_panel/docs/wine/

Added a page containing known issues and workarounds for WINE: https://theqwertiest.github.io/foo_spider_monkey_panel/docs/wine/

const docTxt = ''s.doc.parentWindow.clipboardData.getData('text')*; let idx, Index = 1;

HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics
AppliedDPI REG_DWORD 0x00000060 (96)

That would be great! As long as it works out of the box for other scripts, I really think these things would really make it easier to create new scripts without reinventing the wheel for every new one.

Agreed. The only issue with any UI framework is handling the callbacks well. I've paired mine down to the bare minimum but still need to handle: on_mouse_move, on_mouse_lbtn_up, on_mouse_lbtn_down, on_char, and on_key_down (maybe on_mouse_wheel too?). If you do things in a sane way (so *not* the way I ever do things) and have separate FSM windows for these things it's no problem, but if you need to combine them in an existing theme which already has its own callbacks, then things get a little more complex.

Are you talking about this? =)
https://github.com/TheQwertiest/foo_spider_monkey_panel/projects/1#card-14354341

PS: This can be easily emulated even in current SMP

Quote from: regor on 2021-07-01 23:09:14

That would be great! As long as it works out of the box for other scripts, I really think these things would really make it easier to create new scripts without reinventing the wheel for every new one.

Agreed. The only issue with any UI framework is handling the callbacks well. I've paired mine down to the bare minimum but still need to handle: on_mouse_move, on_mouse_lbtn_up, on_mouse_lbtn_down, on_char, and on_key_down (maybe on_mouse_wheel too?). If you do things in a sane way (so *not* the way I ever do things) and have separate FSM windows for these things it's no problem, but if you need to combine them in an existing theme which already has its own callbacks, then things get a little more complex.

function onNotifyData(name, info) { 
	switch (name) {
		case 'Playlist manager: playlistPath': {
			if (info && info.length) {
				const properties =  getPropertiesPairs((typeof buttons === 'undefined' ? menu_properties : menu_panelProperties), 'menu_');
				const playlistPath = JSON.parse(properties.playlistPath[1]);
				let bDone = false;
				if (isArrayStrings(info)) {
					if (!new Set(playlistPath).isSuperset(new Set(info))) {
						playlistPath.concat([...new Set(info).difference(new Set(playlistPath))])
						bDone = true;
					}
				} else if (isStringWeak(info)) {
					if (playlistPath.indexOf(info) === -1) {
						playlistPath.push(info);
						bDone = true;
					}
				}
				if (bDone) {
					properties.playlistPath[1] = JSON.stringify(playlistPath);
					overwriteProperties(properties); // Updates panel
				}
			}
			break;
		}
	}
}
if (typeof on_notify_data !== 'undefined') {
	const oldFunc = on_notify_data;
	on_notify_data = function(name, info) {
		oldFunc(name, info);
		onNotifyData(name, info);
	}
} else {var on_notify_data = onNotifyData;}

Got it, thanks... Sigh... I hate COM objects with every fiber of my being...

Breaking change for v2... drop support for all of them.

Quote from: regor on 2021-07-01 13:55:44

Currently working on an options framework: as you can see it's pretty much equal to Wilb html's one, but within an SMP panel, so functional for non IE and wine users. And it would work with arbitrary input, so valid for any type of script.

It's pretty accurate, even down to the subtle onhover effects (see Blue Toggle). Had to make some changes to FSM to get the text box highlighting stuff to work correctly, but now that 1.5 is released I'll probably start back working on this. The color pickers are a little janky, and need some way to type in values, and I need to make some usability improvements to how you create controls, but otherwise it's pretty much done. If you're interested i can share the code before it makes it to Georgia.

Why you had to do such changes? I got it working pretty similar without any problem.

Right now I got 2 themes working (I find yours prettier than WIilbs approach I tried to mimic), also tabs width can be set to according to text width or splitting the window width. But did not care about reproducing the toogle and dropdown lists since the former is essentially a themed checkbox and the latter can be simulated 100% with menus and changing the button title dynamically.

Also found the circle checks are pretty sensitive to size, sometimes being a bit pixelated. Did you have the same problem?