web-component-designer

web-component-designer copied to clipboard

XSS protection

1

I noticed that your preview canvas doesn't include the `sandbox` attribute. This would introduce Cross-Site Scripting (XSS) vulnerabilities. A malicious web component would be able to make requests as the...

loganvolkers

IFrame for Designer Canvas

1

Should wemaybe use an IFrame for our main designer Canvas? So most libs are not loaded into it? We then need communication for selection, mouse events, ... and so on...

jogibear9988

frameworks we should support

1

lit polymer angular react svelte

jogibear9988

List of components to include into demo

1

https://blog.bitsrc.io/9-web-component-ui-libraries-you-should-know-in-2019-9d4476c3f103

jogibear9988

Miniature View

1

Like in WpfDesigner or SvgEdit - Clone complete designer Surface and display in miniature - respect Zoom factors

jogibear9988

transforms

1

look at https://angrytools.com/css-generator/transform/#:~:text=Generator%20%2D%20Matrix%20Transform-,CSS%20Transform%20property%20allows%20to%20scale%2C%20rotate,skew%20and%20move%20HTML%20elements.&text=in%20XY%20direction-,linear%20transformations%20also%20can%20be%20represented%20by%20Matrix%20function.,properties%20into%20single%20matrix%20function. has a nice circle editor: 

jogibear9988

implement support for https://github.com/webcomponents/custom-elements-manifest

1

jogibear9988

CSS Grid Editor and Positioning of Elements in it

1

somthing like this https://grid.layoutit.com/ but embeded into the designer (no idea atm). we also can look how it's done in wpf designer, maybe this helps also

jogibear9988

positioning: block: etc use absolute and move arround flexbox: move items around. maybe a key (alt) to move await with position or margin grid: move betweed grid areas, and with...

jogibear9988

Combine Simple Style names to complex ones

1

for example border-left, border-right to border... etc

jogibear9988