Optimize browsersync inject to avoid full-page refreshes

[e2tha-e]

@bmuenzenmeyer @oscar-g
I can't seem to get browsersync to inject without a complete page refresh. If I load the pattern outside the iframe, then injection works fine. But inside the iframe, it causes the entire page to refresh. Does anyone know how to avoid the page refresh while still working within the Pattern Lab iframe?

[bmuenzenmeyer]

Hey @e2tha-e browsersync is a bit clunky with patternlab due to the iframes. I've chalked this up as an acceptable quirk for now, citing the other big advantages it brings. I've mean to look more into this someday, unless a solution presents itself via PR.

UPDATE In reading more of the browsersync docs, it seems to default to full page refreshes if one has html (and maybe css) injection setup and other watches.

[e2tha-e]

@bmuenzenmeyer Do you think it would be ok to have Node listening on another port for the iframe? I don't know off-hand whether the same-origin policy will be fulfilled, and it seems like maybe too much overhead just for dom injection.

@geoffp mentioned he might have gotten injection working in #252. Eager to hear what it may be.

[geoffp]

Anyone who's interested, please check out #260 and let me know if it works for you.