Neos, CodeCarbon.IncludeAssets mit Sitegeist.Monocle verwenden

Wie Carbon.IncludeAssets zusammen mit Monocle verwendet werden kann

Jon Uhlmann

Jon Uhlmann

Mit Monocle haben wir in der Neos-Welt ein geniales Tool, um die Präsentation von Komponenten sauber und unabhängig zu testen. Falls du Carbon.IncludeAssets verwendest, werden aber standardmässig keine Assets zur Monocle-Preview-Page hinzugefügt. Das Paket 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'
    }
}

Es ist empfehlenswert, eine Datei namens Monocle.fusion zu erstellen und sie in den Override-Ordner zu legen, um die Integration von Carbon.IncludeAssets in Sitegeist.Monocle zu erleichtern.

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'
    }
}