D3.js und highlight.js für Web Profiler in Drupal 8 installieren

Nach der Aktivierung des "Web Profiler" Modules in Drupal 8 erscheint im Statusbericht des Drupal Backends der Hinweis, dass das Modul die JavaScript Bibliotheken D3.js und highlight.js benötigt. 

D3.JS LIBRARY Nicht gefunden
Webprofiler module requires D3.js library to properly render data.

HIGHLIGHT.JS LIBRARY Nicht gefunden
Webprofiler module requires highlight.js library to syntax highlight collected queries.

 

Die Installation der benötigten Libraries kann wie folgt vorgenommen werden:

Installation mithilfe von Composer

Für die Installation mithilfe des PHP Paketmanagers Composer sind folgende Schritte notwendig:

  1. Es wird das Paket composer/installers benötigt. Dadurch können Pakete in ein anderes Verzeichnes als das Standardinstallationverzeichnis /vendor installiert werden. Bei Drupal wird z.B. für externe Bibliotheken das /libraries Verzeichnis verwendet.
    Die Installation des Pakets geling mit folgenden Befehl: 
    composer require --prefer-dist composer/installers
  2. Anschließend wird in der composer.js Datei im "installer-paths" Bereich folgendes hinzugefügt: 
    "libraries/{$name}": ["type:drupal-library"],
  3. Zusätzlich muss in der composer.js Datei im Bereich "repositories" folgendes hinzugefügt werden (das "Web Profiler" benötigt zum Zeitpunkt der Erstellung dieses Beitrags D3.js in der Version 3.x und highlight.js in der Version 9.7.x ): 
    {
        "type": "package",
        "package": {
            "name": "d3/d3",
            "version": "v3.5.17",
            "type": "drupal-library",
            "dist": {
                "url": "https://github.com/d3/d3/archive/v3.5.17.zip",
                "type": "zip"
            }
        }
    },
    {
        "type": "package",
        "package": {
            "name": "components/highlightjs",
            "version": "9.7.0",
            "type": "drupal-library",
            "dist": {
                "url": "https://github.com/components/highlightjs/archive/9.7.0.zip",
                "type": "zip"
            }
        }
    }
  4. Mit dem Befehl 
    composer require --prefer-dist d3/d3:3.5.* components/highlightjs:9.7.*

    werden die beiden Bibliotheken installiert. Sie sollten anschließend im Verzeichnis /libraries zu finden sein.

Wenn das Pojekt "drupal-composer/drupal-project" zur Verwaltung der Drupal Installation verwendet wird, dann sind die Konfiguration in den Schritten 1 und 2 bereits vorhanden und nicht mehr notwendig.