Currently playing with Custom Elements as a way to build out master slides for a web-based slide deck. Need an interesting mix of shadow’d and non-shadow’d elements to do so for Stage Fright, but I think it’ll work!

  • 0
  • 5

  1. First roadblock: extending an existing Custom Element class and having the base class’s connectedCallback fire as expected. Fortunately, for my use case, this is easy to extract in to a function

    • 0
    • 1

    1. Looks like ask this work was for naught, and what I really need is the in progress CSS Shadow Parts spec.

      • 0
      • 1

      1. Related to all of this, does anyone have a good workflow for writing a Vue-like Single File Component w/CSS processing to spit out a standard JS only Web Component? That would be ideal for me for maintenance and distribution.

        • 0
        • 1

        1. Ok, so I’ve successfully built a little tool for myself to do this! vue-parser and recast are the stars here. I’m gonna clean it up a bit and see about releasing it! Don’t know if anyone else is interested, but it was fun to build and it’ll help me.

          • 0
          • 3

          1. And after all of that work, here’s what I’ve got! My first vanilla web component master slide for a web based slide deck! This is going to make building slide decks so much faster

            • 0
            • 0