fix(highlight.js): use prebuilt package

custom build is broken

Author: duncdrum

Gulpfile.js

@@ -282,11 +282,11 @@ var vendorFiles = function(done) {
 
 
   // copy vendor scripts
-  src(['node_modules/bootstrap/dist/js/bootstrap.min.*', 'node_modules/@popperjs/core/dist/umd/popper.min.*'])
+  src(['node_modules/bootstrap/dist/js/bootstrap.min.*', 'node_modules/@popperjs/core/dist/umd/popper.min.*', 'node_modules/@highlightjs/cdn-assets/highlight.min.js'])
   .pipe(dest(paths.scripts.output))
 
   // copy vendor Styles
-  src(['node_modules/bootstrap/dist/css/bootstrap.min.*', 'node_modules/highlight.js/styles/atom-one-dark.css'])
+  src(['node_modules/bootstrap/dist/css/bootstrap.min.*'])
     .pipe(dest(paths.styles.output))
 
   // copy vendor fonts
@@ -310,32 +310,6 @@ var copyFiles = function(done) {
   done()
 }
 
-// Build and copy highlight.js
-var buildPack = function(done) {
-  // Make sure this feature is activated before running
-  if (!settings.hjs) return done()
-
-  // build highlight pack
-  // see https://highlightjs.readthedocs.io/en/latest/building-testing.html
-  // TODO currently building is bugged when using npm
-  let command = 'cd node_modules/highlight.js'
-                    + ' && npm install'
-                    + ' && node tools/build Apache CSS HTTP JavaScript Bash Makefile PHP Diff JSON Markdown Perl SQL HTML Java Nginx Shell Properties Less SCSS Puppet Dockerfile xquery'
-
-  exec(command, (err, stdout, stderr)=> {
-    console.log(stderr)
-    console.log(stdout)
-
-    callback(err)
-  })
-
-  src('node_modules/highlight.js/build/*pack.js')
-    .pipe(dest(paths.scripts.output))
-
-  // Signal completion
-  done()
-}
-
 /**
  * Export Tasks
  */
@@ -351,7 +325,6 @@ exports.default = series(
     buildStyles,
     buildSVGs,
     copyFiles,
-    buildPack,
     prettyXml
   )
 )

package-lock.json

@@ -53,9 +53,9 @@
     "supertest": "^7.0.0"
   },
   "dependencies": {
+    "@highlightjs/cdn-assets": "^11.11.1",
     "@neos21/bootstrap3-glyphicons": "^1.0.7",
     "@popperjs/core": "^2.11.8",
-    "bootstrap": "^5.3.3",
-    "highlight.js": "^11.11.1"
+    "bootstrap": "^5.3.3"
   }
 }

package.json

@@ -137,13 +137,9 @@
   <!-- <script type="text/javascript" src="resources/scripts/jquery.slim.min.js" /> -->
   <script type="text/javascript" src="resources/scripts/popper.min.js" />
   <script type="text/javascript" src="resources/scripts/bootstrap.min.js" />
-  <script type="text/javascript" src="resources/scripts/highlight.pack.js" />
+  <script type="text/javascript" src="resources/scripts/highlight.min.js" />
   <script type="text/javascript">
-    $(document).ready(function () {
-      $('pre code').each(function (i, block) {
-        hljs.highlightBlock(block);
-      });
-    });
+    hljs.highlightAll();
   </script>
 </body>