CL-1977: Updating react-typescript

react-javascript/browserslist

@@ -1,4 +1,5 @@
 # This is an rcfile for Browserslist (https://www.npmjs.com/package/browserslist)
+# These settings are used by Autoprefixer, babel-preset-env and other modules
 
 # All browsers with significant market share
 > 1% in US
@@ -17,12 +18,17 @@ last 3 ChromeAndroid versions
 last 3 Android versions
 last 3 FirefoxAndroid versions
 
+# iOS app special needs
+iOS >= 15
+
 # Restrict min supported versions
-not Android < 66
-not Chrome < 66
-not ChromeAndroid < 66
-not Safari < 13
-not iOS < 13
+not Android < 69
+not Chrome < 69
+not ChromeAndroid < 69
+not Safari < 15
+not iOS < 15
+not Firefox < 69
+not FirefoxAndroid < 69
 
 # Long dead browsers
 not Explorer <= 11

react-typescript/README.md

@@ -1,6 +1,6 @@
 # TradingView Charting Library and React Integration Example (TypeScript)
 
-The earliest supported version of the charting library for these examples is `v23.043`.
+The latest supported version of the charting library for these examples is `v28.0.0`.
 
 ## How to start
 

react-typescript/package.json

@@ -3,20 +3,20 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts-ts": "^4.0.8"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-scripts": "^5.0.1"
   },
   "scripts": {
-    "start": "react-scripts-ts start",
-    "build": "react-scripts-ts build",
-    "test": "react-scripts-ts test"
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test"
   },
   "devDependencies": {
-    "@types/jest": "^29.4.0",
-    "@types/jquery": "^3.5.16",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "typescript": "^4.9.5"
+    "@types/jest": "^29.5.12",
+    "@types/jquery": "^3.5.30",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "typescript": "~5.5.4"
   }
 }

react-typescript/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "baseUrl": "./public",
+    "src": "./public",
     "outDir": "build/dist",
     "module": "esnext",
     "target": "es5",
@@ -20,6 +20,7 @@
   "exclude": [
     "node_modules",
     "build",
-    "public"
+    "public",
+    "src/charting_library"
   ]
 }

react-typescript/tslint.json

@@ -1,101 +0,0 @@
-{
-    "extends": ["tslint-react"],
-    "rules": {
-        "align": [
-            true,
-            "parameters",
-            "arguments",
-            "statements"
-        ],
-        "ban": false,
-        "class-name": true,
-        "comment-format": [
-            true,
-            "check-space"
-        ],
-        "curly": true,
-        "eofline": false,
-        "forin": true,
-        "indent": [ true, "tabs" ],
-        "interface-name": false,
-        "jsdoc-format": true,
-        "label-position": true,
-        "max-line-length": false,
-        "member-ordering": [
-            true,
-            "public-before-private",
-            "static-before-instance",
-            "variables-before-functions"
-        ],
-        "no-any": true,
-        "no-arg": true,
-        "no-bitwise": true,
-        "no-console": false,
-        "no-consecutive-blank-lines": true,
-        "no-construct": true,
-        "no-debugger": true,
-        "no-duplicate-variable": true,
-        "no-empty": true,
-        "no-eval": true,
-        "no-shadowed-variable": true,
-        "no-string-literal": true,
-        "no-switch-case-fall-through": true,
-        "no-trailing-whitespace": false,
-        "no-unused-expression": true,
-        "no-use-before-declare": true,
-        "one-line": [
-            true,
-            "check-catch",
-            "check-else",
-            "check-open-brace",
-            "check-whitespace"
-        ],
-        "quotemark": [true, "single", "jsx-double"],
-        "radix": false,
-        "semicolon": [true, "always"],
-        "switch-default": true,
-
-        "trailing-comma": [false],
-
-        "triple-equals": [ true, "allow-null-check" ],
-        "typedef": [
-            true,
-            "parameter",
-            "property-declaration"
-        ],
-        "typedef-whitespace": [
-            true,
-            {
-                "call-signature": "nospace",
-                "index-signature": "nospace",
-                "parameter": "nospace",
-                "property-declaration": "nospace",
-                "variable-declaration": "nospace"
-            }
-        ],
-        "variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore", "allow-pascal-case"],
-        "whitespace": [
-            true,
-            "check-branch",
-            "check-decl",
-            "check-module",
-            "check-operator",
-            "check-separator",
-            "check-type",
-            "check-typecast"
-        ],
-        "jsx-alignment": true,
-        "jsx-ban-props": false,
-        "jsx-boolean-value": false,
-        "jsx-curly-spacing": [true, "always"],
-        "jsx-equals-spacing": false,
-        "jsx-key": false,
-        "jsx-no-bind": true,
-        "jsx-no-lambda": false,
-        "jsx-no-multiline-js": false,
-        "jsx-no-string-ref": true,
-        "jsx-self-close": false,
-        "jsx-use-translation-function": false,
-        "jsx-wrap-multiline": true
-    }
-}