Vanilla in Zag 1.0

[cschmatzler]

Heya! Do you plan on upgrading the examples for vanilla-ts to Zag 1.0 as well? As of now, it's broken since the package.json was bumped but the code itself still assumes machine-as-a-function.

[jramke]

Would also love to see the vanilla examples updated :)

[segunadebayo]

I have this in mind but didn't get to implement it. The vanilla setup will be close to the v0 external store implementation.

I will get to it when I have some free time.

[ShaneYu]

Please do, I've been wrecking my head trying to get the zag machines for tooltip and others working with vanilla JS/TS. Annoyingly also, all AI tools such as ChatGPT really struggle and are absolutely useless at helping to get this working.

Even if you only showed us how to do it with one component so we can figure the rest of them out form would be perfect. Do you have a rough ETA on when you may have this ready for us?

[segunadebayo]

I've got a quick PoC here for anyone interested in completing it
953476b

[ShaneYu]

Thank you, we will take a look tomorrow and see if we can get it working nicely for us. Much appreciated.

[babakfp]

There is this TS error:

Type '<T>(props: () => BindableParams<T>) => Bindable<T>' is missing the following properties from type 'BindableFn': cleanup, refts(2739)
types.ts(14, 3): The expected type comes from property 'bindable' which is declared here on type 'ContextParams<T>'

zag/examples/vanilla-ts/src/lib/machine.ts

Line 77 in 3081d6c

bindable,

[jramke]

The PoC is working great, thanks.
I noticed some bugfixes and changes recently and wondered if there plans to release it the vanilla code as its own package like @zag-js/vanilla?