Upgrade minor packages (github#20960)

* Upgrade minor packages * Add dockerfile syntax back * Update create-processor.js * Update create-processor.js
aroc2021 · Aug 19, 2021 · dc952b9 · dc952b9
1 parent 5e40655
commit dc952b9
Show file tree

Hide file tree

Showing 7 changed files with 1,697 additions and 3,117 deletions.
diff --git a/components/lib/experiment.ts b/components/lib/experiment.ts
@@ -19,7 +19,7 @@ export function sendSuccess(test: string) {
   })
 }
 
-export default function () {
+export default function experiment() {
   // *** Example test code ***
   // const testName = '$test-name$'
   // const xbucket = bucket(testName)

diff --git a/components/lib/localization.ts b/components/lib/localization.ts
@@ -1,4 +1,4 @@
-export default function () {
+export default function localization() {
   const linkToEnglish = document.querySelector('#to-english-doc') as HTMLAnchorElement
 
   if (linkToEnglish) {

diff --git a/components/lib/wrap-code-terms.ts b/components/lib/wrap-code-terms.ts
@@ -7,7 +7,7 @@ const slashChars = /([/\\])/g
 // This module improves table rendering on reference pages by inserting a <wbr>
 // tag in code terms that use camelcase, slashes, or underscores, inspired by
 // http://heap.ch/blog/2016/01/19/camelwrap/
-export default function () {
+export default function wrapCodeTerms() {
   const codeTerms = document.querySelectorAll('#article-contents table code')
   if (!codeTerms) return
 

diff --git a/lib/render-content/create-processor.js b/lib/render-content/create-processor.js
@@ -8,6 +8,11 @@ import raw from 'rehype-raw'
 import slug from 'rehype-slug'
 import autolinkHeadings from 'rehype-autolink-headings'
 import highlight from 'rehype-highlight'
+import dockerfile from 'highlight.js/lib/languages/dockerfile.js'
+import http from 'highlight.js/lib/languages/http.js'
+import groovy from 'highlight.js/lib/languages/groovy.js'
+import erb from 'highlight.js/lib/languages/erb.js'
+import powershell from 'highlight.js/lib/languages/powershell.js'
 import html from 'rehype-stringify'
 import HighlightjsGraphql from 'highlightjs-graphql'
 import remarkCodeExtra from 'remark-code-extra'
@@ -28,7 +33,10 @@ export default function createProcessor(context) {
     .use(slug)
     .use(useEnglishHeadings, context)
     .use(autolinkHeadings, { behavior: 'wrap' })
-    .use(highlight, { languages: { graphql }, subset: false })
+    .use(highlight, {
+      languages: { graphql, dockerfile, http, groovy, erb, powershell },
+      subset: false,
+    })
     .use(raw)
     .use(rewriteLegacyAssetPaths, context)
     .use(wrapInElement, { selector: 'ol > li img', wrapper: 'span.procedural-image-wrapper' })

diff --git a/lib/render-content/plugins/use-english-headings.js b/lib/render-content/plugins/use-english-headings.js
@@ -1,6 +1,6 @@
 import GithubSlugger from 'github-slugger'
 import HtmlEntities from 'html-entities'
-import toString from 'hast-util-to-string'
+import { toString } from 'hast-util-to-string'
 import { visit } from 'unist-util-visit'
 const slugger = new GithubSlugger()
 const entities = new HtmlEntities.XmlEntities()