UNPKG

5.1 kBJavaScriptView Raw
1(function () {
2
3 if (typeof Prism === 'undefined') {
4 return;
5 }
6
7 if (Prism.languages.css) {
8 // check whether the selector is an advanced pattern before extending it
9 if (Prism.languages.css.selector.pattern) {
10 Prism.languages.css.selector.inside['pseudo-class'] = /:[\w-]+/;
11 Prism.languages.css.selector.inside['pseudo-element'] = /::[\w-]+/;
12 } else {
13 Prism.languages.css.selector = {
14 pattern: Prism.languages.css.selector,
15 inside: {
16 'pseudo-class': /:[\w-]+/,
17 'pseudo-element': /::[\w-]+/
18 }
19 };
20 }
21 }
22
23 if (Prism.languages.markup) {
24 Prism.languages.markup.tag.inside.tag.inside['tag-id'] = /[\w-]+/;
25
26 var Tags = {
27 HTML: {
28 'a': 1, 'abbr': 1, 'acronym': 1, 'b': 1, 'basefont': 1, 'bdo': 1, 'big': 1, 'blink': 1, 'cite': 1, 'code': 1, 'dfn': 1, 'em': 1, 'kbd': 1, 'i': 1,
29 'rp': 1, 'rt': 1, 'ruby': 1, 's': 1, 'samp': 1, 'small': 1, 'spacer': 1, 'strike': 1, 'strong': 1, 'sub': 1, 'sup': 1, 'time': 1, 'tt': 1, 'u': 1,
30 'var': 1, 'wbr': 1, 'noframes': 1, 'summary': 1, 'command': 1, 'dt': 1, 'dd': 1, 'figure': 1, 'figcaption': 1, 'center': 1, 'section': 1, 'nav': 1,
31 'article': 1, 'aside': 1, 'hgroup': 1, 'header': 1, 'footer': 1, 'address': 1, 'noscript': 1, 'isIndex': 1, 'main': 1, 'mark': 1, 'marquee': 1,
32 'meter': 1, 'menu': 1
33 },
34 SVG: {
35 'animateColor': 1, 'animateMotion': 1, 'animateTransform': 1, 'glyph': 1, 'feBlend': 1, 'feColorMatrix': 1, 'feComponentTransfer': 1,
36 'feFuncR': 1, 'feFuncG': 1, 'feFuncB': 1, 'feFuncA': 1, 'feComposite': 1, 'feConvolveMatrix': 1, 'feDiffuseLighting': 1, 'feDisplacementMap': 1,
37 'feFlood': 1, 'feGaussianBlur': 1, 'feImage': 1, 'feMerge': 1, 'feMergeNode': 1, 'feMorphology': 1, 'feOffset': 1, 'feSpecularLighting': 1,
38 'feTile': 1, 'feTurbulence': 1, 'feDistantLight': 1, 'fePointLight': 1, 'feSpotLight': 1, 'linearGradient': 1, 'radialGradient': 1, 'altGlyph': 1,
39 'textPath': 1, 'tref': 1, 'altglyph': 1, 'textpath': 1, 'altglyphdef': 1, 'altglyphitem': 1, 'clipPath': 1, 'color-profile': 1, 'cursor': 1,
40 'font-face': 1, 'font-face-format': 1, 'font-face-name': 1, 'font-face-src': 1, 'font-face-uri': 1, 'foreignObject': 1, 'glyphRef': 1,
41 'hkern': 1, 'vkern': 1
42 },
43 MathML: {}
44 };
45 }
46
47 var language;
48
49 Prism.hooks.add('wrap', function (env) {
50 if ((env.type == 'tag-id'
51 || (env.type == 'property' && env.content.indexOf('-') != 0)
52 || (env.type == 'rule' && env.content.indexOf('@-') != 0)
53 || (env.type == 'pseudo-class' && env.content.indexOf(':-') != 0)
54 || (env.type == 'pseudo-element' && env.content.indexOf('::-') != 0)
55 || (env.type == 'attr-name' && env.content.indexOf('data-') != 0)
56 ) && env.content.indexOf('<') === -1
57 ) {
58 if (env.language == 'css'
59 || env.language == 'scss'
60 || env.language == 'markup'
61 ) {
62 var href = 'https://webplatform.github.io/docs/';
63 var content = env.content;
64
65 if (env.language == 'css' || env.language == 'scss') {
66 href += 'css/';
67
68 if (env.type == 'property') {
69 href += 'properties/';
70 } else if (env.type == 'rule') {
71 href += 'atrules/';
72 content = content.substring(1);
73 } else if (env.type == 'pseudo-class') {
74 href += 'selectors/pseudo-classes/';
75 content = content.substring(1);
76 } else if (env.type == 'pseudo-element') {
77 href += 'selectors/pseudo-elements/';
78 content = content.substring(2);
79 }
80 } else if (env.language == 'markup') {
81 if (env.type == 'tag-id') {
82 // Check language
83 language = getLanguage(env.content) || language;
84
85 if (language) {
86 href += language + '/elements/';
87 } else {
88 return; // Abort
89 }
90 } else if (env.type == 'attr-name') {
91 if (language) {
92 href += language + '/attributes/';
93 } else {
94 return; // Abort
95 }
96 }
97 }
98
99 href += content;
100 env.tag = 'a';
101 env.attributes.href = href;
102 env.attributes.target = '_blank';
103 }
104 }
105 });
106
107 function getLanguage(tag) {
108 var tagL = tag.toLowerCase();
109
110 if (Tags.HTML[tagL]) {
111 return 'html';
112 } else if (Tags.SVG[tag]) {
113 return 'svg';
114 } else if (Tags.MathML[tag]) {
115 return 'mathml';
116 }
117
118 // Not in dictionary, perform check
119 if (Tags.HTML[tagL] !== 0 && typeof document !== 'undefined') {
120 var htmlInterface = (document.createElement(tag).toString().match(/\[object HTML(.+)Element\]/) || [])[1];
121
122 if (htmlInterface && htmlInterface != 'Unknown') {
123 Tags.HTML[tagL] = 1;
124 return 'html';
125 }
126 }
127
128 Tags.HTML[tagL] = 0;
129
130 if (Tags.SVG[tag] !== 0 && typeof document !== 'undefined') {
131 var svgInterface = (document.createElementNS('http://www.w3.org/2000/svg', tag).toString().match(/\[object SVG(.+)Element\]/) || [])[1];
132
133 if (svgInterface && svgInterface != 'Unknown') {
134 Tags.SVG[tag] = 1;
135 return 'svg';
136 }
137 }
138
139 Tags.SVG[tag] = 0;
140
141 // Lame way to detect MathML, but browsers don’t expose interface names there :(
142 if (Tags.MathML[tag] !== 0) {
143 if (tag.indexOf('m') === 0) {
144 Tags.MathML[tag] = 1;
145 return 'mathml';
146 }
147 }
148
149 Tags.MathML[tag] = 0;
150
151 return null;
152 }
153
154}());