window.DlgCode = DLGC_WANTALLKEYS;

// window.DlgCode = DLGC_WANTALLKEYS;

JScript Panel v2.2.1 (JS Smooth Playlist Manager v2018-mod by Br3tt aka Falstaff)
JavaScript execution failed:
Overflow
File: G:\Foobar2000\user-components\foo_jscript_panel\samples\js-smooth\js\jsspm.js
Line: 432, Col: 3

function createShadow(width, height, color){
	var shadow = gdi.CreateImage(width, height);
    var gb = shadow.GetGraphics();
    gb.FillSolidRect(10, 10, width-20, height-20, color);
	shadow.ReleaseGraphics(gb);

	shadow = shadow.Resize(width*1/10, height*1/10,2);
	shadow = shadow.Resize(width, height, 2);
	return shadow;
};

cover_shadow = createShadow(image_width, image_height, RGB(0,0,0));
gr.DrawImage(cover_shadow, 0, 0, image_width+20, image_height+20, 0, 0, cover_shadow.Width, cover_shadow.Height);

(I'll reply there, but maybe you should consider moving to SMP, which is faster and offer more possibilites.)
You need to create an image with this shadow, and then you draw the shadow image below/before the final image. Here is a function which create such image:

Code: [Select]

function createShadow(width, height, color){
	var shadow = gdi.CreateImage(width, height);
    var gb = shadow.GetGraphics();
    gb.FillSolidRect(10, 10, width-20, height-20, color);
	shadow.ReleaseGraphics(gb);

	shadow = shadow.Resize(width*1/10, height*1/10,2);
	shadow = shadow.Resize(width, height, 2);
	return shadow;
};

And then using this function, it's quite easy:

Code: [Select]

cover_shadow = createShadow(image_width, image_height, RGB(0,0,0));
gr.DrawImage(cover_shadow, 0, 0, image_width+20, image_height+20, 0, 0, cover_shadow.Width, cover_shadow.Height);

To achieve the desired effect (shadow blur radius/position), you need to play mostly with the values in DrawImage

function createShadow(width, height, color){
	let shadow = gdi.CreateImage(width, height);
	let gb = shadow.GetGraphics();
	gb.FillSolidRect(0, 0, width, height, color);
	shadow.ReleaseGraphics(gb);

	shadow = shadow.Resize(width / 128, height / 128, 2);
	shadow = shadow.Resize(width, height, 2);
	return shadow;
}

if (this.img) {
	let cover_shadow = createShadow(this.img.Width, this.img.Height, _RGBA(0, 0, 0, 128));
	_drawImage(gr, cover_shadow, this.x, this.y, this.w, this.h, this.properties.aspect.value);
	_drawImage(gr, this.img, this.x + 10, this.y + 10, this.w - 20, this.h - 20, this.properties.aspect.value);
}

gb.FillSolidRect(10, 10, width-20, height-20, color);

gb.FillSolidRect(0, 0, width, height, color);

Yes, you understood correctly. I didn't try myself your code, but i guess the issue is with the rectangle drawn inside the createShadow function. In my function, I intentionly left 10px of padding, in order to leave space for the blur effect:

Code: [Select]

gb.FillSolidRect(10, 10, width-20, height-20, color);

You removed this padding:

Code: [Select]

gb.FillSolidRect(0, 0, width, height, color);

Otherwise, you can probably use the function StackBlur instead of this resize trick which create a blur effect, look into SMP doc.

function createCoverShadowStack(cover_width, cover_height, color, radius){
	var shadow = gdi.CreateImage(cover_width, cover_height);
    var gb = shadow.GetGraphics();
	var radius = Math.floor(Math.min(cover_width/2,cover_height/2,radius));
    gb.FillSolidRect(radius, radius, cover_width-radius*2, cover_height-radius*2, color);
	shadow.ReleaseGraphics(gb);
	shadow.StackBlur(radius);
	return shadow;
};

i gave you the name of the function, StackBlur.
For example:

Code: [Select]

function createCoverShadowStack(cover_width, cover_height, color, radius){
	var shadow = gdi.CreateImage(cover_width, cover_height);
    var gb = shadow.GetGraphics();
	var radius = Math.floor(Math.min(cover_width/2,cover_height/2,radius));
    gb.FillSolidRect(radius, radius, cover_width-radius*2, cover_height-radius*2, color);
	shadow.ReleaseGraphics(gb);
	shadow.StackBlur(radius);
	return shadow;
};

var a = fb.TitleFormat("$date(%first_played%)").Eval()
var b = new Date();
var c = new Date(a);
var d = Math.floor((b.getTime() - c.getTime()) / 86400000);

The code snippet works with Chakra engine but not with Jscript engine.
So my question is: do i use it wrong?

Or is there any other (maybe inbuilt?) method for calculate date differences?

function dateDiff(startingDate, endingDate) {
    var hasStartDay = (startingDate.length > 7) ? true : false;
    if (!hasStartDay) {
        startingDate = startingDate + '-02';    // avoid timezone issues
    }
    var startDate = new Date(new Date(startingDate).toISOString().substr(0, 10));
    if (!endingDate) {
        endingDate = new Date().toISOString().substr(0, 10);    // need date in YYYY-MM-DD format
    }
    var endDate = new Date(endingDate);
    if (startDate > endDate) {
        var swap = startDate;
        startDate = endDate;
        endDate = swap;
    }
    var startYear = startDate.getFullYear();
    var february = (startYear % 4 === 0 && startYear % 100 !== 0) || startYear % 400 === 0 ? 29 : 28;
    var daysInMonth = [31, february, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

    var yearDiff = endDate.getFullYear() - startYear;
    var monthDiff = endDate.getMonth() - startDate.getMonth();
    if (monthDiff < 0) {
        yearDiff--;
        monthDiff += 12;
    }
    var dayDiff = 0;
    if (hasStartDay) {
        dayDiff = endDate.getDate() - startDate.getDate();
        if (dayDiff < 0) {
            if (monthDiff > 0) {
                monthDiff--;
            } else {
                yearDiff--;
                monthDiff = 11;
            }
            dayDiff += daysInMonth[startDate.getMonth()];
        }
    }

    return (yearDiff ? yearDiff + 'y ' : '') + (monthDiff > 0 ? monthDiff + 'm ': '') + (dayDiff ? dayDiff + 'd': '');
}

eval(tmp_string);

var tmp_func = new Function('"use strict";' + tmp_string);
tmp_func();