Svelte 5: Add a way to mark objects as stale about svelte HOT 8 OPEN

You can use a class to handle external state and trigger invalidate on it to do as you want:

class External {
    #data;
    #version = $state(0);

    constructor(data) {
        this.#data = data;
    }
    get data() {
        this.#version;
        return this.#data;
    }
    set data(_data) {
        this.#version++;
        this.#data = _data;
    }
    invalidate() {
        this.#version++;
    }
}

from svelte.

$state.frozen doesn't seem to trigger an update either. In fact, it freezes the object, preventing the external API from mutating it.
https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAEyWOwYqDQBBEf2VocnBAsu7VjYLHfMN2DqP2ZJVJ9zDTClnx34PJsV69gtrAT4Ey1L8bsHsQ1NDFCCXoMx4hrxSUoIQsSxoOcslDmqKa4PjeIGhGaJEDqZF-No05ZXVKZ5_kn7jYdvuDjJxJr6yUVheKwjbtx5V-Ls13VVX2cE7kPQ367jdkVOnnY6yDcJZA5yD3AqFjs8TRKZk_FyMxjQgWebfIl6_PuRZKeMg4-YlGqDUttN_2F9f91XzrAAAA

from svelte.

Try to use $effect sparsely: it should be used solely to sync a reactive variable with some imperative API. Abusing it to trigger a re fetch doesn't seem like a good idea where you could just write a function that fetch and assign and call that in the code instead of reassigning.

from svelte.

Isn't this what $state.frozen is for?

from svelte.

You can nest the data in a simple wrapper, then create a new wrapper in the assignment.
The actual data itself will not need to be copied.

let obj = $state({ data: {} });
setInterval(() => obj = { ...obj }, 1000)

from svelte.

What are your real cases? Why do you want to do something if the data didn't change?

from svelte.

A quick and dirty fix to get the v4 behaviour (without object cloning) is to set the variable to undefined, and then reset it back to the previous state:

<script lang="ts">
	let obj = $state({});
	
	setInterval(()=> {
		let tmp = obj;
		obj = undefined;
		obj = tmp;
	}, 1000)
	
	$effect(()=>{
		obj;
		console.log("An update happened")
	})
</script>

https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAE02PwWrDMBBEf0UsOVhgWvfqxIYc8w3dHFRrlarIK2GtA0Ho34uSHnqc4b2BKeB8oAzjZwE2K8EI55SgB3mkFvKdghD0kOO-La055WXzSVQwfJsQJCPMyIFExa8fNalDFiPUlaqPyMiZ5MJC292ErtPTrAoySsNlTWpqUuPkJe9syXkm-6-TNR2Ra68-hmHQbfNAztEiz73yBz6FJXKOgd5CvHUIZ1Z7skZIfZuUiMkiaOSqkU_vrxcz9LBG650nC6NsO9Vr_QUdi1XSFAEAAA==

from svelte.

I just had a look at the reactive collections provided by Svelte (in svelte/reactivity). It works by using an incrementing counter similar to what trueadm suggested.

I'm glad to find some workarounds, but it would be nice to have a more idiomatic solution down the line. I'm willing to contribute a PR if the members can agree on a solution.

from svelte.