move highlight.js to npm/webpack (#10011)
- introduced window.config to help with js-based lazy-loading - adjusted webpack chunk naming to avoid 'vendors~name.js' that webpack defaults to for vendor chunks. - added theme class to html and prefixed all selectors. this is neccesary so that the theme styles win over the lazy-loaded ones. Co-authored-by: zeripath <art27@cantab.net>tokarchuk/v1.17
silverwind
5 years ago
committed by
Lauris BH
parent
d879353632
commit
b9690d7c0b
@ -1,25 +0,0 @@ |
|||||||
Copyright (c) 2006, Ivan Sagalaev |
|
||||||
All rights reserved. |
|
||||||
Redistribution and use in source and binary forms, with or without |
|
||||||
modification, are permitted provided that the following conditions are met: |
|
||||||
|
|
||||||
* Redistributions of source code must retain the above copyright |
|
||||||
notice, this list of conditions and the following disclaimer. |
|
||||||
* Redistributions in binary form must reproduce the above copyright |
|
||||||
notice, this list of conditions and the following disclaimer in the |
|
||||||
documentation and/or other materials provided with the distribution. |
|
||||||
* Neither the name of highlight.js nor the names of its contributors |
|
||||||
may be used to endorse or promote products derived from this software |
|
||||||
without specific prior written permission. |
|
||||||
|
|
||||||
THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY |
|
||||||
EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
|
||||||
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
|
||||||
DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY |
|
||||||
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
|
||||||
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
|
||||||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
|
||||||
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
|
||||||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS |
|
||||||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
|
||||||
|
|
||||||
@ -1,99 +0,0 @@ |
|||||||
/* |
|
||||||
|
|
||||||
Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org> |
|
||||||
|
|
||||||
*/ |
|
||||||
|
|
||||||
.hljs { |
|
||||||
display: block; |
|
||||||
overflow-x: auto; |
|
||||||
padding: 0.5em; |
|
||||||
background: #F0F0F0; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/* Base color: saturation 0; */ |
|
||||||
|
|
||||||
.hljs, |
|
||||||
.hljs-subst { |
|
||||||
color: #444; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-comment { |
|
||||||
color: #888888; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-keyword, |
|
||||||
.hljs-attribute, |
|
||||||
.hljs-selector-tag, |
|
||||||
.hljs-meta-keyword, |
|
||||||
.hljs-doctag, |
|
||||||
.hljs-name { |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/* User color: hue: 0 */ |
|
||||||
|
|
||||||
.hljs-type, |
|
||||||
.hljs-string, |
|
||||||
.hljs-number, |
|
||||||
.hljs-selector-id, |
|
||||||
.hljs-selector-class, |
|
||||||
.hljs-quote, |
|
||||||
.hljs-template-tag, |
|
||||||
.hljs-deletion { |
|
||||||
color: #880000; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-title, |
|
||||||
.hljs-section { |
|
||||||
color: #880000; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-regexp, |
|
||||||
.hljs-symbol, |
|
||||||
.hljs-variable, |
|
||||||
.hljs-template-variable, |
|
||||||
.hljs-link, |
|
||||||
.hljs-selector-attr, |
|
||||||
.hljs-selector-pseudo { |
|
||||||
color: #BC6060; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/* Language color: hue: 90; */ |
|
||||||
|
|
||||||
.hljs-literal { |
|
||||||
color: #78A960; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-built_in, |
|
||||||
.hljs-bullet, |
|
||||||
.hljs-code, |
|
||||||
.hljs-addition { |
|
||||||
color: #397300; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/* Meta color: hue: 200 */ |
|
||||||
|
|
||||||
.hljs-meta { |
|
||||||
color: #1f7199; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-meta-string { |
|
||||||
color: #4d99bf; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
/* Misc effects */ |
|
||||||
|
|
||||||
.hljs-emphasis { |
|
||||||
font-style: italic; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-strong { |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
@ -1,99 +0,0 @@ |
|||||||
/* |
|
||||||
|
|
||||||
github.com style (c) Vasily Polovnyov <vast@whiteants.net> |
|
||||||
|
|
||||||
*/ |
|
||||||
|
|
||||||
.hljs { |
|
||||||
display: block; |
|
||||||
overflow-x: auto; |
|
||||||
padding: 0.5em; |
|
||||||
color: #333; |
|
||||||
background: #f8f8f8; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-comment, |
|
||||||
.hljs-quote { |
|
||||||
color: #998; |
|
||||||
font-style: italic; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-keyword, |
|
||||||
.hljs-selector-tag, |
|
||||||
.hljs-subst { |
|
||||||
color: #333; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-number, |
|
||||||
.hljs-literal, |
|
||||||
.hljs-variable, |
|
||||||
.hljs-template-variable, |
|
||||||
.hljs-tag .hljs-attr { |
|
||||||
color: #008080; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-string, |
|
||||||
.hljs-doctag { |
|
||||||
color: #d14; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-title, |
|
||||||
.hljs-section, |
|
||||||
.hljs-selector-id { |
|
||||||
color: #900; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-subst { |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-type, |
|
||||||
.hljs-class .hljs-title { |
|
||||||
color: #458; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-tag, |
|
||||||
.hljs-name, |
|
||||||
.hljs-attribute { |
|
||||||
color: #000080; |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-regexp, |
|
||||||
.hljs-link { |
|
||||||
color: #009926; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-symbol, |
|
||||||
.hljs-bullet { |
|
||||||
color: #990073; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-built_in, |
|
||||||
.hljs-builtin-name { |
|
||||||
color: #0086b3; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-meta { |
|
||||||
color: #999; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-deletion { |
|
||||||
background: #fdd; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-addition { |
|
||||||
background: #dfd; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-emphasis { |
|
||||||
font-style: italic; |
|
||||||
} |
|
||||||
|
|
||||||
.hljs-strong { |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,12 @@ |
|||||||
|
export default async function initHighlight() { |
||||||
|
if (!window.config || !window.config.HighlightJS) return; |
||||||
|
|
||||||
|
const hljs = await import(/* webpackChunkName: "highlight" */'highlight.js'); |
||||||
|
|
||||||
|
const nodes = [].slice.call(document.querySelectorAll('pre code') || []); |
||||||
|
for (let i = 0; i < nodes.length; i++) { |
||||||
|
hljs.highlightBlock(nodes[i]); |
||||||
|
} |
||||||
|
|
||||||
|
return hljs; |
||||||
|
} |
||||||
Loading…
Reference in new issue