Updating state in a promise is not working?

[intzaaa]

// store.svelte.ts
import { UniversalDirectory } from './filesystem.svelte';

let localDirectory: FileSystemDirectoryHandle = $state();
let directory: UniversalDirectory = $state();

export const store = {
	localDirectory: localDirectory,
	directory: directory
};

In src/+layout.svelte:

Not working:

LocalFileSystemAdapter(store.localDirectory).then((directory) => {store.directory = directory});

Working:

store.directory = await LocalFileSystemAdapter(store.localDirectory);

[paoloricciuti]

Tbf it feels strange that this

store.directory = await LocalFileSystemAdapter(store.localDirectory);

is working. To cross module/function boundaries you need getters and setters.

// store.svelte.ts
import { UniversalDirectory } from './filesystem.svelte';

let localDirectory: FileSystemDirectoryHandle = $state();
let directory: UniversalDirectory = $state();

export const store = {
	get localDirectory(){
                return localDirectory;
        },
	set localDirectory(ld){
                localDirectory = ld;
        },
	get directory(){
                return directory;
        },
	set directory(d){
                directory = d;
        },
};

Alternatively if you are ok with only modifying the property of the store and never re-assign the store itself you can make use of the proxied nature of $state and do this

// store.svelte.ts
export const store = $state<YourType>({
	localDirectory: undefined,
	directory: undefined
});

[intzaaa]

Thanks for your answer.