Internal Svelte State

[stolinski]

Instead of plugging state into Svelte Toy, have it be automatic.

[stolinski]

If anyone out there (in the universe) has ideas for this, would love more info on how to make this happen.

[snake-345]

Maybe try to monkey patch svelte/store.
I played with that a little here: Repl

[luist1228]

@stolinski I know it's kind of annoying but I made a simple store like this:

import { writable } from "svelte/store";

export const stores = writable({})

export function addStore(storeObject) {
  const key = Object.keys(storeObject)[0]
  stores.update((currentStores) => {
    currentStores[key] = storeObject[key]
    return currentStores
  })

}

export function removeStore(storeObject) {
  const key = Object.keys(storeObject)[0]
  stores.update((currentStores) => {
    delete currentStores[key]
    return currentStores
  })

}

All you have to do is whenever you are adding a new store call the addStore({exampleStore}) by passing an object and then to the Toy component you pass the subscription <Toy register={$stores} />

I haven't tried it yet because I had trouble with installing the package in my sveltekit project and I'm doing my own implementation, guiding myself from the implementation of levelupTutorials.

Be careful with my implementation because I didn't add a check for if the store is in the Stores object, but feel free to use it and modify it as you need