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