pattern-lab / styleguidekit-assets-default

The static assets for the default StyleguideKit for Pattern Lab. Contains styles and mark-up for Pattern Lab's front-end.
http://patternlab.io/
MIT License
35 stars 67 forks source link

Top-navigation is not working after insertion of own patterns #25

Closed mremergo closed 8 years ago

mremergo commented 8 years ago

Hi everyone, My problem is that since I inserted my own patterns into a new patternlab-node clone, the top menu of patternlab doesn't work anymore. The pattern-structure with all subfolders is properly displayed and the link's href attributes seem to be alright. At some point of the links eventchain the redirection is stopped. I get no related console output, not in the site generation debug process nor in firebug. I can navigate just fine with altering the "p" get variable and the headline-links on the "all" page also do the job. It's just the top menu. I took out all of my own js but no improvement. I was wondering if any of you guys came across something similar before, or has an idea what could go wrong there?

@dmolsen Here I have a dump of the navItems var. As mentioned above, unfortunately there's no console output

{
  "patternTypes": [
    {
      "patternTypeLC": "atoms",
      "patternTypeUC": "Atoms",
      "patternTypeItems": [
        {
          "patternSubtypeLC": "header-component-parts",
          "patternSubtypeUC": "Header Component Parts",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-01-header-header-component-parts-header-button-help/00-atoms-01-header-header-component-parts-header-button-help.html",
              "patternPartialCode": "",
              "patternName": "Header Button Help",
              "patternPartial": "atoms-header-button-help"
            },
            {
              "patternPath": "00-atoms-01-header-header-component-parts-header-button-logout/00-atoms-01-header-header-component-parts-header-button-logout.html",
              "patternPartialCode": "",
              "patternName": "Header Button Logout",
              "patternPartial": "atoms-header-button-logout"
            },
            {
              "patternPath": "00-atoms-01-header-header-component-parts-header-button-menu-toggle/00-atoms-01-header-header-component-parts-header-button-menu-toggle.html",
              "patternPartialCode": "",
              "patternName": "Header Button Menu Toggle",
              "patternPartial": "atoms-header-button-menu-toggle"
            },
            {
              "patternPath": "00-atoms-01-header-header-component-parts-header-languagepicker/00-atoms-01-header-header-component-parts-header-languagepicker.html",
              "patternPartialCode": "",
              "patternName": "Header Languagepicker",
              "patternPartial": "atoms-header-languagepicker"
            },
            {
              "patternPath": "00-atoms-01-header-header-component-parts-header-logo/00-atoms-01-header-header-component-parts-header-logo.html",
              "patternPartialCode": "",
              "patternName": "Header Logo",
              "patternPartial": "atoms-header-logo"
            },
            {
              "patternPath": "00-atoms-01-header-header-component-parts/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-header-component-parts"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Header Button Help",
            "Header Button Logout",
            "Header Button Menu Toggle",
            "Header Languagepicker",
            "Header Logo",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "menu-buttons",
          "patternSubtypeUC": "Menu Buttons",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-active-state/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-active-state.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Active State",
              "patternPartial": "atoms-menu-button-active-state"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-bars/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-bars.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Bars",
              "patternPartial": "atoms-menu-button-bars"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-bookmarks/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-bookmarks.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Bookmarks",
              "patternPartial": "atoms-menu-button-bookmarks"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-container/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-container.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Container",
              "patternPartial": "atoms-menu-button-container"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-desktop/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-desktop.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Desktop",
              "patternPartial": "atoms-menu-button-desktop"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-empty/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-empty.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Empty",
              "patternPartial": "atoms-menu-button-empty"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-forms/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-forms.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Forms",
              "patternPartial": "atoms-menu-button-forms"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-help/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-help.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Help",
              "patternPartial": "atoms-menu-button-help"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-modal-dialog/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-modal-dialog.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Modal Dialog",
              "patternPartial": "atoms-menu-button-modal-dialog"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-notifications/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-notifications.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Notifications",
              "patternPartial": "atoms-menu-button-notifications"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-profile/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-profile.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Profile",
              "patternPartial": "atoms-menu-button-profile"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-settings/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-settings.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Settings",
              "patternPartial": "atoms-menu-button-settings"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-stop/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-stop.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Stop",
              "patternPartial": "atoms-menu-button-stop"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-tables/00-atoms-02-aside-menu-component-parts-menu-buttons-menu-button-tables.html",
              "patternPartialCode": "",
              "patternName": "Menu Button Tables",
              "patternPartial": "atoms-menu-button-tables"
            },
            {
              "patternPath": "00-atoms-02-aside-menu-component-parts-menu-buttons/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-menu-buttons"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Menu Button Active State",
            "Menu Button Bars",
            "Menu Button Bookmarks",
            "Menu Button Container",
            "Menu Button Desktop",
            "Menu Button Empty",
            "Menu Button Forms",
            "Menu Button Help",
            "Menu Button Modal Dialog",
            "Menu Button Notifications",
            "Menu Button Profile",
            "Menu Button Settings",
            "Menu Button Stop",
            "Menu Button Tables",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "context-help",
          "patternSubtypeUC": "Context Help",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-03-main-context-help-main-context-help-button/00-atoms-03-main-context-help-main-context-help-button.html",
              "patternPartialCode": "",
              "patternName": "Main Context Help Button",
              "patternPartial": "atoms-main-context-help-button"
            },
            {
              "patternPath": "00-atoms-03-main-context-help/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-context-help"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Main Context Help Button",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "form-component-parts",
          "patternSubtypeUC": "Form Component Parts",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-checkbox/00-atoms-03-main-form-component-parts-form-checkbox.html",
              "patternPartialCode": "",
              "patternName": "Form Checkbox",
              "patternPartial": "atoms-form-checkbox"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-datepicker/00-atoms-03-main-form-component-parts-form-datepicker.html",
              "patternPartialCode": "",
              "patternName": "Form Datepicker",
              "patternPartial": "atoms-form-datepicker"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-dropdown-advanced/00-atoms-03-main-form-component-parts-form-dropdown-advanced.html",
              "patternPartialCode": "",
              "patternName": "Form Dropdown Advanced",
              "patternPartial": "atoms-form-dropdown-advanced"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-dropdown-simple/00-atoms-03-main-form-component-parts-form-dropdown-simple.html",
              "patternPartialCode": "",
              "patternName": "Form Dropdown Simple",
              "patternPartial": "atoms-form-dropdown-simple"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-filepicker/00-atoms-03-main-form-component-parts-form-filepicker.html",
              "patternPartialCode": "",
              "patternName": "Form Filepicker",
              "patternPartial": "atoms-form-filepicker"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-input-password/00-atoms-03-main-form-component-parts-form-input-password.html",
              "patternPartialCode": "",
              "patternName": "Form Input Password",
              "patternPartial": "atoms-form-input-password"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-input-text/00-atoms-03-main-form-component-parts-form-input-text.html",
              "patternPartialCode": "",
              "patternName": "Form Input Text",
              "patternPartial": "atoms-form-input-text"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-input-text-required/00-atoms-03-main-form-component-parts-form-input-text-required.html",
              "patternPartialCode": "",
              "patternName": "Form Input Text Required",
              "patternPartial": "atoms-form-input-text-required"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-mandatory/00-atoms-03-main-form-component-parts-form-mandatory.html",
              "patternPartialCode": "",
              "patternName": "Form Mandatory",
              "patternPartial": "atoms-form-mandatory"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-radiobuttons/00-atoms-03-main-form-component-parts-form-radiobuttons.html",
              "patternPartialCode": "",
              "patternName": "Form Radiobuttons",
              "patternPartial": "atoms-form-radiobuttons"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-select-multiple/00-atoms-03-main-form-component-parts-form-select-multiple.html",
              "patternPartialCode": "",
              "patternName": "Form Select Multiple",
              "patternPartial": "atoms-form-select-multiple"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts-form-textarea/00-atoms-03-main-form-component-parts-form-textarea.html",
              "patternPartialCode": "",
              "patternName": "Form Textarea",
              "patternPartial": "atoms-form-textarea"
            },
            {
              "patternPath": "00-atoms-03-main-form-component-parts/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-form-component-parts"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Form Checkbox",
            "Form Datepicker",
            "Form Dropdown Advanced",
            "Form Dropdown Simple",
            "Form Filepicker",
            "Form Input Password",
            "Form Input Text",
            "Form Input Text Required",
            "Form Mandatory",
            "Form Radiobuttons",
            "Form Select Multiple",
            "Form Textarea",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "pagination",
          "patternSubtypeUC": "Pagination",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-03-main-pagination-pagination/00-atoms-03-main-pagination-pagination.html",
              "patternPartialCode": "",
              "patternName": "Pagination",
              "patternPartial": "atoms-pagination"
            },
            {
              "patternPath": "00-atoms-03-main-pagination/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-pagination"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Pagination",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "tables",
          "patternSubtypeUC": "Tables",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-03-main-tables-table-standard/00-atoms-03-main-tables-table-standard.html",
              "patternPartialCode": "",
              "patternName": "Table Standard",
              "patternPartial": "atoms-table-standard"
            },
            {
              "patternPath": "00-atoms-03-main-tables-table-striped/00-atoms-03-main-tables-table-striped.html",
              "patternPartialCode": "",
              "patternName": "Table Striped",
              "patternPartial": "atoms-table-striped"
            },
            {
              "patternPath": "00-atoms-03-main-tables-table-with-sort/00-atoms-03-main-tables-table-with-sort.html",
              "patternPartialCode": "",
              "patternName": "Table With Sort",
              "patternPartial": "atoms-table-with-sort"
            },
            {
              "patternPath": "00-atoms-03-main-tables/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-tables"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Table Standard",
            "Table Striped",
            "Table With Sort",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "buttons",
          "patternSubtypeUC": "Buttons",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-05-misc-buttons-text-button-default/00-atoms-05-misc-buttons-text-button-default.html",
              "patternPartialCode": "",
              "patternName": "Text Button Default",
              "patternPartial": "atoms-text-button-default"
            },
            {
              "patternPath": "00-atoms-05-misc-buttons-text-button-primary/00-atoms-05-misc-buttons-text-button-primary.html",
              "patternPartialCode": "",
              "patternName": "Text Button Primary",
              "patternPartial": "atoms-text-button-primary"
            },
            {
              "patternPath": "00-atoms-05-misc-buttons/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-buttons"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Text Button Default",
            "Text Button Primary",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "notifications",
          "patternSubtypeUC": "Notifications",
          "patternSubtypeItems": [
            {
              "patternPath": "00-atoms-05-misc-notifications-notification-danger/00-atoms-05-misc-notifications-notification-danger.html",
              "patternPartialCode": "",
              "patternName": "Notification Danger",
              "patternPartial": "atoms-notification-danger"
            },
            {
              "patternPath": "00-atoms-05-misc-notifications-notification-success/00-atoms-05-misc-notifications-notification-success.html",
              "patternPartialCode": "",
              "patternName": "Notification Success",
              "patternPartial": "atoms-notification-success"
            },
            {
              "patternPath": "00-atoms-05-misc-notifications-notification-warning/00-atoms-05-misc-notifications-notification-warning.html",
              "patternPartialCode": "",
              "patternName": "Notification Warning",
              "patternPartial": "atoms-notification-warning"
            },
            {
              "patternPath": "00-atoms-05-misc-notifications/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-atoms-notifications"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Notification Danger",
            "Notification Success",
            "Notification Warning",
            "View All"
          ]
        }
      ],
      "patternTypeItemsIndex": [
        "header-component-parts",
        "menu-buttons",
        "context-help",
        "form-component-parts",
        "pagination",
        "tables",
        "buttons",
        "notifications"
      ],
      "patternItems": [
        {
          "patternPath": "00-atoms/index.html",
          "patternPartialCode": "",
          "patternName": "View All",
          "patternPartial": "viewall-atoms"
        }
      ],
      "patternItemsIndex": []
    },
    {
      "patternTypeLC": "molecules",
      "patternTypeUC": "Molecules",
      "patternTypeItems": [
        {
          "patternSubtypeLC": "menu-components",
          "patternSubtypeUC": "Menu Components",
          "patternSubtypeItems": [
            {
              "patternPath": "01-molecules-02-aside-menu-components-menu-dropdown-button/01-molecules-02-aside-menu-components-menu-dropdown-button.html",
              "patternPartialCode": "",
              "patternName": "Menu Dropdown Button",
              "patternPartial": "molecules-menu-dropdown-button"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Menu Dropdown Button"
          ]
        },
        {
          "patternSubtypeLC": "form",
          "patternSubtypeUC": "Form",
          "patternSubtypeItems": [
            {
              "patternPath": "01-molecules-03-main-form-form-fieldset/01-molecules-03-main-form-form-fieldset.html",
              "patternPartialCode": "",
              "patternName": "Form Fieldset",
              "patternPartial": "molecules-form-fieldset"
            },
            {
              "patternPath": "01-molecules-03-main-form-form-group-error/01-molecules-03-main-form-form-group-error.html",
              "patternPartialCode": "",
              "patternName": "Form Group Error",
              "patternPartial": "molecules-form-group-error"
            },
            {
              "patternPath": "01-molecules-03-main-form/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-molecules-form"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Form Fieldset",
            "Form Group Error",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "main-components",
          "patternSubtypeUC": "Main Components",
          "patternSubtypeItems": [
            {
              "patternPath": "01-molecules-03-main-main-components-accordion/01-molecules-03-main-main-components-accordion.html",
              "patternPartialCode": "",
              "patternName": "Accordion",
              "patternPartial": "molecules-accordion"
            },
            {
              "patternPath": "01-molecules-03-main-main-components-jarvis-widget/01-molecules-03-main-main-components-jarvis-widget.html",
              "patternPartialCode": "",
              "patternName": "Jarvis Widget",
              "patternPartial": "molecules-jarvis-widget"
            },
            {
              "patternPath": "01-molecules-03-main-main-components-jarvis-widget-no-footer/01-molecules-03-main-main-components-jarvis-widget-no-footer.html",
              "patternPartialCode": "",
              "patternName": "Jarvis Widget No Footer",
              "patternPartial": "molecules-jarvis-widget-no-footer"
            },
            {
              "patternPath": "01-molecules-03-main-main-components-ribbon/01-molecules-03-main-main-components-ribbon.html",
              "patternPartialCode": "",
              "patternName": "Ribbon",
              "patternPartial": "molecules-ribbon"
            },
            {
              "patternPath": "01-molecules-03-main-main-components-tabs/01-molecules-03-main-main-components-tabs.html",
              "patternPartialCode": "",
              "patternName": "Tabs",
              "patternPartial": "molecules-tabs"
            },
            {
              "patternPath": "01-molecules-03-main-main-components/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-molecules-main-components"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Accordion",
            "Jarvis Widget",
            "Jarvis Widget No Footer",
            "Ribbon",
            "Tabs",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "pager-tables",
          "patternSubtypeUC": "Pager Tables",
          "patternSubtypeItems": [
            {
              "patternPath": "01-molecules-03-main-pager-tables-table-responsive/01-molecules-03-main-pager-tables-table-responsive.html",
              "patternPartialCode": "",
              "patternName": "Table Responsive",
              "patternPartial": "molecules-table-responsive"
            },
            {
              "patternPath": "01-molecules-03-main-pager-tables-table-responsive-alternative/01-molecules-03-main-pager-tables-table-responsive-alternative.html",
              "patternPartialCode": "",
              "patternName": "Table Responsive Alternative",
              "patternPartial": "molecules-table-responsive-alternative"
            },
            {
              "patternPath": "01-molecules-03-main-pager-tables/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-molecules-pager-tables"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Table Responsive",
            "Table Responsive Alternative",
            "View All"
          ]
        }
      ],
      "patternTypeItemsIndex": [
        "menu-components",
        "form",
        "main-components",
        "pager-tables"
      ],
      "patternItems": [
        {
          "patternPath": "01-molecules/index.html",
          "patternPartialCode": "",
          "patternName": "View All",
          "patternPartial": "viewall-molecules"
        }
      ],
      "patternItemsIndex": []
    },
    {
      "patternTypeLC": "organisms",
      "patternTypeUC": "Organisms",
      "patternTypeItems": [
        {
          "patternSubtypeLC": "header",
          "patternSubtypeUC": "Header",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-01-header-header/02-organisms-01-header-header.html",
              "patternPartialCode": "",
              "patternName": "Header",
              "patternPartial": "organisms-header"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Header"
          ]
        },
        {
          "patternSubtypeLC": "aside",
          "patternSubtypeUC": "Aside",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-02-aside-aside/02-organisms-02-aside-aside.html",
              "patternPartialCode": "",
              "patternName": "Aside",
              "patternPartial": "organisms-aside"
            },
            {
              "patternPath": "02-organisms-02-aside/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-organisms-aside"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Aside",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "form-examples",
          "patternSubtypeUC": "Form Examples",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-complete-showcase/02-organisms-03-main-form-examples-form-example-complete-showcase.html",
              "patternPartialCode": "",
              "patternName": "Form Example Complete Showcase",
              "patternPartial": "organisms-form-example-complete-showcase"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-empty/02-organisms-03-main-form-examples-form-example-empty.html",
              "patternPartialCode": "",
              "patternName": "Form Example Empty",
              "patternPartial": "organisms-form-example-empty"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-small-form/02-organisms-03-main-form-examples-form-example-small-form.html",
              "patternPartialCode": "",
              "patternName": "Form Example Small Form",
              "patternPartial": "organisms-form-example-small-form"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-ticket-details/02-organisms-03-main-form-examples-form-example-ticket-details.html",
              "patternPartialCode": "",
              "patternName": "Form Example Ticket Details",
              "patternPartial": "organisms-form-example-ticket-details"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-ticket-search/02-organisms-03-main-form-examples-form-example-ticket-search.html",
              "patternPartialCode": "",
              "patternName": "Form Example Ticket Search",
              "patternPartial": "organisms-form-example-ticket-search"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples-form-example-ticket-search-versaform/02-organisms-03-main-form-examples-form-example-ticket-search-versaform.html",
              "patternPartialCode": "",
              "patternName": "Form Example Ticket Search Versaform",
              "patternPartial": "organisms-form-example-ticket-search-versaform"
            },
            {
              "patternPath": "02-organisms-03-main-form-examples/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-organisms-form-examples"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Form Example Complete Showcase",
            "Form Example Empty",
            "Form Example Small Form",
            "Form Example Ticket Details",
            "Form Example Ticket Search",
            "Form Example Ticket Search Versaform",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "footer",
          "patternSubtypeUC": "Footer",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-04-footer-footer/02-organisms-04-footer-footer.html",
              "patternPartialCode": "",
              "patternName": "Footer",
              "patternPartial": "organisms-footer"
            },
            {
              "patternPath": "02-organisms-04-footer/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-organisms-footer"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Footer",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "modal-dialogs",
          "patternSubtypeUC": "Modal Dialogs",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-05-misc-modal-dialogs-modal-dialog/02-organisms-05-misc-modal-dialogs-modal-dialog.html",
              "patternPartialCode": "",
              "patternName": "Modal Dialog",
              "patternPartial": "organisms-modal-dialog"
            },
            {
              "patternPath": "02-organisms-05-misc-modal-dialogs/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-organisms-modal-dialogs"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Modal Dialog",
            "View All"
          ]
        },
        {
          "patternSubtypeLC": "modal-screens",
          "patternSubtypeUC": "Modal Screens",
          "patternSubtypeItems": [
            {
              "patternPath": "02-organisms-05-misc-modal-screens-login-screen/02-organisms-05-misc-modal-screens-login-screen.html",
              "patternPartialCode": "",
              "patternName": "Login Screen",
              "patternPartial": "organisms-login-screen"
            },
            {
              "patternPath": "02-organisms-05-misc-modal-screens-progress-indicator/02-organisms-05-misc-modal-screens-progress-indicator.html",
              "patternPartialCode": "",
              "patternName": "Progress Indicator",
              "patternPartial": "organisms-progress-indicator"
            },
            {
              "patternPath": "02-organisms-05-misc-modal-screens/index.html",
              "patternPartialCode": "",
              "patternName": "View All",
              "patternPartial": "viewall-organisms-modal-screens"
            }
          ],
          "patternSubtypeItemsIndex": [
            "Login Screen",
            "Progress Indicator",
            "View All"
          ]
        }
      ],
      "patternTypeItemsIndex": [
        "header",
        "aside",
        "form-examples",
        "footer",
        "modal-dialogs",
        "modal-screens"
      ],
      "patternItems": [
        {
          "patternPath": "02-organisms/index.html",
          "patternPartialCode": "",
          "patternName": "View All",
          "patternPartial": "viewall-organisms"
        }
      ],
      "patternItemsIndex": []
    },
    {
      "patternTypeLC": "templates",
      "patternTypeUC": "Templates",
      "patternTypeItems": [],
      "patternTypeItemsIndex": [],
      "patternItems": [
        {
          "patternPath": "03-templates-template-site-mods/03-templates-template-site-mods.html",
          "patternPartialCode": "",
          "patternName": "Template Site Mods",
          "patternPartial": "templates-template-site-mods"
        }
      ],
      "patternItemsIndex": []
    }
  ]
}
bmuenzenmeyer commented 8 years ago

@mremergo can you also provide a screenshot of the filestructure inside source/_patterns/ please?

mremergo commented 8 years ago

Just the folders folder_structure folders and files pattern_structure_with_files

dmolsen commented 8 years ago

@mremergo -

I think it might be an issue with patternPaths. Mind copying in var patternPaths too, please? I'm going to try to recreate this deep level of patterns in PL/PHP to see if I can get to this bug. I know my testing didn't go that far. I realize you're using Node but it might be a common problem across both platforms.

bmuenzenmeyer commented 8 years ago

An important note - meta should be outside of _patterns as of 2.0.0. See these upgrade instructions for my running list of things to do during migration.

Or have you just named your own directory meta as well as having the similarly named directory as a sibling of _patterns/?

00-atoms > 02-aside > menu-component-parts > menu-buttons is more menu levels than PL/Node's navigation building supports. Is an arbitrary amount of these on spec @dmolsen ?

mremergo commented 8 years ago

Thx for the awesome help/response, really appreciate it!

@bmuenzenmeyer thx for pointing out. I have _meta in /source. the 00_meta was only a leftover containing some dummy atoms (not containing the pattern head or foot files anymore). I renamed 00_meta, but without any influence on topic. @dmolsen the patternPaths var

{
    "atoms": {
        "header-button-help": "00-atoms/01-header/header-component-parts/header-button-help",
        "header-button-logout": "00-atoms/01-header/header-component-parts/header-button-logout",
        "header-button-menu-toggle": "00-atoms/01-header/header-component-parts/header-button-menu-toggle",
        "header-languagepicker": "00-atoms/01-header/header-component-parts/header-languagepicker",
        "header-logo": "00-atoms/01-header/header-component-parts/header-logo",
        "menu-button-active-state": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-active-state",
        "menu-button-bars": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-bars",
        "menu-button-bookmarks": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-bookmarks",
        "menu-button-container": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-container",
        "menu-button-desktop": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-desktop",
        "menu-button-empty": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-empty",
        "menu-button-forms": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-forms",
        "menu-button-help": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-help",
        "menu-button-modal-dialog": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-modal-dialog",
        "menu-button-notifications": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-notifications",
        "menu-button-profile": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-profile",
        "menu-button-settings": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-settings",
        "menu-button-stop": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-stop",
        "menu-button-tables": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-tables",
        "main-context-help-button": "00-atoms/03-main/context-help/main-context-help-button",
        "form-checkbox": "00-atoms/03-main/form-component-parts/form-checkbox",
        "form-datepicker": "00-atoms/03-main/form-component-parts/form-datepicker",
        "form-dropdown-advanced": "00-atoms/03-main/form-component-parts/form-dropdown-advanced",
        "form-dropdown-simple": "00-atoms/03-main/form-component-parts/form-dropdown-simple",
        "form-filepicker": "00-atoms/03-main/form-component-parts/form-filepicker",
        "form-input-password": "00-atoms/03-main/form-component-parts/form-input-password",
        "form-input-text": "00-atoms/03-main/form-component-parts/form-input-text",
        "form-input-text-required": "00-atoms/03-main/form-component-parts/form-input-text-required",
        "form-mandatory": "00-atoms/03-main/form-component-parts/form-mandatory",
        "form-radiobuttons": "00-atoms/03-main/form-component-parts/form-radiobuttons",
        "form-select-multiple": "00-atoms/03-main/form-component-parts/form-select-multiple",
        "form-textarea": "00-atoms/03-main/form-component-parts/form-textarea",
        "pagination": "00-atoms/03-main/pagination/pagination",
        "table-standard": "00-atoms/03-main/tables/table-standard",
        "table-striped": "00-atoms/03-main/tables/table-striped",
        "table-with-sort": "00-atoms/03-main/tables/table-with-sort",
        "text-button-default": "00-atoms/05-misc/buttons/text-button-default",
        "text-button-primary": "00-atoms/05-misc/buttons/text-button-primary",
        "notification-danger": "00-atoms/05-misc/notifications/notification-danger",
        "notification-success": "00-atoms/05-misc/notifications/notification-success",
        "notification-warning": "00-atoms/05-misc/notifications/notification-warning"
    },
    "molecules": {
        "menu-dropdown-button": "01-molecules/02-aside/menu-components/menu-dropdown-button",
        "form-fieldset": "01-molecules/03-main/form/form-fieldset",
        "form-group-error": "01-molecules/03-main/form/form-group-error",
        "accordion": "01-molecules/03-main/main-components/accordion",
        "jarvis-widget": "01-molecules/03-main/main-components/jarvis-widget",
        "jarvis-widget-no-footer": "01-molecules/03-main/main-components/jarvis-widget-no-footer",
        "ribbon": "01-molecules/03-main/main-components/ribbon",
        "tabs": "01-molecules/03-main/main-components/tabs",
        "table-responsive": "01-molecules/03-main/pager-tables/table-responsive",
        "table-responsive-alternative": "01-molecules/03-main/pager-tables/table-responsive-alternative"
    },
    "organisms": {
        "header": "02-organisms/01-header/header",
        "aside": "02-organisms/02-aside/aside",
        "form-example-complete-showcase": "02-organisms/03-main/form-examples/form-example-complete-showcase",
        "form-example-empty": "02-organisms/03-main/form-examples/form-example-empty",
        "form-example-small-form": "02-organisms/03-main/form-examples/form-example-small-form",
        "form-example-ticket-details": "02-organisms/03-main/form-examples/form-example-ticket-details",
        "form-example-ticket-search": "02-organisms/03-main/form-examples/form-example-ticket-search",
        "form-example-ticket-search-versaform": "02-organisms/03-main/form-examples/form-example-ticket-search-versaform",
        "footer": "02-organisms/04-footer/footer",
        "modal-dialog": "02-organisms/05-misc/modal-dialogs/modal-dialog",
        "login-screen": "02-organisms/05-misc/modal-screens/login-screen",
        "progress-indicator": "02-organisms/05-misc/modal-screens/progress-indicator"
    },
    "templates": {
        "template": "03-templates/template",
        "template-site-mods": "03-templates/template-site-mods"
    }
}
dmolsen commented 8 years ago

Bad news. Good news.

I recreated your organization for header-button-help and header-button-logout and both the generation of the patterns with the PHP version of PL and the front-end worked just fine. I even duped the navItems and patternPaths you provided above and clicking the nav between those elements that exist worked.

From my standpoint I think I need to get to installing PL/Node and see if I can recreate. I need a local version anyway.

Double-check that ./public/patterns/00-atoms/01-header/header-component-parts/header-button-help.html exists. And make sure ./styleguide/js/patternlab-pattern.min.js is loading inside the iFrame. That's what's listening for the postMessage call to change/update the iFrame source. ?p=pattern sets the iFrame source from the "outside" on page load.

bmuenzenmeyer commented 8 years ago

@dmolsen I'd expect that level of nesting to work, but what of something like:

menu-button-modal-dialog": "00-atoms/02-aside/menu-component-parts/menu-buttons/menu-button-modal-dialog ?

dmolsen commented 8 years ago

@bmuenzenmeyer -

That also works in PL/PHP but it's not by conscious design. It Just Happens to Work(tm). The pattern partials will end up sucking because this level of nesting is asking for collisions but... it appears to be supported.

mremergo commented 8 years ago

Hey guys. I found my mistake. @bmuenzenmeyer You were right to address the migrating process as source of the error @dmolsen Your tip to look for the patternlab-pattern.min.js pushed me in the right direction

When i was migrating from PL/Net to the node-Version i was copying my patterns and changed the metas position from inside _patters/00-atoms/00-meta to the source/_meta folder. I have copied my own css/js in the head/foot file. Apparently I was inattentive when I copied my js in the foot section, because i was overriding the {{{ patternLabFoot }}} with the old {{{ pattern-lab-food }}}. So the patternLabFoot import was missing and patternlab-pattern.min.js and scriptloader were not included. I'm sorry for troubling you with that guys. I really tried a lot myself before I was putting my question here, but it is a really tricky error, since I wouldn't get any error messages and the inactive top-menu was the only obvious result. Thx anyway, for your constructive and dedicated help! You're doing a great job here

bmuenzenmeyer commented 8 years ago

@mremergo glad to hear this was resolved for you. Apologies for any frustration you had. May I close this issue?

mremergo commented 8 years ago

Yes, thanks, my apologies for the time you spend on it

dmolsen commented 8 years ago

@mremergo -

I learned something new about my system and we saw your use case. Not a waste to me :)