mark the {@code } and {@code } tags in your source with
* {@code class=prettyprint.}
* You can also use the (html deprecated) {@code <![CDATA[} tag, but the pretty
* printer needs to do more substantial DOM manipulations to support that, so
* some css styles may not be preserved.
* </ol>
* That's it. I wanted to keep the API as simple as possible, so there's no
* need to specify which language the code is in, but if you wish, you can add
* another class to the {@code <pre>} or {@code <code>} element to specify the
* language, as in {@code <pre class="prettyprint lang-java">}. Any class that
* starts with "lang-" followed by a file extension, specifies the file type.
* See the "lang-*.js" files in this directory for code that implements
* per-language file handlers.
* <p>
* Change log:<br>
* cbeust, 2006/08/22
* <blockquote>
* Java annotations (start with "@") are now captured as literals ("lit")
* </blockquote>
* @requires console
*/
// JSLint declarations
/*global console, document, navigator, setTimeout, window, define */
/**
* @typedef {!Array.<number|string>}
* Alternating indices and the decorations that should be inserted there.
* The indices are monotonically increasing.
*/
var DecorationsT;
/**
* @typedef {!{
* sourceNode: !Element,
* pre: !(number|boolean),
* langExtension: ?string,
* numberLines: ?(number|boolean),
* sourceCode: ?string,
* spans: ?(Array.<number|Node>),
* basePos: ?number,
* decorations: ?DecorationsT
* }}
* <dl>
* <dt>sourceNode<dd>the element containing the source
* <dt>sourceCode<dd>source as plain text
* <dt>pre<dd>truthy if white-space in text nodes
* should be considered significant.
* <dt>spans<dd> alternating span start indices into source
* and the text node or element (e.g. {@code <BR>}) corresponding to that
* span.
* <dt>decorations<dd>an array of style classes preceded
* by the position at which they start in job.sourceCode in order
* <dt>basePos<dd>integer position of this.sourceCode in the larger chunk of
* source.
* </dl>
*/
var JobT;
/**
* @typedef {!{
* sourceCode: string,
* spans: !(Array.<number|Node>)
* }}
* <dl>
* <dt>sourceCode<dd>source as plain text
* <dt>spans<dd> alternating span start indices into source
* and the text node or element (e.g. {@code <BR>}) corresponding to that
* span.
* </dl>
*/
var SourceSpansT;
/** @define {boolean} */
var IN_GLOBAL_SCOPE = true;
/**
* {@type !{
* 'createSimpleLexer': function (Array, Array): (function (JobT)),
* 'registerLangHandler': function (function (JobT), Array.<string>),
* 'PR_ATTRIB_NAME': string,
* 'PR_ATTRIB_NAME': string,
* 'PR_ATTRIB_VALUE': string,
* 'PR_COMMENT': string,
* 'PR_DECLARATION': string,
* 'PR_KEYWORD': string,
* 'PR_LITERAL': string,
* 'PR_NOCODE': string,
* 'PR_PLAIN': string,
* 'PR_PUNCTUATION': string,
* 'PR_SOURCE': string,
* 'PR_STRING': string,
* 'PR_TAG': string,
* 'PR_TYPE': string,
* 'prettyPrintOne': function (string, string, number|boolean),
* 'prettyPrint': function (?function, ?(HTMLElement|HTMLDocument))
* }}
* @const
*/
var PR;
/**
* Split {@code prettyPrint} into multiple timeouts so as not to interfere with
* UI events.
* If set to {@code false}, {@code prettyPrint()} is synchronous.
*/
var PR_SHOULD_USE_CONTINUATION = true
if (typeof window !== 'undefined') {
window['PR_SHOULD_USE_CONTINUATION'] = PR_SHOULD_USE_CONTINUATION;
}
/**
* Pretty print a chunk of code.
* @param {string} sourceCodeHtml The HTML to pretty print.
* @param {string} opt_langExtension The language name to use.
* Typically, a filename extension like 'cpp' or 'java'.
* @param {number|boolean} opt_numberLines True to number lines,
* or the 1-indexed number of the first line in sourceCodeHtml.
* @return {string} code as html, but prettier
*/
var prettyPrintOne;
/**
* Find all the {@code <pre>} and {@code <code>} tags in the DOM with
* {@code class=prettyprint} and prettify them.
*
* @param {Function} opt_whenDone called when prettifying is done.
* @param {HTMLElement|HTMLDocument} opt_root an element or document
* containing all the elements to pretty print.
* Defaults to {@code document.body}.
*/
var prettyPrint;
(function () {
var win = (typeof window !== 'undefined') ? window : {};
// Keyword lists for various languages.
// We use things that coerce to strings to make them compact when minified
// and to defeat aggressive optimizers that fold large string constants.
var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," +
"double,enum,extern,float,goto,inline,int,long,register,restrict,short,signed," +
"sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];
var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
"new,operator,private,protected,public,this,throw,true,try,typeof"];
var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignas,alignof,align_union,asm,axiom,bool," +
"concept,concept_map,const_cast,constexpr,decltype,delegate," +
"dynamic_cast,explicit,export,friend,generic,late_check," +
"mutable,namespace,noexcept,noreturn,nullptr,property,reinterpret_cast,static_assert," +
"static_cast,template,typeid,typename,using,virtual,where"];
var JAVA_KEYWORDS = [COMMON_KEYWORDS,
"abstract,assert,boolean,byte,extends,finally,final,implements,import," +
"instanceof,interface,null,native,package,strictfp,super,synchronized," +
"throws,transient"];
var CSHARP_KEYWORDS = [COMMON_KEYWORDS,
"abstract,add,alias,as,ascending,async,await,base,bool,by,byte,checked,decimal,delegate,descending," +
"dynamic,event,finally,fixed,foreach,from,get,global,group,implicit,in,interface," +
"internal,into,is,join,let,lock,null,object,out,override,orderby,params," +
"partial,readonly,ref,remove,sbyte,sealed,select,set,stackalloc,string,select,uint,ulong," +
"unchecked,unsafe,ushort,value,var,virtual,where,yield"];
var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
"for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
"throw,true,try,unless,until,when,while,yes";
var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
"abstract,async,await,constructor,debugger,enum,eval,export,from,function," +
"get,import,implements,instanceof,interface,let,null,of,set,undefined," +
"var,with,yield,Infinity,NaN"];
var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
"goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
"sub,undef,unless,until,use,wantarray,while,BEGIN,END";
var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
"elif,except,exec,finally,from,global,import,in,is,lambda," +
"nonlocal,not,or,pass,print,raise,try,with,yield," +
"False,True,None"];
var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
"def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
"rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
"BEGIN,END"];
var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
"function,in,local,set,then,until"];
var ALL_KEYWORDS = [
CPP_KEYWORDS, CSHARP_KEYWORDS, JAVA_KEYWORDS, JSCRIPT_KEYWORDS,
PERL_KEYWORDS, PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
var C_TYPES = /^(DIR|FILE|array|vector|(de|priority_)?queue|(forward_)?list|stack|(const_)?(reverse_)?iterator|(unordered_)?(multi)?(set|map)|bitset|u?(int|float)\d*)\b/;
// token style names. correspond to css classes
/**
* token style for a string literal
* @const
*/
var PR_STRING = 'str';
/**
* token style for a keyword
* @const
*/
var PR_KEYWORD = 'kwd';
/**
* token style for a comment
* @const
*/
var PR_COMMENT = 'com';
/**
* token style for a type
* @const
*/
var PR_TYPE = 'typ';
/**
* token style for a literal value. e.g. 1, null, true.
* @const
*/
var PR_LITERAL = 'lit';
/**
* token style for a punctuation string.
* @const
*/
var PR_PUNCTUATION = 'pun';
/**
* token style for plain text.
* @const
*/
var PR_PLAIN = 'pln';
/**
* token style for an sgml tag.
* @const
*/
var PR_TAG = 'tag';
/**
* token style for a markup declaration such as a DOCTYPE.
* @const
*/
var PR_DECLARATION = 'dec';
/**
* token style for embedded source.
* @const
*/
var PR_SOURCE = 'src';
/**
* token style for an sgml attribute name.
* @const
*/
var PR_ATTRIB_NAME = 'atn';
/**
* token style for an sgml attribute value.
* @const
*/
var PR_ATTRIB_VALUE = 'atv';
/**
* A class that indicates a section of markup that is not code, e.g. to allow
* embedding of line numbers within code listings.
* @const
*/
var PR_NOCODE = 'nocode';
// Regex pattern below is automatically generated by regexpPrecederPatterns.pl
// Do not modify, your changes will be erased.
// CAVEAT: this does not properly handle the case where a regular
// expression immediately follows another since a regular expression may
// have flags for case-sensitivity and the like. Having regexp tokens
// adjacent is not valid in any language I'm aware of, so I'm punting.
// TODO: maybe style special characters inside a regexp as punctuation.
/**
* A set of tokens that can precede a regular expression literal in
* javascript
* http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
* has the full list, but I've removed ones that might be problematic when
* seen in languages that don't support regular expression literals.
*
* Specifically, I've removed any keywords that can't precede a regexp
* literal in a syntactically legal javascript program, and I've removed the
* "in" keyword since it's not a keyword in many languages, and might be used
* as a count of inches.
*
* The link above does not accurately describe EcmaScript rules since
* it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
* very well in practice.
*
* @private
* @const
*/
var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
/**
* Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
* matches the union of the sets of strings matched by the input RegExp.
* Since it matches globally, if the input strings have a start-of-input
* anchor (/^.../), it is ignored for the purposes of unioning.
* @param {Array.<RegExp>} regexs non multiline, non-global regexs.
* @return {RegExp} a global regex.
*/
function combinePrefixPatterns(regexs) {
var capturedGroupIndex = 0;
var needToFoldCase = false;
var ignoreCase = false;
for (var i = 0, n = regexs.length; i < n; ++i) {
var regex = regexs[i];
if (regex.ignoreCase) {
ignoreCase = true;
} else if (/[a-z]/i.test(regex.source.replace(
/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
needToFoldCase = true;
ignoreCase = false;
break;
}
}
var escapeCharToCodeUnit = {
'b': 8,
't': 9,
'n': 0xa,
'v': 0xb,
'f': 0xc,
'r': 0xd
};
function decodeEscape(charsetPart) {
var cc0 = charsetPart.charCodeAt(0);
if (cc0 !== 92 /* \\ */) {
return cc0;
}
var c1 = charsetPart.charAt(1);
cc0 = escapeCharToCodeUnit[c1];
if (cc0) {
return cc0;
} else if ('0' <= c1 && c1 <= '7') {
return parseInt(charsetPart.substring(1), 8);
} else if (c1 === 'u' || c1 === 'x') {
return parseInt(charsetPart.substring(2), 16);
} else {
return charsetPart.charCodeAt(1);
}
}
function encodeEscape(charCode) {
if (charCode < 0x20) {
return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
}
var ch = String.fromCharCode(charCode);
return (ch === '\\' || ch === '-' || ch === ']' || ch === '^')
? "\\" + ch : ch;
}
function caseFoldCharset(charSet) {
var charsetParts = charSet.substring(1, charSet.length - 1).match(
new RegExp(
'\\\\u[0-9A-Fa-f]{4}'
+ '|\\\\x[0-9A-Fa-f]{2}'
+ '|\\\\[0-3][0-7]{0,2}'
+ '|\\\\[0-7]{1,2}'
+ '|\\\\[\\s\\S]'
+ '|-'
+ '|[^-\\\\]',
'g'));
var ranges = [];
var inverse = charsetParts[0] === '^';
var out = ['['];
if (inverse) { out.push('^'); }
for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
var p = charsetParts[i];
if (/\\[bdsw]/i.test(p)) { // Don't muck with named groups.
out.push(p);
} else {
var start = decodeEscape(p);
var end;
if (i + 2 < n && '-' === charsetParts[i + 1]) {
end = decodeEscape(charsetParts[i + 2]);
i += 2;
} else {
end = start;
}
ranges.push([start, end]);
// If the range might intersect letters, then expand it.
// This case handling is too simplistic.
// It does not deal with non-latin case folding.
// It works for latin source code identifiers though.
if (!(end < 65 || start > 122)) {
if (!(end < 65 || start > 90)) {
ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
}
if (!(end < 97 || start > 122)) {
ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
}
}
}
}
// [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
// -> [[1, 12], [14, 14], [16, 17]]
ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1] - a[1]); });
var consolidatedRanges = [];
var lastRange = [];
for (var i = 0; i < ranges.length; ++i) {
var range = ranges[i];
if (range[0] <= lastRange[1] + 1) {
lastRange[1] = Math.max(lastRange[1], range[1]);
} else {
consolidatedRanges.push(lastRange = range);
}
}
for (var i = 0; i < consolidatedRanges.length; ++i) {
var range = consolidatedRanges[i];
out.push(encodeEscape(range[0]));
if (range[1] > range[0]) {
if (range[1] + 1 > range[0]) { out.push('-'); }
out.push(encodeEscape(range[1]));
}
}
out.push(']');
return out.join('');
}
function allowAnywhereFoldCaseAndRenumberGroups(regex) {
// Split into character sets, escape sequences, punctuation strings
// like ('(', '(?:', ')', '^'), and runs of characters that do not
// include any of the above.
var parts = regex.source.match(
new RegExp(
'(?:'
+ '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]' // a character set
+ '|\\\\u[A-Fa-f0-9]{4}' // a unicode escape
+ '|\\\\x[A-Fa-f0-9]{2}' // a hex escape
+ '|\\\\[0-9]+' // a back-reference or octal escape
+ '|\\\\[^ux0-9]' // other escape sequence
+ '|\\(\\?[:!=]' // start of a non-capturing group
+ '|[\\(\\)\\^]' // start/end of a group, or line start
+ '|[^\\x5B\\x5C\\(\\)\\^]+' // run of other characters
+ ')',
'g'));
var n = parts.length;
// Maps captured group numbers to the number they will occupy in
// the output or to -1 if that has not been determined, or to
// undefined if they need not be capturing in the output.
var capturedGroups = [];
// Walk over and identify back references to build the capturedGroups
// mapping.
for (var i = 0, groupIndex = 0; i < n; ++i) {
var p = parts[i];
if (p === '(') {
// groups are 1-indexed, so max group index is count of '('
++groupIndex;
} else if ('\\' === p.charAt(0)) {
var decimalValue = +p.substring(1);
if (decimalValue) {
if (decimalValue <= groupIndex) {
capturedGroups[decimalValue] = -1;
} else {
// Replace with an unambiguous escape sequence so that
// an octal escape sequence does not turn into a backreference
// to a capturing group from an earlier regex.
parts[i] = encodeEscape(decimalValue);
}
}
}
}
// Renumber groups and reduce capturing groups to non-capturing groups
// where possible.
for (var i = 1; i < capturedGroups.length; ++i) {
if (-1 === capturedGroups[i]) {
capturedGroups[i] = ++capturedGroupIndex;
}
}
for (var i = 0, groupIndex = 0; i < n; ++i) {
var p = parts[i];
if (p === '(') {
++groupIndex;
if (!capturedGroups[groupIndex]) {
parts[i] = '(?:';
}
} else if ('\\' === p.charAt(0)) {
var decimalValue = +p.substring(1);
if (decimalValue && decimalValue <= groupIndex) {
parts[i] = '\\' + capturedGroups[decimalValue];
}
}
}
// Remove any prefix anchors so that the output will match anywhere.
// ^^ really does mean an anchored match though.
for (var i = 0; i < n; ++i) {
if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
}
// Expand letters to groups to handle mixing of case-sensitive and
// case-insensitive patterns if necessary.
if (regex.ignoreCase && needToFoldCase) {
for (var i = 0; i < n; ++i) {
var p = parts[i];
var ch0 = p.charAt(0);
if (p.length >= 2 && ch0 === '[') {
parts[i] = caseFoldCharset(p);
} else if (ch0 !== '\\') {
// TODO: handle letters in numeric escapes.
parts[i] = p.replace(
/[a-zA-Z]/g,
function (ch) {
var cc = ch.charCodeAt(0);
return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
});
}
}
}
return parts.join('');
}
var rewritten = [];
for (var i = 0, n = regexs.length; i < n; ++i) {
var regex = regexs[i];
if (regex.global || regex.multiline) { throw new Error('' + regex); }
rewritten.push(
'(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
}
return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
}
/**
* Split markup into a string of source code and an array mapping ranges in
* that string to the text nodes in which they appear.
*
* <p>
* The HTML DOM structure:</p>
* <pre>
* (Element "p"
* (Element "b"
* (Text "print ")) ; #1
* (Text "'Hello '") ; #2
* (Element "br") ; #3
* (Text " + 'World';")) ; #4
* </pre>
* <p>
* corresponds to the HTML
* {@code <p><b>print </b>'Hello '<br> + 'World';</p>}.</p>
*
* <p>
* It will produce the output:</p>
* <pre>
* {
* sourceCode: "print 'Hello '\n + 'World';",
* // 1 2
* // 012345678901234 5678901234567
* spans: [0, #1, 6, #2, 14, #3, 15, #4]
* }
* </pre>
* <p>
* where #1 is a reference to the {@code "print "} text node above, and so
* on for the other text nodes.
* </p>
*
* <p>
* The {@code} spans array is an array of pairs. Even elements are the start
* indices of substrings, and odd elements are the text nodes (or BR elements)
* that contain the text for those substrings.
* Substrings continue until the next index or the end of the source.
* </p>
*
* @param {Node} node an HTML DOM subtree containing source-code.
* @param {boolean|number} isPreformatted truthy if white-space in
* text nodes should be considered significant.
* @return {SourceSpansT} source code and the nodes in which they occur.
*/
function extractSourceSpans(node, isPreformatted) {
var nocode = /(?:^|\s)nocode(?:\s|$)/;
var chunks = [];
var length = 0;
var spans = [];
var k = 0;
function walk(node) {
var type = node.nodeType;
if (type == 1) { // Element
if (nocode.test(node.className)) { return; }
for (var child = node.firstChild; child; child = child.nextSibling) {
walk(child);
}
var nodeName = node.nodeName.toLowerCase();
if ('br' === nodeName || 'li' === nodeName) {
chunks[k] = '\n';
spans[k << 1] = length++;
spans[(k++ << 1) | 1] = node;
}
} else if (type == 3 || type == 4) { // Text
var text = node.nodeValue;
if (text.length) {
if (!isPreformatted) {
text = text.replace(/[ \t\r\n]+/g, ' ');
} else {
text = text.replace(/\r\n?/g, '\n'); // Normalize newlines.
}
// TODO: handle tabs here?
chunks[k] = text;
spans[k << 1] = length;
length += text.length;
spans[(k++ << 1) | 1] = node;
}
}
}
walk(node);
return {
sourceCode: chunks.join('').replace(/\n$/, ''),
spans: spans
};
}
/**
* Apply the given language handler to sourceCode and add the resulting
* decorations to out.
* @param {!Element} sourceNode
* @param {number} basePos the index of sourceCode within the chunk of source
* whose decorations are already present on out.
* @param {string} sourceCode
* @param {function(JobT)} langHandler
* @param {DecorationsT} out
*/
function appendDecorations(
sourceNode, basePos, sourceCode, langHandler, out) {
if (!sourceCode) { return; }
/** @type {JobT} */
var job = {
sourceNode: sourceNode,
pre: 1,
langExtension: null,
numberLines: null,
sourceCode: sourceCode,
spans: null,
basePos: basePos,
decorations: null
};
langHandler(job);
out.push.apply(out, job.decorations);
}
var notWs = /\S/;
/**
* Given an element, if it contains only one child element and any text nodes
* it contains contain only space characters, return the sole child element.
* Otherwise returns undefined.
* <p>
* This is meant to return the CODE element in {@code <pre><code ...>} when
* there is a single child element that contains all the non-space textual
* content, but not to return anything where there are multiple child elements
* as in {@code <pre><code>...</code><code>...</code></pre>} or when there
* is textual content.
*/
function childContentWrapper(element) {
var wrapper = undefined;
for (var c = element.firstChild; c; c = c.nextSibling) {
var type = c.nodeType;
wrapper = (type === 1) // Element Node
? (wrapper ? element : c)
: (type === 3) // Text Node
? (notWs.test(c.nodeValue) ? element : wrapper)
: wrapper;
}
return wrapper === element ? undefined : wrapper;
}
/** Given triples of [style, pattern, context] returns a lexing function,
* The lexing function interprets the patterns to find token boundaries and
* returns a decoration list of the form
* [index_0, style_0, index_1, style_1, ..., index_n, style_n]
* where index_n is an index into the sourceCode, and style_n is a style
* constant like PR_PLAIN. index_n-1 <= index_n, and style_n-1 applies to
* all characters in sourceCode[index_n-1:index_n].
*
* The stylePatterns is a list whose elements have the form
* [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
*
* Style is a style constant like PR_PLAIN, or can be a string of the
* form 'lang-FOO', where FOO is a language extension describing the
* language of the portion of the token in $1 after pattern executes.
* E.g., if style is 'lang-lisp', and group 1 contains the text
* '(hello (world))', then that portion of the token will be passed to the
* registered lisp handler for formatting.
* The text before and after group 1 will be restyled using this decorator
* so decorators should take care that this doesn't result in infinite
* recursion. For example, the HTML lexer rule for SCRIPT elements looks
* something like ['lang-js', /<[s]cript>(.+?)<\/script>/]. This may match
* '<script>foo()<\/script>', which would cause the current decorator to
* be called with '<script>' which would not match the same rule since
* group 1 must not be empty, so it would be instead styled as PR_TAG by
* the generic tag rule. The handler registered for the 'js' extension would
* then be called with 'foo()', and finally, the current decorator would
* be called with '<\/script>' which would not match the original rule and
* so the generic tag rule would identify it as a tag.
*
* Pattern must only match prefixes, and if it matches a prefix, then that
* match is considered a token with the same style.
*
* Context is applied to the last non-whitespace, non-comment token
* recognized.
*
* Shortcut is an optional string of characters, any of which, if the first
* character, gurantee that this pattern and only this pattern matches.
*
* @param {Array} shortcutStylePatterns patterns that always start with
* a known character. Must have a shortcut string.
* @param {Array} fallthroughStylePatterns patterns that will be tried in
* order if the shortcut ones fail. May have shortcuts.
*
* @return {function (JobT)} a function that takes an undecorated job and
* attaches a list of decorations.
*/
function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
var shortcuts = {};
var tokenizer;
(function () {
var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
var allRegexs = [];
var regexKeys = {};
for (var i = 0, n = allPatterns.length; i < n; ++i) {
var patternParts = allPatterns[i];
var shortcutChars = patternParts[3];
if (shortcutChars) {
for (var c = shortcutChars.length; --c >= 0;) {
shortcuts[shortcutChars.charAt(c)] = patternParts;
}
}
var regex = patternParts[1];
var k = '' + regex;
if (!regexKeys.hasOwnProperty(k)) {
allRegexs.push(regex);
regexKeys[k] = null;
}
}
allRegexs.push(/[\0-\uffff]/);
tokenizer = combinePrefixPatterns(allRegexs);
})();
var nPatterns = fallthroughStylePatterns.length;
/**
* Lexes job.sourceCode and attaches an output array job.decorations of
* style classes preceded by the position at which they start in
* job.sourceCode in order.
*
* @type{function (JobT)}
*/
var decorate = function (job) {
var sourceCode = job.sourceCode, basePos = job.basePos;
var sourceNode = job.sourceNode;
/** Even entries are positions in source in ascending order. Odd enties
* are style markers (e.g., PR_COMMENT) that run from that position until
* the end.
* @type {DecorationsT}
*/
var decorations = [basePos, PR_PLAIN];
var pos = 0; // index into sourceCode
var tokens = sourceCode.match(tokenizer) || [];
var styleCache = {};
for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
var token = tokens[ti];
var style = styleCache[token];
var match = void 0;
var isEmbedded;
if (typeof style === 'string') {
isEmbedded = false;
} else {
var patternParts = shortcuts[token.charAt(0)];
if (patternParts) {
match = token.match(patternParts[1]);
style = patternParts[0];
} else {
for (var i = 0; i < nPatterns; ++i) {
patternParts = fallthroughStylePatterns[i];
match = token.match(patternParts[1]);
if (match) {
style = patternParts[0];
break;
}
}
if (!match) { // make sure that we make progress
style = PR_PLAIN;
}
}
isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
if (isEmbedded && !(match && typeof match[1] === 'string')) {
isEmbedded = false;
style = PR_SOURCE;
}
if (!isEmbedded) { styleCache[token] = style; }
}
var tokenStart = pos;
pos += token.length;
if (!isEmbedded) {
decorations.push(basePos + tokenStart, style);
} else { // Treat group 1 as an embedded block of source code.
var embeddedSource = match[1];
var embeddedSourceStart = token.indexOf(embeddedSource);
var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
if (match[2]) {
// If embeddedSource can be blank, then it would match at the
// beginning which would cause us to infinitely recurse on the
// entire token, so we catch the right context in match[2].
embeddedSourceEnd = token.length - match[2].length;
embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
}
var lang = style.substring(5);
// Decorate the left of the embedded source
appendDecorations(
sourceNode,
basePos + tokenStart,
token.substring(0, embeddedSourceStart),
decorate, decorations);
// Decorate the embedded source
appendDecorations(
sourceNode,
basePos + tokenStart + embeddedSourceStart,
embeddedSource,
langHandlerForExtension(lang, embeddedSource),
decorations);
// Decorate the right of the embedded section
appendDecorations(
sourceNode,
basePos + tokenStart + embeddedSourceEnd,
token.substring(embeddedSourceEnd),
decorate, decorations);
}
}
job.decorations = decorations;
};
return decorate;
}
/** returns a function that produces a list of decorations from source text.
*
* This code treats ", ', and ` as string delimiters, and \ as a string
* escape. It does not recognize perl's qq() style strings.
* It has no special handling for double delimiter escapes as in basic, or
* the tripled delimiters used in python, but should work on those regardless
* although in those cases a single string literal may be broken up into
* multiple adjacent string literals.
*
* It recognizes C, C++, and shell style comments.
*
* @param {Object} options a set of optional parameters.
* @return {function (JobT)} a function that examines the source code
* in the input job and builds a decoration list which it attaches to
* the job.
*/
function sourceDecorator(options) {
var shortcutStylePatterns = [], fallthroughStylePatterns = [];
if (options['tripleQuotedStrings']) {
// '''multi-line-string''', 'single-line-string', and double-quoted
shortcutStylePatterns.push(
[PR_STRING, /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
null, '\'"']);
} else if (options['multiLineStrings']) {
// 'multi-line-string', "multi-line-string"
shortcutStylePatterns.push(
[PR_STRING, /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
null, '\'"`']);
} else {
// 'single-line-string', "single-line-string"
shortcutStylePatterns.push(
[PR_STRING,
/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
null, '"\'']);
}
if (options['verbatimStrings']) {
// verbatim-string-literal production from the C# grammar. See issue 93.
fallthroughStylePatterns.push(
[PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
}
var hc = options['hashComments'];
if (hc) {
if (options['cStyleComments']) {
if (hc > 1) { // multiline hash comments
shortcutStylePatterns.push(
[PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
} else {
// Stop C preprocessor declarations at an unclosed open comment
shortcutStylePatterns.push(
[PR_COMMENT, /^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/,
null, '#']);
}
// #include <stdio.h>
fallthroughStylePatterns.push(
[PR_STRING,
/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,
null]);
} else {
shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
}
}
if (options['cStyleComments']) {
fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
fallthroughStylePatterns.push(
[PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
}
var regexLiterals = options['regexLiterals'];
if (regexLiterals) {
/**
* @const
*/
var regexExcls = regexLiterals > 1
? '' // Multiline regex literals
: '\n\r';
/**
* @const
*/
var regexAny = regexExcls ? '.' : '[\\S\\s]';
/**
* @const
*/
var REGEX_LITERAL = (
// A regular expression literal starts with a slash that is
// not followed by * or / so that it is not confused with
// comments.
'/(?=[^/*' + regexExcls + '])'
// and then contains any number of raw characters,
+ '(?:[^/\\x5B\\x5C' + regexExcls + ']'
// escape sequences (\x5C),
+ '|\\x5C' + regexAny
// or non-nesting character sets (\x5B\x5D);
+ '|\\x5B(?:[^\\x5C\\x5D' + regexExcls + ']'
+ '|\\x5C' + regexAny + ')*(?:\\x5D|$))+'
// finally closed by a /.
+ '/');
fallthroughStylePatterns.push(
['lang-regex',
RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
]);
}
var types = options['types'];
if (types) {
fallthroughStylePatterns.push([PR_TYPE, types]);
}
var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
if (keywords.length) {
fallthroughStylePatterns.push(
[PR_KEYWORD,
new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
null]);
}
shortcutStylePatterns.push([PR_PLAIN, /^\s+/, null, ' \r\n\t\xA0']);
var punctuation =
// The Bash man page says
// A word is a sequence of characters considered as a single
// unit by GRUB. Words are separated by metacharacters,
// which are the following plus space, tab, and newline: { }
// | & $ ; < >
// ...
// A word beginning with # causes that word and all remaining
// characters on that line to be ignored.
// which means that only a '#' after /(?:^|[{}|&$;<>\s])/ starts a
// comment but empirically
// $ echo {#}
// {#}
// $ echo \$#
// $#
// $ echo }#
// }#
// so /(?:^|[|&;<>\s])/ is more appropriate.
// http://gcc.gnu.org/onlinedocs/gcc-2.95.3/cpp_1.html#SEC3
// suggests that this definition is compatible with a
// default mode that tries to use a single token definition
// to recognize both bash/python style comments and C
// preprocessor directives.
// This definition of punctuation does not include # in the list of
// follow-on exclusions, so # will not be broken before if preceeded
// by a punctuation character. We could try to exclude # after
// [|&;<>] but that doesn't seem to cause many major problems.
// If that does turn out to be a problem, we should change the below
// when hc is truthy to include # in the run of punctuation characters
// only when not followint [|&;<>].
'^.[^\\s\\w.$@\'"`/\\\\]*';
if (options['regexLiterals']) {
punctuation += '(?!\s*\/)';
}
fallthroughStylePatterns.push(
// TODO(mikesamuel): recognize non-latin letters and numerals in idents
[PR_LITERAL, /^@[a-z_$][a-z_$@0-9]*/i, null],
[PR_TYPE, /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
[PR_PLAIN, /^[a-z_$][a-z_$@0-9]*/i, null],
[PR_LITERAL,
new RegExp(
'^(?:'
// A hex number
+ '0x[a-f0-9]+'
// or an octal or decimal number,
+ '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
// possibly in scientific notation
+ '(?:e[+\\-]?\\d+)?'
+ ')'
// with an optional modifier like UL for unsigned long
+ '[a-z]*', 'i'),
null, '0123456789'],
// Don't treat escaped quotes in bash as starting strings.
// See issue 144.
[PR_PLAIN, /^\\[\s\S]?/, null],
[PR_PUNCTUATION, new RegExp(punctuation), null]);
return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
}
var decorateSource = sourceDecorator({
'keywords': ALL_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'multiLineStrings': true,
'regexLiterals': true
});
/**
* Given a DOM subtree, wraps it in a list, and puts each line into its own
* list item.
*
* @param {Node} node modified in place. Its content is pulled into an
* HTMLOListElement, and each line is moved into a separate list item.
* This requires cloning elements, so the input might not have unique
* IDs after numbering.
* @param {number|null|boolean} startLineNum
* If truthy, coerced to an integer which is the 1-indexed line number
* of the first line of code. The number of the first line will be
* attached to the list.
* @param {boolean} isPreformatted true iff white-space in text nodes should
* be treated as significant.
*/
function numberLines(node, startLineNum, isPreformatted) {
var nocode = /(?:^|\s)nocode(?:\s|$)/;
var lineBreak = /\r\n?|\n/;
var document = node.ownerDocument;
var li = document.createElement('li');
while (node.firstChild) {
li.appendChild(node.firstChild);
}
// An array of lines. We split below, so this is initialized to one
// un-split line.
var listItems = [li];
function walk(node) {
var type = node.nodeType;
if (type == 1 && !nocode.test(node.className)) { // Element
if ('br' === node.nodeName.toLowerCase()) {
breakAfter(node);
// Discard the <BR> since it is now flush against a </LI>.
if (node.parentNode) {
node.parentNode.removeChild(node);
}
} else {
for (var child = node.firstChild; child; child = child.nextSibling) {
walk(child);
}
}
} else if ((type == 3 || type == 4) && isPreformatted) { // Text
var text = node.nodeValue;
var match = text.match(lineBreak);
if (match) {
var firstLine = text.substring(0, match.index);
node.nodeValue = firstLine;
var tail = text.substring(match.index + match[0].length);
if (tail) {
var parent = node.parentNode;
parent.insertBefore(
document.createTextNode(tail), node.nextSibling);
}
breakAfter(node);
if (!firstLine) {
// Don't leave blank text nodes in the DOM.
node.parentNode.removeChild(node);
}
}
}
}
// Split a line after the given node.
function breakAfter(lineEndNode) {
// If there's nothing to the right, then we can skip ending the line
// here, and move root-wards since splitting just before an end-tag
// would require us to create a bunch of empty copies.
while (!lineEndNode.nextSibling) {
lineEndNode = lineEndNode.parentNode;
if (!lineEndNode) { return; }
}
function breakLeftOf(limit, copy) {
// Clone shallowly if this node needs to be on both sides of the break.
var rightSide = copy ? limit.cloneNode(false) : limit;
var parent = limit.parentNode;
if (parent) {
// We clone the parent chain.
// This helps us resurrect important styling elements that cross lines.
// E.g. in <i>Foo<br>Bar</i>
// should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
var parentClone = breakLeftOf(parent, 1);
// Move the clone and everything to the right of the original
// onto the cloned parent.
var next = limit.nextSibling;
parentClone.appendChild(rightSide);
for (var sibling = next; sibling; sibling = next) {
next = sibling.nextSibling;
parentClone.appendChild(sibling);
}
}
return rightSide;
}
var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
// Walk the parent chain until we reach an unattached LI.
for (var parent;
// Check nodeType since IE invents document fragments.
(parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
copiedListItem = parent;
}
// Put it on the list of lines for later processing.
listItems.push(copiedListItem);
}
// Split lines while there are lines left to split.
for (var i = 0; // Number of lines that have been split so far.
i < listItems.length; // length updated by breakAfter calls.
++i) {
walk(listItems[i]);
}
// Make sure numeric indices show correctly.
if (startLineNum === (startLineNum|0)) {
listItems[0].setAttribute('value', startLineNum);
}
var ol = document.createElement('ol');
ol.className = 'linenums';
var offset = Math.max(0, ((startLineNum - 1 /* zero index */)) | 0) || 0;
for (var i = 0, n = listItems.length; i < n; ++i) {
li = listItems[i];
// Stick a class on the LIs so that stylesheets can
// color odd/even rows, or any other row pattern that
// is co-prime with 10.
li.className = 'L' + ((i + offset) % 10);
if (!li.firstChild) {
li.appendChild(document.createTextNode('\xA0'));
}
ol.appendChild(li);
}
node.appendChild(ol);
}
/**
* Breaks {@code job.sourceCode} around style boundaries in
* {@code job.decorations} and modifies {@code job.sourceNode} in place.
* @param {JobT} job
* @private
*/
function recombineTagsAndDecorations(job) {
var isIE8OrEarlier = /\bMSIE\s(\d+)/.exec(navigator.userAgent);
isIE8OrEarlier = isIE8OrEarlier && +isIE8OrEarlier[1] <= 8;
var newlineRe = /\n/g;
var source = job.sourceCode;
var sourceLength = source.length;
// Index into source after the last code-unit recombined.
var sourceIndex = 0;
var spans = job.spans;
var nSpans = spans.length;
// Index into spans after the last span which ends at or before sourceIndex.
var spanIndex = 0;
var decorations = job.decorations;
var nDecorations = decorations.length;
// Index into decorations after the last decoration which ends at or before
// sourceIndex.
var decorationIndex = 0;
// Remove all zero-length decorations.
decorations[nDecorations] = sourceLength;
var decPos, i;
for (i = decPos = 0; i < nDecorations;) {
if (decorations[i] !== decorations[i + 2]) {
decorations[decPos++] = decorations[i++];
decorations[decPos++] = decorations[i++];
} else {
i += 2;
}
}
nDecorations = decPos;
// Simplify decorations.
for (i = decPos = 0; i < nDecorations;) {
var startPos = decorations[i];
// Conflate all adjacent decorations that use the same style.
var startDec = decorations[i + 1];
var end = i + 2;
while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
end += 2;
}
decorations[decPos++] = startPos;
decorations[decPos++] = startDec;
i = end;
}
nDecorations = decorations.length = decPos;
var sourceNode = job.sourceNode;
var oldDisplay = "";
if (sourceNode) {
oldDisplay = sourceNode.style.display;
sourceNode.style.display = 'none';
}
try {
var decoration = null;
while (spanIndex < nSpans) {
var spanStart = spans[spanIndex];
var spanEnd = /** @type{number} */ (spans[spanIndex + 2])
|| sourceLength;
var decEnd = decorations[decorationIndex + 2] || sourceLength;
var end = Math.min(spanEnd, decEnd);
var textNode = /** @type{Node} */ (spans[spanIndex + 1]);
var styledText;
if (textNode.nodeType !== 1 // Don't muck with <BR>s or <LI>s
// Don't introduce spans around empty text nodes.
&& (styledText = source.substring(sourceIndex, end))) {
// This may seem bizarre, and it is. Emitting LF on IE causes the
// code to display with spaces instead of line breaks.
// Emitting Windows standard issue linebreaks (CRLF) causes a blank
// space to appear at the beginning of every line but the first.
// Emitting an old Mac OS 9 line separator makes everything spiffy.
if (isIE8OrEarlier) {
styledText = styledText.replace(newlineRe, '\r');
}
textNode.nodeValue = styledText;
var document = textNode.ownerDocument;
var span = document.createElement('span');
span.className = decorations[decorationIndex + 1];
var parentNode = textNode.parentNode;
parentNode.replaceChild(span, textNode);
span.appendChild(textNode);
if (sourceIndex < spanEnd) { // Split off a text node.
spans[spanIndex + 1] = textNode
// TODO: Possibly optimize by using '' if there's no flicker.
= document.createTextNode(source.substring(end, spanEnd));
parentNode.insertBefore(textNode, span.nextSibling);
}
}
sourceIndex = end;
if (sourceIndex >= spanEnd) {
spanIndex += 2;
}
if (sourceIndex >= decEnd) {
decorationIndex += 2;
}
}
} finally {
if (sourceNode) {
sourceNode.style.display = oldDisplay;
}
}
}
/** Maps language-specific file extensions to handlers. */
var langHandlerRegistry = {};
/** Register a language handler for the given file extensions.
* @param {function (JobT)} handler a function from source code to a list
* of decorations. Takes a single argument job which describes the
* state of the computation and attaches the decorations to it.
* @param {Array.<string>} fileExtensions
*/
function registerLangHandler(handler, fileExtensions) {
for (var i = fileExtensions.length; --i >= 0;) {
var ext = fileExtensions[i];
if (!langHandlerRegistry.hasOwnProperty(ext)) {
langHandlerRegistry[ext] = handler;
} else if (win['console']) {
console['warn']('cannot override language handler %s', ext);
}
}
}
function langHandlerForExtension(extension, source) {
if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
// Treat it as markup if the first non whitespace character is a < and
// the last non-whitespace character is a >.
extension = /^\s*</.test(source)
? 'default-markup'
: 'default-code';
}
return langHandlerRegistry[extension];
}
registerLangHandler(decorateSource, ['default-code']);
registerLangHandler(
createSimpleLexer(
[],
[
[PR_PLAIN, /^[^<?]+/],
[PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
[PR_COMMENT, /^<\!--[\s\S]*?(?:-\->|$)/],
// Unescaped content in an unknown language
['lang-', /^<\?([\s\S]+?)(?:\?>|$)/],
['lang-', /^<%([\s\S]+?)(?:%>|$)/],
[PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
['lang-', /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
// Unescaped content in javascript. (Or possibly vbscript).
['lang-js', /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
// Contains unescaped stylesheet content
['lang-css', /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
['lang-in.tag', /^(<\/?[a-z][^<>]*>)/i]
]),
['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
registerLangHandler(
createSimpleLexer(
[
[PR_PLAIN, /^[\s]+/, null, ' \t\r\n'],
[PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
],
[
[PR_TAG, /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
[PR_ATTRIB_NAME, /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
['lang-uq.val', /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
[PR_PUNCTUATION, /^[=<>\/]+/],
['lang-js', /^on\w+\s*=\s*\"([^\"]+)\"/i],
['lang-js', /^on\w+\s*=\s*\'([^\']+)\'/i],
['lang-js', /^on\w+\s*=\s*([^\"\'>\s]+)/i],
['lang-css', /^style\s*=\s*\"([^\"]+)\"/i],
['lang-css', /^style\s*=\s*\'([^\']+)\'/i],
['lang-css', /^style\s*=\s*([^\"\'>\s]+)/i]
]),
['in.tag']);
registerLangHandler(
createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
registerLangHandler(sourceDecorator({
'keywords': CPP_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'types': C_TYPES
}), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
registerLangHandler(sourceDecorator({
'keywords': 'null,true,false'
}), ['json']);
registerLangHandler(sourceDecorator({
'keywords': CSHARP_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'verbatimStrings': true,
'types': C_TYPES
}), ['cs']);
registerLangHandler(sourceDecorator({
'keywords': JAVA_KEYWORDS,
'cStyleComments': true
}), ['java']);
registerLangHandler(sourceDecorator({
'keywords': SH_KEYWORDS,
'hashComments': true,
'multiLineStrings': true
}), ['bash', 'bsh', 'csh', 'sh']);
registerLangHandler(sourceDecorator({
'keywords': PYTHON_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'tripleQuotedStrings': true
}), ['cv', 'py', 'python']);
registerLangHandler(sourceDecorator({
'keywords': PERL_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'regexLiterals': 2 // multiline regex literals
}), ['perl', 'pl', 'pm']);
registerLangHandler(sourceDecorator({
'keywords': RUBY_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'regexLiterals': true
}), ['rb', 'ruby']);
registerLangHandler(sourceDecorator({
'keywords': JSCRIPT_KEYWORDS,
'cStyleComments': true,
'regexLiterals': true
}), ['javascript', 'js', 'ts', 'typescript']);
registerLangHandler(sourceDecorator({
'keywords': COFFEE_KEYWORDS,
'hashComments': 3, // ### style block comments
'cStyleComments': true,
'multilineStrings': true,
'tripleQuotedStrings': true,
'regexLiterals': true
}), ['coffee']);
registerLangHandler(
createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
/** @param {JobT} job */
function applyDecorator(job) {
var opt_langExtension = job.langExtension;
try {
// Extract tags, and convert the source code to plain text.
var sourceAndSpans = extractSourceSpans(job.sourceNode, job.pre);
/** Plain text. @type {string} */
var source = sourceAndSpans.sourceCode;
job.sourceCode = source;
job.spans = sourceAndSpans.spans;
job.basePos = 0;
// Apply the appropriate language handler
langHandlerForExtension(opt_langExtension, source)(job);
// Integrate the decorations and tags back into the source code,
// modifying the sourceNode in place.
recombineTagsAndDecorations(job);
} catch (e) {
if (win['console']) {
console['log'](e && e['stack'] || e);
}
}
}
/**
* Pretty print a chunk of code.
* @param sourceCodeHtml {string} The HTML to pretty print.
* @param opt_langExtension {string} The language name to use.
* Typically, a filename extension like 'cpp' or 'java'.
* @param opt_numberLines {number|boolean} True to number lines,
* or the 1-indexed number of the first line in sourceCodeHtml.
*/
function $prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
/** @type{number|boolean} */
var nl = opt_numberLines || false;
/** @type{string|null} */
var langExtension = opt_langExtension || null;
/** @type{!Element} */
var container = document.createElement('div');
// This could cause images to load and onload listeners to fire.
// E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
// We assume that the inner HTML is from a trusted source.
// The pre-tag is required for IE8 which strips newlines from innerHTML
// when it is injected into a <pre> tag.
// http://stackoverflow.com/questions/451486/pre-tag-loses-line-breaks-when-setting-innerhtml-in-ie
// http://stackoverflow.com/questions/195363/inserting-a-newline-into-a-pre-tag-ie-javascript
container.innerHTML = '<pre>' + sourceCodeHtml + '</pre>';
container = /** @type{!Element} */(container.firstChild);
if (nl) {
numberLines(container, nl, true);
}
/** @type{JobT} */
var job = {
langExtension: langExtension,
numberLines: nl,
sourceNode: container,
pre: 1,
sourceCode: null,
basePos: null,
spans: null,
decorations: null
};
applyDecorator(job);
return container.innerHTML;
}
/**
* Find all the {@code <pre>} and {@code <code>} tags in the DOM with
* {@code class=prettyprint} and prettify them.
*
* @param {Function} opt_whenDone called when prettifying is done.
* @param {HTMLElement|HTMLDocument} opt_root an element or document
* containing all the elements to pretty print.
* Defaults to {@code document.body}.
*/
function $prettyPrint(opt_whenDone, opt_root) {
var root = opt_root || document.body;
var doc = root.ownerDocument || document;
function byTagName(tn) { return root.getElementsByTagName(tn); }
// fetch a list of nodes to rewrite
var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
var elements = [];
for (var i = 0; i < codeSegments.length; ++i) {
for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
elements.push(codeSegments[i][j]);
}
}
codeSegments = null;
var clock = Date;
if (!clock['now']) {
clock = { 'now': function () { return +(new Date); } };
}
// The loop is broken into a series of continuations to make sure that we
// don't make the browser unresponsive when rewriting a large page.
var k = 0;
var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
var prettyPrintRe = /\bprettyprint\b/;
var prettyPrintedRe = /\bprettyprinted\b/;
var preformattedTagNameRe = /pre|xmp/i;
var codeRe = /^code$/i;
var preCodeXmpRe = /^(?:pre|code|xmp)$/i;
var EMPTY = {};
function doWork() {
var endTime = (win['PR_SHOULD_USE_CONTINUATION'] ?
clock['now']() + 250 /* ms */ :
Infinity);
for (; k < elements.length && clock['now']() < endTime; k++) {
var cs = elements[k];
// Look for a preceding comment like
// <?prettify lang="..." linenums="..."?>
var attrs = EMPTY;
{
for (var preceder = cs; (preceder = preceder.previousSibling);) {
var nt = preceder.nodeType;
// <?foo?> is parsed by HTML 5 to a comment node (8)
// like <!--?foo?-->, but in XML is a processing instruction
var value = (nt === 7 || nt === 8) && preceder.nodeValue;
if (value
? !/^\??prettify\b/.test(value)
: (nt !== 3 || /\S/.test(preceder.nodeValue))) {
// Skip over white-space text nodes but not others.
break;
}
if (value) {
attrs = {};
value.replace(
/\b(\w+)=([\w:.%+-]+)/g,
function (_, name, value) { attrs[name] = value; });
break;
}
}
}
var className = cs.className;
if ((attrs !== EMPTY || prettyPrintRe.test(className))
// Don't redo this if we've already done it.
// This allows recalling pretty print to just prettyprint elements
// that have been added to the page since last call.
&& !prettyPrintedRe.test(className)) {
// make sure this is not nested in an already prettified element
var nested = false;
for (var p = cs.parentNode; p; p = p.parentNode) {
var tn = p.tagName;
if (preCodeXmpRe.test(tn)
&& p.className && prettyPrintRe.test(p.className)) {
nested = true;
break;
}
}
if (!nested) {
// Mark done. If we fail to prettyprint for whatever reason,
// we shouldn't try again.
cs.className += ' prettyprinted';
// If the classes includes a language extensions, use it.
// Language extensions can be specified like
// <pre class="prettyprint lang-cpp">
// the language extension "cpp" is used to find a language handler
// as passed to PR.registerLangHandler.
// HTML5 recommends that a language be specified using "language-"
// as the prefix instead. Google Code Prettify supports both.
// http://dev.w3.org/html5/spec-author-view/the-code-element.html
var langExtension = attrs['lang'];
if (!langExtension) {
langExtension = className.match(langExtensionRe);
// Support <pre class="prettyprint"><code class="language-c">
var wrapper;
if (!langExtension && (wrapper = childContentWrapper(cs))
&& codeRe.test(wrapper.tagName)) {
langExtension = wrapper.className.match(langExtensionRe);
}
if (langExtension) { langExtension = langExtension[1]; }
}
var preformatted;
if (preformattedTagNameRe.test(cs.tagName)) {
preformatted = 1;
} else {
var currentStyle = cs['currentStyle'];
var defaultView = doc.defaultView;
var whitespace = (
currentStyle
? currentStyle['whiteSpace']
: (defaultView
&& defaultView.getComputedStyle)
? defaultView.getComputedStyle(cs, null)
.getPropertyValue('white-space')
: 0);
preformatted = whitespace
&& 'pre' === whitespace.substring(0, 3);
}
// Look for a class like linenums or linenums:<n> where <n> is the
// 1-indexed number of the first line.
var lineNums = attrs['linenums'];
if (!(lineNums = lineNums === 'true' || +lineNums)) {
lineNums = className.match(/\blinenums\b(?::(\d+))?/);
lineNums =
lineNums
? lineNums[1] && lineNums[1].length
? +lineNums[1] : true
: false;
}
if (lineNums) { numberLines(cs, lineNums, preformatted); }
// do the pretty printing
var prettyPrintingJob = {
langExtension: langExtension,
sourceNode: cs,
numberLines: lineNums,
pre: preformatted,
sourceCode: null,
basePos: null,
spans: null,
decorations: null
};
applyDecorator(prettyPrintingJob);
}
}
}
if (k < elements.length) {
// finish up in a continuation
win.setTimeout(doWork, 250);
} else if ('function' === typeof opt_whenDone) {
opt_whenDone();
}
}
doWork();
}
/**
* Contains functions for creating and registering new language handlers.
* @type {Object}
*/
var PR = win['PR'] = {
'createSimpleLexer': createSimpleLexer,
'registerLangHandler': registerLangHandler,
'sourceDecorator': sourceDecorator,
'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
'PR_COMMENT': PR_COMMENT,
'PR_DECLARATION': PR_DECLARATION,
'PR_KEYWORD': PR_KEYWORD,
'PR_LITERAL': PR_LITERAL,
'PR_NOCODE': PR_NOCODE,
'PR_PLAIN': PR_PLAIN,
'PR_PUNCTUATION': PR_PUNCTUATION,
'PR_SOURCE': PR_SOURCE,
'PR_STRING': PR_STRING,
'PR_TAG': PR_TAG,
'PR_TYPE': PR_TYPE,
'prettyPrintOne':
IN_GLOBAL_SCOPE
? (win['prettyPrintOne'] = $prettyPrintOne)
: (prettyPrintOne = $prettyPrintOne),
'prettyPrint':
IN_GLOBAL_SCOPE
? (win['prettyPrint'] = $prettyPrint)
: (prettyPrint = $prettyPrint)
};
// Make PR available via the Asynchronous Module Definition (AMD) API.
// Per https://github.com/amdjs/amdjs-api/wiki/AMD:
// The Asynchronous Module Definition (AMD) API specifies a
// mechanism for defining modules such that the module and its
// dependencies can be asynchronously loaded.
// ...
// To allow a clear indicator that a global define function (as
// needed for script src browser loading) conforms to the AMD API,
// any global define function SHOULD have a property called "amd"
// whose value is an object. This helps avoid conflict with any
// other existing JavaScript code that could have defined a define()
// function that does not conform to the AMD API.
var define = win['define'];
if (typeof define === "function" && define['amd']) {
define("google-code-prettify", [], function () {
return PR;
});
}
})();
/*!***************************************************
* mark.js v8.11.1
* https://markjs.io/
* Copyright (c) 2014–2018, Julian Kühnel
* Released under the MIT license https://git.io/vwTVl
*****************************************************/
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Mark=t()}(this,function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},n=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(n){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:5e3;t(this,e),this.ctx=n,this.iframes=r,this.exclude=i,this.iframesTimeout=o}return n(e,[{key:"getContexts",value:function(){var e=[];return(void 0!==this.ctx&&this.ctx?NodeList.prototype.isPrototypeOf(this.ctx)?Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?this.ctx:"string"==typeof this.ctx?Array.prototype.slice.call(document.querySelectorAll(this.ctx)):[this.ctx]:[]).forEach(function(t){var n=e.filter(function(e){return e.contains(t)}).length>0;-1!==e.indexOf(t)||n||e.push(t)}),e}},{key:"getIframeContents",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},r=void 0;try{var i=e.contentWindow;if(r=i.document,!i||!r)throw new Error("iframe inaccessible")}catch(e){n()}r&&t(r)}},{key:"isIframeBlank",value:function(e){var t=e.getAttribute("src").trim();return"about:blank"===e.contentWindow.location.href&&"about:blank"!==t&&t}},{key:"observeIframeLoad",value:function(e,t,n){var r=this,i=!1,o=null,a=function a(){if(!i){i=!0,clearTimeout(o);try{r.isIframeBlank(e)||(e.removeEventListener("load",a),r.getIframeContents(e,t,n))}catch(e){n()}}};e.addEventListener("load",a),o=setTimeout(a,this.iframesTimeout)}},{key:"onIframeReady",value:function(e,t,n){try{"complete"===e.contentWindow.document.readyState?this.isIframeBlank(e)?this.observeIframeLoad(e,t,n):this.getIframeContents(e,t,n):this.observeIframeLoad(e,t,n)}catch(e){n()}}},{key:"waitForIframes",value:function(e,t){var n=this,r=0;this.forEachIframe(e,function(){return!0},function(e){r++,n.waitForIframes(e.querySelector("html"),function(){--r||t()})},function(e){e||t()})}},{key:"forEachIframe",value:function(t,n,r){var i=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},a=t.querySelectorAll("iframe"),s=a.length,c=0;a=Array.prototype.slice.call(a);var u=function(){--s<=0&&o(c)};s||u(),a.forEach(function(t){e.matches(t,i.exclude)?u():i.onIframeReady(t,function(e){n(t)&&(c++,r(e)),u()},u)})}},{key:"createIterator",value:function(e,t,n){return document.createNodeIterator(e,t,n,!1)}},{key:"createInstanceOnIframe",value:function(t){return new e(t.querySelector("html"),this.iframes)}},{key:"compareNodeIframe",value:function(e,t,n){if(e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_PRECEDING){if(null===t)return!0;if(t.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)return!0}return!1}},{key:"getIteratorNode",value:function(e){var t=e.previousNode();return{prevNode:t,node:null===t?e.nextNode():e.nextNode()&&e.nextNode()}}},{key:"checkIframeFilter",value:function(e,t,n,r){var i=!1,o=!1;return r.forEach(function(e,t){e.val===n&&(i=t,o=e.handled)}),this.compareNodeIframe(e,t,n)?(!1!==i||o?!1===i||o||(r[i].handled=!0):r.push({val:n,handled:!0}),!0):(!1===i&&r.push({val:n,handled:!1}),!1)}},{key:"handleOpenIframes",value:function(e,t,n,r){var i=this;e.forEach(function(e){e.handled||i.getIframeContents(e.val,function(e){i.createInstanceOnIframe(e).forEachNode(t,n,r)})})}},{key:"iterateThroughNodes",value:function(e,t,n,r,i){for(var o,a=this,s=this.createIterator(t,e,r),c=[],u=[],l=void 0,h=void 0;void 0,o=a.getIteratorNode(s),h=o.prevNode,l=o.node;)this.iframes&&this.forEachIframe(t,function(e){return a.checkIframeFilter(l,h,e,c)},function(t){a.createInstanceOnIframe(t).forEachNode(e,function(e){return u.push(e)},r)}),u.push(l);u.forEach(function(e){n(e)}),this.iframes&&this.handleOpenIframes(c,e,n,r),i()}},{key:"forEachNode",value:function(e,t,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},o=this.getContexts(),a=o.length;a||i(),o.forEach(function(o){var s=function(){r.iterateThroughNodes(e,o,t,n,function(){--a<=0&&i()})};r.iframes?r.waitForIframes(o,s):s()})}}],[{key:"matches",value:function(e,t){var n="string"==typeof t?[t]:t,r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(r){var i=!1;return n.every(function(t){return!r.call(e,t)||(i=!0,!1)}),i}return!1}}]),e}(),o=function(){function o(e){t(this,o),this.ctx=e,this.ie=!1;var n=window.navigator.userAgent;(n.indexOf("MSIE")>-1||n.indexOf("Trident")>-1)&&(this.ie=!0)}return n(o,[{key:"log",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"debug",r=this.opt.log;this.opt.debug&&"object"===(void 0===r?"undefined":e(r))&&"function"==typeof r[n]&&r[n]("mark.js: "+t)}},{key:"escapeStr",value:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}},{key:"createRegExp",value:function(e){return"disabled"!==this.opt.wildcards&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),"disabled"!==this.opt.wildcards&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e)}},{key:"createSynonymsRegExp",value:function(e){var t=this.opt.synonyms,n=this.opt.caseSensitive?"":"i",r=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(var i in t)if(t.hasOwnProperty(i)){var o=t[i],a="disabled"!==this.opt.wildcards?this.setupWildcardsRegExp(i):this.escapeStr(i),s="disabled"!==this.opt.wildcards?this.setupWildcardsRegExp(o):this.escapeStr(o);""!==a&&""!==s&&(e=e.replace(new RegExp("("+this.escapeStr(a)+"|"+this.escapeStr(s)+")","gm"+n),r+"("+this.processSynomyms(a)+"|"+this.processSynomyms(s)+")"+r))}return e}},{key:"processSynomyms",value:function(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}},{key:"setupWildcardsRegExp",value:function(e){return(e=e.replace(/(?:\\)*\?/g,function(e){return"\\"===e.charAt(0)?"?":""})).replace(/(?:\\)*\*/g,function(e){return"\\"===e.charAt(0)?"*":""})}},{key:"createWildcardsRegExp",value:function(e){var t="withSpaces"===this.opt.wildcards;return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}},{key:"setupIgnoreJoinersRegExp",value:function(e){return e.replace(/[^(|)\\]/g,function(e,t,n){var r=n.charAt(t+1);return/[(|)\\]/.test(r)||""===r?e:e+"\0"})}},{key:"createJoinersRegExp",value:function(e){var t=[],n=this.opt.ignorePunctuation;return Array.isArray(n)&&n.length&&t.push(this.escapeStr(n.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join("["+t.join("")+"]*"):e}},{key:"createDiacriticsRegExp",value:function(e){var t=this.opt.caseSensitive?"":"i",n=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"],r=[];return e.split("").forEach(function(i){n.every(function(n){if(-1!==n.indexOf(i)){if(r.indexOf(n)>-1)return!1;e=e.replace(new RegExp("["+n+"]","gm"+t),"["+n+"]"),r.push(n)}return!0})}),e}},{key:"createMergedBlanksRegExp",value:function(e){return e.replace(/[\s]+/gim,"[\\s]+")}},{key:"createAccuracyRegExp",value:function(e){var t=this,n=this.opt.accuracy,r="string"==typeof n?n:n.value,i="";switch(("string"==typeof n?[]:n.limiters).forEach(function(e){i+="|"+t.escapeStr(e)}),r){case"partially":default:return"()("+e+")";case"complementary":return"()([^"+(i="\\s"+(i||this.escapeStr("!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿")))+"]*"+e+"[^"+i+"]*)";case"exactly":return"(^|\\s"+i+")("+e+")(?=$|\\s"+i+")"}}},{key:"getSeparatedKeywords",value:function(e){var t=this,n=[];return e.forEach(function(e){t.opt.separateWordSearch?e.split(" ").forEach(function(e){e.trim()&&-1===n.indexOf(e)&&n.push(e)}):e.trim()&&-1===n.indexOf(e)&&n.push(e)}),{keywords:n.sort(function(e,t){return t.length-e.length}),length:n.length}}},{key:"isNumeric",value:function(e){return Number(parseFloat(e))==e}},{key:"checkRanges",value:function(e){var t=this;if(!Array.isArray(e)||"[object Object]"!==Object.prototype.toString.call(e[0]))return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];var n=[],r=0;return e.sort(function(e,t){return e.start-t.start}).forEach(function(e){var i=t.callNoMatchOnInvalidRanges(e,r),o=i.start,a=i.end;i.valid&&(e.start=o,e.length=a-o,n.push(e),r=a)}),n}},{key:"callNoMatchOnInvalidRanges",value:function(e,t){var n=void 0,r=void 0,i=!1;return e&&void 0!==e.start?(r=(n=parseInt(e.start,10))+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&r-t>0&&r-n>0?i=!0:(this.log("Ignoring invalid or overlapping range: "+JSON.stringify(e)),this.opt.noMatch(e))):(this.log("Ignoring invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:n,end:r,valid:i}}},{key:"checkWhitespaceRanges",value:function(e,t,n){var r=void 0,i=!0,o=n.length,a=t-o,s=parseInt(e.start,10)-a;return(r=(s=s>o?o:s)+parseInt(e.length,10))>o&&(r=o,this.log("End range automatically set to the max value of "+o)),s<0||r-s<0||s>o||r>o?(i=!1,this.log("Invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)):""===n.substring(s,r).replace(/\s+/g,"")&&(i=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:s,end:r,valid:i}}},{key:"getTextNodes",value:function(e){var t=this,n="",r=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,function(e){r.push({start:n.length,end:(n+=e.textContent).length,node:e})},function(e){return t.matchesExclude(e.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},function(){e({value:n,nodes:r})})}},{key:"matchesExclude",value:function(e){return i.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}},{key:"wrapRangeInTextNode",value:function(e,t,n){var r=this.opt.element?this.opt.element:"mark",i=e.splitText(t),o=i.splitText(n-t),a=document.createElement(r);return a.setAttribute("data-markjs","true"),this.opt.className&&a.setAttribute("class",this.opt.className),a.textContent=i.textContent,i.parentNode.replaceChild(a,i),o}},{key:"wrapRangeInMappedTextNode",value:function(e,t,n,r,i){var o=this;e.nodes.every(function(a,s){var c=e.nodes[s+1];if(void 0===c||c.start>t){if(!r(a.node))return!1;var u=t-a.start,l=(n>a.end?a.end:n)-a.start,h=e.value.substr(0,a.start),f=e.value.substr(l+a.start);if(a.node=o.wrapRangeInTextNode(a.node,u,l),e.value=h+f,e.nodes.forEach(function(t,n){n>=s&&(e.nodes[n].start>0&&n!==s&&(e.nodes[n].start-=l),e.nodes[n].end-=l)}),n-=l,i(a.node.previousSibling,a.start),!(n>a.end))return!1;t=a.end}return!0})}},{key:"wrapMatches",value:function(e,t,n,r,i){var o=this,a=0===t?0:t+1;this.getTextNodes(function(t){t.nodes.forEach(function(t){t=t.node;for(var i=void 0;null!==(i=e.exec(t.textContent))&&""!==i[a];)if(n(i[a],t)){var s=i.index;if(0!==a)for(var c=1;c<a;c++)s+=i[c].length;t=o.wrapRangeInTextNode(t,s,s+i[a].length),r(t.previousSibling),e.lastIndex=0}}),i()})}},{key:"wrapMatchesAcrossElements",value:function(e,t,n,r,i){var o=this,a=0===t?0:t+1;this.getTextNodes(function(t){for(var s=void 0;null!==(s=e.exec(t.value))&&""!==s[a];){var c=s.index;if(0!==a)for(var u=1;u<a;u++)c+=s[u].length;var l=c+s[a].length;o.wrapRangeInMappedTextNode(t,c,l,function(e){return n(s[a],e)},function(t,n){e.lastIndex=n,r(t)})}i()})}},{key:"wrapRangeFromIndex",value:function(e,t,n,r){var i=this;this.getTextNodes(function(o){var a=o.value.length;e.forEach(function(e,r){var s=i.checkWhitespaceRanges(e,a,o.value),c=s.start,u=s.end;s.valid&&i.wrapRangeInMappedTextNode(o,c,u,function(n){return t(n,e,o.value.substring(c,u),r)},function(t){n(t,e)})}),r()})}},{key:"unwrapMatches",value:function(e){for(var t=e.parentNode,n=document.createDocumentFragment();e.firstChild;)n.appendChild(e.removeChild(e.firstChild));t.replaceChild(n,e),this.ie?this.normalizeTextNode(t):t.normalize()}},{key:"normalizeTextNode",value:function(e){if(e){if(3===e.nodeType)for(;e.nextSibling&&3===e.nextSibling.nodeType;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}},{key:"markRegExp",value:function(e,t){var n=this;this.opt=t,this.log('Searching with expression "'+e+'"');var r=0,i="wrapMatches";this.opt.acrossElements&&(i="wrapMatchesAcrossElements"),this[i](e,this.opt.ignoreGroups,function(e,t){return n.opt.filter(t,e,r)},function(e){r++,n.opt.each(e)},function(){0===r&&n.opt.noMatch(e),n.opt.done(r)})}},{key:"mark",value:function(e,t){var n=this;this.opt=t;var r=0,i="wrapMatches",o=this.getSeparatedKeywords("string"==typeof e?[e]:e),a=o.keywords,s=o.length,c=this.opt.caseSensitive?"":"i";this.opt.acrossElements&&(i="wrapMatchesAcrossElements"),0===s?this.opt.done(r):function e(t){var o=new RegExp(n.createRegExp(t),"gm"+c),u=0;n.log('Searching with expression "'+o+'"'),n[i](o,1,function(e,i){return n.opt.filter(i,t,r,u)},function(e){u++,r++,n.opt.each(e)},function(){0===u&&n.opt.noMatch(t),a[s-1]===t?n.opt.done(r):e(a[a.indexOf(t)+1])})}(a[0])}},{key:"markRanges",value:function(e,t){var n=this;this.opt=t;var r=0,i=this.checkRanges(e);i&&i.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(i)),this.wrapRangeFromIndex(i,function(e,t,r,i){return n.opt.filter(e,t,r,i)},function(e,t){r++,n.opt.each(e,t)},function(){n.opt.done(r)})):this.opt.done(r)}},{key:"unmark",value:function(e){var t=this;this.opt=e;var n=this.opt.element?this.opt.element:"*";n+="[data-markjs]",this.opt.className&&(n+="."+this.opt.className),this.log('Removal selector "'+n+'"'),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,function(e){t.unwrapMatches(e)},function(e){var r=i.matches(e,n),o=t.matchesExclude(e);return!r||o?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}},{key:"opt",set:function(e){this._opt=r({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:function(){},noMatch:function(){},filter:function(){return!0},done:function(){},debug:!1,log:window.console},e)},get:function(){return this._opt}},{key:"iterator",get:function(){return new i(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}}]),o}();return function(e){var t=this,n=new o(e);return this.mark=function(e,r){return n.mark(e,r),t},this.markRegExp=function(e,r){return n.markRegExp(e,r),t},this.markRanges=function(e,r){return n.markRanges(e,r),t},this.unmark=function(e){return n.unmark(e),t},this}});
================================================
FILE: dist/opensearch.xml
================================================
<?xml version="1.0" encoding="utf-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>CODELF</ShortName>
<Description>Search CODELF</Description>
<InputEncoding>UTF-8</InputEncoding>
<LongName>CODELF Search</LongName>
<Image type="./images/codelf_logo.png">logo</Image>
<Url type="text/html" method="get" template="http://unbug.github.io/codelf/#{searchTerms}"/>
</OpenSearchDescription>
================================================
FILE: dist/sw.js
================================================
function asyncGeneratorStep(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function _asyncToGenerator(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){function f(a){asyncGeneratorStep(h,d,e,f,g,"next",a)}function g(a){asyncGeneratorStep(h,d,e,f,g,"throw",a)}var h=a.apply(b,c);f(void 0)})}}var CACHE_VERSION="2023-02-10T14:15:46.873Z",CURRENT_CACHES={prefetch:"prefetch-cache-v"+CACHE_VERSION},INCLUDED=["searchcode.com","fanyi.youdao.com","api.cognitive.microsofttranslator.com","api.github.com"],CACHE_ONLY=["fanyi.youdao.com","api.cognitive.microsofttranslator.com","api.github.com"],NETWORK_ONLY=[],EXCLUDED=[];function matchLocation(a,b){return b.find(function(b){return-1!==a.indexOf(b)})}self.addEventListener("install",function(a){self.skipWaiting();var b=Date.now(),c=["./","opensearch.xml","css/app.css","css/app.f1364fce.css","css/lib.b0f67b98.css","css/lib.css","fonts/Dressedless_Three.svg","fonts/Dressedless_Three.ttf","fonts/FontAwesome.otf","fonts/LatoLatin-Bold.woff2","fonts/LatoLatin-BoldItalic.woff2","fonts/LatoLatin-Italic.woff2","fonts/LatoLatin-Regular.woff2","fonts/fontawesome-webfont.eot","fonts/fontawesome-webfont.svg","fonts/fontawesome-webfont.ttf","fonts/fontawesome-webfont.woff","fonts/fontawesome-webfont.woff2","images/codelf_logo.f4ae25bd.png","images/codelf_logo.png","images/paypal.69412e83.png","images/paypal.png","images/twohardtings.0db8462a.jpg","images/twohardtings.jpg","images/wechatdonate.3ba3a9d8.jpg","images/wechatdonate.jpg","images/wechatpay.5f11f80c.jpg","images/wechatpay.jpg","images/zhifubao.70c19370.png","images/zhifubao.png","js/app.792fa086.js","js/app.js","js/lib.5e430a5b.js","js/lib.js","css/themes/default/assets/fonts/brand-icons.eot","css/themes/default/assets/fonts/brand-icons.svg","css/themes/default/assets/fonts/brand-icons.ttf","css/themes/default/assets/fonts/brand-icons.woff","css/themes/default/assets/fonts/brand-icons.woff2","css/themes/default/assets/fonts/icons.eot","css/themes/default/assets/fonts/icons.otf","css/themes/default/assets/fonts/icons.svg","css/themes/default/assets/fonts/icons.ttf","css/themes/default/assets/fonts/icons.woff","css/themes/default/assets/fonts/icons.woff2","css/themes/default/assets/fonts/outline-icons.eot","css/themes/default/assets/fonts/outline-icons.svg","css/themes/default/assets/fonts/outline-icons.ttf","css/themes/default/assets/fonts/outline-icons.woff","css/themes/default/assets/fonts/outline-icons.woff2","css/themes/default/assets/images/flags.png"];console.log("Handling install event. Resources to prefetch:",c),a.waitUntil(caches.open(CURRENT_CACHES.prefetch).then(function(a){var d=c.map(function(c){var d=new URL(c,location.href);d.search+=(d.search?"&":"?")+"cache-bust="+b;var e=new Request(d,{mode:"no-cors"});return fetch(e).then(function(b){if(400<=b.status)throw new Error("request for "+c+" failed with status "+b.statusText);return a.put(c,b)})["catch"](function(a){console.error("Not caching "+c+" due to "+a)})});return Promise.all(d).then(function(){console.log("Pre-fetching complete.")})})["catch"](function(a){console.error("Pre-fetching failed:",a)}))}),self.addEventListener("activate",function(a){var b=Object.keys(CURRENT_CACHES).map(function(a){return CURRENT_CACHES[a]});a.waitUntil(caches.keys().then(function(a){return Promise.all(a.map(function(a){if(-1===b.indexOf(a))return console.log("Deleting out of date cache:",a),caches["delete"](a)}))}))}),self.addEventListener("fetch",function(a){console.log("Handling fetch event for",a.request.url);var b=new URL(a.request.url);"navigate"===a.request.mode?(console.log("request mode:",a.request.mode),a.respondWith(_asyncToGenerator(regeneratorRuntime.mark(function c(){var d,e,f;return regeneratorRuntime.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:return d=b,d.search="",e=fetch(d),f=e.then(function(a){return a.clone()}),a.waitUntil(_asyncToGenerator(regeneratorRuntime.mark(function a(){var b;return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,caches.open(CURRENT_CACHES.prefetch);case 2:return b=a.sent,a.t0=b,a.t1=d,a.next=7,f;case 7:return a.t2=a.sent,a.next=10,a.t0.put.call(a.t0,a.t1,a.t2);case 10:case"end":return a.stop();}},a)}))()),c.next=7,caches.match(d);case 7:if(c.t0=c.sent,c.t0){c.next=10;break}c.t0=e;case 10:return c.abrupt("return",c.t0);case 11:case"end":return c.stop();}},c)}))())):matchLocation(b.href,INCLUDED)&&!matchLocation(b.href,EXCLUDED)&&/get/i.test(a.request.method)?matchLocation(b.href,NETWORK_ONLY)?(console.log("network-falling-back-to-caches:",a.request.url),a.respondWith(caches.open(CURRENT_CACHES.prefetch).then(function(b){return fetch(a.request).then(function(c){return b.put(a.request,c.clone()),c})["catch"](function(){return b.match(a.request).then(function(a){return a})})}))):matchLocation(b.href,CACHE_ONLY)?(console.log("cache-falling-back-to-network:",a.request.url),a.respondWith(caches.open(CURRENT_CACHES.prefetch).then(function(b){return b.match(a.request).then(function(c){return c||fetch(a.request).then(function(c){return b.put(a.request,c.clone()),c})})}))):(console.log("cache-then-network:",a.request.url),a.respondWith(caches.open(CURRENT_CACHES.prefetch).then(function(b){return b.match(a.request).then(function(c){var d=fetch(a.request).then(function(c){return b.put(a.request,c.clone()),c});return c||d})}))):b.origin==location.origin&&(console.log("request origin:",b.origin),a.respondWith(caches.match(a.request).then(function(b){return b?(console.log("Found response in cache:",b),b):(console.log("No response found in cache. About to fetch from network..."),fetch(a.request).then(function(a){return console.log("Response from network is:",a),a})["catch"](function(a){throw console.error("Fetching failed:",a),a}))})))}),"storage"in navigator&&"estimate"in navigator.storage&&navigator.storage.estimate().then(function(a){console.log("Using ".concat(a.usage," out of ").concat(a.quota," bytes."))});
================================================
FILE: gulpfile.js
================================================
'use strict';
const gulp = require('gulp');
const $ = require('./build-system/util');
const requireDir = require('require-dir');
requireDir('./build-system');
gulp.task('help', cb => {
$.util.log(
`
Usage
gulp [TASK] [OPTIONS...]
Available tasks
build Builds the app.
build:app-css Builds the app style.
build:app-js Builds the app scripts.
build:extra Builds extra files.
build:images Builds the app style.
build:lib-css Builds the lib style.
build:lib-js Builds the lib scripts.
clean Cleans files.
clean:dist Cleans dist files.
default
dist Dist the app.
dist:all Copy all to dist.
dist:css Compress css to dist.
dist:html Compress html to dist.
dist:images Compress images to dist.
dist:js Compress js to dist.
help Display this help text.
lint Lint JS files.
server Starts a HTTP(s) server for debug.
watch Watches for changes in files.
`
);
cb();
});
// Run tasks: lint, build, docs, watch, server
gulp.task('default', cb => {
$.util.log(
$.util.colors.green('Building and watching for changes ...')
);
gulp.series(
'lint',
'build:extra', 'build:images', 'build:app-css', 'build:lib-js', 'build:lib-css', 'watch', 'server', () => {
$.util.log(
$.util.colors.green('Ready! Run "gulp help" for more build command usages.'), '\n'
);
})(cb);
});
================================================
FILE: lib.config.js
================================================
'use strict';
exports.js = [
'./node_modules/react/umd/react.production.min.js',
'./node_modules/react-dom/umd/react-dom.production.min.js',
'./node_modules/clipboard/dist/clipboard.min.js',
'./src/vendors/prettify.js',
'./node_modules/mark.js/dist/mark.min.js'
];
exports.css = [
'./node_modules/semantic-ui-css/semantic.min.css',
'./node_modules/animate.css/animate.min.css',
'./src/vendors/prettify.css'
];
exports.extra = [{
'css/themes': './node_modules/semantic-ui-css/themes/**'
}];
// configs for service worker, get request only, not in "included" url won't be cached
exports.serviceWorker = {
included: [ // cache then network, url must start with it's host
'"searchcode.com"',
'"fanyi.youdao.com"',
'"api.cognitive.microsofttranslator.com"',
'"api.github.com"'
],
networkOnly: [ // network falling back to cache, url|path|etc must included in "included"
],
cacheOnly: [ // cache fallback to network, url|path|etc must included in "included"
'"fanyi.youdao.com"',
'"api.cognitive.microsofttranslator.com"',
'"api.github.com"'
],
excluded: [ // won't be cache, url|path|etc must included in "included"
]
}
================================================
FILE: package.json
================================================
{
"name": "Codelf",
"version": "8.1.0",
"description": "A search tool helps dev to solve the naming things problem.",
"keywords": [
"Codelf",
"real-world usage variable names",
"searchcode"
],
"author": "unbug",
"license": "snts",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "gulp",
"build": "NODE_ENV=production gulp build",
"dist": "NODE_ENV=production gulp build && gulp dist",
"gh-pages": "npm run dist && sleep 3 && git add dist/ && git commit -m \"build dist\" && git push origin `git subtree split --prefix dist HEAD`:gh-pages --force"
},
"devDependencies": {
"@babel/core": "^7.7.4",
"@babel/plugin-proposal-class-properties": "^7.7.4",
"@babel/plugin-proposal-optional-chaining": "^7.7.4",
"@babel/preset-env": "^7.7.4",
"@babel/preset-react": "^7.7.4",
"ansi-colors": "^4.1.1",
"babel-eslint": "^10.0.3",
"babel-loader": "^8.0.6",
"browser-sync": "^2.26.7",
"css-loader": "^3.2.1",
"cssnano": "^4.1.10",
"del": "^5.1.0",
"eslint": "^6.7.2",
"eslint-plugin-react": "^7.17.0",
"eslint-plugin-react-hooks": "^2.3.0",
"fancy-log": "^1.3.3",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-babel-minify": "^0.5.1",
"gulp-cachebust": "0.0.10",
"gulp-cached": "^1.1.1",
"gulp-concat": "^2.6.1",
"gulp-csso": "^3.0.1",
"gulp-eslint": "^6.0.0",
"gulp-htmlmin": "^5.0.1",
"gulp-if": "^3.0.0",
"gulp-imagemin": "^6.2.0",
"gulp-load-plugins": "^2.0.1",
"gulp-replace": "^1.0.0",
"gulp-sass": "^4.0.2",
"gulp-sass-lint": "^1.4.0",
"gulp-size": "^3.0.0",
"gulp-watch": "^5.0.1",
"imagemin-pngquant": "^8.0.0",
"minimist": "^1.2.0",
"node-sass": "^4.13.0",
"plugin-error": "^1.0.1",
"require-dir": "^1.2.0",
"sass-loader": "^8.0.0",
"serve-index": "^1.9.1",
"through2": "^3.0.0",
"webpack": "^4.41.2",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.9.0",
"webpack-hot-middleware": "^2.25.0",
"webpack-merge": "^4.2.2"
},
"dependencies": {
"@babel/polyfill": "^7.7.0",
"animate.css": "^3.7.2",
"clipboard": "^2.0.4",
"code-prettify": "^0.1.0",
"css-doodle": "^0.7.6",
"events": "^3.0.0",
"file-saver": "^2.0.2",
"lodash": "^4.17.15",
"mark.js": "^8.11.1",
"nprogress": "^0.2.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-router-dom": "^5.1.2",
"semantic-ui-css": "^2.4.1",
"semantic-ui-react": "^0.88.1",
"spark-md5": "^3.0.0",
"whatwg-fetch": "^3.0.0"
}
}
================================================
FILE: src/App.js
================================================
import 'whatwg-fetch';
import ReactDOM from 'react-dom';
import MainContainer from './containers/MainContainer';
// import CopybookContainer from './containers/CopybookContainer';
import NoticeContainer from './containers/NoticeContainer';
import NavBarContainer from './containers/NavBarContainer';
function App() {
return (
<>
<NavBarContainer />
<MainContainer />
{/* <CopybookContainer /> */}
<NoticeContainer />
</>
);
}
ReactDOM.render(<App />, document.querySelector('.app'));
================================================
FILE: src/components/Bookmark.js
================================================
================================================
FILE: src/components/Copybook.js
================================================
import React, { useRef } from 'react';
import { Button, Dropdown, Modal } from 'semantic-ui-react';
import Loading from "./Loading";
import useCodeHighlighting from './hooks/useCodeHighlighting';
export default function Copybook(props) {
const codeEl = useCodeHighlighting([props.copybookFileContent, props.copybookVisible]);
const editorEl = useRef(null);
function handleClose() {
props.onCloseCopybook();
}
function handleDropdownChange(e, { searchQuery, value }) {
if (value != props.copybookSelectedFile.path) {
props.onRequestCopybookFile(
props.copybookFileList.find(f => f.path === value)
);
}
}
function renderDropdownItem() {
if (!props.copybookFileList) {
return null;
}
return props.copybookFileList.map((file, idx) => {
return {
key: file.path,
value: file.path,
text: (idx + 1) + '. ' + file.path
}
});
}
if (!props.copybookVisible || !props.copybookFileList || !props.copybookFileContent) {
return (
<Modal open={props.copybookVisible} onClose={handleClose}
centered={false} closeIcon className={props.className} size='large'>
<Modal.Header>
<div className='title'>Daily Algorithm Copybook</div>
</Modal.Header>
<Modal.Content>
<Loading />
<pre><code className='prettyprint' ref={codeEl}></code></pre>
</Modal.Content>
</Modal>
);
}
return (
<Modal open={props.copybookVisible} onClose={handleClose}
centered={false} closeIcon className={props.className} size='large'>
<Modal.Header>
<div className='title'>Daily Algorithm Copybook</div>
<Button size='tiny' as='a' basic
href={props.copybookSelectedFile.link}
target='_blank'>View In GitHub</Button>
<Dropdown
search
selection
onChange={handleDropdownChange}
value={props.copybookSelectedFile.path}
options={renderDropdownItem()} />
</Modal.Header>
<Modal.Content>
{props.copybookRequesting ? <Loading /> : ''}
<pre>
<code className='prettyprint' ref={codeEl}>{props.copybookFileContent.content}</code>
<div className='editor' contentEditable={true} ref={editorEl}></div>
</pre>
</Modal.Content>
</Modal>
)
}
================================================
FILE: src/components/Donate.js
================================================
import React from 'react';
import * as Tools from '../utils/Tools';
const cnText = Tools.randomList([
'颈椎病晚期',
'买不起奶粉',
'快交不起房租',
'全年996',
'有可能会猝死',
'快要失业',
'头发越来越少',
'还没从 ICU 出来',
'天天写需求',
'又被降薪',
'昨晚熬夜修 BUG '
], 1)[0];
export default function Donate(props) {
let text = <h4 className='lang'>Buy <a href='https://twitter.com/unbug' rel='noopener noreferrer' target='_blank'>@unbug</a> a drink</h4>;
if (props.isZH) {
text = <h4 className='lang cn'>给<a href='https://github.com/unbug' rel='noopener noreferrer' target='_blank'>{cnText}的作者</a>打赏个红包吧</h4>;
}
return (
<div className='donate'>
<div className='hd'>{text}</div>
<div className='bd'>
<img src='images/wechatdonate.jpg' className='wechatpay' title='微信付款' />
<img src='images/zhifubao.png' className='zhifubao' title='支付宝转账' />
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' target='_top'>
<input type='hidden' name='cmd' value='_s-xclick' />
<input type='hidden' name='hosted_button_id' value='43H7K8PWR4VV4' />
<input type='image' className='paypal' src='images/paypal.png' border='0' name='submit'
title='Paypal' />
</form>
</div>
</div>
)
}
================================================
FILE: src/components/Doodle.js
================================================
import React from 'react';
import 'css-doodle';
export default function Doodle(props) {
const { text } = props;
let doodle = null;
if (/鱼|fish/i.test(text)) {
doodle = 'fish';
} else if (/糖|甜|candy|圣诞|Christmas|xmas|春节/i.test(text)) {
doodle = 'candy'
}
if (!doodle) { return null; }
return (
<css-doodle use="var(--rule)" class={doodle}></css-doodle>
)
}
================================================
FILE: src/components/Loading.js
================================================
import React from 'react';
export default function Loading() {
return (
<div className='loading'>
<div className='logo'><img className='spinner' src='images/codelf_logo.png' /></div>
</div>
)
}
================================================
FILE: src/components/SearchBar.js
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Dropdown, Icon, Input } from 'semantic-ui-react';
// http://githut.info/
const topProgramLan = [
{ id: '22,106', language: 'JavaScript, CoffeeScript' },
{ id: '133,135', language: 'CSS' },
{ id: '3,39', language: 'HTML' },
{ id: 137, language: 'Swift' },
{ id: 35, language: 'Objective-C' },
{ id: 23, language: 'Java' },
{ id: 19, language: 'Python' },
{ id: 24, language: 'PHP' },
{ id: 32, language: 'Ruby' },
{ id: 28, language: 'C' },
{ id: 16, language: 'C++' },
{ id: 6, language: 'C#' },
{ id: 55, language: 'Go' },
{ id: 51, language: 'Perl' },
{ id: '104,109', language: 'Clojure, ClojureScript' },
{ id: 40, language: 'Haskell' },
{ id: 54, language: 'Lua' },
{ id: 20, language: 'Matlab' },
{ id: 144, language: 'R' },
{ id: 47, language: 'Scala' },
{ id: '69,78,146', language: 'Shell' },
{ id: 29, language: 'Lisp' },
{ id: 42, language: 'ActionScript' }
];
export default function SearchBar(props) {
const inputEl = useRef(null);
const inputSize = useInputSize('huge');
const [state, setState] = useState({
lang: props.searchLang || [],
valChanged: false
});
function updateState(vals) {
setState(prevState => {
return { ...prevState, ...vals };
});
}
function handleSearch() {
props.onSearch(inputEl.current.inputRef.current.value, state.lang);
inputEl.current.inputRef.current.blur();
updateState({ valChanged: false });
}
function handleRestLang() {
updateState({ lang: [], valChanged: true });
}
function handleSelectLang(id) {
updateState({ lang: state.lang.concat(id).sort(), valChanged: true });
}
function handleDeselectLang(id) {
let lang = state.lang;
lang.splice(state.lang.indexOf(id), 1);
updateState({ lang: lang.sort(), valChanged: true });
}
function handleToggleSelectLang(id) {
state.lang.indexOf(id) === -1 ? handleSelectLang(id) : handleDeselectLang(id);
}
const langItems = topProgramLan.map(key => {
const active = state.lang.indexOf(key.id) !== -1;
return <Dropdown.Item key={key.id}
active={active}
onClick={() => handleToggleSelectLang(key.id)}>
<Icon name={active ? 'check circle outline' : 'circle outline'} />{key.language}
</Dropdown.Item>;
});
return (
<div className='search-bar'>
<div className='search-bar__desc'>
Search over GitHub, Bitbucket, GitLab to find real-world usage variable names
</div>
<form action="javascript:void(0);">
<Input ref={inputEl}
onChange={() => updateState({ valChanged: true })}
className='search-bar__input'
icon fluid placeholder={props.placeholder} size={inputSize}>
<Dropdown floating text='' icon='filter' className='search-bar__dropdown'>
<Dropdown.Menu>
<Dropdown.Item icon='undo' text='All 90 Languages (Reset)' onClick={handleRestLang} />
<Dropdown.Menu scrolling className='fix-dropdown-menu'>
{langItems}
</Dropdown.Menu>
</Dropdown.Menu>
</Dropdown>
<input type='search' name='search' defaultValue={props.searchValue} list='search-data-list'
onKeyPress={e => {
e.key === 'Enter' && handleSearch()
}} />
<Icon name={(props.variableList.length && !state.valChanged) ? 'search plus' : 'search'}
link onClick={handleSearch} />
<datalist id='search-data-list'>
{props.luckyKeyWords.map((item, i) => <option value={item} key={i} />)}
</datalist>
</Input>
</form>
<div className='search-bar__plugins'>
Extensions:
<a href='https://github.com/unbug/codelf#codelf-for-vs-code'
target='_blank' rel='noopener noreferrer'>VS Code</a>,
<a className='text-muted' href='https://atom.io/packages/codelf'
target='_blank' rel='noopener noreferrer'>Atom</a>,
<a className='text-muted' href='https://github.com/unbug/codelf#codelf-for-sublime-text'
target='_blank' rel='noopener noreferrer'>Sublime</a>,
<a href='https://github.com/unbug/codelf/issues/24'
target='_blank' rel='noopener noreferrer'>WebStorm</a>,
<a href='https://github.com/unbug/codelf/issues/63'
target='_blank' rel='noopener noreferrer'>Alfred</a>
</div>
</div>
)
}
function useInputSize(val) {
const [size, setSize] = useState(val);
useEffect(() => {
resizeInput();
window.addEventListener('resize', resizeInput, false);
return () => window.removeEventListener('resize', resizeInput, false);
}, []);// run an effect and clean it up only once (on mount and unmount), you can pass an empty array ([])
function resizeInput() {
setSize(document.body.offsetWidth < 800 ? '' : val);
}
return size;
}
================================================
FILE: src/components/SearchError.js
================================================
import React from 'react';
import { Label } from 'semantic-ui-react';
export default function SearchError() {
return (
<div className='search-error'>
<div>Nothing found, please try <Label color='grey' size='mini'>Quick Search</Label> or come back later :)</div>
<div>You can also get help from <a href='https://github.com/unbug/codelf/issues'
target='_blank'
rel="noopener noreferrer" >https://github.com/unbug/codelf/issues</a>.
</div>
</div>
);
}
================================================
FILE: src/components/SourceCode.js
================================================
import React from 'react';
import { Modal, Button, Dropdown, Label } from 'semantic-ui-react';
import * as Tools from '../utils/Tools';
import Loading from "./Loading";
import useCodeHighlighting from './hooks/useCodeHighlighting';
export default function SourceCode(props) {
const codeEl = useCodeHighlighting([props.sourceCode, props.sourceCodeVisible], props.sourceCodeVariable ?.keyword);
function handleClose() {
props.onCloseSourceCode();
}
if (!props.sourceCodeVariable || !props.sourceCodeRepo) { return null; }
const sourceCodeVariable = props.sourceCodeVariable;
const dropText = (
<div>All Codes <Label size='mini' circular color={sourceCodeVariable.color}>
{sourceCodeVariable.repoList.length}
</Label></div>
);
const dropdownItems = props.sourceCodeVariable && props.sourceCodeVariable.repoList.map(repo => {
return (
<Dropdown.Item key={Tools.uuid()}>
<Button size='mini' onClick={() => props.onRequestSourceCode(repo)}>Codes</Button>
<Button size='mini' as='a' href={repo.repo} target='_blank'>Repo</Button>
<Label size='mini' circular color={Tools.randomLabelColor()}>{repo.language}</Label>
</Dropdown.Item>
)
});
return (
<Modal open={props.sourceCodeVisible} onClose={handleClose}
centered={false} closeIcon className='source-code fix-modal' size='large'>
<Modal.Header>
<Dropdown floating labeled button blurring className='mini icon' style={{ padding: '0.35rem 0' }}
text={dropText}>
<Dropdown.Menu>
<Dropdown.Menu scrolling className='fix-dropdown-menu'>
{dropdownItems}
</Dropdown.Menu>
</Dropdown.Menu>
</Dropdown>
<Button size='mini' as='a' href={props.sourceCodeRepo.repo} target='_blank'>Repo</Button>
</Modal.Header>
<Modal.Content>
{props.sourceCodeRequesting ? <Loading /> : ''}
<pre><code className='prettyprint linenums' ref={codeEl}>{props.sourceCode}</code></pre>
</Modal.Content>
</Modal>
)
}
================================================
FILE: src/components/Suggestion.js
================================================
import React from 'react';
import { Label } from 'semantic-ui-react';
export default function Suggestion(props) {
if (!props.suggestion || !props.suggestion.length) { return null; }
const list = props.suggestion.map((item, i) => {
return <Label key={i} circular size='mini' color='grey' as='a' href={`#${item}`}>{item}</Label>
});
return (
<div className='suggestion'>
<Label color='grey' size='mini'>Quick Search:</Label> {list}
</div>
)
}
================================================
FILE: src/components/TitleLogo.js
================================================
import React from 'react';
export default function TitleLogo() {
return (
<header className='title animated'>
<h1><a href="./"><span>C</span><span>O</span><span>D</span><span>E</span><span>L</span><span>F</span></a></h1>
</header>
)
}
================================================
FILE: src/components/VariableItem.js
================================================
import React from 'react';
import { Button, Label, Popup } from 'semantic-ui-react';
import * as Tools from '../utils/Tools';
export default function VariableItem(props) {
const clipboardId = `clipboardId-${Tools.uuid()}`;
const variable = props.variable;
let clipboard = null;
function handlePopOnMount() {
clipboard = new ClipboardJS(`#${clipboardId}`);
}
function handlePopUnmount() {
clipboard && clipboard.destroy();
}
return (
<Popup style={{ padding: '0' }}
position='top center'
trigger={
<Label circular color={variable.color} className={props.className} style={props.style}>
{variable.keyword}
</Label>}
onMount={handlePopOnMount}
onUnmount={handlePopUnmount}
hoverable={true}>
<Button.Group vertical basic style={{ border: 0 }}>
<Button compact as='a' href={`#${variable.keyword}`}>Search</Button>
<Button compact as='a' href={variable.repoLink} target='_blank'>Repo</Button>
<Button compact data-clipboard-text={variable.keyword} id={clipboardId}>Copy</Button>
<Button compact onClick={() => props.onOpenSourceCode(variable)}>
[{variable.repoLang}] Codes <Label size='mini' circular color={variable.color}>{variable.repoList.length}</Label>
</Button>
</Button.Group>
</Popup>
);
}
================================================
FILE: src/components/VariableList.js
================================================
import React, { useMemo, useRef } from 'react';
import * as Tools from '../utils/Tools';
import VariableItem from './VariableItem';
const notFound = val => val && /59ce9297fba93aeb9d693a2f61922fb6|bfd876277827a33f49d363e8857977a0/g.test(Tools.MD5(val));
const notFoundImg = '//user-images.githubusercontent.com/799578/50722775-1a9a1d00-110f-11e9-9bcc-efe5465a4ad5.jpg';
const animationName = Math.random() > 0.5 ? 'zoomInDown' : 'zoomInUp';
export default function VariableList(props) {
const lastPageLen = useRef();
const list = useMemo(() => { // same as "shouldComponentUpdate", only compute when "variableList" has changed
const variableList = props.variableList;
const pageLen = variableList.length;
let pages = [];
if (notFound(props.searchValue)) {
pages.push(<img style={{ maxWidth: '100%' }} src={notFoundImg} />);
}
variableList.forEach((list, i) => {
const isLast = i === pageLen - 1 && lastPageLen.current != pageLen;
const variables = list.map((variable, j) => {
let style = {}, className = '', duration = (list.length - j) / list.length;
if (isLast) {
className = 'animated';
style = {
animationName: animationName,
animationDelay: duration + 's',
animationDuration: Math.min(duration, 0.8) + Math.random() + 's'
};
}
return <VariableItem key={Tools.uuid()} variable={variable}
onOpenSourceCode={props.onOpenSourceCode} style={style} className={className} />
});
if (variables && variables.length) {
if (pages.length) {
pages.unshift(<hr />);
}
Array.prototype.unshift.apply(pages, variables)
}
});
lastPageLen.current = pageLen;
return pages;
}, [props.variableList]);
return <div className='variable-list'>{list}</div>;
}
================================================
FILE: src/components/hooks/useCodeHighlighting.js
================================================
import { useEffect, useRef } from 'react';
export default function useCodeHighlighting(watchedProps, keyword) {
const container = useRef(null);
const mark = useRef(null);
useEffect(() => {
renderPrettyPrint();
}, [...watchedProps]);
function renderPrettyPrint() {
setTimeout(() => {
if (container.current) {
container.current.classList.remove('prettyprinted');
setTimeout(() => PR.prettyPrint(
() => setTimeout(() => renderHighLight(), 1000)
), 100);
}
}, container.current ? 0 : 1000);
}
function renderHighLight() {
if (!keyword) {
return;
}
if (mark.current) {
mark.current.unmark()
}
mark.current = new Mark(container.current);
let idx = 0;
mark.current.mark(keyword, {
each: el => {
el.setAttribute('tabindex', idx++);
}
});
}
return container;
}
================================================
FILE: src/constants/Configs.js
================================================
import * as Tools from '../utils/Tools';
const APP_NANE = 'codelf';
const PAGE_URL = Tools.thisPage;
const PAGE_PATH = Tools.thisPath;
export { APP_NANE, PAGE_PATH, PAGE_URL }
================================================
FILE: src/containers/CopybookContainer.js
================================================
import React, { useEffect, useReducer } from 'react';
import AppModel from '../models/AppModel';
import CopybookModel from '../models/CopybookModel';
import Copybook from '../components/Copybook';
const actionTypes = {
UPDATE: 'update',
};
const initState = {
copybookRequesting: false,
copybookVisible: CopybookModel.visible,
copybookFileList: CopybookModel.fileList,
copybookSelectedFile: CopybookModel.selectedFile,
copybookFileContent: CopybookModel.fileContent,
};
function reducer(state, action) {
switch (action.type) {
case actionTypes.UPDATE:
return {
...state,
...action.payload
};
default:
return state;
}
}
export default function CopybookContainer(props) {
const [state, dispatch] = useReducer(reducer, initState);
useEffect(() => {
CopybookModel.onUpdated(handleCopybookModelUpdate);
return () => CopybookModel.offUpdated(handleCopybookModelUpdate);
});
function setState(payload) {
dispatch({ type: actionTypes.UPDATE, payload: payload });
}
function handleCopybookModelUpdate(curr, prev, mutation) {
if (mutation.fileList) {
setState({
copybookFileList: CopybookModel.fileList
});
}
if (mutation.fileContent) {
setState({
copybookRequesting: false,
copybookSelectedFile: CopybookModel.selectedFile,
copybookFileContent: CopybookModel.fileContent,
});
}
if (mutation.visible) {
setState({
copybookVisible: CopybookModel.visible,
});
if (CopybookModel.visible) {
AppModel.analytics('copybook&q=read');
}
}
}
function handleCloseCopybook() {
CopybookModel.update({ visible: false });
}
function handleRequestCopybookFile(file) {
setState({ copybookRequesting: true });
CopybookModel.requestRepoFile(file);
AppModel.analytics('copybook&q=read');
}
return <Copybook {...state}
className='copybook-container fix-modal'
onRequestCopybookFile={handleRequestCopybookFile}
onCloseCopybook={handleCloseCopybook} />;
}
================================================
FILE: src/containers/MainContainer.js
================================================
import React, { useEffect, useReducer, useCallback } from 'react';
import { Container } from 'semantic-ui-react';
import SearchBar from '../components/SearchBar';
import TitleLogo from '../components/TitleLogo';
import SearchCodeModel from '../models/SearchCodeModel';
import HashHandler from '../utils/HashHandler';
import VariableList from '../components/VariableList';
import SearchError from '../components/SearchError';
import Loading from '../components/Loading';
import Donate from '../components/Donate';
import Suggestion from '../components/Suggestion';
import SourceCode from '../components/SourceCode';
import AppModel from '../models/AppModel';
import DDMSModel from '../models/DDMSModel';
import Doodle from '../components/Doodle';
const actionTypes = {
UPDATE: 'update',
};
const initState = {
isZH: false,
isError: false,
variableRequesting: false,
searchValue: SearchCodeModel.searchValue,
searchLang: SearchCodeModel.searchLang,
page: SearchCodeModel.page,
variableList: SearchCodeModel.variableList,
suggestion: SearchCodeModel.suggestion,
luckyKeyWords: DDMSModel.luckyKeyWords,
sourceCodeRequesting: false,
sourceCodeVisible: false,
sourceCodeVariable: null,
sourceCodeRepo: null,
};
function reducer(state, action) {
switch (action.type) {
case actionTypes.UPDATE:
return {
...state,
...action.payload
};
default:
return state;
}
}
export default function MainContainer(props) {
const [state, dispatch] = useReducer(reducer, initState);
useEffect(() => {
AppModel.analytics();
setTimeout(handleLocationHashChanged, 100);
window.addEventListener('hashchange', handleLocationHashChanged, false);
return () => window.removeEventListener('hashchange', handleLocationHashChanged);
}, []);
useEffect(() => {
state.variableList.length && document.body.classList.add('dark');
}, [state.variableList]);
useEffect(() => {
SearchCodeModel.onUpdated(handleSearchCodeModelUpdate);
return () => SearchCodeModel.offUpdated(handleSearchCodeModelUpdate);
});
useEffect(() => {
function handleDDMSModelUpdate(curr, prev, mutation) {
if (mutation.luckyKeyWords) {
setState({ luckyKeyWords: curr.luckyKeyWords });
}
}
DDMSModel.onUpdated(handleDDMSModelUpdate);
return () => DDMSModel.offUpdated(handleDDMSModelUpdate);
}, []);
const handleSearch = useCallback((val, lang) => {
if (val === null || val === undefined || state.variableRequesting) {
return;
}
val = val.trim().replace(/\s+/ig, ' '); // filter spaces
if (val.length < 1) {
return;
}
if (val == state.searchValue) {
requestVariable(val, lang);
} else {
setState({ searchLang: lang });
setTimeout(() => HashHandler.set(val)); // update window.location.hash
}
}, [state.searchValue, state.variableRequesting]);
const handleOpenSourceCode = useCallback((variable) => {
setState({ sourceCodeVariable: variable });
setTimeout(() => requestSourceCode(variable.repoList[0]), 0);
}, []);
function handleCloseSourceCode() {
setState({ sourceCodeVisible: false });
}
function handleRequestSourceCode(repo) {
requestSourceCode(repo);
}
function renderSloganImage() {
if (state.page > 0 || state.variableList.length) {
return '';
}
return <div className='slogan-image'><img src='images/twohardtings.jpg' /></div>;
}
function renderDoodle() {
if (state.variableList.length == 0) { return null; }
return <Doodle text={state.searchValue} />
}
function setState(payload) {
dispatch({ type: actionTypes.UPDATE, payload: payload });
}
function checkError(data) {
if (state.variableRequesting) {
// no search result
if (data.variableList.length < 1 || data.variableList[data.variableList.length - 1].length < 1) {
return true;
}
}
return false;
}
function requestVariable(val, lang) {
const langChanged = lang ? (lang.join(',') != state.searchLang.join(',')) : !!state.searchLang;
val = decodeURIComponent(val);
let page = state.page;
if (val == state.searchValue && !langChanged) {
page += 1;
} else {
page = 0;
}
setState({ searchValue: val, variableRequesting: true });
SearchCodeModel.requestVariable(val, page, lang || state.searchLang);
AppModel.analytics('q=' + val);
DDMSModel.postKeyWords(val);
updateDocTitle(val);
}
function requestSourceCode(repo) {
setState({
sourceCodeVisible: true,
sourceCodeRequesting: true,
sourceCodeRepo: repo
});
SearchCodeModel.requestSourceCode(repo.id);
AppModel.analytics('sourcecode&q=' + state.sourceCodeVariable.keyword);
}
function updateDocTitle(title) {
document.title = `${title ? (title + ' - ') : ''}CODELF`;
}
function handleLocationHashChanged(e) {
e && e.preventDefault();
const hash = HashHandler.get();
hash && requestVariable(hash.replace(/(\?.*)/, ''));
}
function handleSearchCodeModelUpdate(curr, prev, mutation) {
if (mutation.variableList) {
setState({
isZH: SearchCodeModel.isZH || state.isZH,
isError: checkError(curr),
variableRequesting: !mutation.variableList,
searchValue: SearchCodeModel.searchValue,
searchLang: SearchCodeModel.searchLang,
page: SearchCodeModel.page,
variableList: SearchCodeModel.variableList,
suggestion: SearchCodeModel.suggestion
});
}
if (mutation.sourceCode) {
setState({
sourceCodeRequesting: false,
sourceCode: SearchCodeModel.sourceCode
});
}
}
return (
<Container className='main-container'>
<TitleLogo />
<SearchBar placeholder='AI 人工智能' {...state} onSearch={handleSearch} />
<Suggestion {...state} />
{state.variableRequesting ? <Loading /> : (state.isError ? <SearchError /> : '')}
{renderSloganImage()}
<VariableList {...state} onOpenSourceCode={handleOpenSourceCode} />
{state.variableList.length ? <Donate {...state} /> : ''}
<SourceCode {...state}
onRequestSourceCode={handleRequestSourceCode}
onCloseSourceCode={handleCloseSourceCode} />
{renderDoodle()}
</Container>
)
}
================================================
FILE: src/containers/NavBarContainer.js
================================================
import React from 'react';
import { Container, Icon, Popup } from 'semantic-ui-react';
// import CopybookModel from '../models/CopybookModel';
export default function NavBarContainer() {
function handleOpenCopybook() {
// CopybookModel.update({ visible: true });
}
return (
<Container className='nav-bar-container'>
<div className='bd'>
{/* <Popup
hoverable={true}
trigger={
<div className='copybook-btn animated fadeInDown' onClick={handleOpenCopybook}>
<Icon name='clipboard' />
</div>
}>
<Icon name='thumbs up outline' /> Daily algorithm copybook, learn algorithm easily!
</Popup>
<Popup
hoverable={true}
trigger={
<div className='bookmark-btn animated fadeInDown'>
<Icon name='bookmark' />
</div>
}>
Sorry, GitHub stars organize tool currently is not available, <a href="https://github.com/unbug/codelf/projects/2" target='_blank' rel='noopener noreferrer'>new version</a> is coming soon :)
</Popup>
*/}
<a href='https://unbug.github.io' className='bookmark-btn animated fadeInDown'
title='一分钟读论文'
target='_blank' rel='noopener noreferrer'>
<Icon name='bookmark' />
</a>
<a href='https://github.com/unbug/codelf' className='github-corner animated fadeInDown'
title='Star me on GitHub'
target='_blank' rel='noopener noreferrer'>
<Icon name='github square' />
</a>
</div>
</Container>
)
}
================================================
FILE: src/containers/NoticeContainer.js
================================================
import React, { useState, useEffect, useRef } from 'react';
import { Icon, Popup } from 'semantic-ui-react';
export default function NoticeContainer() {
const listEl = useRef(null);
const [activeIndex, setDisable] = useSliderEffect(listEl);
return (
<div className='notice-container' ref={listEl} onMouseEnter={() => setDisable(true)} onMouseLeave={() => setDisable(false)}>
<a className='animated fadeIn show' target='_blank' rel='noopener noreferrer'
href='https://unbug.github.io'>
<Icon name='newspaper' /> [Micropaper]一分钟读懂一篇论文
</a>
<a className='animated fadeIn' target='_blank' rel='noopener noreferrer'
href='https://github.com/unbug/snts'>
<Icon name='heartbeat' /> SAY NO TO SUICIDE PUBLIC LICENSE
</a>
<a className='animated fadeIn' target='_blank' rel='noopener noreferrer' href='//mihtool.com/'>
<Icon name='code' /> [MIHTool] iOS 上调试和优化页面的工具
</a>
<a className='animated fadeIn' target='_blank' rel='noopener noreferrer' href='https://www.wasmrocks.com/'>
<Icon name='hand rock' /> WebAssembly Rocks
</a>
<a className='animated fadeIn' target='_blank' rel='noopener noreferrer'
href='https://github.com/unbug/react-native-train/blob/master/README.md'>
<Icon name='video' /> [开源] React Native 开发培训资料和视频
</a>
<a className='animated fadeIn' target='_blank' rel='noopener noreferrer'
href='https://job.toutiao.com/s/gKn4Ea'>
<Popup /*open={activeIndex === 1}*/ position='top center' hoverable={true} positionFixed={true} style={{ maxWidth: '360px' }}
content={
<div style={{ textAlign: 'center', width: '320px' }}>
<b>字节跳动内推, 请扫二维码或点链接</b>
<div style={{ display: 'flex' }}>
<div style={{ flex: 1 }}>
<img src='https://user-images.githubusercontent.com/799578/74433067-aba70000-4e9a-11ea-93ae-32b2e10fc5fd.jpeg' height='90' />
<div>
<a target='_blank' rel='noopener noreferrer' href='https://job.toutiao.com/s/gKn4Ea'>全部职位内推</a>
</div>
</div>
<div style={{ flex: 1 }}>
<img src='https://user-images.githubusercontent.com/799578/74077638-6890fb00-4a5c-11ea-92b8-6ca218c060ef.png' height='90' />
<div>
<a target='_blank' rel='noopener noreferrer' href='https://job.toutiao.com/mobile/campus/invite/JXBD4CX/'>2020校招内推</a>
</div>
</div>
<div style={{ flex: 1 }}>
<img src='https://user-images.githubusercontent.com/799578/74133120-d555f200-4c22-11ea-9569-009287648476.png' height='90' />
<div>
<a target='_blank' rel='noopener noreferrer' href='https://job.toutiao.com/s/pbjj1W'>技术实习内推</a>
</div>
</div>
</div>
<small>前端，后端，产品，运营，设计，交互，策划，算法，数据，DevOps，QA，IT，实习生</small>
</div>
}
trigger={
<span><Icon name='send' />[内推]字节跳动中国/美国/新加坡社招/校招/实习</span>
} />
</a>
</div>
)
}
function useSliderEffect(el) {
const [disable, setDisable] = useState(false);
const [active, setActive] = useState(1);
useEffect(() => {
let interval = 0;
const delay = setTimeout(() => {
interval = setInterval(() => {
!disable && renderItem(el.current.children);
}, 5000);
}, 15000);
return () => {
clearTimeout(delay);
clearInterval(interval);
};
}, [disable]);
function renderItem(list) {
Array.prototype.forEach.call(list, (item, i) => {
if (i === active) {
item.classList.add('show');
} else {
item.classList.remove('show');
}
});
const index = (active + 1) % list.length;
setActive(index);
}
return [active, setDisable];
}
================================================
FILE: src/models/AppModel.js
================================================
import BaseModel from './BaseModel';
import LocalStorage from '../utils/LocalStorage';
import * as Tools from '../utils/Tools';
import * as Configs from '../constants/Configs';
import { searchParams } from '../utils/Param';
import Navigator from '../utils/Navigator';
const DEVICE_ID_KEY = `${Configs.APP_NANE}_device_id`;
class AppModel extends BaseModel {
constructor() {
super();
this._data = {
debug: searchParams()['debug'],
appName: Configs.APP_NANE,
deviceId: LocalStorage.getItem(DEVICE_ID_KEY),
isGithub: /github\.io/g.test(window.location.href)
};
if (!this._data.deviceId) {
this._data.deviceId = Tools.uuid();
LocalStorage.setItem(DEVICE_ID_KEY, this._data.deviceId)
}
}
analytics(param) {
(this.isGithub || this.debug) && setTimeout(function () {
Navigator.getFrame(null).setAttribute('src', '//www.mihtool.com/analytics.html?codelf' + (param ? ('&' + param) : ''));
}, param ? 500 : 1000);
}
genPersistenceKey(key) {
if (key !== undefined && key !== null) {
return `${this._data.appName}_${key}`;
}
return null;
}
get debug() {
return this._data.debug;
}
get isGithub() {
return this._data.isGithub;
}
get appName() {
return this._data.appName;
}
get deviceId() {
return this._data.deviceId;
}
}
export default new AppModel();
================================================
FILE: src/models/BaseModel.js
================================================
import EventEmitter from 'events';
class Mutation {
constructor(data) {
this._data = data;
this._serialize();
this.has = this.has.bind(this);
}
_serialize() {
Object.keys(this._data).forEach(key => {
this[key] = true;
});
}
get() {
return this._data;
}
has(fields) {
if (/string/i.test(typeof fields)) {
fields = fields.split(',');
}
if (Array.isArray(fields)) {
return fields.every((key) => {
key = key.trim();
return this[key];
});
}
return false;
}
}
class BaseModel extends EventEmitter {
constructor() {
super();
this.on('error', () => { });
this.setMaxListeners(99);
this._updateEventName = 'update';
this._data = {};
}
set(data) {
let prevData = Object.assign({}, this._data);
this._data = data || {};
this.notify(prevData, Object.assign({}, prevData, data, { isReset: true }));
}
get() {
return this._data;
}
create(data) {
let instance = Object.create(Object.getPrototypeOf(this));
instance._data = data;
return instance;
}
notify(prevData, mutationData) {
let data = Object.assign({}, this._data);
this.emit(this._updateEventName, data, prevData || data, new Mutation(mutationData));
}
update(data) {
let prevData = Object.assign({}, this._data);
Object.assign(this._data, data);
this.notify(prevData, data);
}
onUpdated(listener) {
this.on(this._updateEventName, listener);
}
offUpdated(listener) {
this.removeListener(this._updateEventName, listener);
}
}
export default BaseModel;
================================================
FILE: src/models/CopybookModel.js
================================================
import BaseModel from './BaseModel';
import * as Tools from '../utils/Tools';
import GitHubData from './metadata/GitHubData';
import LocalStorage from '../utils/LocalStorage';
import AppModel from './AppModel';
const REPO_FILE_URL_KEY = AppModel.genPersistenceKey('agor_repo_file_url_key');
class CopybookModel extends BaseModel {
constructor() {
super();
this._data = {
visible: false,
fileList: [],
selectedFile: null,
fileContent: null,
cachedFileUrl: LocalStorage.getItem(REPO_FILE_URL_KEY),
};
// only cache 24 hours
if (this._data.cachedFileUrl && (new Date() - new Date(this._data.cachedFileUrl.timer)) >= 86400000) {
this._data.cachedFileUrl = null;
}
setTimeout(() => this.requestRepoTrees(), 100);
}
async requestRepoTrees() {
const clData = await GitHubData.requestCLangAlgorithmsRepoTree();
if (!this._data.cachedFileUrl && clData) {
this._updateFileList(clData);
this.requestRepoFile(this._genCachedFile(this.fileList));
}
const jsData = await GitHubData.requestJavascriptAlgorithmsRepoTree();
this._updateFileList(jsData);
const pyData = await GitHubData.requestPythonAlgorithmsRepoTree();
this._updateFileList(pyData);
const jvData = await GitHubData.requestJavaAlgorithmsRepoTree();
this._updateFileList(jvData);
const swData = await GitHubData.requestSwiftAlgorithmsRepoTree();
this._updateFileList(swData);
if (this.fileList.length) {
this.requestRepoFile(this._genCachedFile(this.fileList));
}
}
async requestRepoFile(file) {
if (!file) { return; }
const data = await GitHubData.requestRepoFile(file.url);
if (data) {
const cachedFileUrl = {
timer: (new Date()).toISOString().substr(0, 10),
url: file.url
};
this.update({
selectedFile: file,
fileContent: data,
cachedFileUrl: cachedFileUrl
});
LocalStorage.setItem(REPO_FILE_URL_KEY, cachedFileUrl);
}
}
_updateFileList(data) {
data && this.update({
fileList: [...this.fileList, ...data]
});
}
_genCachedFile(data) {
let file;
if (this._data.cachedFileUrl) {
file = data.find(f => f.url === this._data.cachedFileUrl.url);
}
return file || Tools.randomList(data, 1)[0];
}
get fileList() {
return this._data.fileList;
}
get selectedFile() {
return this._data.selectedFile;
}
get fileContent() {
return this._data.fileContent;
}
get visible() {
return this._data.visible;
}
}
export default new CopybookModel();
================================================
FILE: src/models/DDMSModel.js
================================================
import BaseModel from './BaseModel';
import FormHandler from '../utils/FormHandler';
import LocalStorage from '../utils/LocalStorage';
import AppModel from './AppModel';
import * as Tools from '../utils/Tools';
import JSONP from '../utils/JSONP';
const formAction = '//ddms.mihtool.com/apis/v1/formdata/';
const formDataAction = '//ddms.mihtool.com/apis/v1/formdata_detail/';
const persistKeyWordsName = AppModel.genPersistenceKey('ddms_keywords');
const persistOrganizerName = AppModel.genPersistenceKey('ddms_group_sync_id');
const persistKeyWordsTimerName = persistKeyWordsName + '_timer';
let cacheKeyWords = (LocalStorage.getItem(persistKeyWordsName) || '').split(',');
const ot = new Date(LocalStorage.getItem(persistKeyWordsTimerName) || 0);
const nt = Date.now();
if ((nt - ot) > 1000 * 60 * 60 * 24) {
cacheKeyWords = [];
LocalStorage.setItem(persistKeyWordsTimerName, nt);
}
class DDMSModel extends BaseModel {
constructor() {
super();
this._data = {
organizerSyncId: LocalStorage.getItem(persistOrganizerName),
luckyKeyWords: []
};
this.getLuckyKeyWords();
}
getLuckyKeyWords() {
JSONP(`${formAction}?callback=?&formid=56e58775ade3a8e84dbacadf`).then(res => {
if (res && res.code == 1) {
this.update({
luckyKeyWords: Tools.randomList([...new Set(res.data.reduce((cal, cur) => {
if (cur.data.keyword.length > 1) {
cal.push(cur.data.keyword);
}
return cal;
}, []))], 6)
});
}
});
}
postKeyWords(val) {
if (!(AppModel.isGithub || AppModel.debug)) { return; }
if (val && cacheKeyWords.indexOf(val) == -1) {
FormHandler.asyncSubmit(formAction, {
formid: '56e58775ade3a8e84dbacadf',
keyword: val
});
this._saveKeyWords(val);
}
}
postBookmarkUser(val) {
if (val) {
FormHandler.asyncSubmit(formAction, {
formid: '56e587a9ade3a8e84dbacae1',
account: val
});
}
}
postBookmarkGroup(repoid, repourl, groupname, lang, stars) {
if (repoid) {
FormHandler.asyncSubmit(formAction, {
formid: '56e587ecade3a8e84dbacae3',
repoid: repoid,
repourl: repourl,
groupname: groupname,
lang: lang,
stars: stars
});
}
}
postBookmarkOrganizer(data, callback) {
if (data) {
window.afterPostBookmarkOrganizer = callback;
FormHandler.asyncSubmit(formAction, {
formid: '56fb7d9dade3a8e84dbacaf0',
success_url: Tools.thisPath + 'ddms_frame_callback.html?frame_callback=afterPostBookmarkOrganizer',
data: data
});
}
}
postUpdateBookmarkOrganizer(id, data, callback) {
if (id && data) {
window.afterPostUpdateBookmarkOrganizer = callback;
FormHandler.asyncSubmit(formDataAction, {
id: id,
success_url: Tools.thisPath + 'ddms_frame_callback.html?frame_callback=afterPostUpdateBookmarkOrganizer',
data: data
});
}
}
getBookmarkOrganizer(id, callback) {
JSONP(`${formDataAction}?callback=?&id=${id}`).then(data => {
if (data) {
callback && callback(data);
}
});
}
_saveKeyWords(val) {
if (cacheKeyWords.indexOf(val) == -1) {
cacheKeyWords.push(val);
LocalStorage.setItem(persistKeyWordsName, cacheKeyWords.join(',').replace(/^,*/g, '').replace(/,*&/g, ''));
}
}
set organizerSyncId(val) {
this._data.organizerSyncId = val;
LocalStorage.setItem(persistOrganizerName, val);
}
get organizerSyncId() {
return this._data.organizerSyncId || LocalStorage.getItem(persistOrganizerName);
}
get luckyKeyWords() {
return this._data.luckyKeyWords;
}
}
export default new DDMSModel();
================================================
FILE: src/models/ErrorModel.js
================================================
import BaseModel from './BaseModel';
class ErrorModel extends BaseModel {
constructor() {
super();
this._data = {
visible: false,
message: '',
error: null
};
}
get message() {
return this._data.message;
}
get error() {
return this._data.error;
}
set error(error) {
this.update({
visible: true,
message: error.message,
error: error
});
}
}
export default new ErrorModel();
================================================
FILE: src/models/SearchCodeModel.js
================================================
import BaseModel from './BaseModel';
import * as Tools from '../utils/Tools';
import YoudaoTranslateData from './metadata/YoudaoTranslateData';
import BaiduTranslateData from './metadata/BaiduTranslateData';
import BingTranslateData from './metadata/BingTranslateData';
import JSONP from '../utils/JSONP';
import Store from './Store';
import AppModel from './AppModel';
import { SessionStorage } from '../utils/LocalStorage';
import * as Configs from '../constants/Configs';
const SEARCH_LANG_KEY = `${Configs.APP_NANE}_search_lang_key`;
class SearchCodeModel extends BaseModel {
constructor() {
super();
this._data = {
isZH: false,
searchValue: null,
searchLang: SessionStorage.getItem(SEARCH_LANG_KEY),
page: 0,
variableList: [],
suggestion: [],
sourceCode: null
};
this._variableRepoMapping = {};
this._sourceCodeStore = new Store(Infinity);
this._variableListStore = new Store(Infinity, {
persistence: 'session',
persistenceKey: AppModel.genPersistenceKey('variable_list_key')
});
const translators = [BaiduTranslateData, BaiduTranslateData, BingTranslateData, YoudaoTranslateData, YoudaoTranslateData, BingTranslateData];
this._translator = translators[new Date().getSeconds() % translators.length];
}
//search code by query
async requestVariable(val, page, lang) {
lang = lang || this.searchLang;
SessionStorage.setItem(SEARCH_LANG_KEY, lang); // persist lang
if (val !== undefined && val !== null) {
val = val.trim().replace(/\s+/ig, ' '); // filter spaces
}
if (val.length < 1) {
return;
}
let q = val;
let suggestion = this._parseSuggestion(val.split(' '));
let isZH = this._isZH(val);
if (isZH) {
// translate by youdao
const translate = await this._translator.request(val);
if (translate) {
q = translate.translation;
suggestion = this._parseSuggestion(translate.suggestion, suggestion);
suggestion = this._parseSuggestion(q.split(' '), suggestion);
} else {
this.update({
searchValue: val,
page: page,
variableList: [...this.variableList, []],
searchLang: lang,
suggestion: suggestion,
isZH: isZH || this.isZH
});
}
}
const cacheId = Tools.MD5(q + page + (lang && lang.length ? lang.join(',') : ''));
const cache = this._variableListStore.get(cacheId);
if (cache) {
this.update(cache);
return;
}
// multiple val separate with '+'
// const url = `//searchcode.com/api/codesearch_I/?q=${q.replace(' ', '+')}&p=${page}&per_page=42${lang.length ? ('&lan=' + lang.join(',')) : ''}`;
const langParams = lang.length ? ('&lan=' + lang.join(',').split(',').join('&lan=')) : '';
const qParams = q.replace(' ', '+');
const url = `//searchcode.com/api/jsonp_codesearch_I/?callback=?&q=${qParams}&p=${page}&per_page=42${langParams}`;
const done = data => {
const cdata = {
searchValue: val,
page: page,
variableList: [...this._data.variableList, this._parseVariableList(data.results, q)],
searchLang: lang,
suggestion: suggestion,
isZH: isZH || this.isZH
};
this.update(cdata);
this._variableListStore.save(cacheId, cdata);
};
val && JSONP(url, { callbackName: 'searchcodeRequestVariableCallback' })
.then(done).catch(() => {
// fallback to fetch
fetch(`//searchcode.com/api/codesearch_I/?q=${qParams}&p=${page}&per_page=42${langParams}`)
.then(res => res.json())
.then(done)
.catch(() => {
this.update({
searchValue: val,
page: page,
variableList: [...this.variableList, []],
searchLang: lang,
suggestion: suggestion,
isZH: isZH || this.isZH
});
});
});
}
//get source code by id
requestSourceCode(id) {
const cache = this._sourceCodeStore.get(id);
if (cache) {
this.update({ sourceCode: cache });
return;
}
id && fetch('https://searchcode.com/api/result/' + id + '/')
.then(res => res.json())
.then(data => {
this._sourceCodeStore.save(id, data.code);
this.update({ sourceCode: data.code });
});
}
getKeyWordReg(keyword) {
return new RegExp('([\\-_\\w\\d\\/\\$]{0,}){0,1}' + keyword + '([\\-_\\w\\d\\$]{0,}){0,1}', 'gi');
}
getKeyWroddRegs(keywords) {
return keywords.split(' ').reduce((accumulator, curr) => {
if (curr.length && curr.length > 1) {
return accumulator.concat(this.getKeyWordReg(curr));
}
return accumulator;
}, []);
}
_parseVariableList(results, keywords) {
let vals = [], variables = [];
results.forEach(res => {
res.repo = res.repo.replace('git://github.com', 'https://github.com');
//filter codes
const lineStr = Object.keys(res.lines).reduce((accu, line) => {
let lstr = res.lines[line];
//no base64
if (!(/;base64,/g.test(lstr) && lstr.length > 256)) {
return accu.concat(lstr);
}
return accu;
}, []).join('').replace(/\r\n/g, ' '); // remove \r\n
//match variables
this.getKeyWroddRegs(keywords).forEach(reg => {
(lineStr.match(reg) || []).forEach(val => {
//remove "-" and "/" from the start and the end
val = val.replace(/^(\-|\/)*/, '').replace(/(\-|\/)*$/, '');
this._updateVariableRepoMapping(val, res);
if (
!/\//g.test(val) /*exclude links*/
&& vals.indexOf(val) === -1
&& vals.indexOf(val.toLowerCase()) === -1
&& vals.indexOf(val.toUpperCase()) === -1
&& val.length < 64 /*too long*/
) {
vals.push(val);
variables.push({
keyword: val,
repoLink: res.repo,
repoLang: res.language,
color: Tools.randomLabelColor()
});
}
});
});
});
return variables.map(val => {
val.repoList = this._getVariableRepoMapping(val.keyword);
return val;
});
}
_parseSuggestion(keywords, curr) {
let suggestion = curr || this.suggestion;
if (keywords) {
suggestion = keywords.concat(suggestion);
}
return [...new Set(suggestion)].filter((item, i) => !this._isZH(item));
}
_updateVariableRepoMapping(val, repo) {
if (!/\//g.test(val) /*exclude links*/ && val.length < 64 /*too long*/) {
val = `__${val.toLowerCase()}`;
this._variableRepoMapping[val] = this._variableRepoMapping[val] || [];
if (!this._variableRepoMapping[val].find(key => key.id == repo.id)) {
repo.lines = null;
delete repo.lines;
this._variableRepoMapping[val].push(repo);
}
}
}
_getVariableRepoMapping(val) {
val = `__${val.toLowerCase()}`;
return this._variableRepoMapping[val];
}
_isZH(val) {
let isZH = false;
val.replace(/\s+/ig, '+').split('+').forEach((key) => {
if (/[^\x00-\xff]/gi.test(key)) {
isZH = true;
}
});
return isZH;
}
get searchValue() {
return this._data.searchValue;
}
get searchLang() {
return this._data.searchLang || SessionStorage.getItem(SEARCH_LANG_KEY) || [];
}
get page() {
return this._data.page;
}
get variableList() {
return this._data.variableList;
}
get suggestion() {
return this._data.suggestion;
}
get isZH() {
return this._data.isZH;
}
get sourceCode() {
return this._data.sourceCode;
}
}
export default new SearchCodeModel();
================================================
FILE: src/models/Store.js
================================================
import LocalStorage, { SessionStorage } from '../utils/LocalStorage';
import * as Tools from '../utils/Tools';
/**
* Store data in memory cache.
*/
export default class Store {
/**
* Create a memory cache.
*
* @param expire expire time in seconds for each record, Infinity value will never expire. default (60 * 60 * 1000)s.
*/
constructor(expire, options) {
this._expire = expire || (60 * 60 * 1000);
this._cache = {};
this._options = options || {};
if (this._options.persistence === 'local') {
this._local = LocalStorage;
}
if (this._options.persistence === 'session') {
this._local = SessionStorage;
}
if (this._local && this._options.persistenceKey) {
this._cache = this._local.getItem(this._options.persistenceKey) || {};
}
}
/**
* Returns cached record data with id.
* Returns null if the record is expired.
*
* @param id unique id.
* @return {*} cache data.
*/
get(id) {
if (id !== undefined || id != null) {
id = Tools.MD5(id.toString());
let record = this._cache[id];
if (record) {
// delete record when it is expired
if (Date.now() - record.created > this._expire) {
delete this._cache[id];
return null;
}
return record.data;
}
return null;
}
return null;
}
/**
* Save a record data to memory.
* Saving different record with same id will always overwrite the old record.
*
* @param id unique id.
* @param data cache record data.
*/
save(id, data) {
if (id !== undefined || id != null) {
id = Tools.MD5(id.toString());
this._cache[id] = {
id: id,
data: data,
created: Date.now()
};
this._persist();
}
}
/**
* Clear all cached records.
*/
clear() {
this._cache = {};
this._persist();
}
_persist() {
if (this._local && this._options.persistenceKey) {
this._local.setItem(this._options.persistenceKey, this._cache)
}
}
}
================================================
FILE: src/models/metadata/BaiduTranslateData.js
================================================
import Store from '../Store';
import * as Tools from '../../utils/Tools';
import JSONP from '../../utils/JSONP';
import { formatSuggestionStr, formatTranslationArr } from '../../utils/TranslateHandler';
import AppModel from '../AppModel';
/**
* 特别重要，必读！
* CODELF 用的是 Baidu 翻译 API 的免费套餐，一个月仅有200万字符请求限制！
* 所以，如果你想二次开发，请单独申请自己的 Baidu 翻译 API 的 KEY，否则会直接影响 CODELF 的用户。
* Baidu 翻译 API 申请参看： https://api.fanyi.baidu.com/api/trans/product/apidoc
*/
const translateAppId = '20191206000363640';
const translateKey = '4hJrdEmxB3M42OYwhAPA';
const translateSalt = Date.now();
const translateEndpoint = `//fanyi-api.baidu.com/api/trans/vip/translate?callback=?&from=auto&to=en&appid=${translateAppId}&salt=${translateSalt}`;
// https://fanyi-api.baidu.com/api/trans/vip/translate?callback=baiduFanyiRequestCallback&from=auto&to=en&appid=20191206000363640&salt=1575646376369&q=%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD&sign=4e7d639cd17477acf5b13bd5ba6bab76
function genUrl(val) {
const sign = Tools.MD5(`${translateAppId}${val}${translateSalt}${translateKey}`); // appid+q+salt+密钥 的MD5值
return `${translateEndpoint}&q=${encodeURIComponent(val)}&sign=${sign}`;
}
class BaiduTranslateData {
constructor() {
this._store = new Store(Infinity, {
persistence: 'session',
persistenceKey: AppModel.genPersistenceKey('baidu_translate_key')
});
}
async request(val) {
const cache = this._store.get(val);
if (cache) {
return cache;
}
try {
const url = genUrl(val);
let res = await JSONP(url, { callbackName: 'baiduFanyiRequestCallback' });
if (res && res.trans_result) {
let translation = res.trans_result.map(key => key.dst);
let suggestion = formatSuggestionStr(translation.join(' '));
translation = formatTranslationArr(translation);
let response = { suggestion, translation };
this._store.save(val, response);
return response;
} else {
throw new Error(`Request Baidu translate failed`);
}
} catch (err) {
return null;
}
}
}
export default new BaiduTranslateData();
================================================
FILE: src/models/metadata/BingTranslateData.js
================================================
import Store from '../Store';
import { formatSuggestionStr, formatTranslationArr } from '../../utils/TranslateHandler';
import AppModel from '../AppModel';
/**
* 特别重要，必读！
* CODELF 用的是 Bing 翻译 API 的免费套餐，一个月仅有200万字符请求限制！
* 所以，如果你想二次开发，请单独申请自己的 Bing 翻译 API 的 KEY，否则会直接影响 CODELF 的用户。
* Bing 翻译 API 申请参看： https://docs.microsoft.com/en-us/azure/cognitive-services/translator/
* https://docs.microsoft.com/en-us/azure/cognitive-services/translator/reference/v3-0-translate
*/
// curl -X POST "https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=en" -H "Ocp-Apim-Subscription-Key: 445fd33be8764339add46f0770ac617d" -H "Content-Type: application/json; charset=UTF-8" -d "[{'Text':'咸鱼'}]"
const translateEndpoint = 'https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=en';
const translateKey = '445fd33be8764339add46f0770ac617d';
class BingTranslateData {
constructor() {
this._store = new Store(Infinity, {
persistence: 'session',
persistenceKey: AppModel.genPersistenceKey('bing_translate_key')
});
}
async request(val) {
const cache = this._store.get(val);
if (cache) {
return cache;
}
try {
let res = await fetch(translateEndpoint, {
method: 'POST',
headers: {
'Ocp-Apim-Subscription-Key': translateKey,
'Content-Type': 'application/json; charset=UTF-8'
},
body: JSON.stringify(val.split(' ').map(text => { return { Text: text } }))
});
res = await res.json();
if (res) {
let suggestionStr = '';
let suggestion = null;
let translation = [];
res.forEach(key => {
const trans = key.translations.map(t => t.text);
suggestionStr += ' ' + trans.join(' ');
Array.prototype.push.apply(translation, trans);
});
suggestion = formatSuggestionStr(suggestionStr);
if (translation) {
translation = formatTranslationArr(translation);
}
let response = { suggestion, translation };
this._store.save(val, response);
return response;
} else {
throw new Error(`Request Bing translate failed`);
}
} catch (err) {
return null;
}
}
}
export default new BingTranslateData();
================================================
FILE: src/models/metadata/BookmarkData.js
================================================
/* eslint-disable */
var Database = require('model/Database.js');
module.exports = new function () {
var BM = this;
var DB;
var schemaBuilder = Database.schemaBuilder;
var Tables;
var DBEventType = Database.eventType;
var win = $(window);
var curUserName;
var curUser;
schemaBuilder
.createTable('User')
.addColumn('id', lf.Type.INTEGER)
.addColumn('name', lf.Type.STRING)
.addColumn('create', lf.Type.DATE_TIME)
.addColumn('lastSync', lf.Type.DATE_TIME)
.addPrimaryKey(['id'], true);
schemaBuilder
.createTable('RepoGroup')
.addColumn('id', lf.Type.INTEGER)
.addColumn('name', lf.Type.STRING)
.addColumn('repoIds', lf.Type.OBJECT)
.addColumn('order', lf.Type.INTEGER)
.addColumn('create', lf.Type.DATE_TIME)
.addPrimaryKey(['id'], true);
schemaBuilder
.createTable('Repo')
.addColumn('id', lf.Type.INTEGER)
.addColumn('userId', lf.Type.INTEGER)
.addColumn('originRepoId', lf.Type.STRING)
.addColumn('data', lf.Type.OBJECT)
.addColumn('create', lf.Type.DATE_TIME)
.addPrimaryKey(['id'], true);
schemaBuilder
.createTable('RepoTag')
.addColumn('id', lf.Type.INTEGER)
.addColumn('name', lf.Type.STRING)
.addColumn('color', lf.Type.STRING)
.addColumn('repoIds', lf.Type.OBJECT)
.addColumn('create', lf.Type.DATE_TIME)
.addPrimaryKey(['id'], true);
win.on('DB:ready', function (ev, db) {
DB = db;
Tables = {
User: DB.getSchema().table('User'),
RepoGroup: DB.getSchema().table('RepoGroup'),
RepoTag: DB.getSchema().table('RepoTag'),
Repo: DB.getSchema().table('Repo')
};
BM.RepoTagTable.addDefaultTags();
});
this.UserTable = new function () {
this.add = function (name, callback) {
if (!name) {
return;
}
var row = Tables.User.createRow({
'name': name,
'create': new Date(),
'lastSync': new Date()
});
DB.select().from(Tables.User).where(Tables.User.name.eq(name))
.exec().then(function (rows) {
!rows.length && DB.insertOrReplace().into(Tables.User).values([row])
.exec().then(function (res) {
curUser = res[0];
callback && callback();
win.trigger('DB:Table.User.onchange', { type: DBEventType.C });
});
});
}
this.updateSync = function (name) {
DB.update(Tables.User).set(Tables.User.lastSync, new Date()).where(Tables.User.name.eq(name))
.exec().then(function () {
win.trigger('DB:Table.User.onchange', { type: DBEventType.U });
});
}
this.delete = function (id, callback) {
DB.delete()
.from(Tables.Repo)
.where(Tables.Repo.userId.eq(id))
.exec().then(function () {
DB.delete()
.from(Tables.User)
.where(Tables.User.id.eq(id))
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.User.onchange', { type: DBEventType.D });
});
});
}
this.getAll = function (callback) {
DB.select()
.from(Tables.User)
.orderBy(Tables.User.create, lf.Order.DESC)
.exec().then(function (rows) {
callback && callback(rows);
});
}
};
this.RepoGroupTable = new function () {
this.add = function (name) {
if (!name) {
return;
}
var row = Tables.RepoGroup.createRow({
'name': name,
'repoIds': [],
'order': 0,
'create': new Date()
});
DB.select().from(Tables.RepoGroup).where(Tables.RepoGroup.name.eq(name))
.exec().then(function (rows) {
!rows.length && DB.insertOrReplace().into(Tables.RepoGroup).values([row])
.exec().then(function (res) {
win.trigger('DB:Table.RepoGroup.onchange', { type: DBEventType.C });
});
});
}
this.addRopoId = function (id, repoId) {
DB.select().from(Tables.RepoGroup).where(Tables.RepoGroup.id.eq(id))
.exec().then(function (rows) {
if (rows && rows[0]) {
var ids = /string/i.test(typeof rows[0].repoIds) ?
(rows[0].repoIds.length ? rows[0].repoIds.split(',') : []) :
rows[0].repoIds;
if (ids.indexOf(repoId) == -1) {
ids.push(repoId);
}
DB.update(Tables.RepoGroup).set(Tables.RepoGroup.repoIds, ids).where(Tables.RepoGroup.id.eq(id))
.exec();
}
});
}
this.removeRopoId = function (id, repoId) {
DB.select().from(Tables.RepoGroup).where(Tables.RepoGroup.id.eq(id))
.exec().then(function (rows) {
if (rows && rows[0]) {
var ids = /string/i.test(typeof rows[0].repoIds) ?
(rows[0].repoIds.length ? rows[0].repoIds.split(',') : []) :
rows[0].repoIds,
idx = ids.indexOf(repoId);
if (idx != -1) {
ids.splice(idx, 1);
}
DB.update(Tables.RepoGroup).set(Tables.RepoGroup.repoIds, ids).where(Tables.RepoGroup.id.eq(id))
.exec();
}
});
}
this.updateName = function (id, name) {
DB.update(Tables.RepoGroup).set(Tables.RepoGroup.name, name).where(Tables.RepoGroup.id.eq(id))
.exec().then(function () {
win.trigger('DB:Table.RepoGroup.onchange', { type: DBEventType.U, fields: 'name' });
});
}
this.delete = function (id, callback) {
DB.delete()
.from(Tables.RepoGroup)
.where(Tables.RepoGroup.id.eq(id))
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.RepoGroup.onchange', { type: DBEventType.D });
});
}
this.deleteAll = function (callback) {
DB.delete()
.from(Tables.RepoGroup)
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.RepoGroup.onchange', { type: DBEventType.D });
});
}
this.addAll = function (data, callback) {
if (data) {
this.deleteAll(function () {
var rows = [];
data.forEach(function (key) {
rows.push(Tables.RepoGroup.createRow({
'name': key.name,
'repoIds': key.repoIds,
'order': key.order,
'create': new Date()
}));
});
DB.insertOrReplace().into(Tables.RepoGroup).values(rows)
.exec().then(function () {
callback && callback();
win.trigger('DB:Table.RepoGroup.onchange', { type: DBEventType.C });
});
});
}
}
this.getAll = function (callback) {
DB.select()
.from(Tables.RepoGroup)
.orderBy(Tables.RepoGroup.create, lf.Order.DESC)
.exec().then(function (rows) {
callback && callback(rows);
});
}
};
this.RepoTagTable = new function () {
this.addDefaultTags = function (callback) {
var tags = [
{
name: 'Red',
color: '#ff5f5f'
},
{
name: 'Orange',
color: '#fba45b'
},
{
name: 'Yellow',
color: '#f6cc67'
},
{
name: 'Green',
color: '#60cb68'
},
{
name: 'Blue',
color: '#33baef'
},
{
name: 'Purple',
color: '#d38adb'
},
{
name: 'Gray',
color: '#a4a4a7'
}
];
DB.select().from(Tables.RepoTag)
.exec().then(function (rows) {
if (!rows.length) {
var trows = [];
tags.forEach(function (key) {
trows.push(Tables.RepoTag.createRow({
'name': key.name,
'color': key.color,
'repoIds': [],
'create': new Date()
}));
});
DB.insertOrReplace().into(Tables.RepoTag).values(trows)
.exec().then(function () {
callback && callback();
});
} else {
callback && callback();
}
});
}
this.add = function (name, color) {
if (!name || !color) {
return;
}
var row = Tables.RepoTag.createRow({
'name': name,
'color': color,
'repoIds': [],
'create': new Date()
});
DB.select().from(Tables.RepoTag).where(Tables.RepoTag.name.eq(name))
.exec().then(function (rows) {
!rows.length && DB.insertOrReplace().into(Tables.RepoTag).values([row])
.exec().then(function () {
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.C });
});
});
}
this.addRopoId = function (id, repoId, callback) {
DB.select().from(Tables.RepoTag).where(Tables.RepoTag.id.eq(id))
.exec().then(function (rows) {
if (rows && rows[0]) {
var ids = rows[0].repoIds;
if (ids.indexOf(repoId) == -1) {
ids.push(repoId);
}
DB.update(Tables.RepoTag).set(Tables.RepoTag.repoIds, ids).where(Tables.RepoTag.id.eq(id))
.exec().then(function () {
callback && callback();
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.U, fileds: ['repoIds'] });
});
}
});
}
this.removeRopoId = function (id, repoId, callback) {
DB.select().from(Tables.RepoTag).where(Tables.RepoTag.id.eq(id))
.exec().then(function (rows) {
if (rows && rows[0]) {
var ids = rows[0].repoIds,
idx = ids.indexOf(repoId);
if (idx != -1) {
ids.splice(idx, 1);
}
DB.update(Tables.RepoTag).set(Tables.RepoTag.repoIds, ids).where(Tables.RepoTag.id.eq(id))
.exec().then(function () {
callback && callback();
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.U, fileds: ['repoIds'] });
});
}
});
}
this.updateName = function (id, name) {
DB.update(Tables.RepoTag).set(Tables.RepoTag.name, name).where(Tables.RepoTag.id.eq(id))
.exec().then(function () {
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.U, fields: 'name' });
});
}
this.delete = function (id, callback) {
DB.delete()
.from(Tables.RepoTag)
.where(Tables.RepoTag.id.eq(id))
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.D });
});
}
this.deleteAll = function (callback) {
DB.delete()
.from(Tables.RepoTag)
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.D });
});
}
this.addAll = function (data, callback) {
if (data) {
this.deleteAll(function () {
var rows = [];
data.forEach(function (key) {
rows.push(Tables.RepoTag.createRow({
'name': key.name,
'color': key.color,
'repoIds': key.repoIds,
'create': new Date()
}));
});
DB.insertOrReplace().into(Tables.RepoTag).values(rows)
.exec().then(function () {
callback && callback();
win.trigger('DB:Table.RepoTag.onchange', { type: DBEventType.C });
});
});
}
}
this.getAll = function (callback) {
DB.select()
.from(Tables.RepoTag)
.orderBy(Tables.RepoTag.create, lf.Order.DESC)
.exec().then(function (rows) {
callback && callback(rows);
});
}
};
this.RepoTable = new function () {
var _Table = this;
this.addListByCurUser = function (repos, callback) {
function fn() {
_Table.deleteAllByUserId(curUser.id, function () {
var rows = [];
repos.forEach(function (key) {
rows.push(
Tables.Repo.createRow({
'userId': curUser.id,
'originRepoId': key.id,
'data': key,
'create': new Date()
})
);
});
DB.insertOrReplace().into(Tables.Repo).values(rows)
.exec().then(function () {
callback && callback();
win.trigger('DB:Table.Repo.onchange', { type: DBEventType.C });
});
});
}
if (curUser && curUser.name == curUserName) {
fn();
} else {
DB.select().from(Tables.User).where(Tables.User.name.eq(curUserName))
.exec().then(function (rows) {
curUser = rows[0];
fn.call(this);
});
}
}
this.delete = function (id, callback) {
DB.delete()
.from(Tables.Repo)
.where(Tables.Repo.id.eq(id))
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.Repo.onchange', { type: DBEventType.D });
});
}
this.deleteAllByUserId = function (id, callback) {
DB.delete()
.from(Tables.Repo)
.where(Tables.Repo.userId.eq(id))
.exec().then(function (res) {
callback && callback(res);
win.trigger('DB:Table.Repo.onchange', { type: DBEventType.D });
});
}
this.getAll = function (callback) {
DB.select()
.from(Tables.Repo)
.exec().then(function (rows) {
callback && callback(rows);
});
}
};
this.setCurUserName = function (name) {
curUserName = name;
};
this.getCurUserName = function () {
return curUserName;
};
var githubRepos = new function () {
var _this = this;
var page = 1;
var mainData = [];
function concat(data) {
if (toString.call(data) == '[object Array]') {
mainData = mainData.concat(data);
}
}
this.resetPage = function () {
page = 1;
mainData = [];
}
this.request = function (callback) {
$.ajax({
type: 'GET',
dataType: 'json',
url: 'https://api.github.com/users/' + curUserName + '/repos?sort=updated&per_page=100&page=' + page,
success: function (data) {
if (data && data.length) {
concat(data);
page++;
_this.request(callback);
} else {
callback && callback(mainData);
}
}
});
}
};
var githubStars = new function () {
var _this = this;
var page = 1;
var mainData = [];
function concat(data) {
if (toString.call(data) == '[object Array]') {
mainData = mainData.concat(data);
}
}
this.resetPage = function () {
page = 1;
mainData = [];
}
this.request = function (callback) {
$.ajax({
type: 'GET',
dataType: 'json',
url: 'https://api.github.com/users/' + curUserName + '/starred?sort=updated&per_page=100&page=' + page,
success: function (data) {
if (data && data.length) {
concat(data);
page++;
_this.request(callback);
} else {
callback && callback(mainData);
}
}
});
}
};
this.getAll = function (callback) {
//select user
BM.UserTable.getAll(function (users) {
//select groups
BM.RepoGroupTable.getAll(function (groups) {
//select repos
BM.RepoTable.getAll(function (repos) {
//select tags
BM.RepoTagTable.getAll(function (tags) {
callback && callback.call(this, {
users: users || [],
repos: repos || [],
groups: groups || [],
tags: tags || []
});
});
});
});
});
}
this.syncGithub = function (callback) {
var data = [];
//reauest repos
githubRepos.resetPage();
githubRepos.request(function (res) {
data = data.concat(res);
//request star repos
githubRepos.resetPage();
githubStars.request(function (res) {
//add repos to DB
BM.RepoTable.addListByCurUser(data.concat(res), function () {
callback && callback();
});
});
});
this.UserTable.updateSync(curUserName);
}
this.syncRepoGroup = function () {
}
this.syncRepoTag = function () {
}
this.arrayToObj = function (data, idName) {
var d = {};
idName = idName || 'id';
data.forEach(function (key) {
d[key[idName]] = key;
});
return d;
}
};
================================================
FILE: src/models/metadata/GitHubData.js
================================================
import Store from '../Store';
import ErrorModel from '../ErrorModel';
const CLANG = {
name: 'TheAlgorithms/C',
gitHub: 'https://github.com/TheAlgorithms/C/tree/master',
postfix: '.c',
included: [
'conversions',
'data_structures',
'hash',
'misc',
'searching',
'sorting'
],
excluded: [
]
};
const JS = {
name: 'trekhleb/javascript-algorithms',
gitHub: 'https://github.com/trekhleb/javascript-algorithms/tree/master',
postfix: '.js',
included: [
'src/algorithms/',
'src/data-structures/'
],
excluded: [
'__test__'
]
};
const PY = {
name: 'TheAlgorithms/Python',
gitHub: 'https://github.com/TheAlgorithms/Python/tree/master',
postfix: '.py',
included: [
'Maths',
'binary_tree',
'data_structures',
'dynamic_programming',
'graphs',
'hashes',
'maths',
'other',
'searches',
'strings',
'sorts'
],
excluded: [
'__init__.py'
]
};
const JAVA = {
name: 'TheAlgorithms/Java',
gitHub: 'https://github.com/TheAlgorithms/Java/tree/master',
postfix: '.java',
included: [
'Conversions',
'DataStructures',
'Misc',
'Others',
'Searches',
'Sorts'
],
excluded: [
]
};
const SWIFT = {
name: 'raywenderlich/swift-algorithm-club',
gitHub: 'https://github.com/raywenderlich/swift-algorithm-club/tree/master',
postfix: '.swift',
included: [
],
excluded: [
'/Tests/',
'.playground'
]
}
class GitHubData {
constructor() {
this._repoStore = new Store(Infinity);
}
async requestRepoLatestCommit(repo) {
const cacheId = 'requestRepoLatestCommit' + repo;
const cache = this._repoStore.get(cacheId);
if (cache) {
return cache;
}
try {
const url = `https://api.github.com/repos/${repo}/commits?`;
let res = await fetch(url + (new Date()).toISOString().substr(0, 7));
res = await res.json();
if (res) {
const data = res[0];
this._repoStore.save(cacheId, data);
return data;
} else {
throw new Error(`Request Repo latest Commit failed`);
}
} catch (err) {
ErrorModel.error = err;
}
}
async requestRepoTree(repo) {
const cacheId = 'requestRepoTree' + repo.name;
const cache = this._repoStore.get(cacheId);
if (cache) {
return cache;
}
try {
const latestCommit = await this.requestRepoLatestCommit(repo.name);
const url = `${latestCommit.commit.tree.url}?recursive=1`;
let res = await fetch(url);
res = await res.json();
if (res) {
const data = Array.prototype.filter.call(res.tree, n => {
const path = n.path;
n.link = `${repo.gitHub}/${path}`;
return (this._isIncludedFile(path, repo.included) || !repo.included.length)
&& path.endsWith(repo.postfix)
&& !this._isIncludedFile(path, repo.excluded);
});
this._repoStore.save(cacheId, data);
return data;
} else {
throw new Error(`Request Repo Tree failed`);
}
} catch (err) {
ErrorModel.error = err;
}
}
async requestJavascriptAlgorithmsRepoTree() {
return this.requestRepoTree(JS);
}
async requestPythonAlgorithmsRepoTree() {
return this.requestRepoTree(PY);
}
async requestJavaAlgorithmsRepoTree() {
return this.requestRepoTree(JAVA);
}
async requestCLangAlgorithmsRepoTree() {
return this.requestRepoTree(CLANG);
}
async requestSwiftAlgorithmsRepoTree() {
return this.requestRepoTree(SWIFT);
}
async requestRepoFile(url) {
const cache = this._repoStore.get(url);
if (cache) {
return cache;
}
try {
let res = await fetch(url);
res = await res.json();
if (res) {
res.content = window.atob(res.content);
this._repoStore.save(url, res);
return res;
} else {
throw new Error(`Request Repo File failed`);
}
} catch (err) {
ErrorModel.error = err;
}
}
_isIncludedFile(path, list) {
return list.find(p => {
return path.includes(p);
});
}
}
export default new GitHubData();
================================================
FILE: src/models/metadata/YoudaoTranslateData.js
================================================
import Store from '../Store';
import JSONP from '../../utils/JSONP';
import { formatSuggestionStr, formatTranslationArr } from '../../utils/TranslateHandler';
import AppModel from '../AppModel';
/**
* 特别重要，必读！
* CODELF 用的是有道翻译 API 的免费套餐，1小时仅有1K的请求次数限制！
* 所以，如果你想二次开发，请单独申请自己的有道翻译 API 的 KEY，否则会直接影响 CODELF 的用户。
* 有道翻译 API 申请参看： http://fanyi.youdao.com/openapi?path=data-mode
*/
const translateEndpoint = '//fanyi.youdao.com/openapi.do?callback=?&keyfrom=Codelf&key=2023743559&type=data&doctype=jsonp&version=1.1';
class YoudaoTranslateData {
constructor() {
this._store = new Store(Infinity, {
persistence: 'session',
persistenceKey: AppModel.genPersistenceKey('youdao_translate_key')
});
}
async request(val) {
const cache = this._store.get(val);
if (cache) {
return cache;
}
const url = `${translateEndpoint}&q=${val}`;
const data = await JSONP(url, { callbackName: 'youdaoFanyiRequestCallback' });
try {
let suggestionStr = '';
let suggestion;
let translation;
//basic translate
if (data.basic && data.basic.explains) {
suggestionStr += data.basic.explains.join(' ');
translation = suggestionStr;
}
//web translate
if (data.web && data.web) {
data.web.forEach(function (key) {
suggestionStr += ' ' + key.value.join(' ');
});
}
suggestion = formatSuggestionStr(suggestionStr);
if (data && data.translation) {
translation = formatTranslationArr(data.translation);
}
let response = { suggestion, translation };
this._store.save(val, response);
return response;
} catch (e) {
return null;
}
}
}
export default new YoudaoTranslateData();
================================================
FILE: src/sw.js
================================================
/*
Copyright 2014 Google Inc. All Rights Reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
// While overkill for this specific sample in which there is only one cache,
// this is one best practice that can be followed in general to keep track of
// multiple caches used by a given service worker, and keep them all versioned.
// It maps a shorthand identifier for a cache to a specific, versioned cache name.
// Note that since global state is discarded in between service worker restarts, these
// variables will be reinitialized each time the service worker handles an event, and you
// should not attempt to change their values inside an event handler. (Treat them as constants.)
// If at any point you want to force pages that use this service worker to start using a fresh
// cache, then increment the CACHE_VERSION value. It will kick off the service worker update
// flow and the old cache(s) will be purged as part of the activate event handler when the
// updated service worker is activated.
var CACHE_VERSION = '_BUILD_VERSION_';
var CURRENT_CACHES = {
prefetch: 'prefetch-cache-v' + CACHE_VERSION
};
var INCLUDED = [_INCLUDED_];
var CACHE_ONLY = [_CACHE_ONLY_];
var NETWORK_ONLY = [_NETWORK_ONLY_];
var EXCLUDED = [_EXCLUDED_];
function matchLocation(url, caches) {
return caches.find(function (l) {
return url.indexOf(l) !== -1;
});
}
self.addEventListener('install', function (event) {
self.skipWaiting(); // make new service worker activate ASAP
var now = Date.now();
var urlsToPrefetch = [_FILES_];
// All of these logging statements should be visible via the "Inspect" interface
// for the relevant SW accessed via chrome://serviceworker-internals
console.log('Handling install event. Resources to prefetch:', urlsToPrefetch);
event.waitUntil(
caches.open(CURRENT_CACHES.prefetch).then(function (cache) {
var cachePromises = urlsToPrefetch.map(function (urlToPrefetch) {
// This constructs a new URL object using the service worker's script location as the base
// for relative URLs.
var url = new URL(urlToPrefetch, location.href);
// Append a cache-bust=TIMESTAMP URL parameter to each URL's query string.
// This is particularly important when precaching resources that are later used in the
// fetch handler as responses directly, without consulting the network (i.e. cache-first).
// If we were to get back a response from the HTTP browser cache for this precaching request
// then that stale response would be used indefinitely, or at least until the next time
// the service worker script changes triggering the install flow.
url.search += (url.search ? '&' : '?') + 'cache-bust=' + now;
// It's very important to use {mode: 'no-cors'} if there is any chance that
// the resources being fetched are served off of a server that doesn't support
// CORS (http://en.wikipedia.org/wiki/Cross-origin_resource_sharing).
// In this example, www.chromium.org doesn't support CORS, and the fetch()
// would fail if the default mode of 'cors' was used for the fetch() request.
// The drawback of hardcoding {mode: 'no-cors'} is that the response from all
// cross-origin hosts will always be opaque
// (https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html#cross-origin-resources)
// and it is not possible to determine whether an opaque response represents a success or failure
// (https://github.com/whatwg/fetch/issues/14).
var request = new Request(url, { mode: 'no-cors' });
return fetch(request).then(function (response) {
if (response.status >= 400) {
throw new Error('request for ' + urlToPrefetch +
' failed with status ' + response.statusText);
}
// Use the original URL without the cache-busting parameter as the key for cache.put().
return cache.put(urlToPrefetch, response);
}).catch(function (error) {
console.error('Not caching ' + urlToPrefetch + ' due to ' + error);
});
});
return Promise.all(cachePromises).then(function () {
console.log('Pre-fetching complete.');
});
}).catch(function (error) {
console.error('Pre-fetching failed:', error);
})
);
});
self.addEventListener('activate', function (event) {
// Delete all caches that aren't named in CURRENT_CACHES.
// While there is only one cache in this example, the same logic will handle the case where
// there are multiple versioned caches.
var expectedCacheNames = Object.keys(CURRENT_CACHES).map(function (key) {
return CURRENT_CACHES[key];
});
event.waitUntil(
caches.keys().then(function (cacheNames) {
return Promise.all(
cacheNames.map(function (cacheName) {
if (expectedCacheNames.indexOf(cacheName) === -1) {
// If this cache name isn't present in the array of "expected" cache names, then delete it.
console.log('Deleting out of date cache:', cacheName);
return caches.delete(cacheName);
}
})
);
})
);
});
self.addEventListener('fetch', function (event) {
console.log('Handling fetch event for', event.request.url);
var requestURL = new URL(event.request.url);
// https://developers.google.com/web/fundamentals/primers/service-workers/high-performance-loading
if (event.request.mode === 'navigate') {
console.log('request mode:', event.request.mode);
// See /web/fundamentals/getting-started/primers/async-functions
// for an async/await primer.
event.respondWith(async function () {
// Optional: Normalize the incoming URL by removing query parameters.
// Instead of https://example.com/page?key=value,
// use https://example.com/page when reading and writing to the cache.
// For static HTML documents, it's unlikely your query parameters will
// affect the HTML returned. But if you do use query parameters that
// uniquely determine your HTML, modify this code to retain them.
const normalizedUrl = requestURL;
normalizedUrl.search = '';
// Create promises for both the network response,
// and a copy of the response that can be used in the cache.
const fetchResponseP = fetch(normalizedUrl);
const fetchResponseCloneP = fetchResponseP.then(r => r.clone());
// event.waitUntil() ensures that the service worker is kept alive
// long enough to complete the cache update.
event.waitUntil(async function () {
const cache = await caches.open(CURRENT_CACHES.prefetch);
await cache.put(normalizedUrl, await fetchResponseCloneP);
}());
// Prefer the cached response, falling back to the fetch response.
return (await caches.match(normalizedUrl)) || fetchResponseP;
}());
} else if (
matchLocation(requestURL.href, INCLUDED)
&& !matchLocation(requestURL.href, EXCLUDED)
&& /get/i.test(event.request.method)
) {
if (matchLocation(requestURL.href, NETWORK_ONLY)) {
console.log('network-falling-back-to-caches:', event.request.url);
// https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#network-falling-back-to-cache
event.respondWith(
caches.open(CURRENT_CACHES.prefetch).then(function (cache) {
return fetch(event.request).then(function (networkResponse) {
// save to cache
cache.put(event.request, networkResponse.clone());
return networkResponse;
}).catch(function () {
return cache.match(event.request).then(function (response) {
return response;
});
});
})
);
} else if (matchLocation(requestURL.href, CACHE_ONLY)) {
console.log('cache-falling-back-to-network:', event.request.url);
// https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network
event.respondWith(
caches.open(CURRENT_CACHES.prefetch).then(function (cache) {
return cache.match(event.request).then(function (response) {
return response || fetch(event.request).then(function (networkResponse) {
// save to cache
cache.put(event.request, networkResponse.clone());
return networkResponse;
});
});
})
);
} else {
console.log('cache-then-network:', event.request.url);
// https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-then-network
event.respondWith(
caches.open(CURRENT_CACHES.prefetch).then(function (cache) {
return cache.match(event.request).then(function (response) {
var fetchPromise = fetch(event.request).then(function (networkResponse) {
// save to cache
cache.put(event.request, networkResponse.clone());
return networkResponse;
});
return response || fetchPromise;
});
})
);
}
} else if (requestURL.origin == location.origin) {
console.log('request origin:', requestURL.origin);
event.respondWith(
// caches.match() will look for a cache entry in all of the caches available to the service worker.
// It's an alternative to first opening a specific named cache and then matching on that.
caches.match(event.request).then(function (response) {
if (response) {
console.log('Found response in cache:', response);
return response;
}
console.log('No response found in cache. About to fetch from network...');
// event.request will always have the proper mode set ('cors, 'no-cors', etc.) so we don't
// have to hardcode 'no-cors' like we do when fetch()ing in the install handler.
return fetch(event.request).then(function (response) {
console.log('Response from network is:', response);
return response;
}).catch(function (error) {
// This catch() will handle exceptions thrown from the fetch() operation.
// Note that a HTTP error response (e.g. 404) will NOT trigger an exception.
// It will return a normal response object that has the appropriate error code set.
console.error('Fetching failed:', error);
throw error;
});
})
);
}
});
if ('storage' in navigator && 'estimate' in navigator.storage) {
navigator.storage.estimate().then(estimate => {
console.log(`Using ${estimate.usage} out of ${estimate.quota} bytes.`);
});
}
// debug with chrome
// /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --user-data-dir=/tmp/foo --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost:1123
================================================
FILE: src/utils/FormHandler.js
================================================
import Navigator from './Navigator';
const FormHandler = new function () {
function getForm(method) {
let _form = document.createElement('form');
_form.setAttribute("style", "display:none;width:0;height:0;position: absolute;top:0;left:0;border:0;");
_form.setAttribute("method", method || 'POST');
document.body.appendChild(_form);
return _form;
}
this.asyncSubmit = function (action, data) {
this.submit(action, data, true);
}
this.submit = function (action, data, async) {
let target,
frame,
form = getForm(),
inputs = [],
itpl = '<input type="text" name="{N}" value="{V}" />';
if (async) {
target = '__formhandler_' + new Date().getTime();
frame = Navigator.getFrame(null, target);
form.setAttribute('target', target);
setTimeout(function () {
Navigator.removeFrame(frame);
}, 120000);
}
form.setAttribute('action', action);
data = data || {};
for (let key in data) {
inputs.push(itpl.replace('{N}', key).replace('{V}', data[key]));
}
form.innerHTML = inputs.join('');
action && setTimeout(function () {
form.submit();
}, 100);
}
};
export default FormHandler;
================================================
FILE: src/utils/HashHandler.js
================================================
const HashHandler = (function () {
let lc = window.location;
function getByURL(url) {
let hash;
url && decodeURIComponent(url).replace(new RegExp('#(.*)', 'g'), function ($1, $2) {
hash = $2;
});
return hash && decodeURIComponent(hash);
}
function get() {
return getByURL(lc.hash);
}
function set(hash) {
if (hash) {
lc.hash = encodeURIComponent(hash);
}
}
return {
get: get,
set: set,
getByURL: getByURL
}
})();
export default HashHandler;
================================================
FILE: src/utils/JSONP.js
================================================
const JSONP = (url, options) => {
options = options || {};
url = options.url || url;
return new Promise((resolve, reject) => {
let timer = 0;
let script = document.createElement('script');
const callbackName = options.callbackName || `__jsonp_${Date.now()}_callback`;
url = url.replace('=?', `=${callbackName}${options.nocache ? ('&_=' + Date.now()) : ''}`);
const done = () => {
window.clearTimeout(timer);
try { document.head.removeChild(script); } catch (e) { }
window[callbackName] = null;
};
const onerror = () => {
window.removeEventListener('error', onerror);
done();
reject();
};
window[callbackName] = (...args) => {
done();
resolve(...args);
};
timer = setTimeout(onerror, 5 * 60 * 1000); // timeout in 5 min
window.addEventListener('error', onerror);
script.onerror = onerror;
script.src = url;
document.head.appendChild(script);
});
}
export default JSONP;
================================================
FILE: src/utils/LocalStorage.js
================================================
class BasicStorage {
constructor() {
this._store = {};
}
getItem(key) {
return this._store[key];
}
setItem(key, value) {
return this._store[key] = value;
}
}
class Storage {
constructor(store) {
this._store = store;
if (!store) {
return new BasicStorage();
}
}
getItem(key, defaultValue) {
let rawValue = this._store.getItem(key);
if (rawValue == null) {
return defaultValue;
}
try {
return JSON.parse(rawValue);
} catch (e) {
return null;
}
}
setItem(key, value) {
try {
this._store.setItem(key, JSON.stringify(value));
} catch (e) {
// todo
}
}
}
const LocalStorage = new Storage(window.localStorage);
const SessionStorage = new Storage(window.sessionStorage);
export { SessionStorage };
export default LocalStorage;
================================================
FILE: src/utils/Navigator.js
================================================
const Navigator = (function () {
let frame,
androidReg = /Android/gi,
isAndroid = androidReg.test(navigator.platform) || androidReg.test(navigator.userAgent);
frame = null;
function appendFrame(frame) {
frame && document.body.appendChild(frame);
}
function removeFrame(frame) {
frame && frame.parentNode.removeChild(frame);
}
function getFrame(src, name) {
let _frame = document.createElement('iframe');
_frame.setAttribute('style', 'display:none;width:0;height:0;position: absolute;top:0;left:0;border:0;');
_frame.setAttribute('height', '0px');
_frame.setAttribute('width', '0px');
_frame.setAttribute('frameborder', '0');
name && _frame.setAttribute('name', name);
if (src) {
_frame.setAttribute('src', src);
} else {
appendFrame(_frame);
}
return _frame;
}
function protocol(command, single, noframe) {
let _frame, timer;
if (noframe) {
window.location.href = command;
return;
}
if (single) {
if (isAndroid) {
_frame = getFrame();
_frame.setAttribute('src', command);
} else {
_frame = getFrame(command);
appendFrame(_frame);
}
timer = setTimeout(function () {
_frame && removeFrame(_frame);
}, 30000);
_frame.onload = _frame.onreadystatechange = function () {
timer && clearTimeout(timer);
_frame && removeFrame(_frame);
}
} else {
frame = frame || getFrame();
frame.setAttribute('src', command);
}
}
return {
protocol: protocol,
getFrame: getFrame,
appendFrame: appendFrame,
removeFrame: removeFrame
}
})();
export default Navigator;
================================================
FILE: src/utils/Param.js
================================================
function fn(str, reg) {
if (str) {
let data = {};
str.replace(reg, function ($0, $1, $2, $3) {
data[$1] = $3;
});
return data;
}
}
export function searchParams(search) {
search = search || window.location.search;
return fn(search, new RegExp("([^?=&]+)(=([^&]*))?", "g")) || {};
}
export function hashParams(hash) {
hash = hash || window.location.hash;
return fn(hash, new RegExp("([^#=&]+)(=([^&]*))?", "g")) || {};
}
export function params(search, hash) {
return {
search: searchParams(search),
hash: hashParams(hash)
}
}
================================================
FILE: src/utils/Tools.js
================================================
const ua = navigator.userAgent;
const android = ua.match(/(Android);?[\s/]+([\d.]+)?/);
const ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
const iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
let os = {};
if (android) os.android = true, os.version = android[2];
if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.');
if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.');
if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
const thisPage = window.location.href.replace(window.location.hash, '');
const thisPath = thisPage.substring(0, thisPage.lastIndexOf('/') + 1);
const randomColor = () => {
const letters = '0123456789ABCDEF'.split('');
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
const randomList = (list, len, verify, ratio) => {
let rs = [], _list = list.slice(0);
len = len || _list.length;
ratio = ratio ? ratio : 0;
function rd(_array) {
_array.sort(function () {
return (0.5 - Math.random());
});
}
while (ratio) {
rd(_list);
ratio--;
}
if (_list.length <= len) {
rs = _list;
} else {
while (rs.length < len) {
let index = Math.floor(Math.random() * _list.length),
item = _list[index];
if ((verify && verify.call(this, item, _list)) || !verify) {
rs.push(item);
_list.splice(index, 1);
}
}
}
return rs;
}
const InlineWebWorker = {
ready: window.Blob && window.Worker && window.URL,
create: function create(selector) {
return new Worker(window.URL.createObjectURL(new Blob([document.querySelector(selector).textContent])));
}
}
const uuid = len => {
let res = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function (c) {
let num = Math.random() * 16 | 0, v = c === 'x' ? num : (num & 0x3 | 0x8);
return v.toString(16);
});
return len ? res.substr(0, len) : res;
}
const randomLabelColor = () => {
const colors = [
'red',
'orange',
'yellow',
'olive',
'green',
'teal',
'blue',
'violet',
'purple',
'pink',
'brown',
];
return randomList(colors, 1)[0];
};
import SparkMD5 from 'spark-md5';
const MD5 = SparkMD5.hash;
export { os, thisPage, thisPath, randomList, randomColor, InlineWebWorker, uuid, randomLabelColor, MD5 }
================================================
FILE: src/utils/TranslateHandler.js
================================================
export function formatSuggestionStr(str) {
if (!str) { return []; }
let tmp = [];
return str.replace(/[`~!@#$^&*()=|{}':;',\[\].<>\/?~！@#￥……&*（）——|\\{\\}【】‘；：”“’。，、？]/g, ' ')
.replace(/\s+/ig, '+').split('+')
.filter((key, idx, inputArray) => {
const checked = key.length > 1
&& inputArray.indexOf(key) == idx
&& !/[^\x00-\xff]/gi.test(key)
&& !tmp.find(ikey => {
return new RegExp('^' + key + '$', 'ig').test(ikey);
});
if (checked) {
tmp.push(key);
}
return checked;
});
}
export function formatTranslationArr(arr) {
if (!arr) { return null; }
return arr.join(' ')
.replace(/[!$%^&*()_+|~=`{}\[\]:";'<>?,.\/]/g, '')
.split(' ').filter(function (key, idx, inputArray) {
return inputArray.indexOf(key) == idx && !/^(a|an|the)$/ig.test(key);
}).join(' ');
}
================================================
FILE: src/vendors/prettify.css
================================================
/**
* @license
* Copyright (C) 2015 Google Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
@media screen {
.str { color: #080 } /* string content */
.kwd { color: #008 } /* a keyword */
.com { color: #800 } /* a comment */
.typ { color: #606 } /* a type name */
.lit { color: #066 } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #660 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: red } /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
.str { color: #060 }
.kwd { color: #006; font-weight: bold }
.com { color: #600; font-style: italic }
.typ { color: #404; font-weight: bold }
.lit { color: #044 }
.pun, .opn, .clo { color: #440 }
.tag { color: #006; font-weight: bold }
.atn { color: #404 }
.atv { color: #060 }
}
/* Put a border around prettyprinted code snippets. */
pre.prettyprint { padding: 2px; border: 1px solid #888 }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
================================================
FILE: src/vendors/prettify.js
================================================
/**
* @license
* Copyright (C) 2006 Google Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview
* some functions for browser-side pretty printing of code contained in html.
*
* <p>
* For a fairly comprehensive set of languages see the
* <a href="https://github.com/google/code-prettify#for-which-languages-does-it-work">README</a>
* file that came with this source. At a minimum, the lexer should work on a
* number of languages including C and friends, Java, Python, Bash, SQL, HTML,
* XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk
* and a subset of Perl, but, because of commenting conventions, doesn't work on
* Smalltalk, Lisp-like, or CAML-like languages without an explicit lang class.
* <p>
* Usage: <ol>
* <li> include this source file in an html page via
* {@code <script type="text/javascript" src="/path/to/prettify.js"></script>}
* <li> define style rules. See the example page for examples.
* <li> mark the {@code <pre>} and {@code <code>} tags in your source with
* {@code class=prettyprint.}
* You can also use the (html deprecated) {@code <xmp>} tag, but the pretty
* printer needs to do more substantial DOM manipulations to support that, so
* some css styles may not be preserved.
* </ol>
* That's it. I wanted to keep the API as simple as possible, so there's no
* need to specify which language the code is in, but if you wish, you can add
* another class to the {@code <pre>} or {@code <code>} element to specify the
* language, as in {@code <pre class="prettyprint lang-java">}. Any class that
* starts with "lang-" followed by a file extension, specifies the file type.
* See the "lang-*.js" files in this directory for code that implements
* per-language file handlers.
* <p>
* Change log:<br>
* cbeust, 2006/08/22
* <blockquote>
* Java annotations (start with "@") are now captured as literals ("lit")
* </blockquote>
* @requires console
*/
// JSLint declarations
/*global console, document, navigator, setTimeout, window, define */
/**
* @typedef {!Array.<number|string>}
* Alternating indices and the decorations that should be inserted there.
* The indices are monotonically increasing.
*/
var DecorationsT;
/**
* @typedef {!{
* sourceNode: !Element,
* pre: !(number|boolean),
* langExtension: ?string,
* numberLines: ?(number|boolean),
* sourceCode: ?string,
* spans: ?(Array.<number|Node>),
* basePos: ?number,
* decorations: ?DecorationsT
* }}
* <dl>
* <dt>sourceNode<dd>the element containing the source
* <dt>sourceCode<dd>source as plain text
* <dt>pre<dd>truthy if white-space in text nodes
* should be considered significant.
* <dt>spans<dd> alternating span start indices into source
* and the text node or element (e.g. {@code <BR>}) corresponding to that
* span.
* <dt>decorations<dd>an array of style classes preceded
* by the position at which they start in job.sourceCode in order
* <dt>basePos<dd>integer position of this.sourceCode in the larger chunk of
* source.
* </dl>
*/
var JobT;
/**
* @typedef {!{
* sourceCode: string,
* spans: !(Array.<number|Node>)
* }}
* <dl>
* <dt>sourceCode<dd>source as plain text
* <dt>spans<dd> alternating span start indices into source
* and the text node or element (e.g. {@code <BR>}) corresponding to that
* span.
* </dl>
*/
var SourceSpansT;
/** @define {boolean} */
var IN_GLOBAL_SCOPE = true;
/**
* {@type !{
* 'createSimpleLexer': function (Array, Array): (function (JobT)),
* 'registerLangHandler': function (function (JobT), Array.<string>),
* 'PR_ATTRIB_NAME': string,
* 'PR_ATTRIB_NAME': string,
* 'PR_ATTRIB_VALUE': string,
* 'PR_COMMENT': string,
* 'PR_DECLARATION': string,
* 'PR_KEYWORD': string,
* 'PR_LITERAL': string,
* 'PR_NOCODE': string,
* 'PR_PLAIN': string,
* 'PR_PUNCTUATION': string,
* 'PR_SOURCE': string,
* 'PR_STRING': string,
* 'PR_TAG': string,
* 'PR_TYPE': string,
* 'prettyPrintOne': function (string, string, number|boolean),
* 'prettyPrint': function (?function, ?(HTMLElement|HTMLDocument))
* }}
* @const
*/
var PR;
/**
* Split {@code prettyPrint} into multiple timeouts so as not to interfere with
* UI events.
* If set to {@code false}, {@code prettyPrint()} is synchronous.
*/
var PR_SHOULD_USE_CONTINUATION = true
if (typeof window !== 'undefined') {
window['PR_SHOULD_USE_CONTINUATION'] = PR_SHOULD_USE_CONTINUATION;
}
/**
* Pretty print a chunk of code.
* @param {string} sourceCodeHtml The HTML to pretty print.
* @param {string} opt_langExtension The language name to use.
* Typically, a filename extension like 'cpp' or 'java'.
* @param {number|boolean} opt_numberLines True to number lines,
* or the 1-indexed number of the first line in sourceCodeHtml.
* @return {string} code as html, but prettier
*/
var prettyPrintOne;
/**
* Find all the {@code <pre>} and {@code <code>} tags in the DOM with
* {@code class=prettyprint} and prettify them.
*
* @param {Function} opt_whenDone called when prettifying is done.
* @param {HTMLElement|HTMLDocument} opt_root an element or document
* containing all the elements to pretty print.
* Defaults to {@code document.body}.
*/
var prettyPrint;
(function () {
var win = (typeof window !== 'undefined') ? window : {};
// Keyword lists for various languages.
// We use things that coerce to strings to make them compact when minified
// and to defeat aggressive optimizers that fold large string constants.
var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," +
"double,enum,extern,float,goto,inline,int,long,register,restrict,short,signed," +
"sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];
var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
"new,operator,private,protected,public,this,throw,true,try,typeof"];
var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignas,alignof,align_union,asm,axiom,bool," +
"concept,concept_map,const_cast,constexpr,decltype,delegate," +
"dynamic_cast,explicit,export,friend,generic,late_check," +
"mutable,namespace,noexcept,noreturn,nullptr,property,reinterpret_cast,static_assert," +
"static_cast,template,typeid,typename,using,virtual,where"];
var JAVA_KEYWORDS = [COMMON_KEYWORDS,
"abstract,assert,boolean,byte,extends,finally,final,implements,import," +
"instanceof,interface,null,native,package,strictfp,super,synchronized," +
"throws,transient"];
var CSHARP_KEYWORDS = [COMMON_KEYWORDS,
"abstract,add,alias,as,ascending,async,await,base,bool,by,byte,checked,decimal,delegate,descending," +
"dynamic,event,finally,fixed,foreach,from,get,global,group,implicit,in,interface," +
"internal,into,is,join,let,lock,null,object,out,override,orderby,params," +
"partial,readonly,ref,remove,sbyte,sealed,select,set,stackalloc,string,select,uint,ulong," +
"unchecked,unsafe,ushort,value,var,virtual,where,yield"];
var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
"for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
"throw,true,try,unless,until,when,while,yes";
var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
"abstract,async,await,constructor,debugger,enum,eval,export,from,function," +
"get,import,implements,instanceof,interface,let,null,of,set,undefined," +
"var,with,yield,Infinity,NaN"];
var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
"goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
"sub,undef,unless,until,use,wantarray,while,BEGIN,END";
var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
"elif,except,exec,finally,from,global,import,in,is,lambda," +
"nonlocal,not,or,pass,print,raise,try,with,yield," +
"False,True,None"];
var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
"def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
"rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
"BEGIN,END"];
var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
"function,in,local,set,then,until"];
var ALL_KEYWORDS = [
CPP_KEYWORDS, CSHARP_KEYWORDS, JAVA_KEYWORDS, JSCRIPT_KEYWORDS,
PERL_KEYWORDS, PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
var C_TYPES = /^(DIR|FILE|array|vector|(de|priority_)?queue|(forward_)?list|stack|(const_)?(reverse_)?iterator|(unordered_)?(multi)?(set|map)|bitset|u?(int|float)\d*)\b/;
// token style names. correspond to css classes
/**
* token style for a string literal
* @const
*/
var PR_STRING = 'str';
/**
* token style for a keyword
* @const
*/
var PR_KEYWORD = 'kwd';
/**
* token style for a comment
* @const
*/
var PR_COMMENT = 'com';
/**
* token style for a type
* @const
*/
var PR_TYPE = 'typ';
/**
* token style for a literal value. e.g. 1, null, true.
* @const
*/
var PR_LITERAL = 'lit';
/**
* token style for a punctuation string.
* @const
*/
var PR_PUNCTUATION = 'pun';
/**
* token style for plain text.
* @const
*/
var PR_PLAIN = 'pln';
/**
* token style for an sgml tag.
* @const
*/
var PR_TAG = 'tag';
/**
* token style for a markup declaration such as a DOCTYPE.
* @const
*/
var PR_DECLARATION = 'dec';
/**
* token style for embedded source.
* @const
*/
var PR_SOURCE = 'src';
/**
* token style for an sgml attribute name.
* @const
*/
var PR_ATTRIB_NAME = 'atn';
/**
* token style for an sgml attribute value.
* @const
*/
var PR_ATTRIB_VALUE = 'atv';
/**
* A class that indicates a section of markup that is not code, e.g. to allow
* embedding of line numbers within code listings.
* @const
*/
var PR_NOCODE = 'nocode';
// Regex pattern below is automatically generated by regexpPrecederPatterns.pl
// Do not modify, your changes will be erased.
// CAVEAT: this does not properly handle the case where a regular
// expression immediately follows another since a regular expression may
// have flags for case-sensitivity and the like. Having regexp tokens
// adjacent is not valid in any language I'm aware of, so I'm punting.
// TODO: maybe style special characters inside a regexp as punctuation.
/**
* A set of tokens that can precede a regular expression literal in
* javascript
* http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
* has the full list, but I've removed ones that might be problematic when
* seen in languages that don't support regular expression literals.
*
* Specifically, I've removed any keywords that can't precede a regexp
* literal in a syntactically legal javascript program, and I've removed the
* "in" keyword since it's not a keyword in many languages, and might be used
* as a count of inches.
*
* The link above does not accurately describe EcmaScript rules since
* it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
* very well in practice.
*
* @private
* @const
*/
var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
/**
* Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
* matches the union of the sets of strings matched by the input RegExp.
* Since it matches globally, if the input strings have a start-of-input
* anchor (/^.../), it is ignored for the purposes of unioning.
* @param {Array.<RegExp>} regexs non multiline, non-global regexs.
* @return {RegExp} a global regex.
*/
function combinePrefixPatterns(regexs) {
var capturedGroupIndex = 0;
var needToFoldCase = false;
var ignoreCase = false;
for (var i = 0, n = regexs.length; i < n; ++i) {
var regex = regexs[i];
if (regex.ignoreCase) {
ignoreCase = true;
} else if (/[a-z]/i.test(regex.source.replace(
/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
needToFoldCase = true;
ignoreCase = false;
break;
}
}
var escapeCharToCodeUnit = {
'b': 8,
't': 9,
'n': 0xa,
'v': 0xb,
'f': 0xc,
'r': 0xd
};
function decodeEscape(charsetPart) {
var cc0 = charsetPart.charCodeAt(0);
if (cc0 !== 92 /* \\ */) {
return cc0;
}
var c1 = charsetPart.charAt(1);
cc0 = escapeCharToCodeUnit[c1];
if (cc0) {
return cc0;
} else if ('0' <= c1 && c1 <= '7') {
return parseInt(charsetPart.substring(1), 8);
} else if (c1 === 'u' || c1 === 'x') {
return parseInt(charsetPart.substring(2), 16);
} else {
return charsetPart.charCodeAt(1);
}
}
function encodeEscape(charCode) {
if (charCode < 0x20) {
return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
}
var ch = String.fromCharCode(charCode);
return (ch === '\\' || ch === '-' || ch === ']' || ch === '^')
? "\\" + ch : ch;
}
function caseFoldCharset(charSet) {
var charsetParts = charSet.substring(1, charSet.length - 1).match(
new RegExp(
'\\\\u[0-9A-Fa-f]{4}'
+ '|\\\\x[0-9A-Fa-f]{2}'
+ '|\\\\[0-3][0-7]{0,2}'
+ '|\\\\[0-7]{1,2}'
+ '|\\\\[\\s\\S]'
+ '|-'
+ '|[^-\\\\]',
'g'));
var ranges = [];
var inverse = charsetParts[0] === '^';
var out = ['['];
if (inverse) { out.push('^'); }
for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
var p = charsetParts[i];
if (/\\[bdsw]/i.test(p)) { // Don't muck with named groups.
out.push(p);
} else {
var start = decodeEscape(p);
var end;
if (i + 2 < n && '-' === charsetParts[i + 1]) {
end = decodeEscape(charsetParts[i + 2]);
i += 2;
} else {
end = start;
}
ranges.push([start, end]);
// If the range might intersect letters, then expand it.
// This case handling is too simplistic.
// It does not deal with non-latin case folding.
// It works for latin source code identifiers though.
if (!(end < 65 || start > 122)) {
if (!(end < 65 || start > 90)) {
ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
}
if (!(end < 97 || start > 122)) {
ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
}
}
}
}
// [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
// -> [[1, 12], [14, 14], [16, 17]]
ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1] - a[1]); });
var consolidatedRanges = [];
var lastRange = [];
for (var i = 0; i < ranges.length; ++i) {
var range = ranges[i];
if (range[0] <= lastRange[1] + 1) {
lastRange[1] = Math.max(lastRange[1], range[1]);
} else {
consolidatedRanges.push(lastRange = range);
}
}
for (var i = 0; i < consolidatedRanges.length; ++i) {
var range = consolidatedRanges[i];
out.push(encodeEscape(range[0]));
if (range[1] > range[0]) {
if (range[1] + 1 > range[0]) { out.push('-'); }
out.push(encodeEscape(range[1]));
}
}
out.push(']');
return out.join('');
}
function allowAnywhereFoldCaseAndRenumberGroups(regex) {
// Split into character sets, escape sequences, punctuation strings
// like ('(', '(?:', ')', '^'), and runs of characters that do not
// include any of the above.
var parts = regex.source.match(
new RegExp(
'(?:'
+ '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]' // a character set
+ '|\\\\u[A-Fa-f0-9]{4}' // a unicode escape
+ '|\\\\x[A-Fa-f0-9]{2}' // a hex escape
+ '|\\\\[0-9]+' // a back-reference or octal escape
+ '|\\\\[^ux0-9]' // other escape sequence
+ '|\\(\\?[:!=]' // start of a non-capturing group
+ '|[\\(\\)\\^]' // start/end of a group, or line start
+ '|[^\\x5B\\x5C\\(\\)\\^]+' // run of other characters
+ ')',
'g'));
var n = parts.length;
// Maps captured group numbers to the number they will occupy in
// the output or to -1 if that has not been determined, or to
// undefined if they need not be capturing in the output.
var capturedGroups = [];
// Walk over and identify back references to build the capturedGroups
// mapping.
for (var i = 0, groupIndex = 0; i < n; ++i) {
var p = parts[i];
if (p === '(') {
// groups are 1-indexed, so max group index is count of '('
++groupIndex;
} else if ('\\' === p.charAt(0)) {
var decimalValue = +p.substring(1);
if (decimalValue) {
if (decimalValue <= groupIndex) {
capturedGroups[decimalValue] = -1;
} else {
// Replace with an unambiguous escape sequence so that
// an octal escape sequence does not turn into a backreference
// to a capturing group from an earlier regex.
parts[i] = encodeEscape(decimalValue);
}
}
}
}
// Renumber groups and reduce capturing groups to non-capturing groups
// where possible.
for (var i = 1; i < capturedGroups.length; ++i) {
if (-1 === capturedGroups[i]) {
capturedGroups[i] = ++capturedGroupIndex;
}
}
for (var i = 0, groupIndex = 0; i < n; ++i) {
var p = parts[i];
if (p === '(') {
++groupIndex;
if (!capturedGroups[groupIndex]) {
parts[i] = '(?:';
}
} else if ('\\' === p.charAt(0)) {
var decimalValue = +p.substring(1);
if (decimalValue && decimalValue <= groupIndex) {
parts[i] = '\\' + capturedGroups[decimalValue];
}
}
}
// Remove any prefix anchors so that the output will match anywhere.
// ^^ really does mean an anchored match though.
for (var i = 0; i < n; ++i) {
if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
}
// Expand letters to groups to handle mixing of case-sensitive and
// case-insensitive patterns if necessary.
if (regex.ignoreCase && needToFoldCase) {
for (var i = 0; i < n; ++i) {
var p = parts[i];
var ch0 = p.charAt(0);
if (p.length >= 2 && ch0 === '[') {
parts[i] = caseFoldCharset(p);
} else if (ch0 !== '\\') {
// TODO: handle letters in numeric escapes.
parts[i] = p.replace(
/[a-zA-Z]/g,
function (ch) {
var cc = ch.charCodeAt(0);
return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
});
}
}
}
return parts.join('');
}
var rewritten = [];
for (var i = 0, n = regexs.length; i < n; ++i) {
var regex = regexs[i];
if (regex.global || regex.multiline) { throw new Error('' + regex); }
rewritten.push(
'(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
}
return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
}
/**
* Split markup into a string of source code and an array mapping ranges in
* that string to the text nodes in which they appear.
*
* <p>
* The HTML DOM structure:</p>
* <pre>
* (Element "p"
* (Element "b"
* (Text "print ")) ; #1
* (Text "'Hello '") ; #2
* (Element "br") ; #3
* (Text " + 'World';")) ; #4
* </pre>
* <p>
* corresponds to the HTML
* {@code <p><b>print </b>'Hello '<br> + 'World';</p>}.</p>
*
* <p>
* It will produce the output:</p>
* <pre>
* {
* sourceCode: "print 'Hello '\n + 'World';",
* // 1 2
* // 012345678901234 5678901234567
* spans: [0, #1, 6, #2, 14, #3, 15, #4]
* }
* </pre>
* <p>
* where #1 is a reference to the {@code "print "} text node above, and so
* on for the other text nodes.
* </p>
*
* <p>
* The {@code} spans array is an array of pairs. Even elements are the start
* indices of substrings, and odd elements are the text nodes (or BR elements)
* that contain the text for those substrings.
* Substrings continue until the next index or the end of the source.
* </p>
*
* @param {Node} node an HTML DOM subtree containing source-code.
* @param {boolean|number} isPreformatted truthy if white-space in
* text nodes should be considered significant.
* @return {SourceSpansT} source code and the nodes in which they occur.
*/
function extractSourceSpans(node, isPreformatted) {
var nocode = /(?:^|\s)nocode(?:\s|$)/;
var chunks = [];
var length = 0;
var spans = [];
var k = 0;
function walk(node) {
var type = node.nodeType;
if (type == 1) { // Element
if (nocode.test(node.className)) { return; }
for (var child = node.firstChild; child; child = child.nextSibling) {
walk(child);
}
var nodeName = node.nodeName.toLowerCase();
if ('br' === nodeName || 'li' === nodeName) {
chunks[k] = '\n';
spans[k << 1] = length++;
spans[(k++ << 1) | 1] = node;
}
} else if (type == 3 || type == 4) { // Text
var text = node.nodeValue;
if (text.length) {
if (!isPreformatted) {
text = text.replace(/[ \t\r\n]+/g, ' ');
} else {
text = text.replace(/\r\n?/g, '\n'); // Normalize newlines.
}
// TODO: handle tabs here?
chunks[k] = text;
spans[k << 1] = length;
length += text.length;
spans[(k++ << 1) | 1] = node;
}
}
}
walk(node);
return {
sourceCode: chunks.join('').replace(/\n$/, ''),
spans: spans
};
}
/**
* Apply the given language handler to sourceCode and add the resulting
* decorations to out.
* @param {!Element} sourceNode
* @param {number} basePos the index of sourceCode within the chunk of source
* whose decorations are already present on out.
* @param {string} sourceCode
* @param {function(JobT)} langHandler
* @param {DecorationsT} out
*/
function appendDecorations(
sourceNode, basePos, sourceCode, langHandler, out) {
if (!sourceCode) { return; }
/** @type {JobT} */
var job = {
sourceNode: sourceNode,
pre: 1,
langExtension: null,
numberLines: null,
sourceCode: sourceCode,
spans: null,
basePos: basePos,
decorations: null
};
langHandler(job);
out.push.apply(out, job.decorations);
}
var notWs = /\S/;
/**
* Given an element, if it contains only one child element and any text nodes
* it contains contain only space characters, return the sole child element.
* Otherwise returns undefined.
* <p>
* This is meant to return the CODE element in {@code <pre><code ...>} when
* there is a single child element that contains all the non-space textual
* content, but not to return anything where there are multiple child elements
* as in {@code <pre><code>...</code><code>...</code></pre>} or when there
* is textual content.
*/
function childContentWrapper(element) {
var wrapper = undefined;
for (var c = element.firstChild; c; c = c.nextSibling) {
var type = c.nodeType;
wrapper = (type === 1) // Element Node
? (wrapper ? element : c)
: (type === 3) // Text Node
? (notWs.test(c.nodeValue) ? element : wrapper)
: wrapper;
}
return wrapper === element ? undefined : wrapper;
}
/** Given triples of [style, pattern, context] returns a lexing function,
* The lexing function interprets the patterns to find token boundaries and
* returns a decoration list of the form
* [index_0, style_0, index_1, style_1, ..., index_n, style_n]
* where index_n is an index into the sourceCode, and style_n is a style
* constant like PR_PLAIN. index_n-1 <= index_n, and style_n-1 applies to
* all characters in sourceCode[index_n-1:index_n].
*
* The stylePatterns is a list whose elements have the form
* [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
*
* Style is a style constant like PR_PLAIN, or can be a string of the
* form 'lang-FOO', where FOO is a language extension describing the
* language of the portion of the token in $1 after pattern executes.
* E.g., if style is 'lang-lisp', and group 1 contains the text
* '(hello (world))', then that portion of the token will be passed to the
* registered lisp handler for formatting.
* The text before and after group 1 will be restyled using this decorator
* so decorators should take care that this doesn't result in infinite
* recursion. For example, the HTML lexer rule for SCRIPT elements looks
* something like ['lang-js', /<[s]cript>(.+?)<\/script>/]. This may match
* '<script>foo()<\/script>', which would cause the current decorator to
* be called with '<script>' which would not match the same rule since
* group 1 must not be empty, so it would be instead styled as PR_TAG by
* the generic tag rule. The handler registered for the 'js' extension would
* then be called with 'foo()', and finally, the current decorator would
* be called with '<\/script>' which would not match the original rule and
* so the generic tag rule would identify it as a tag.
*
* Pattern must only match prefixes, and if it matches a prefix, then that
* match is considered a token with the same style.
*
* Context is applied to the last non-whitespace, non-comment token
* recognized.
*
* Shortcut is an optional string of characters, any of which, if the first
* character, gurantee that this pattern and only this pattern matches.
*
* @param {Array} shortcutStylePatterns patterns that always start with
* a known character. Must have a shortcut string.
* @param {Array} fallthroughStylePatterns patterns that will be tried in
* order if the shortcut ones fail. May have shortcuts.
*
* @return {function (JobT)} a function that takes an undecorated job and
* attaches a list of decorations.
*/
function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
var shortcuts = {};
var tokenizer;
(function () {
var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
var allRegexs = [];
var regexKeys = {};
for (var i = 0, n = allPatterns.length; i < n; ++i) {
var patternParts = allPatterns[i];
var shortcutChars = patternParts[3];
if (shortcutChars) {
for (var c = shortcutChars.length; --c >= 0;) {
shortcuts[shortcutChars.charAt(c)] = patternParts;
}
}
var regex = patternParts[1];
var k = '' + regex;
if (!regexKeys.hasOwnProperty(k)) {
allRegexs.push(regex);
regexKeys[k] = null;
}
}
allRegexs.push(/[\0-\uffff]/);
tokenizer = combinePrefixPatterns(allRegexs);
})();
var nPatterns = fallthroughStylePatterns.length;
/**
* Lexes job.sourceCode and attaches an output array job.decorations of
* style classes preceded by the position at which they start in
* job.sourceCode in order.
*
* @type{function (JobT)}
*/
var decorate = function (job) {
var sourceCode = job.sourceCode, basePos = job.basePos;
var sourceNode = job.sourceNode;
/** Even entries are positions in source in ascending order. Odd enties
* are style markers (e.g., PR_COMMENT) that run from that position until
* the end.
* @type {DecorationsT}
*/
var decorations = [basePos, PR_PLAIN];
var pos = 0; // index into sourceCode
var tokens = sourceCode.match(tokenizer) || [];
var styleCache = {};
for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
var token = tokens[ti];
var style = styleCache[token];
var match = void 0;
var isEmbedded;
if (typeof style === 'string') {
isEmbedded = false;
} else {
var patternParts = shortcuts[token.charAt(0)];
if (patternParts) {
match = token.match(patternParts[1]);
style = patternParts[0];
} else {
for (var i = 0; i < nPatterns; ++i) {
patternParts = fallthroughStylePatterns[i];
match = token.match(patternParts[1]);
if (match) {
style = patternParts[0];
break;
}
}
if (!match) { // make sure that we make progress
style = PR_PLAIN;
}
}
isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
if (isEmbedded && !(match && typeof match[1] === 'string')) {
isEmbedded = false;
style = PR_SOURCE;
}
if (!isEmbedded) { styleCache[token] = style; }
}
var tokenStart = pos;
pos += token.length;
if (!isEmbedded) {
decorations.push(basePos + tokenStart, style);
} else { // Treat group 1 as an embedded block of source code.
var embeddedSource = match[1];
var embeddedSourceStart = token.indexOf(embeddedSource);
var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
if (match[2]) {
// If embeddedSource can be blank, then it would match at the
// beginning which would cause us to infinitely recurse on the
// entire token, so we catch the right context in match[2].
embeddedSourceEnd = token.length - match[2].length;
embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
}
var lang = style.substring(5);
// Decorate the left of the embedded source
appendDecorations(
sourceNode,
basePos + tokenStart,
token.substring(0, embeddedSourceStart),
decorate, decorations);
// Decorate the embedded source
appendDecorations(
sourceNode,
basePos + tokenStart + embeddedSourceStart,
embeddedSource,
langHandlerForExtension(lang, embeddedSource),
decorations);
// Decorate the right of the embedded section
appendDecorations(
sourceNode,
basePos + tokenStart + embeddedSourceEnd,
token.substring(embeddedSourceEnd),
decorate, decorations);
}
}
job.decorations = decorations;
};
return decorate;
}
/** returns a function that produces a list of decorations from source text.
*
* This code treats ", ', and ` as string delimiters, and \ as a string
* escape. It does not recognize perl's qq() style strings.
* It has no special handling for double delimiter escapes as in basic, or
* the tripled delimiters used in python, but should work on those regardless
* although in those cases a single string literal may be broken up into
* multiple adjacent string literals.
*
* It recognizes C, C++, and shell style comments.
*
* @param {Object} options a set of optional parameters.
* @return {function (JobT)} a function that examines the source code
* in the input job and builds a decoration list which it attaches to
* the job.
*/
function sourceDecorator(options) {
var shortcutStylePatterns = [], fallthroughStylePatterns = [];
if (options['tripleQuotedStrings']) {
// '''multi-line-string''', 'single-line-string', and double-quoted
shortcutStylePatterns.push(
[PR_STRING, /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
null, '\'"']);
} else if (options['multiLineStrings']) {
// 'multi-line-string', "multi-line-string"
shortcutStylePatterns.push(
[PR_STRING, /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
null, '\'"`']);
} else {
// 'single-line-string', "single-line-string"
shortcutStylePatterns.push(
[PR_STRING,
/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
null, '"\'']);
}
if (options['verbatimStrings']) {
// verbatim-string-literal production from the C# grammar. See issue 93.
fallthroughStylePatterns.push(
[PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
}
var hc = options['hashComments'];
if (hc) {
if (options['cStyleComments']) {
if (hc > 1) { // multiline hash comments
shortcutStylePatterns.push(
[PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
} else {
// Stop C preprocessor declarations at an unclosed open comment
shortcutStylePatterns.push(
[PR_COMMENT, /^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/,
null, '#']);
}
// #include <stdio.h>
fallthroughStylePatterns.push(
[PR_STRING,
/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,
null]);
} else {
shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
}
}
if (options['cStyleComments']) {
fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
fallthroughStylePatterns.push(
[PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
}
var regexLiterals = options['regexLiterals'];
if (regexLiterals) {
/**
* @const
*/
var regexExcls = regexLiterals > 1
? '' // Multiline regex literals
: '\n\r';
/**
* @const
*/
var regexAny = regexExcls ? '.' : '[\\S\\s]';
/**
* @const
*/
var REGEX_LITERAL = (
// A regular expression literal starts with a slash that is
// not followed by * or / so that it is not confused with
// comments.
'/(?=[^/*' + regexExcls + '])'
// and then contains any number of raw characters,
+ '(?:[^/\\x5B\\x5C' + regexExcls + ']'
// escape sequences (\x5C),
+ '|\\x5C' + regexAny
// or non-nesting character sets (\x5B\x5D);
+ '|\\x5B(?:[^\\x5C\\x5D' + regexExcls + ']'
+ '|\\x5C' + regexAny + ')*(?:\\x5D|$))+'
// finally closed by a /.
+ '/');
fallthroughStylePatterns.push(
['lang-regex',
RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
]);
}
var types = options['types'];
if (types) {
fallthroughStylePatterns.push([PR_TYPE, types]);
}
var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
if (keywords.length) {
fallthroughStylePatterns.push(
[PR_KEYWORD,
new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
null]);
}
shortcutStylePatterns.push([PR_PLAIN, /^\s+/, null, ' \r\n\t\xA0']);
var punctuation =
// The Bash man page says
// A word is a sequence of characters considered as a single
// unit by GRUB. Words are separated by metacharacters,
// which are the following plus space, tab, and newline: { }
// | & $ ; < >
// ...
// A word beginning with # causes that word and all remaining
// characters on that line to be ignored.
// which means that only a '#' after /(?:^|[{}|&$;<>\s])/ starts a
// comment but empirically
// $ echo {#}
// {#}
// $ echo \$#
// $#
// $ echo }#
// }#
// so /(?:^|[|&;<>\s])/ is more appropriate.
// http://gcc.gnu.org/onlinedocs/gcc-2.95.3/cpp_1.html#SEC3
// suggests that this definition is compatible with a
// default mode that tries to use a single token definition
// to recognize both bash/python style comments and C
// preprocessor directives.
// This definition of punctuation does not include # in the list of
// follow-on exclusions, so # will not be broken before if preceeded
// by a punctuation character. We could try to exclude # after
// [|&;<>] but that doesn't seem to cause many major problems.
// If that does turn out to be a problem, we should change the below
// when hc is truthy to include # in the run of punctuation characters
// only when not followint [|&;<>].
'^.[^\\s\\w.$@\'"`/\\\\]*';
if (options['regexLiterals']) {
punctuation += '(?!\s*\/)';
}
fallthroughStylePatterns.push(
// TODO(mikesamuel): recognize non-latin letters and numerals in idents
[PR_LITERAL, /^@[a-z_$][a-z_$@0-9]*/i, null],
[PR_TYPE, /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
[PR_PLAIN, /^[a-z_$][a-z_$@0-9]*/i, null],
[PR_LITERAL,
new RegExp(
'^(?:'
// A hex number
+ '0x[a-f0-9]+'
// or an octal or decimal number,
+ '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
// possibly in scientific notation
+ '(?:e[+\\-]?\\d+)?'
+ ')'
// with an optional modifier like UL for unsigned long
+ '[a-z]*', 'i'),
null, '0123456789'],
// Don't treat escaped quotes in bash as starting strings.
// See issue 144.
[PR_PLAIN, /^\\[\s\S]?/, null],
[PR_PUNCTUATION, new RegExp(punctuation), null]);
return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
}
var decorateSource = sourceDecorator({
'keywords': ALL_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'multiLineStrings': true,
'regexLiterals': true
});
/**
* Given a DOM subtree, wraps it in a list, and puts each line into its own
* list item.
*
* @param {Node} node modified in place. Its content is pulled into an
* HTMLOListElement, and each line is moved into a separate list item.
* This requires cloning elements, so the input might not have unique
* IDs after numbering.
* @param {number|null|boolean} startLineNum
* If truthy, coerced to an integer which is the 1-indexed line number
* of the first line of code. The number of the first line will be
* attached to the list.
* @param {boolean} isPreformatted true iff white-space in text nodes should
* be treated as significant.
*/
function numberLines(node, startLineNum, isPreformatted) {
var nocode = /(?:^|\s)nocode(?:\s|$)/;
var lineBreak = /\r\n?|\n/;
var document = node.ownerDocument;
var li = document.createElement('li');
while (node.firstChild) {
li.appendChild(node.firstChild);
}
// An array of lines. We split below, so this is initialized to one
// un-split line.
var listItems = [li];
function walk(node) {
var type = node.nodeType;
if (type == 1 && !nocode.test(node.className)) { // Element
if ('br' === node.nodeName.toLowerCase()) {
breakAfter(node);
// Discard the <BR> since it is now flush against a </LI>.
if (node.parentNode) {
node.parentNode.removeChild(node);
}
} else {
for (var child = node.firstChild; child; child = child.nextSibling) {
walk(child);
}
}
} else if ((type == 3 || type == 4) && isPreformatted) { // Text
var text = node.nodeValue;
var match = text.match(lineBreak);
if (match) {
var firstLine = text.substring(0, match.index);
node.nodeValue = firstLine;
var tail = text.substring(match.index + match[0].length);
if (tail) {
var parent = node.parentNode;
parent.insertBefore(
document.createTextNode(tail), node.nextSibling);
}
breakAfter(node);
if (!firstLine) {
// Don't leave blank text nodes in the DOM.
node.parentNode.removeChild(node);
}
}
}
}
// Split a line after the given node.
function breakAfter(lineEndNode) {
// If there's nothing to the right, then we can skip ending the line
// here, and move root-wards since splitting just before an end-tag
// would require us to create a bunch of empty copies.
while (!lineEndNode.nextSibling) {
lineEndNode = lineEndNode.parentNode;
if (!lineEndNode) { return; }
}
function breakLeftOf(limit, copy) {
// Clone shallowly if this node needs to be on both sides of the break.
var rightSide = copy ? limit.cloneNode(false) : limit;
var parent = limit.parentNode;
if (parent) {
// We clone the parent chain.
// This helps us resurrect important styling elements that cross lines.
// E.g. in <i>Foo<br>Bar</i>
// should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
var parentClone = breakLeftOf(parent, 1);
// Move the clone and everything to the right of the original
// onto the cloned parent.
var next = limit.nextSibling;
parentClone.appendChild(rightSide);
for (var sibling = next; sibling; sibling = next) {
next = sibling.nextSibling;
parentClone.appendChild(sibling);
}
}
return rightSide;
}
var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
// Walk the parent chain until we reach an unattached LI.
for (var parent;
// Check nodeType since IE invents document fragments.
(parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
copiedListItem = parent;
}
// Put it on the list of lines for later processing.
listItems.push(copiedListItem);
}
// Split lines while there are lines left to split.
for (var i = 0; // Number of lines that have been split so far.
i < listItems.length; // length updated by breakAfter calls.
++i) {
walk(listItems[i]);
}
// Make sure numeric indices show correctly.
if (startLineNum === (startLineNum|0)) {
listItems[0].setAttribute('value', startLineNum);
}
var ol = document.createElement('ol');
ol.className = 'linenums';
var offset = Math.max(0, ((startLineNum - 1 /* zero index */)) | 0) || 0;
for (var i = 0, n = listItems.length; i < n; ++i) {
li = listItems[i];
// Stick a class on the LIs so that stylesheets can
// color odd/even rows, or any other row pattern that
// is co-prime with 10.
li.className = 'L' + ((i + offset) % 10);
if (!li.firstChild) {
li.appendChild(document.createTextNode('\xA0'));
}
ol.appendChild(li);
}
node.appendChild(ol);
}
/**
* Breaks {@code job.sourceCode} around style boundaries in
* {@code job.decorations} and modifies {@code job.sourceNode} in place.
* @param {JobT} job
* @private
*/
function recombineTagsAndDecorations(job) {
var isIE8OrEarlier = /\bMSIE\s(\d+)/.exec(navigator.userAgent);
isIE8OrEarlier = isIE8OrEarlier && +isIE8OrEarlier[1] <= 8;
var newlineRe = /\n/g;
var source = job.sourceCode;
var sourceLength = source.length;
// Index into source after the last code-unit recombined.
var sourceIndex = 0;
var spans = job.spans;
var nSpans = spans.length;
// Index into spans after the last span which ends at or before sourceIndex.
var spanIndex = 0;
var decorations = job.decorations;
var nDecorations = decorations.length;
// Index into decorations after the last decoration which ends at or before
// sourceIndex.
var decorationIndex = 0;
// Remove all zero-length decorations.
decorations[nDecorations] = sourceLength;
var decPos, i;
for (i = decPos = 0; i < nDecorations;) {
if (decorations[i] !== decorations[i + 2]) {
decorations[decPos++] = decorations[i++];
decorations[decPos++] = decorations[i++];
} else {
i += 2;
}
}
nDecorations = decPos;
// Simplify decorations.
for (i = decPos = 0; i < nDecorations;) {
var startPos = decorations[i];
// Conflate all adjacent decorations that use the same style.
var startDec = decorations[i + 1];
var end = i + 2;
while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
end += 2;
}
decorations[decPos++] = startPos;
decorations[decPos++] = startDec;
i = end;
}
nDecorations = decorations.length = decPos;
var sourceNode = job.sourceNode;
var oldDisplay = "";
if (sourceNode) {
oldDisplay = sourceNode.style.display;
sourceNode.style.display = 'none';
}
try {
var decoration = null;
while (spanIndex < nSpans) {
var spanStart = spans[spanIndex];
var spanEnd = /** @type{number} */ (spans[spanIndex + 2])
|| sourceLength;
var decEnd = decorations[decorationIndex + 2] || sourceLength;
var end = Math.min(spanEnd, decEnd);
var textNode = /** @type{Node} */ (spans[spanIndex + 1]);
var styledText;
if (textNode.nodeType !== 1 // Don't muck with <BR>s or <LI>s
// Don't introduce spans around empty text nodes.
&& (styledText = source.substring(sourceIndex, end))) {
// This may seem bizarre, and it is. Emitting LF on IE causes the
// code to display with spaces instead of line breaks.
// Emitting Windows standard issue linebreaks (CRLF) causes a blank
// space to appear at the beginning of every line but the first.
// Emitting an old Mac OS 9 line separator makes everything spiffy.
if (isIE8OrEarlier) {
styledText = styledText.replace(newlineRe, '\r');
}
textNode.nodeValue = styledText;
var document = textNode.ownerDocument;
var span = document.createElement('span');
span.className = decorations[decorationIndex + 1];
var parentNode = textNode.parentNode;
parentNode.replaceChild(span, textNode);
span.appendChild(textNode);
if (sourceIndex < spanEnd) { // Split off a text node.
spans[spanIndex + 1] = textNode
// TODO: Possibly optimize by using '' if there's no flicker.
= document.createTextNode(source.substring(end, spanEnd));
parentNode.insertBefore(textNode, span.nextSibling);
}
}
sourceIndex = end;
if (sourceIndex >= spanEnd) {
spanIndex += 2;
}
if (sourceIndex >= decEnd) {
decorationIndex += 2;
}
}
} finally {
if (sourceNode) {
sourceNode.style.display = oldDisplay;
}
}
}
/** Maps language-specific file extensions to handlers. */
var langHandlerRegistry = {};
/** Register a language handler for the given file extensions.
* @param {function (JobT)} handler a function from source code to a list
* of decorations. Takes a single argument job which describes the
* state of the computation and attaches the decorations to it.
* @param {Array.<string>} fileExtensions
*/
function registerLangHandler(handler, fileExtensions) {
for (var i = fileExtensions.length; --i >= 0;) {
var ext = fileExtensions[i];
if (!langHandlerRegistry.hasOwnProperty(ext)) {
langHandlerRegistry[ext] = handler;
} else if (win['console']) {
console['warn']('cannot override language handler %s', ext);
}
}
}
function langHandlerForExtension(extension, source) {
if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
// Treat it as markup if the first non whitespace character is a < and
// the last non-whitespace character is a >.
extension = /^\s*</.test(source)
? 'default-markup'
: 'default-code';
}
return langHandlerRegistry[extension];
}
registerLangHandler(decorateSource, ['default-code']);
registerLangHandler(
createSimpleLexer(
[],
[
[PR_PLAIN, /^[^<?]+/],
[PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
[PR_COMMENT, /^<\!--[\s\S]*?(?:-\->|$)/],
// Unescaped content in an unknown language
['lang-', /^<\?([\s\S]+?)(?:\?>|$)/],
['lang-', /^<%([\s\S]+?)(?:%>|$)/],
[PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
['lang-', /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
// Unescaped content in javascript. (Or possibly vbscript).
['lang-js', /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
// Contains unescaped stylesheet content
['lang-css', /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
['lang-in.tag', /^(<\/?[a-z][^<>]*>)/i]
]),
['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
registerLangHandler(
createSimpleLexer(
[
[PR_PLAIN, /^[\s]+/, null, ' \t\r\n'],
[PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
],
[
[PR_TAG, /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
[PR_ATTRIB_NAME, /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
['lang-uq.val', /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
[PR_PUNCTUATION, /^[=<>\/]+/],
['lang-js', /^on\w+\s*=\s*\"([^\"]+)\"/i],
['lang-js', /^on\w+\s*=\s*\'([^\']+)\'/i],
['lang-js', /^on\w+\s*=\s*([^\"\'>\s]+)/i],
['lang-css', /^style\s*=\s*\"([^\"]+)\"/i],
['lang-css', /^style\s*=\s*\'([^\']+)\'/i],
['lang-css', /^style\s*=\s*([^\"\'>\s]+)/i]
]),
['in.tag']);
registerLangHandler(
createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
registerLangHandler(sourceDecorator({
'keywords': CPP_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'types': C_TYPES
}), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
registerLangHandler(sourceDecorator({
'keywords': 'null,true,false'
}), ['json']);
registerLangHandler(sourceDecorator({
'keywords': CSHARP_KEYWORDS,
'hashComments': true,
'cStyleComments': true,
'verbatimStrings': true,
'types': C_TYPES
}), ['cs']);
registerLangHandler(sourceDecorator({
'keywords': JAVA_KEYWORDS,
'cStyleComments': true
}), ['java']);
registerLangHandler(sourceDecorator({
'keywords': SH_KEYWORDS,
'hashComments': true,
'multiLineStrings': true
}), ['bash', 'bsh', 'csh', 'sh']);
registerLangHandler(sourceDecorator({
'keywords': PYTHON_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'tripleQuotedStrings': true
}), ['cv', 'py', 'python']);
registerLangHandler(sourceDecorator({
'keywords': PERL_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'regexLiterals': 2 // multiline regex literals
}), ['perl', 'pl', 'pm']);
registerLangHandler(sourceDecorator({
'keywords': RUBY_KEYWORDS,
'hashComments': true,
'multiLineStrings': true,
'regexLiterals': true
}), ['rb', 'ruby']);
registerLangHandler(sourceDecorator({
'keywords': JSCRIPT_KEYWORDS,
'cStyleComments': true,
'regexLiterals': true
}), ['javascript', 'js', 'ts', 'typescript']);
registerLangHandler(sourceDecorator({
'keywords': COFFEE_KEYWORDS,
'hashComments': 3, // ### style block comments
'cStyleComments': true,
'multilineStrings': true,
'tripleQuotedStrings': true,
'regexLiterals': true
}), ['coffee']);
registerLangHandler(
createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
/** @param {JobT} job */
function applyDecorator(job) {
var opt_langExtension = job.langExtension;
try {
// Extract tags, and convert the source code to plain text.
var sourceAndSpans = extractSourceSpans(job.sourceNode, job.pre);
/** Plain text. @type {string} */
var source = sourceAndSpans.sourceCode;
job.sourceCode = source;
job.spans = sourceAndSpans.spans;
job.basePos = 0;
// Apply the appropriate language handler
langHandlerForExtension(opt_langExtension, source)(job);
// Integrate the decorations and tags back into the source code,
// modifying the sourceNode in place.
recombineTagsAndDecorations(job);
} catch (e) {
if (win['console']) {
console['log'](e && e['stack'] || e);
}
}
}
/**
* Pretty print a chunk of code.
* @param sourceCodeHtml {string} The HTML to pretty print.
* @param opt_langExtension {string} The language name to use.
* Typically, a filename extension like 'cpp' or 'java'.
* @param opt_numberLines {number|boolean} True to number lines,
* or the 1-indexed number of the first line in sourceCodeHtml.
*/
function $prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
/** @type{number|boolean} */
var nl = opt_numberLines || false;
/** @type{string|null} */
var langExtension = opt_langExtension || null;
/** @type{!Element} */
var container = document.createElement('div');
// This could cause images to load and onload listeners to fire.
// E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
// We assume that the inner HTML is from a trusted source.
// The pre-tag is required for IE8 which strips newlines from innerHTML
// when it is injected into a <pre> tag.
// http://stackoverflow.com/questions/451486/pre-tag-loses-line-breaks-when-setting-innerhtml-in-ie
// http://stackoverflow.com/questions/195363/inserting-a-newline-into-a-pre-tag-ie-javascript
container.innerHTML = '<pre>' + sourceCodeHtml + '</pre>';
container = /** @type{!Element} */(container.firstChild);
if (nl) {
numberLines(container, nl, true);
}
/** @type{JobT} */
var job = {
langExtension: langExtension,
numberLines: nl,
sourceNode: container,
pre: 1,
sourceCode: null,
basePos: null,
spans: null,
decorations: null
};
applyDecorator(job);
return container.innerHTML;
}
/**
* Find all the {@code <pre>} and {@code <code>} tags in the DOM with
* {@code class=prettyprint} and prettify them.
*
* @param {Function} opt_whenDone called when prettifying is done.
* @param {HTMLElement|HTMLDocument} opt_root an element or document
* containing all the elements to pretty print.
* Defaults to {@code document.body}.
*/
function $prettyPrint(opt_whenDone, opt_root) {
var root = opt_root || document.body;
var doc = root.ownerDocument || document;
function byTagName(tn) { return root.getElementsByTagName(tn); }
// fetch a list of nodes to rewrite
var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
var elements = [];
for (var i = 0; i < codeSegments.length; ++i) {
for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
elements.push(codeSegments[i][j]);
}
}
codeSegments = null;
var clock = Date;
if (!clock['now']) {
clock = { 'now': function () { return +(new Date); } };
}
// The loop is broken into a series of continuations to make sure that we
// don't make the browser unresponsive when rewriting a large page.
var k = 0;
var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
var prettyPrintRe = /\bprettyprint\b/;
var prettyPrintedRe = /\bprettyprinted\b/;
var preformattedTagNameRe = /pre|xmp/i;
var codeRe = /^code$/i;
var preCodeXmpRe = /^(?:pre|code|xmp)$/i;
var EMPTY = {};
function doWork() {
var endTime = (win['PR_SHOULD_USE_CONTINUATION'] ?
clock['now']() + 250 /* ms */ :
Infinity);
for (; k < elements.length && clock['now']() < endTime; k++) {
var cs = elements[k];
// Look for a preceding comment like
// <?prettify lang="..." linenums="..."?>
var attrs = EMPTY;
{
for (var preceder = cs; (preceder = preceder.previousSibling);) {
var nt = preceder.nodeType;
// <?foo?> is parsed by HTML 5 to a comment node (8)
// like <!--?foo?-->, but in XML is a processing instruction
var value = (nt === 7 || nt === 8) && preceder.nodeValue;
if (value
? !/^\??prettify\b/.test(value)
: (nt !== 3 || /\S/.test(preceder.nodeValue))) {
// Skip over white-space text nodes but not others.
break;
}
if (value) {
attrs = {};
value.replace(
/\b(\w+)=([\w:.%+-]+)/g,
function (_, name, value) { attrs[name] = value; });
break;
}
}
}
var className = cs.className;
if ((attrs !== EMPTY || prettyPrintRe.test(className))
// Don't redo this if we've already done it.
// This allows recalling pretty print to just prettyprint elements
// that have been added to the page since last call.
&& !prettyPrintedRe.test(className)) {
// make sure this is not nested in an already prettified element
var nested = false;
for (var p = cs.parentNode; p; p = p.parentNode) {
var tn = p.tagName;
if (preCodeXmpRe.test(tn)
&& p.className && prettyPrintRe.test(p.className)) {
nested = true;
break;
}
}
if (!nested) {
// Mark done. If we fail to prettyprint for whatever reason,
// we shouldn't try again.
cs.className += ' prettyprinted';
// If the classes includes a language extensions, use it.
// Language extensions can be specified like
// <pre class="prettyprint lang-cpp">
// the language extension "cpp" is used to find a language handler
// as passed to PR.registerLangHandler.
// HTML5 recommends that a language be specified using "language-"
// as the prefix instead. Google Code Prettify supports both.
// http://dev.w3.org/html5/spec-author-view/the-code-element.html
var langExtension = attrs['lang'];
if (!langExtension) {
langExtension = className.match(langExtensionRe);
// Support <pre class="prettyprint"><code class="language-c">
var wrapper;
if (!langExtension && (wrapper = childContentWrapper(cs))
&& codeRe.test(wrapper.tagName)) {
langExtension = wrapper.className.match(langExtensionRe);
}
if (langExtension) { langExtension = langExtension[1]; }
}
var preformatted;
if (preformattedTagNameRe.test(cs.tagName)) {
preformatted = 1;
} else {
var currentStyle = cs['currentStyle'];
var defaultView = doc.defaultView;
var whitespace = (
currentStyle
? currentStyle['whiteSpace']
: (defaultView
&& defaultView.getComputedStyle)
? defaultView.getComputedStyle(cs, null)
.getPropertyValue('white-space')
: 0);
preformatted = whitespace
&& 'pre' === whitespace.substring(0, 3);
}
// Look for a class like linenums or linenums:<n> where <n> is the
// 1-indexed number of the first line.
var lineNums = attrs['linenums'];
if (!(lineNums = lineNums === 'true' || +lineNums)) {
lineNums = className.match(/\blinenums\b(?::(\d+))?/);
lineNums =
lineNums
? lineNums[1] && lineNums[1].length
? +lineNums[1] : true
: false;
}
if (lineNums) { numberLines(cs, lineNums, preformatted); }
// do the pretty printing
var prettyPrintingJob = {
langExtension: langExtension,
sourceNode: cs,
numberLines: lineNums,
pre: preformatted,
sourceCode: null,
basePos: null,
spans: null,
decorations: null
};
applyDecorator(prettyPrintingJob);
}
}
}
if (k < elements.length) {
// finish up in a continuation
win.setTimeout(doWork, 250);
} else if ('function' === typeof opt_whenDone) {
opt_whenDone();
}
}
doWork();
}
/**
* Contains functions for creating and registering new language handlers.
* @type {Object}
*/
var PR = win['PR'] = {
'createSimpleLexer': createSimpleLexer,
'registerLangHandler': registerLangHandler,
'sourceDecorator': sourceDecorator,
'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
'PR_COMMENT': PR_COMMENT,
'PR_DECLARATION': PR_DECLARATION,
'PR_KEYWORD': PR_KEYWORD,
'PR_LITERAL': PR_LITERAL,
'PR_NOCODE': PR_NOCODE,
'PR_PLAIN': PR_PLAIN,
'PR_PUNCTUATION': PR_PUNCTUATION,
'PR_SOURCE': PR_SOURCE,
'PR_STRING': PR_STRING,
'PR_TAG': PR_TAG,
'PR_TYPE': PR_TYPE,
'prettyPrintOne':
IN_GLOBAL_SCOPE
? (win['prettyPrintOne'] = $prettyPrintOne)
: (prettyPrintOne = $prettyPrintOne),
'prettyPrint':
IN_GLOBAL_SCOPE
? (win['prettyPrint'] = $prettyPrint)
: (prettyPrint = $prettyPrint)
};
// Make PR available via the Asynchronous Module Definition (AMD) API.
// Per https://github.com/amdjs/amdjs-api/wiki/AMD:
// The Asynchronous Module Definition (AMD) API specifies a
// mechanism for defining modules such that the module and its
// dependencies can be asynchronously loaded.
// ...
// To allow a clear indicator that a global define function (as
// needed for script src browser loading) conforms to the AMD API,
// any global define function SHOULD have a property called "amd"
// whose value is an object. This helps avoid conflict with any
// other existing JavaScript code that could have defined a define()
// function that does not conform to the AMD API.
var define = win['define'];
if (typeof define === "function" && define['amd']) {
define("google-code-prettify", [], function () {
return PR;
});
}
})();
================================================
FILE: styles/_animation.scss
================================================
%animate {
animation-duration: $anim-default-time;
animation-iteration-count: 1;
animation-fill-mode: both;
animation-timing-function: $anim-cubic-bezier;
}
/*https://github.com/tobiasahlin/SpinKit*/
.spinner {
animation: sk-rotateplane 1.2s infinite $anim-cubic-bezier;
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
================================================
FILE: styles/_common.scss
================================================
*,
:after,
:before {
-webkit-box-sizing: border-box; /*size not include padding and margin*/
}
html, body {
width: 100%;
font-size: 1rem;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background: #fff;
color: #373a3c;
transition: all 350ms $anim-cubic-bezier;
&.dark {
background: $dark;
color: #fff;
}
}
/*
http://www.fontspace.com/538fonts/dressedless
https://everythingfonts.com/ttf-to-svg
*/
@font-face {
font-family: 'Dressedless Three';
src: url('../fonts/Dressedless_Three.ttf') format("truetype"), url('../fonts/Dressedless_Three.svg') format("svg");
/* Legacy iOS */
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/LatoLatin-Italic.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/LatoLatin-Italic.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/LatoLatin-BoldItalic.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/LatoLatin-BoldItalic.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/LatoLatin-Regular.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/LatoLatin-Regular.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/LatoLatin-Bold.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/LatoLatin-Bold.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
================================================
FILE: styles/_components.scss
================================================
@import "logo";
@import "donate";
@import "nav-bar-container";
@import "source-code";
@import "doodle";
================================================
FILE: styles/_constants.scss
================================================
/* animation */
$anim-cubic-bezier: cubic-bezier(0.4, 0, 0.2, 1);
$anim-default-time: 0.6s;
/* color */
$box-shadow: rgb(187,187,187) 0px 2px 8px !important;
$dark: #272b38;
/* dimensions */
================================================
FILE: styles/_containers.scss
================================================
@import "main-container";
@import "copybook-container";
@import "notice-container";
================================================
FILE: styles/_copybook-container.scss
================================================
@at-root {
.copybook-container {
&#{&}> .header {
padding: 0.8rem 1rem;
}
> .content {
position: relative;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
transition: background $anim-default-time $anim-cubic-bezier;
}
&:hover, &:focus {
&:after {
background: rgba(255, 255, 255, 0.76);
}
}
pre {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
min-width: 98%;
}
code {
display: inline-block;
color: #000;
}
}
.ui.search.selection.dropdown {
font-size: .8rem;
min-width: 30rem;
.menu>.item {
font-size: .8rem;
}
}
.title {
text-align: center;
font-size: 1rem;
margin-bottom: -0.2rem;
margin-top: -1rem;
}
.editor {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
color: #000;
-webkit-tap-highlight-color: rgba(255,255,255,0);
outline: none;
}
}
}
================================================
FILE: styles/_donate.scss
================================================
.donate {
padding: 2rem 0;
text-align: center;
form {
display: inline-block;
}
.hd {
padding-bottom: .8rem;
text-align: center;
}
.bd {
display: flex;
flex-direction: row;
align-items: center;
}
.zhifubao,
.wechatpay,
.paypal {
margin: 0 0.5rem;
width: 5rem;
background: #fff;
border-radius: 0.1rem;
}
}
================================================
FILE: styles/_doodle.scss
================================================
@at-root {
css-doodle {
position: fixed;
z-index: -1;
// fish
&.fish {
--color: @p(#FDFFFC, #2EC4B6, #E71D36, #FF9F1C);
--color-fade: var(--color)@repeat2(@p([0-9a-b]));
--noise: @svg-filter(
<svg>
<filter>
<feTurbulence type="fractalNoise" baseFrequency=".016" numOctaves="1" seed="@r(1000)" />
<feDisplacementMap in="SourceGraphic" scale="10" />
</filter>
</svg>
);
--rule: (
:doodle {
@grid: 12x1 / 100vw 100vh;
background-position: 50%;
filter: var(--noise);
}
@size: 100% 50%;
position: absolute; top: 25%;
transform: rotate(calc((@i() - 1) * 360deg / @size()));
:after {
--c: var(--color);
--s: @r(5);
content: '';
position: absolute;
@size: @r(40vmin, 61vmin) @r(12vmin, 17vmin);
border-left: @r(3px) solid @var(--c);
border-radius: 50vmin;
background:
radial-gradient(@var(--c) 50%, transparent 0%) 1vmin 42% / 3px 6px no-repeat,
radial-gradient(@var(--c) 50%, transparent 0%) 1vmin 58% / 3px 6px no-repeat,
@m20(linear-gradient(to right, @var(--c), transparent @r(50%, 80%)) 0 @r(100%) / @r(20%) 1px no-repeat),
linear-gradient(to right, @var(--c), transparent @r(50%, 80%)) 0 50% / @r(40%, 60%) 1px no-repeat,
linear-gradient(to right, rgba(255, 255, 255, .015), transparent);
transform: rotateY(0) scaleX(@var(--s)) translateZ(50vmin);
transform-origin: 0 50%;
will-change: transform;
animation: r @r(10s, 20s) linear infinite;
animation-delay: -@r(50s);
}
@keyframes r {
to { transform: rotateY(-1turn) scaleX(@var(--s)) translateZ(50vmin) }
}
);
}
// candy
&.candy {
--rule: ( :doodle {
position: absolute;
width: 100%;
@grid: 10 / 101% 100vh;
overflow: hidden;
}
animation: bounce linear @r(7s, 15s) @r(-1s, -5s) infinite;
opacity: @r(0.3, 1);
@place-cell: @r(100%) @r(100%);
@random(.3) {
:after {
content: '🍭';
position: absolute;
font-size: @r(25px, 35px);
transform: rotate(@r(360deg));
}
}
@random(.2) {
:after {
content: '🍫';
position: absolute;
@place-cell: @r(100%) @r(100%);
font-size: @r(15px, 25px);
z-index: @p(1, 2);
transform: rotate(@r(360deg));
}
}
@random(.2) {
:before {
content: '🧁';
position: absolute;
@place-cell: @r(100%) @r(100%);
font-size: @r(15px, 25px);
z-index: @p(1, 2);
transform: rotate(@r(360deg));
}
}
@random(.2) {
:before {
content: '🍪';
position: absolute;
@place-cell: @r(100%) @r(100%);
font-size: @r(15px, 25px);
z-index: @p(1, 2);
transform: rotate(@r(360deg));
}
}
@keyframes bounce {
0% {
transform: translateY(@r(-101vh, -110vh));
}
100% {
transform: translateY(@r(101vh, 110vh));
}
}
);
}
}
}
================================================
FILE: styles/_logo.scss
================================================
@at-root {
.logo {
margin: 1rem auto;
width: 3rem;
height: 3rem;
img {
display: inherit;
width: 100%;
height: 100%;
border-radius: 20%;
}
}
}
================================================
FILE: styles/_main-container.scss
================================================
.main-container {
$dark-theme: 'body.dark &';
position: relative;
display: flex;
align-items: center;
flex-direction: column;
padding-bottom: 3rem;
.title {
text-align: center;
margin-top: 5rem;
margin-bottom: 2rem;
transition: margin 0.35s $anim-cubic-bezier;
@media screen and (min-width: 50rem) {
margin-top: 8rem;
}
a {
color: inherit;
text-decoration: none;
&:visited, &:link, &:active, &:hover {
color: inherit;
text-decoration: none;
}
}
span {
font-family: "Dressedless Three", Lato, Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 3.5rem;
font-weight: 100;
@media screen and (min-width: 50rem) {
font-size: 5rem;
}
}
&.animated span {
@extend %animate;
animation-name: fadeIn;
animation-duration: 250ms;
animation-delay: 100ms;
/*C*/
&:nth-child(1) {
color: #4285F4;
}
/*O*/
&:nth-child(2) {
color: #DB4437;
}
/*D*/
&:nth-child(3) {
color: #F4B400;
}
/*E*/
&:nth-child(4) {
color: #4285F4;
}
/*L*/
&:nth-child(5) {
color: #0F9D58;
}
/*F*/
&:nth-child(6) {
color: #DB4437;
}
}
}
#{$dark-theme} {
.title {
margin-top: 3rem;
margin-bottom: 0;
@media screen and (min-width: 50rem) {
margin-top: 5rem;
margin-bottom: 1rem;
}
}
}
.search-bar {
padding: 1rem 0;
width: 100%;
@media screen and (min-width: 50rem) {
width: 45rem;
}
form {
padding: 0;
margin: 0;
border: 0;
}
&__desc {
opacity: 0.5;
padding-left: 0.8rem;
font-size: 0.8rem;
line-height: 1;
margin-bottom: 0.2rem;
@media screen and (min-width: 50rem) {
padding-left: 1.4rem;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
}
}
&__input {
background: #F1F3F4;
border-radius: 5rem;
transition: box-shadow 350ms $anim-cubic-bezier;
&:focus, &:active, &:hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
input {
background: #F1F3F4;
border-radius: 5rem;
border: 0 !important;
}
}
&__dropdown {
display: flex;
justify-content: center;
align-items: center;
margin-top: -0.4rem;
margin-left: 1rem;
i {
opacity: 0.5;
font-size: 1rem;
&:hover {
opacity: 1;
}
@media screen and (min-width: 50rem) {
font-size: 1.2rem;
}
}
}
&__plugins {
padding-left: 0.8rem;
color: inherit;
opacity: 0.5;
font-size: 0.8rem;
a, a:hover, a:link, a:active, a:focus, a:visited {
color: inherit;
}
a:hover {
text-decoration: underline;
}
@media screen and (min-width: 50rem) {
padding-left: 1.4rem;
font-size: 1rem;
}
}
}
#{$dark-theme} {
.search-bar {
&__input {
&:focus, &:active, &:hover {
box-shadow: $box-shadow;
}
}
}
}
.suggestion {
padding-bottom: 2rem;
max-width: 100%;
@media screen and (min-width: 50rem) {
min-width: 43rem;
}
a {
&:hover {
text-decoration: underline;
}
}
}
.variable-list {
width: 100%;
text-align: center;
.label {
@extend .pointer-link;
margin: 0.4rem 0.4rem 0 0;
&:hover {
box-shadow: $box-shadow;
}
&.animated {
transform: translateZ(0);
will-change: transform;
}
}
hr {
width: 70%;
border-color: rgba(0, 0, 0, .16);
margin-top: 1rem;
}
}
.search-error {
margin: 1rem 0;
}
.slogan-image {
padding: 2rem 1rem;
@media screen and (min-width: 50rem) {
padding: 4rem 1rem;
}
img {
max-width: 100%;
height: auto;
}
}
}
================================================
FILE: styles/_nav-bar-container.scss
================================================
.nav-bar-container {
position: relative;
top: 0;
z-index: 10;
.bd {
top: -0.25rem;
right: 0;
position: absolute;
display: inline-block;
transition: all 1s;
>*{
float: left;
display: inline-block;
cursor: pointer;
margin-right: 0.4rem;
}
&:last-child{
margin-right: 0;
}
i{
width: auto;
height: auto;
margin: 0 !important;
font-size: 2rem;
color: #70B7FD;
&:hover,&:active{
color: #59AAF9;
}
}
.github-corner {
margin-top: -0.2rem;
i {
font-size: 2.3rem;
}
}
.copybook-btn {
display: none;
}
$anim-delay: 150ms;
$anim-duration: 500ms;
@for $i from 1 through 5 {
>*:nth-child(#{$i}) {
animation-duration: $anim-duration;
animation-delay: 500 + $anim-delay*($i - 1);
}
}
}
@media screen and (min-width: 50rem) {
top: -0.25rem;
.bd {
i{
width: auto;
height: 3.4rem;
font-size: 3rem;
}
.copybook-btn.copybook-btn.copybook-btn {
display: inline-block;
}
.github-corner {
margin-top: -0.2rem;
i {
font-size: 3.3rem;
}
}
}
}
}
================================================
FILE: styles/_notice-container.scss
================================================
.notice-container {
$dark-theme: 'body.dark &';
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 1rem;
padding-top: 0.5rem;
text-align: center;
background-color: #fff;
transition: background-color 150ms ease-in-out;
@at-root {
#{$dark-theme} {
background-color: $dark;
}
}
a {
display: none;
color: #70B7FD;
&.show {
display: block;
}
}
}
================================================
FILE: styles/_source-code.scss
================================================
@at-root {
.source-code {
&#{&}> .header {
padding: 0.8rem 1rem;
}
> .content {
pre {
display: inline-block;
margin: 0;
padding: 0;
}
code {
display: inline-block;
color: #000;
}
}
&#{&} .ui.dropdown .menu>.item {
padding: 0.4rem 0 0 0.4rem !important;
&:last-child {
padding-bottom: 0.4rem !important;
}
}
}
}
================================================
FILE: styles/_utils.scss
================================================
@mixin clearfix() {
& {
&::before,
&::after {
content: "";
display: table;
}
&::after {
clear: both;
}
}
}
%ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.up-first {
&::first-letter {
text-transform: uppercase
}
}
.pointer-link {
cursor: pointer;
}
.hidden-link {
&#{&} {
color: #000;
}
&#{&}:hover {
color: #1e70bf;
}
}
.fix-break-word, p {
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.fix-modal.fix-modal.fix-modal.fix-modal {
height: 97%;
margin: 0 auto;
overflow: hidden;
transform: translate3d(0, 0, 0);
&#{&} > .content {
padding: 0.4rem 1rem;
margin: 0;
height: 91%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
}
@media (min-width: 50rem) {
.fix-modal.fix-modal.fix-modal.fix-modal {
height: auto;
overflow: visible;
.close.icon {
top: 0.5rem;
right: 0.5rem;
color: rgba(0,0,0,.87);
}
&#{&} > .content {
height: auto;
overflow-y: visible;
}
}
}
.fix-dropdown-menu {
-webkit-overflow-scrolling: touch;
}
================================================
FILE: styles/app.scss
================================================
@charset "UTF-8";
@import 'constants';
@import 'common';
@import 'utils';
@import "animation";
.app {
position: relative;
@import 'components';
@import 'containers';
}
================================================
FILE: webpack.config.js
================================================
'use strict'
const path = require('path');
const merge = require('webpack-merge');
const common = {
entry: ['@babel/polyfill', './src/App.js'],
output: {
filename: 'app.js',
path: path.resolve(__dirname, 'app/js'),
publicPath: '/app/js'
},
externals: {
'react': 'React',
'react-dom': 'ReactDOM'
},
module: {
rules: [
{
test: /\.jsx?$/,
include: [
path.resolve(__dirname, 'src'),
path.resolve(__dirname, 'node_modules')
],
loader: 'babel-loader'
}
]
}
};
exports.dev = merge(common, {
mode: 'development',
devtool: 'source-map'
});
exports.prod = merge(common, {
mode: 'production'
});
]]>
CODELF(变量命名神器)
=================
A search tool helps dev to solve the naming things problem.
Search over projects from Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project, GitLab to find real-world usage variable names.
Also a daily Algorithm Copybook.
Also a GitHub stars, repositories tagger and organizer tool.
>There are only two hard things in Computer Science: cache invalidation and naming things.-- Phil Karlton
>
>
WIKI
=================
[简体中文](https://github.com/unbug/codelf/wiki)
Plugins
=================
### Codelf for VS Code
##### Install
Codelf is on VS Code Extension Marketplace. Just search "codelf" on VS Code EXTENSIONS pane and click install.
##### Usage
1. Select text, right-click and select "Codelf".
### Codelf for Atom
##### Install
Codelf is [on Atom package](https://atom.io/packages/codelf). Search "codelf" on Atom setting pane and click install.Please see [Atom Packages in the Atom Flight Manual](http://flight-manual.atom.io/using-atom/sections/atom-packages/)
##### Usage
1. Select text, right-click and click "Codelf".
2. Open Packages menu select "Codelf"
3. Press CTRL+ALT+E to open Codelf
Also see [How to use Codelf on Atom](https://github.com/unbug/atom-codelf#usage)
### Codelf for Sublime Text
##### Install
1. [Download Codelf for Sublime](https://github.com/unbug/codelf/archive/st-0.0.5.zip) or [Select a "st-" version to download](https://github.com/unbug/codelf/tags)
2. Unzip and rename the folder to `Codelf`
3. Copy the folder into `Packages` directory, which you can find using the menu item `Sublime Text -> Preferences -> Browse Packages...`
4. Restart Sublime Text
##### Usage
1. Select text, right-click and click "Codelf".
2. Open Command Palette using menu item Tools -> Command Palette... --> Type "E" or "Codelf" -->Select "Search Selection" or "Search From Input"
Apps
=================
[Codelf Chrome App](https://chrome.google.com/webstore/detail/codelf-best-github-stars/jnmjaglhmmcplekpfnblniiammmdpaan)
Find me
=================
* Twitter [@unbug](https://twitter.com/unbug)
* 微博 [@听奏](http://weibo.com/unbug)
Videos
===============
[](https://youtu.be/Uqg8HWaa-2c)
Screenshots
================
### Search variable
### Daily Algorithm Copybook
### GitHub stars, repositories tagger and organizer tool
================================================
FILE: __static/app/cache.manifest
================================================
CACHE MANIFEST
# Build: _BUILD_VERSION_
CACHE:
_FILES_
NETWORK:
*
================================================
FILE: __static/app/ddms_frame_callback.html
================================================
================================================
FILE: __static/app/html/bookmark.html
================================================
================================================
FILE: __static/app/html/components.html
================================================
