| Server IP : 84.32.84.87 / Your IP : 216.73.216.144 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/opt/./alt/python311/lib/python3.11/site-packages/pygments/lexers/ |
Upload File : |
"""
pygments.lexers.jsx
~~~~~~~~~~~~~~~~~~~
Lexers for JSX (React) and TSX (TypeScript flavor).
:copyright: Copyright 2006-2025 by the Pygments team, see AUTHORS.
:license: BSD, see LICENSE for details.
"""
import re
from pygments.lexer import bygroups, default, include, inherit
from pygments.lexers.javascript import JavascriptLexer, TypeScriptLexer
from pygments.token import Name, Operator, Punctuation, String, Text, \
Whitespace
__all__ = ['JsxLexer', 'TsxLexer']
_JSX_RULES = {
"jsx": [
(r"</?>", Punctuation), # JSXFragment <>|</>
(r"(<)(\w+)(\.?)", bygroups(Punctuation, Name.Tag, Punctuation), "tag"),
(
r"(</)(\w+)(>)",
bygroups(Punctuation, Name.Tag, Punctuation),
),
(
r"(</)(\w+)",
bygroups(Punctuation, Name.Tag),
"fragment",
), # Same for React.Context
],
"tag": [
(r"\s+", Whitespace),
(r"([\w-]+)(\s*)(=)(\s*)", bygroups(Name.Attribute, Whitespace, Operator, Whitespace), "attr"),
(r"[{}]+", Punctuation),
(r"[\w\.]+", Name.Attribute),
(r"(/?)(\s*)(>)", bygroups(Punctuation, Text, Punctuation), "#pop"),
],
"fragment": [
(r"(.)(\w+)", bygroups(Punctuation, Name.Attribute)),
(r"(>)", bygroups(Punctuation), "#pop"),
],
"attr": [
(r"\{", Punctuation, "expression"),
(r'".*?"', String, "#pop"),
(r"'.*?'", String, "#pop"),
default("#pop"),
],
"expression": [
(r"\{", Punctuation, "#push"),
(r"\}", Punctuation, "#pop"),
include("root"),
],
}
class JsxLexer(JavascriptLexer):
"""For JavaScript Syntax Extension (JSX).
"""
name = "JSX"
aliases = ["jsx", "react"]
filenames = ["*.jsx", "*.react"]
mimetypes = ["text/jsx", "text/typescript-jsx"]
url = "https://facebook.github.io/jsx/"
version_added = '2.17'
flags = re.MULTILINE | re.DOTALL
# Use same tokens as `JavascriptLexer`, but with tags and attributes support
tokens = {
"root": [
include("jsx"),
inherit,
],
**_JSX_RULES}
class TsxLexer(TypeScriptLexer):
"""For TypeScript with embedded JSX
"""
name = "TSX"
aliases = ["tsx"]
filenames = ["*.tsx"]
mimetypes = ["text/typescript-tsx"]
url = "https://www.typescriptlang.org/docs/handbook/jsx.html"
version_added = '2.19'
flags = re.MULTILINE | re.DOTALL
# Use same tokens as `TypescriptLexer`, but with tags and attributes support
tokens = {
"root": [
include("jsx"),
inherit,
],
**_JSX_RULES}