42e785b0a8
* First run of script * Get the app running --- ish * Get NextJS working * Remove `node:` * Get more tests passing in unit directory * Update FailBot test to use nock * Update test.yml * Update Dockerfile * tests/content fixes * Update page.js * Update build-changelog.js * updating tests/routing * Update orphan-tests.js * updating tests/rendering * Update .eslintrc.js * Update .eslintrc.js * Install jest/globals * "linting" tests * staging update to server.mjs * Change '.github/allowed-actions.js' to a ESM export * Lint * Fixes for the main package.json * Move Jest to be last in the npm test command so we can pass args * Just use 'npm run lint' in the npm test command * update algolia label script * update openapi script * update require on openapi * Update enterprise-algolia-label.js * forgot JSON.parse * Update lunr-search-index.js * Always explicitly include process.cwd() for JSON file reads pathed from project root * update graphql/update-files.js script * Update other npm scripts using jest to pass ESM NODE_OPTIONS * Update check-for-enterprise-issues-by-label.js for ESM * Update create-enterprise-issue.js for ESM * Import jest global for browser tests * Convert 'script/deploy' to ESM Co-authored-by: Grace Park <gracepark@github.com> Co-authored-by: James M. Greene <jamesmgreene@github.com>
139 lines
3.0 KiB
JavaScript
139 lines
3.0 KiB
JavaScript
import h from 'hastscript'
|
|
import octicons from '@primer/octicons'
|
|
import parse5 from 'parse5'
|
|
import fromParse5 from 'hast-util-from-parse5'
|
|
|
|
const LANGUAGE_MAP = {
|
|
asp: 'ASP',
|
|
aspx: 'ASP',
|
|
'aspx-vb': 'ASP',
|
|
as3: 'ActionScript',
|
|
apache: 'ApacheConf',
|
|
nasm: 'Assembly',
|
|
bat: 'Batchfile',
|
|
'c#': 'C#',
|
|
csharp: 'C#',
|
|
c: 'C',
|
|
'c++': 'C++',
|
|
cpp: 'C++',
|
|
chpl: 'Chapel',
|
|
coffee: 'CoffeeScript',
|
|
'coffee-script': 'CoffeeScript',
|
|
cfm: 'ColdFusion',
|
|
'common-lisp': 'Common Lisp',
|
|
lisp: 'Common Lisp',
|
|
dpatch: 'Darcs Patch',
|
|
dart: 'Dart',
|
|
elisp: 'Emacs Lisp',
|
|
emacs: 'Emacs Lisp',
|
|
'emacs-lisp': 'Emacs Lisp',
|
|
pot: 'Gettext Catalog',
|
|
html: 'HTML',
|
|
xhtml: 'HTML',
|
|
'html+erb': 'HTML+ERB',
|
|
erb: 'HTML+ERB',
|
|
irc: 'IRC log',
|
|
json: 'JSON',
|
|
jsp: 'Java Server Pages',
|
|
java: 'Java',
|
|
javascript: 'JavaScript',
|
|
js: 'JavaScript',
|
|
lhs: 'Literate Haskell',
|
|
'literate-haskell': 'Literate Haskell',
|
|
objc: 'Objective-C',
|
|
openedge: 'OpenEdge ABL',
|
|
progress: 'OpenEdge ABL',
|
|
abl: 'OpenEdge ABL',
|
|
pir: 'Parrot Internal Representation',
|
|
posh: 'PowerShell',
|
|
puppet: 'Puppet',
|
|
'pure-data': 'Pure Data',
|
|
raw: 'Raw token data',
|
|
rb: 'Ruby',
|
|
ruby: 'Ruby',
|
|
r: 'R',
|
|
scheme: 'Scheme',
|
|
bash: 'Shell',
|
|
sh: 'Shell',
|
|
shell: 'Shell',
|
|
zsh: 'Shell',
|
|
supercollider: 'SuperCollider',
|
|
tex: 'TeX',
|
|
ts: 'TypeScript',
|
|
vim: 'Vim script',
|
|
viml: 'Vim script',
|
|
rst: 'reStructuredText',
|
|
xbm: 'X BitMap',
|
|
xpm: 'X PixMap',
|
|
yaml: 'YAML',
|
|
yml: 'YAML',
|
|
|
|
// Unofficial languages
|
|
shellsession: 'Shell',
|
|
jsx: 'JSX'
|
|
}
|
|
|
|
const COPY_REGEX = /\{:copy\}$/
|
|
|
|
/**
|
|
* Adds a bar above code blocks that shows the language and a copy button
|
|
*/
|
|
export default function addCodeHeader (node) {
|
|
// Check if the language matches `lang{:copy}`
|
|
const hasCopy = node.lang && COPY_REGEX.test(node.lang)
|
|
|
|
if (hasCopy) {
|
|
// js{:copy} => js
|
|
node.lang = node.lang.replace(COPY_REGEX, '')
|
|
} else {
|
|
// It doesn't have the copy annotation, so don't add the header
|
|
return
|
|
}
|
|
|
|
// Display the language using the above map of `{ [shortCode]: language }`
|
|
const language = LANGUAGE_MAP[node.lang] || node.lang || 'Code'
|
|
|
|
const btnIconHtml = octicons.clippy.toSVG()
|
|
const btnIconAst = parse5.parse(String(btnIconHtml))
|
|
const btnIcon = fromParse5(btnIconAst, btnIconHtml)
|
|
|
|
// Need to create the header using Markdown AST utilities, to fit
|
|
// into the Unified processor ecosystem.
|
|
const header = h(
|
|
'header',
|
|
{
|
|
class: [
|
|
'd-flex',
|
|
'flex-items-center',
|
|
'flex-justify-between',
|
|
'p-2',
|
|
'text-small',
|
|
'rounded-top-1',
|
|
'border'
|
|
]
|
|
},
|
|
[
|
|
h('span', language),
|
|
h(
|
|
'button',
|
|
{
|
|
class: [
|
|
'js-btn-copy',
|
|
'btn',
|
|
'btn-sm',
|
|
'tooltipped',
|
|
'tooltipped-nw'
|
|
],
|
|
'data-clipboard-text': node.value,
|
|
'aria-label': 'Copy code to clipboard'
|
|
},
|
|
btnIcon
|
|
)
|
|
]
|
|
)
|
|
|
|
return {
|
|
before: [header]
|
|
}
|
|
}
|