🚸 custom juicescript syntax highlighting
This commit is contained in:
parent
27aa2990cb
commit
082899d052
@ -99,7 +99,7 @@
|
||||
<body>
|
||||
<div class="collection">
|
||||
<div class="item editor">
|
||||
<textarea id="editor" class="prism-live line-numbers language-ruby fill">set $q 0
|
||||
<textarea id="editor" class="prism-live line-numbers language-juice fill">set $q 0
|
||||
|
||||
loop:
|
||||
echo $q
|
||||
|
||||
@ -1,7 +1,3 @@
|
||||
/* PrismJS 1.29.0
|
||||
https://prismjs.com/download.html#themes=prism-tomorrow&languages=clike+ruby */
|
||||
/// <reference lib="WebWorker"/>
|
||||
|
||||
var _self = (typeof window !== 'undefined')
|
||||
? window // if in browser
|
||||
: (
|
||||
@ -1265,35 +1261,13 @@ if (typeof global !== 'undefined') {
|
||||
*/
|
||||
;
|
||||
Prism.languages.clike = {
|
||||
'comment': [
|
||||
{
|
||||
pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
|
||||
lookbehind: true,
|
||||
greedy: true
|
||||
},
|
||||
{
|
||||
pattern: /(^|[^\\:])\/\/.*/,
|
||||
lookbehind: true,
|
||||
greedy: true
|
||||
}
|
||||
],
|
||||
'string': {
|
||||
pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
|
||||
greedy: true
|
||||
},
|
||||
'class-name': {
|
||||
pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
|
||||
lookbehind: true,
|
||||
inside: {
|
||||
'punctuation': /[.\\]/
|
||||
}
|
||||
},
|
||||
'keyword': /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
|
||||
'boolean': /\b(?:false|true)\b/,
|
||||
'function': /\b\w+(?=\()/,
|
||||
'number': /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
|
||||
'operator': /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
|
||||
'punctuation': /[{}[\];(),.:]/
|
||||
'null': /\b(?:null)\b/,
|
||||
'number': /\-?(?:0x[\da-f]+\b|\b0o[0-7]+\b|\b0b[01]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)/i
|
||||
};
|
||||
|
||||
/**
|
||||
@ -1303,28 +1277,23 @@ Prism.languages.clike = {
|
||||
* constant, builtin, variable, symbol, regex
|
||||
*/
|
||||
(function (Prism) {
|
||||
Prism.languages.ruby = Prism.languages.extend('clike', {
|
||||
'comment': {
|
||||
pattern: /#.*|^=begin\s[\s\S]*?^=end/m,
|
||||
greedy: true
|
||||
},
|
||||
'class-name': {
|
||||
pattern: /(\b(?:class|module)\s+|\bcatch\s+\()[\w.\\]+|\b[A-Z_]\w*(?=\s*\.\s*new\b)/,
|
||||
lookbehind: true,
|
||||
inside: {
|
||||
'punctuation': /[.\\]/
|
||||
}
|
||||
},
|
||||
'keyword': /\b(?:BEGIN|END|alias|and|begin|break|case|class|def|define_method|defined|do|each|else|elsif|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|private|protected|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/,
|
||||
'operator': /\.{2,3}|&\.|===|<?=>|[!=]?~|(?:&&|\|\||<<|>>|\*\*|[+\-*/%<>!^&|=])=?|[?:]/,
|
||||
'punctuation': /[(){}[\].,;]/,
|
||||
});
|
||||
|
||||
Prism.languages.insertBefore('ruby', 'operator', {
|
||||
'double-colon': {
|
||||
pattern: /::/,
|
||||
alias: 'punctuation'
|
||||
},
|
||||
Prism.languages.juice = Prism.languages.extend('clike', {
|
||||
'comment': [
|
||||
{
|
||||
pattern: /(#.*|^=begin\s[\s\S]*?^=end)|(\/\/.*|^=begin\s[\s\S]*?^=end)/m,
|
||||
greedy: true
|
||||
},
|
||||
{
|
||||
pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
|
||||
lookbehind: true,
|
||||
greedy: true
|
||||
},
|
||||
],
|
||||
'class-name': /(:[a-zA-Z0-9-_]+:)|(:[a-zA-Z0-9-_]+)|([a-zA-Z0-9-_]+:)/,
|
||||
'keyword': /\b(?:move|mov|set|glob|global|pub|public|typ|type|cst|cast|neg|negate|inv|invert|add|sub|mul|div|mod|pow|root|log|round|ceil|floor|neg|negate|inv|invert|jmp|jump|goto|drw|draw|echo|ask|deb|debug|(?:pxl|pixel|canv|canvas)(?: (?:size|res|autodraw|set|draw))?|halt|stop|exit|return|pop|len|time|rnd|rand|random|chr|slice|substr|pos|strpos)\b/,
|
||||
'operator': /ifl|if|def|end|=|<|>|!|&|\?|\*/,
|
||||
'punctuation': /[;]/,
|
||||
'custom-command': /[a-zA-Z][a-zA-Z0-9-_]*/,
|
||||
});
|
||||
|
||||
var interpolation = {
|
||||
@ -1334,7 +1303,7 @@ Prism.languages.clike = {
|
||||
'content': {
|
||||
pattern: /^(#\{)[\s\S]+(?=\}$)/,
|
||||
lookbehind: true,
|
||||
inside: Prism.languages.ruby
|
||||
inside: Prism.languages.juice
|
||||
},
|
||||
'delimiter': {
|
||||
pattern: /^#\{|\}$/,
|
||||
@ -1343,7 +1312,7 @@ Prism.languages.clike = {
|
||||
}
|
||||
};
|
||||
|
||||
delete Prism.languages.ruby.function;
|
||||
delete Prism.languages.juice.function;
|
||||
|
||||
var percentExpression = '(?:' + [
|
||||
/([^a-zA-Z0-9\s{(\[<=])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,
|
||||
@ -1355,27 +1324,13 @@ Prism.languages.clike = {
|
||||
|
||||
var symbolName = /(?:"(?:\\.|[^"\\\r\n])*"|(?:\b[a-zA-Z_]\w*|[^\s\0-\x7F]+)[?!]?|\$.)/.source;
|
||||
|
||||
Prism.languages.insertBefore('ruby', 'keyword', {
|
||||
'regex-literal': [
|
||||
Prism.languages.insertBefore('juice', 'keyword', {
|
||||
'variable': [
|
||||
{
|
||||
pattern: RegExp(/%r/.source + percentExpression + /[egimnosux]{0,6}/.source),
|
||||
greedy: true,
|
||||
inside: {
|
||||
'interpolation': interpolation,
|
||||
'regex': /[\s\S]+/
|
||||
}
|
||||
},
|
||||
{
|
||||
pattern: /(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[egimnosux]{0,6}(?=\s*(?:$|[\r\n,.;})#]))/,
|
||||
lookbehind: true,
|
||||
greedy: true,
|
||||
inside: {
|
||||
'interpolation': interpolation,
|
||||
'regex': /[\s\S]+/
|
||||
}
|
||||
pattern: /\$\{|(\$[a-zA-Z0-9\-\_]*)|\}/,
|
||||
greedy: true
|
||||
}
|
||||
],
|
||||
'variable': /[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,
|
||||
'symbol': [
|
||||
{
|
||||
pattern: RegExp(/(^|[^:]):/.source + symbolName),
|
||||
@ -1383,7 +1338,7 @@ Prism.languages.clike = {
|
||||
greedy: true
|
||||
},
|
||||
{
|
||||
pattern: RegExp(/([\r\n{(,][ \t]*)/.source + symbolName + /(?=:(?!:))/.source),
|
||||
pattern: RegExp(/([\r\n{(,][ \t]*)/.source + symbolName + /(:)/.source),
|
||||
lookbehind: true,
|
||||
greedy: true
|
||||
},
|
||||
@ -1400,7 +1355,7 @@ Prism.languages.clike = {
|
||||
}
|
||||
});
|
||||
|
||||
Prism.languages.insertBefore('ruby', 'string', {
|
||||
Prism.languages.insertBefore('juice', 'string', {
|
||||
'string-literal': [
|
||||
{
|
||||
pattern: RegExp(/%[qQiIwWs]?/.source + percentExpression),
|
||||
@ -1476,13 +1431,14 @@ Prism.languages.clike = {
|
||||
]
|
||||
});
|
||||
|
||||
delete Prism.languages.ruby.string;
|
||||
delete Prism.languages.juice.string;
|
||||
|
||||
Prism.languages.insertBefore('ruby', 'number', {
|
||||
'builtin': /\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Fixnum|Float|Hash|IO|Integer|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|Stat|String|Struct|Symbol|TMS|Thread|ThreadGroup|Time|TrueClass)\b/,
|
||||
'constant': /\b[A-Z][A-Z0-9_]*(?:[?!]|\b)/
|
||||
Prism.languages.insertBefore('juice', 'number', {
|
||||
'constant': /\b\_\_[A-Z0-9_]*\_\_\b/
|
||||
});
|
||||
|
||||
Prism.languages.rb = Prism.languages.ruby;
|
||||
Prism.languages.jce = Prism.languages.juice;
|
||||
Prism.languages.juicescript = Prism.languages.juice;
|
||||
Prism.languages["juice-script"] = Prism.languages.juice;
|
||||
}(Prism));
|
||||
|
||||
|
||||
@ -64,31 +64,42 @@ pre[class*="language-"] {
|
||||
color: #F00;
|
||||
}
|
||||
|
||||
.token.null,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.function {
|
||||
.token.number {
|
||||
color: var(--onedark-orange);
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.class-name,
|
||||
.token.constant,
|
||||
.token.symbol {
|
||||
color: #00F;
|
||||
}
|
||||
|
||||
.token.constant {
|
||||
color: var(--onedark-orange);
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: var(--onedark-yellow);
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.important,
|
||||
.token.atrule,
|
||||
.token.keyword,
|
||||
.token.builtin {
|
||||
.token.atrule {
|
||||
color: var(--onedark-purple);
|
||||
}
|
||||
|
||||
.token.keyword {
|
||||
color: var(--onedark-cyan);
|
||||
}
|
||||
|
||||
.token.custom-command, .token.method-definition .token.function {
|
||||
color: var(--onedark-blue);
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.attr-value,
|
||||
.token.regex {
|
||||
.token.attr-value {
|
||||
color: var(--onedark-green);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user