"Open in new window" should be a page with no PL JS

[EvanLovely]

I am using Pattern Lab Node v1.1.2 on Mac, using the grunt configuration.

Expected Behavior

When I view a pattern and click on "Open in new window" I should get an HTML page with no Pattern Lab assets so I can help troubleshoot to see if things like JS errors are from my code or conflicts with my code and Pattern Lab's JS. Currently this is loaded on that page and comes from ./source/_patternlab-files/pattern-header-footer/footer.html:

    <script>
        // handle injection of items from PHP
        var patternPartial = "{{ patternGroup }}-{{ patternName }}";
        var lineage = [{{{ lineage }}}];
        var lineageR = [{{{ lineageR }}}];
        var patternState = "{{patternState}}";
        var baseurl = "{{{baseurl}}}";
        var cssEnabled = false; //TODO
    </script>

    <script type="text/html" id="sg-pattern-html">
{{ patternHTML }}
    </script>

    <script type="text/html" id="sg-pattern-css">
{{ patternCSS }}
    </script>
    <script src="../../styleguide/js/vendor/jwerty.js"></script>
    <script src="../../styleguide/js/postmessage.js"></script>
    <script src="../../data/annotations.js"></script>
    <script src="../../styleguide/js/annotations-pattern.js"></script>
    <script src="../../styleguide/js/code-pattern.js"></script>
    <!-- /DO NOT MODIFY -->

Actual Behavior

I go to the "Open in New Window" page and see <script> tags other than I added.

Steps to Reproduce

1. Clone site, run npm i && grunt serve
2. Select a single components to go to.
3. Up in the menu bar under the gear icon, click "Open in new window"
4. Inspect element and look right before the close of the </body> tag.

[bmuenzenmeyer]

Hi Evan.

For what it's worth - this is how PL PHP has always worked, at least in the v1 world which Node is still emulating for the most part. I completely understand the use case you are describing. I'm open to suggestions as to how to make this better without throwing the baby out with the bath water.

Perhaps a different control / button / link other than the right-click context menu default behavior would meet this need.

[bramsmulders]

Actually this isn't the case in pl-php for at least a couple of years now. They have really a separation of PL-ui and patterns. When we can close this and this the problem could be solved.

[bmuenzenmeyer]

Thanks for the clarification - those two tickets are on deck.

[bmuenzenmeyer]

@bramsmulders what version of PHP are you referring to when stating that this behavior does not occur? I am certainly not running latest PHP anymore but as of Pattern Lab PHP 0.7.0 which I am modeling the filesystem restructure off of - it appears to still add PL footer code - indeed it needs to in order to run.

Thanks!

[bmuenzenmeyer]

cc @dmolsen

[bramsmulders]

@bmuenzenmeyer, i'm pretty sure it is Patternlab-php 0.7.0. They have a pattern header and footer, but they also include _patterns/00-atoms/00-meta/ which are the start and end of a pattern. The pattern is always rendered with those meta templates, except when in viewall or styleguide mode. But i think @dmolsen can elaborate that more.

[bmuenzenmeyer]

Ok. I am making those changes, and they are actually mostly live in https://github.com/pattern-lab/patternlab-node/tree/133 but what is throwing me for a loop is the assertion that there is no PL logic when opened in a new window. From what I know of 0.7.0, that's impossible. Need to keep looking perhaps - Dave always surprised me.

[mauricios]

Is this still on the roadmap?
Some Pattern Lab code doesn't validate using the w3c validation tools. Is there a workaround to generate the HTML pages without the Pattern Lab code?