(function (Prism) { Prism.languages.insertBefore('javascript', 'function-variable', { 'method-variable': { pattern: RegExp('(\\.\\s*)' + Prism.languages.javascript['function-variable'].pattern.source), lookbehind: true, alias: ['function-variable', 'method', 'function', 'property-access'] } }); Prism.languages.insertBefore('javascript', 'function', { 'method': { pattern: RegExp('(\\.\\s*)' + Prism.languages.javascript['function'].source), lookbehind: true, alias: ['function', 'property-access'] } }); Prism.languages.insertBefore('javascript', 'constant', { 'known-class-name': [ { // standard built-ins // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects pattern: /\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/, alias: 'class-name' }, { // errors pattern: /\b(?:[A-Z]\w*)Error\b/, alias: 'class-name' } ] }); /** * Replaces the `` placeholder in the given pattern with a pattern for general JS identifiers. * * @param {string} source * @param {string} [flags] * @returns {RegExp} */ function withId(source, flags) { return RegExp( source.replace(//g, function () { return /(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source; }), flags); } Prism.languages.insertBefore('javascript', 'keyword', { 'imports': { // https://tc39.es/ecma262/#sec-imports pattern: withId(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source), lookbehind: true, inside: Prism.languages.javascript }, 'exports': { // https://tc39.es/ecma262/#sec-exports pattern: withId(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source), lookbehind: true, inside: Prism.languages.javascript } }); Prism.languages.javascript['keyword'].unshift( { pattern: /\b(?:as|default|export|from|import)\b/, alias: 'module' }, { pattern: /\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/, alias: 'control-flow' }, { pattern: /\bnull\b/, alias: ['null', 'nil'] }, { pattern: /\bundefined\b/, alias: 'nil' } ); Prism.languages.insertBefore('javascript', 'operator', { 'spread': { pattern: /\.{3}/, alias: 'operator' }, 'arrow': { pattern: /=>/, alias: 'operator' } }); Prism.languages.insertBefore('javascript', 'punctuation', { 'property-access': { pattern: withId(/(\.\s*)#?/.source), lookbehind: true }, 'maybe-class-name': { pattern: /(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/, lookbehind: true }, 'dom': { // this contains only a few commonly used DOM variables pattern: /\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/, alias: 'variable' }, 'console': { pattern: /\bconsole(?=\s*\.)/, alias: 'class-name' } }); // add 'maybe-class-name' to tokens which might be a class name var maybeClassNameTokens = ['function', 'function-variable', 'method', 'method-variable', 'property-access']; for (var i = 0; i < maybeClassNameTokens.length; i++) { var token = maybeClassNameTokens[i]; var value = Prism.languages.javascript[token]; // convert regex to object if (Prism.util.type(value) === 'RegExp') { value = Prism.languages.javascript[token] = { pattern: value }; } // keep in mind that we don't support arrays var inside = value.inside || {}; value.inside = inside; inside['maybe-class-name'] = /^[A-Z][\s\S]*/; } }(Prism));