fix: using debounce inside derived

[Fruup]

Problem

The following code snippet throws an error as the internal context $state is updated when calling the debounced function. Mutating $state inside $derived is forbidden in Svelte.

const debounced = useDebounce(() => {}, 100);
const value = $derived(debounced());

Solution

For lack of a better solution, I implemented a sub-utility useDebounce.raw that does not use reactive state, so it is safe to be used inside $derived.

const debounced = useDebounce.raw(() => {}, 100);
const value = $derived(debounced());
// Does not expose debounced.pending as it is not reactive

I'm not 100% happy with this solution, so you are welcome to change it or make suggestions for improvements :)

[changeset-bot]

🦋 Changeset detected

Latest commit: f8af3aa

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
runed	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR