New Components: packaging external variables, etc

Ask us anything
1

I have been playing around with the new create components functionality and love having functions, variable and workflows that are isolated to the component - very powerful and super smart. I have a couple questions out of curiosity -

  1. Is / will it be possible to export a component and just email it to someone else to load vs using the marketplace? (a good way to beta test them with another user)

  2. What about external variable that might be leveraged by the component - for example - when you load a WeWeb modal element - it creates a variable for the User for “modalOpened” - will we be able to do that for components we want to share or sell in marketplace?

  3. (suggestion) Many times I have switched out of editing the master component and back to instance without me realizing - so, please improve that UX - one way is just force User to click on something to exit the “edit component mode” - right now you exit the edit mode based on a few different actions as best as I can tell.

  4. (suggestion) Is there a way that I can’t find to open/expand the custom CSS editor like you do for custom JS ?? If not, can you add that. :pray:

  5. (animation beta specific) Can we get the ability to have more than one animation on an element?

  6. (animation beta specific) It would also be awesome to have optional tigger(s) based on listeners for animation events - ( animationiteration event, animationstart event )

  7. I do really want a way to monitor the variables inside the component for more complex ones - maybe it’s just another tab only available when in “edit component mode”??

I’m pretty amazed how easily it is to do complex stuff in WeWeb - when the marketplace launches and we have some decent dev documentation - things are gonna be bananas!

1 Like
2
  1. For the moment it is not possible, best way to share component is through library
  2. This is not possible yet, but this is planned :slight_smile:
  3. For now, the switch happens when you click on “Back instance” or if you click on the gray overlay over every other components
  4. I take note for this, its an option we need to add :slight_smile:
  5. I will pass the question, for now i think the UI is not handling this correctly
  6. I am passing the info :slight_smile:
  7. Its already possible, on the debug panel / variable when you are editing a component you can see internal variables values and on the log panel you can see internal logs

image
image1531Ă—1649 168 KB

Thanks for the kind words !

3

Thanks for the detailed response!

You said “best way to share component is through library” - is there currently a way I can share a component I made with another WeWeb user for testing (via library)? Or is that aspect coming when you deploy marketplace??