All topics

Global formula

Vizualinx

5 months ago

Is there a way for a global formula to access variables or APIs?
Erik Beuschau

5 months ago

Not directly. But you can pass them as arguments perhaps?
@Erik Beuschau
Not directly. But you can pass them as arguments perhaps?
Vizualinx

5 months ago

I need to get the users email in a lot of components, but I don't want to have to pass it through tons of levels of components.
What would be the best solution?
Erik Beuschau

5 months ago

Context is usually a good way of sharing state across a lot of components
Vizualinx

5 months ago

I basically want to show or hide components based on the users email.
(Like @Andreas Møller showed in his latest video)
@Erik Beuschau
Context is usually a good way of sharing state across a lot of components
Vizualinx

5 months ago

Still didn't get it how context work and what it is.
I once thought that like attributes are made to pass data from a parent page/component to a child component, and context is the opposite to pass data from a child to a parent component/page.

But that's not true we do it with events.
Erik Beuschau

5 months ago

Jacob explains it well in this video https://toddle.dev/docs/context
It's a way for parent components to share formulas/workflows with child components. The shared formulas could hold state as well.
Internally, we often wrap our pages in a feature flag component which holds a number of exposed formulas that child components can subscribe to/read
@Erik Beuschau
Jacob explains it well in this video https://toddle.dev/docs/context
It's a way for parent components to share formulas/workflows with child components. The shared formulas could hold state as well.
Internally, we often wrap our pages in a feature flag component which holds a number of exposed formulas that child components can subscribe to/read
Vizualinx

5 months ago

Thanks 🙏
Was this updated lately?
gazinhio

5 months ago

Dunno if this'll help explain context for you. Queued to the relevant point : https://youtu.be/S_qwRBWbVPg?si=9jqTszkNUAw6RbT9&t=16607
@gazinhio
Dunno if this'll help explain context for you. Queued to the relevant point : https://youtu.be/S_qwRBWbVPg?si=9jqTszkNUAw6RbT9&t=16607
Vizualinx

5 months ago

Thanks, will check it out.
Vizualinx

5 months ago

Got it for the first time.
This is crazy! I would have saved so much time!
Thanks @Erik Beuschau @ 🙏
🙌2
👍2
Vizualinx

5 months ago

This would probably be the best way to access and pass user settings, right?
@Vizualinx
This would probably be the best way to access and pass user settings, right?
Erik Beuschau

5 months ago

Yes, that's a very common usecase for it
🙌🏻1
@Vizualinx
This would probably be the best way to access and pass user settings, right?
gazinhio

5 months ago

If I'd be helpful, I explain how to do that here (again queued up) : https://youtu.be/S_qwRBWbVPg?si=_zTReEOpg4YtC3PJ&t=21408
🙏🏻1
@gazinhio
If I'd be helpful, I explain how to do that here (again queued up) : https://youtu.be/S_qwRBWbVPg?si=_zTReEOpg4YtC3PJ&t=21408
Vizualinx

5 months ago

🙏
Looks like there is a lot hidden gems here...
Maybe breaking it down to smaller videos would help when searching how to do specific things. Just sayin
@Vizualinx
🙏
Looks like there is a lot hidden gems here...
Maybe breaking it down to smaller videos would help when searching how to do specific things. Just sayin
gazinhio

5 months ago

True, it'd be a lot of work though. There is a full table of contents in the video description.
@gazinhio
True, it'd be a lot of work though. There is a full table of contents in the video description.
Vizualinx

5 months ago

Saw that. Thanks.
Vizualinx

5 months ago

For some reason i'm not getting the data, am i doing anything wrong??
Vizualinx

5 months ago
Erik Beuschau

5 months ago

Is the component that calls the API/exposes the context included on the page you're working on? As it it a parent component of the component where you're trying to read the userProfile?
@Erik Beuschau
Is the component that calls the API/exposes the context included on the page you're working on? As it it a parent component of the component where you're trying to read the userProfile?
Vizualinx

5 months ago

the api call is on the homepage, the component that i want to get the userProfile is a child in the homepage.
Erik Beuschau

5 months ago

If the consumer of your context is an element on the page it will not work. It must be a separate component. Not sure if you've set it up like that?
@Erik Beuschau
If the consumer of your context is an element on the page it will not work. It must be a separate component. Not sure if you've set it up like that?
Vizualinx

5 months ago

i'm not sure i understood that
Vizualinx

5 months ago

I am trying to get the data in the help widget component
Erik Beuschau

5 months ago

Let me send you an example in a minute or 2 👍
Vizualinx

5 months ago

Thanks
@Vizualinx
I am trying to get the data in the help widget component
Erik Beuschau

5 months ago

Ah that should be fine actually. I think the reason why you can't see the API data in the formula builder is because we're not executing API calls in context providers when we're showing the current value of a context provider's formulas. API calls should still be accessible once you access your preview environment, but you might need to work a bit "in the blind" in the formula editor for now. Alternatively, you can provide a (temporary) fallback value for your formula that is exposed - similarly to this https://toddle.dev/projects/purple_ben_quadinaros_substantial_beaver/branches/start/components/HomePage?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=style&selection=formulas.Sht-80

We're aware of this limitation and are considering different options to solve it.
Vizualinx

5 months ago

Oh, thanks! this is a great solution!
gazinhio

5 months ago

I would tend to store the API data into a variable first and then expose the variable through the context formula & that would also overcome this.
@gazinhio
I would tend to store the API data into a variable first and then expose the variable through the context formula & that would also overcome this.
Vizualinx

5 months ago

i did try that but it didn't help.
gazinhio

5 months ago

Ah right, yeah I'd usually put the shape of the object in the variable's initial value but Erik's Default to is a good way to go
👍🏻1

Global formula

Vizualinx

Erik Beuschau

Vizualinx

Erik Beuschau

Vizualinx

Vizualinx

Erik Beuschau

Vizualinx

gazinhio

Vizualinx

Vizualinx

Vizualinx

Erik Beuschau

gazinhio

Vizualinx

gazinhio

Vizualinx

Vizualinx

Vizualinx

Erik Beuschau

Vizualinx

Erik Beuschau

Vizualinx

Vizualinx

Erik Beuschau

Vizualinx

Erik Beuschau

Vizualinx

gazinhio

Vizualinx

gazinhio