Add an `Interactivity` group to the Editor gallery for mouse events

[sehilyi]

[sehilyi]

We could add external links for events (e.g., https://github.com/gosling-lang/gosling-react/pull/7)

[sehilyi]

@wangqianwen0418 we can also add external links to the streamlit demo

[wangqianwen0418]

Thanks, @sehilyi! Here is the url to the streamline demo. https://wangqianwen0418-streamlit-gosling-demo-st-gos-demo-zo60pz.streamlitapp.com/

I am also thinking about where is the best place to host these examples. In my opinion, the editor is more about the grammar of gosling (i.e., how to write spec). On the other hand, the interactivity is often demonstrated when we use gosling in a web app, e.g., react, streamlit.

I guess we should have a place to provide an overview of the whole Gosling eco-system. The doc website can do the job but we still need to figure out how, as it is originally designed just for gosling.js Any ideas?

[sehilyi]

@wangqianwen0418 Thanks for sharing! I think we can describe the whole ecosystem in the doc website so that users can find relevant information (grammar, API, streamlit, react) in a single place. Would it make sense to have an additional tab just for describing the ecosystem? (e.g., https://gosling-lang.org/ecosystem)

I was thinking that we can add these examples under the example folder (https://github.com/gosling-lang/gosling.js/tree/master/editor/example), so that the folder can be eventually deployed as a separate package using monorepo (e.g., gosling-example). We can do this later when we actually deploy the package.