When deployed, a styleguide doesn't show active states

[Wolfr]

When deployed on a web server, a styleguide doesn't show active states. Probably because pathname as a variable does not exist during the build, thus the code just doesn't output.

[Wolfr]

This is probably because pathname is a variable that exists within Express (the server), but when a page is built, the pathname does not exist.

[Wolfr]

To further debug this we can check if pathname exists on the “built” version as it exists in the “Express” version.

Logic:

"styleguide/docs/" + doc.attributes.filename       # styleguide/docs/typography
==
pathname                                           # styleguide/docs/typography

Template:

| #{doc.attributes.filename}
| #{pathname}
| #{doc.attributes.title}