Relative Dates when using DataviewJS and dv.date("sow") Start of Week

[dang1507]

I'm in the process of modifying a js script that generates a weekly chart via customjs. I have everything working except that the dates are too dynamic.

When I get the start of week I have been using dv.date("sow") then grab the next 6 days by incrementing dayNum. However, dv.date("sow") only gives me the current week, meaning all of my charts are exactly the same. I can get a start date for the week, but then startOfWeek.plus({ days: dayNum }) This line fails because the .plus() requires whatever data format dv.date("sow") is.

Does anyone have an idea as to how I can get the start date of the week using the file name? all my daily notes are in the format "YYYY-MM-DD".

Here is the chunk that is causing issues

const startOfWeek = dv.date("sow");

const getWeeklyDay = dayNum => dv.pages(`"${daysPath}"`)
     .find( p => p.file.name == startOfWeek.plus({ days: dayNum }).toFormat(dayFormat));

Thank you for any help

https://github.com/mulfok/periodic-note-templates -- Template source
https://github.com/oliviercarizzoni Script Author

Full script

renderWeeklyChart(args) {

        const {
            dv,
            context,
            daysPath = '""',
            dayFormat = 'yyyy-MM-dd',
            template = {
                label: "Default",
                backgroundColor: 'rgba(255, 99, 132, 0.2)',
                borderColor: 'rgba(255, 99, 132, 1)',
                borderWidth: 1,
                fill: true,
                tension: 0.2
            },
            attributes,
            type,
            date
        } = args;

			
        const datasets = (() => {
			
    
			const startOfWeek = dv.date("sow");

            const getWeeklyDay = dayNum => dv.pages(`"${daysPath}"`).find(
                p => p.file.name == startOfWeek.plus({ days: dayNum }).toFormat(dayFormat));
				
            const weeklydays = Array.from({ length: 7 }, (c, i) => getWeeklyDay(i) || 0);
			
			
			
            const getData = (attr, props) => weeklydays.map(p =>
                (type == 'average') ? (p[attr] / props.average * 100) || 0 : p[attr]);
            let datasets = {};
    
            for (let [attr, props] of Object.entries(attributes)) {
                datasets[attr] = Object.assign({}, template, props, {data: getData(attr, props)});
            }
    
            return Object.values(datasets);
        })();
    
        const chartData = {
            type: 'line',
            data: {
                labels: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
                datasets,
            }
        }
    
        window.renderChart(chartData, context.container);
    }