Carbon.IncludeAssets mit Sitegeist.Monocle verwenden

Carbon.IncludeAssets mit Sitegeist.Monocle verwenden

Mit Monocle haben wir in der Neos Welt ein geniales Tool, um die Präsentation von Komponenten sauber und unabhänig zu testen. Falls du Carbon.IncludeAssets verwendest, werden aber standardmässig keine Assets zu der Monocle Preview Page hinzugefügt. Das Package hat seit der Version 5.3 die Möglichkeit, die Assets spezifisch für Monocle einzubinden (jegliche Referenzen auf node werden damit entfernt):

prototype(Sitegeist.Monocle:Preview.Page) {
    carbonIncludeAssetsHeadStart = Carbon.IncludeAssets:MonocleAssets {
        @position = 'before head'
        location = 'HeadStart'
    }

    carbonIncludeAssetsHead = Carbon.IncludeAssets:MonocleAssets {
        @position = 'before closingHeadTag'
        location = 'Head'
    }

    carbonIncludeAssetsBodyStart = Carbon.IncludeAssets:MonocleAssets {
        @position = 'before body'
        location = 'BodyStart'
    }

    carbonIncludeAssetsBody = Carbon.IncludeAssets:MonocleAssets {
        @position = 'before closingBodyTag'
        location = 'Body'
    }
}

Am besten eine Datei Monocle.fusion erstellen und in den Override Ordner legen.


PS: Falls du die Assets von Jonnitto.PhotoSwipe auch einbetten willst, kannst du das so erzielen:

prototype(Sitegeist.Monocle:Preview.Page) {
    prototype(Jonnitto.PhotoSwipe:IncludeCase) {
        alwaysInclude = true
    }
    
    photoswipeMarkup = Jonnitto.PhotoSwipe:Markup {
        @position = 'before closingBodyTag'
    }
}