source: node_modules/prismjs/components/prism-jsx.js

main
Last change on this file was d24f17c, checked in by Aleksandar Panovski <apano77@…>, 15 months ago

Initial commit
  • Property mode set to 100644
File size: 4.5 KB
Line 
1(function (Prism) {
2
3 var javascript = Prism.util.clone(Prism.languages.javascript);
4
5 var space = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
6 var braces = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
7 var spread = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
8
9 /**
10 * @param {string} source
11 * @param {string} [flags]
12 */
13 function re(source, flags) {
14 source = source
15 .replace(/<S>/g, function () { return space; })
16 .replace(/<BRACES>/g, function () { return braces; })
17 .replace(/<SPREAD>/g, function () { return spread; });
18 return RegExp(source, flags);
19 }
20
21 spread = re(spread).source;
22
23
24 Prism.languages.jsx = Prism.languages.extend('markup', javascript);
25 Prism.languages.jsx.tag.pattern = re(
26 /<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source
27 );
28
29 Prism.languages.jsx.tag.inside['tag'].pattern = /^<\/?[^\s>\/]*/;
30 Prism.languages.jsx.tag.inside['attr-value'].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/;
31 Prism.languages.jsx.tag.inside['tag'].inside['class-name'] = /^[A-Z]\w*(?:\.[A-Z]\w*)*$/;
32 Prism.languages.jsx.tag.inside['comment'] = javascript['comment'];
33
34 Prism.languages.insertBefore('inside', 'attr-name', {
35 'spread': {
36 pattern: re(/<SPREAD>/.source),
37 inside: Prism.languages.jsx
38 }
39 }, Prism.languages.jsx.tag);
40
41 Prism.languages.insertBefore('inside', 'special-attr', {
42 'script': {
43 // Allow for two levels of nesting
44 pattern: re(/=<BRACES>/.source),
45 alias: 'language-javascript',
46 inside: {
47 'script-punctuation': {
48 pattern: /^=(?=\{)/,
49 alias: 'punctuation'
50 },
51 rest: Prism.languages.jsx
52 },
53 }
54 }, Prism.languages.jsx.tag);
55
56 // The following will handle plain text inside tags
57 var stringifyToken = function (token) {
58 if (!token) {
59 return '';
60 }
61 if (typeof token === 'string') {
62 return token;
63 }
64 if (typeof token.content === 'string') {
65 return token.content;
66 }
67 return token.content.map(stringifyToken).join('');
68 };
69
70 var walkTokens = function (tokens) {
71 var openedTags = [];
72 for (var i = 0; i < tokens.length; i++) {
73 var token = tokens[i];
74 var notTagNorBrace = false;
75
76 if (typeof token !== 'string') {
77 if (token.type === 'tag' && token.content[0] && token.content[0].type === 'tag') {
78 // We found a tag, now find its kind
79
80 if (token.content[0].content[0].content === '</') {
81 // Closing tag
82 if (openedTags.length > 0 && openedTags[openedTags.length - 1].tagName === stringifyToken(token.content[0].content[1])) {
83 // Pop matching opening tag
84 openedTags.pop();
85 }
86 } else {
87 if (token.content[token.content.length - 1].content === '/>') {
88 // Autoclosed tag, ignore
89 } else {
90 // Opening tag
91 openedTags.push({
92 tagName: stringifyToken(token.content[0].content[1]),
93 openedBraces: 0
94 });
95 }
96 }
97 } else if (openedTags.length > 0 && token.type === 'punctuation' && token.content === '{') {
98
99 // Here we might have entered a JSX context inside a tag
100 openedTags[openedTags.length - 1].openedBraces++;
101
102 } else if (openedTags.length > 0 && openedTags[openedTags.length - 1].openedBraces > 0 && token.type === 'punctuation' && token.content === '}') {
103
104 // Here we might have left a JSX context inside a tag
105 openedTags[openedTags.length - 1].openedBraces--;
106
107 } else {
108 notTagNorBrace = true;
109 }
110 }
111 if (notTagNorBrace || typeof token === 'string') {
112 if (openedTags.length > 0 && openedTags[openedTags.length - 1].openedBraces === 0) {
113 // Here we are inside a tag, and not inside a JSX context.
114 // That's plain text: drop any tokens matched.
115 var plainText = stringifyToken(token);
116
117 // And merge text with adjacent text
118 if (i < tokens.length - 1 && (typeof tokens[i + 1] === 'string' || tokens[i + 1].type === 'plain-text')) {
119 plainText += stringifyToken(tokens[i + 1]);
120 tokens.splice(i + 1, 1);
121 }
122 if (i > 0 && (typeof tokens[i - 1] === 'string' || tokens[i - 1].type === 'plain-text')) {
123 plainText = stringifyToken(tokens[i - 1]) + plainText;
124 tokens.splice(i - 1, 1);
125 i--;
126 }
127
128 tokens[i] = new Prism.Token('plain-text', plainText, null, plainText);
129 }
130 }
131
132 if (token.content && typeof token.content !== 'string') {
133 walkTokens(token.content);
134 }
135 }
136 };
137
138 Prism.hooks.add('after-tokenize', function (env) {
139 if (env.language !== 'jsx' && env.language !== 'tsx') {
140 return;
141 }
142 walkTokens(env.tokens);
143 });
144
145}(Prism));
Note: See TracBrowser for help on using the repository browser.