Typescript namespace store binding with $

[danbord]

Describe the problem

I'd like to organize my store better by wrapping my store files in namespaces.

But there is no way to use Autosubscription when a store is namespaced.

example:

user-store.ts

export namespace UserStore{
   export username = writable<string>("user1");
}

user.svelte

<div>{$UserStore.username}</div>

Describe the proposed solution

I'd like to be able to autosubscribe to namespaced stores like this:

{$UserStore.username}

Alternatives considered

an alternative could be:

{UserStore.$username}
or
{$(UserStore.username)}

Importance

would make my life easier

[JeanJPNM]

Right now svelte only supports stores that are top level variables like this:

const { username } = UserStore

$username

UserStore.$username generally implies that the UserStore namespace contains a member named $username

[Conduitry]

There's #4079 for supporting subscribing to stores that aren't top-level variables.

I'm not sure whether there's anything else here, or how the TypeScript namespace part affects anything.

[dummdidumm]

namespaces are a deprecated feature of TypeScript, so it's highly unlikely we would ever support something like this. I guess the JS-version of this would be

export const UserStore = {
  username: writable("foo")
};

... which means you want to subscribe to nested stores, and I think there's an issue for that somewhere in this repo.

[Conduitry]

Yup, I linked to the issue for subscribing to that in my previous comment. I'll close this if we're not going to be supporting anything namespace-specific.