## 1.22.0

- Added support for React modules in TypeScript and JavaScript syntax (*.tsx/*.jsx files).
oleg-shilo · Mar 13, 2024 · 4559c31 · 4559c31
1 parent dc2f421
commit 4559c31
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Change Log
 
+## 1.22.0 (13 March 2024)
+
+- Added support for React modules in TypeScript and JavaScript syntax (*.tsx/*.jsx files).
+
 ## 1.21.0 (5 February 2024)
 
 - Added support for GO syntax (*.go files).

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
     "name": "codemap",
     "displayName": "CodeMap",
     "description": "Interactive code map for quick visualization and navigation within code DOM objects (e.g. classes, members).",
-    "version": "1.21.0",
+    "version": "1.22.0",
     "license": "MIT",
     "publisher": "oleg-shilo",
     "engines": {
@@ -261,6 +261,38 @@
                     ],
                     "description": "Regex-based definition of the mapping rules for Arduino syntax."
                 },
+                "codemap.jsx": {
+                    "type": "string",
+                    "default": "config:codemap.tsx",
+                    "description": "Redirected (to TSX) mapper."
+                },
+                "codemap.tsx": {
+                    "type": "array",
+                    "default": [
+                        {
+                            "pattern": "function (.*?)\\)(.*?){",
+                            "clear": "function|(|{",
+                            "suffix": "",
+                            "role": "function",
+                            "icon": "function"
+                        },
+                        {
+                            "pattern": "export const (.*?){",
+                            "clear": "styled\\((.*)\\)(.*?){|export|const|{||=",
+                            "suffix": "",
+                            "role": "function",
+                            "icon": "function"
+                        },
+                        {
+                            "pattern": "interface (.*?){",
+                            "clear": "export|const|(|{",
+                            "suffix": "",
+                            "role": "function",
+                            "icon": "function"
+                        }
+                    ],
+                    "description": "Regex-based definition of the mapping rules for Type Script React component module (can be reused for JSX files too). For more advanced mapping a dedicated mapper can be a better choice."
+                },
                 "codemap.py": {
                     "type": "array",
                     "default": [