Webstudio
Log in

Join the Webstudio community

Updated 4 months ago

Clipboard functionality and database management for web development

At a glance

The community member is asking about the clipboard functionality in WebStudio, specifically how to maintain a database of components and use a Chrome extension to copy and paste them into WebStudio. The comments suggest that the format is complicated and may change over time, so it's not recommended to work with it directly. Instead, the community is advised to use a separate project with a style guide from which they can copy all components. Additionally, the community member is informed that a personal marketplace will soon be available within their account. One community member provides a code snippet that shows how the component data is stored in the clipboard with an application/json mime type.

Useful resources
SSantosh
Could you please advise how the clipboard functionality works? I want to maintain a database of few components specific to my layout in a external db and just use a chrome extension to copy and paste from the extension to webstudio? I know its possible, but cant quite figure out where to set the component to so that it can be pasted on my webstudio box on my page.
B
S
5 comments
BBogdan
Format is rather complicated and may change over time so I wouldn't recommend to work with it yourself. For now the best way is separate project with styleguide from which you can copy all components.
BBogdan
Soon we will add personal marketplace which will be available only within your account.
SSantosh
got it ... i am trying to do very simple layouts right now. don't plan to do too much work.

how does it work currently? once, i have the component_data in json what do it need to do?
BBogdan
We store this https://github.com/webstudio-is/webstudio/blob/main/apps/builder/app/shared/copy-paste/plugin-instance.ts#L61-L63
with application/json mime type in clipboard
SSantosh
got it ... thank you sir!

i keep getting stuck with design ... so want to use some AI to help .... again very basic stuff!
Add a reply
Sign up and join the conversation on Discord