We're currently working on a tool called designer which is a drag-and-drop Web Component builder. I put together an intro video over on Youtube <https://www.youtube.com/watch?v=djQh8XKRzRg>. I'm in the process of documenting how others can add their own components to the designer tool. Designer uses a metadata.html <https://github.com/robdodson/designer/blob/2f44348058afc32c4af3dc4178b51df57a21c6b5/README.md#metadatahtml> file which it associates with a component. Using this file, you can stub out a version of your component to be dragged on stage. You can put as much HTML as you want in the template for your element, which means you're free to prepopulate attributes with dummy data. I believe the designer also mutes click events and things like that when you're in design mode (I talk about this in the video as I setup a few on-tap handlers). There's a separate preview mode which allows you to view your site/component in its own tab, and in that state the click events work again.
With regard to light DOM, that's also something that you can pop into the template of your element in its metadata.html. Or you can open the code editor and add elements and they will be saved as part of your sketch. IMO there's a lot more room to grow in this area. I think Macaw <http://macaw.co/> does a great job of helping you flesh out HTML elements in a Photoshop/Illustrator like way. I'd love to see something like that done with Web Components. Our designer tool is open source <https://github.com/Polymer/designer> so if anyone wants to borrow or steal ideas from it we really encourage that :) On Thursday, June 12, 2014 1:02:15 AM UTC-7, [email protected] wrote: > > humbled over this entry with a similar question in mind. In addition i am > wondering how to reflect in this designtime on the webcomponent interface > like attributes - light DOM is even worse as it is some > untyped/unstructured interface to a webcomponent which is used implicitly > to fill the shadow DOM. > Any comments on this? > > Best Regards, Hilmar > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/322e452a-b736-4bb0-90a8-796cd58d0be2%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
