tgui v5: react port (#964)

* camel case

* most imports

* storeprovider

* cleanup

* docs

* pch removal

* almost there

* some

* swc swap

* removes multiline - unneeded

* more multiline

* mostly constructor props

* still chat panel issue

* fixed chat

* typescript fixes

* react icons

* ts cleanup: box

* cleanup

* doh

tgui/.eslintignore

@@ -3,4 +3,4 @@
 /**/*.bundle.*
 /**/*.chunk.*
 /**/*.hot-update.*
-/packages/inferno/**
+/public

tgui/.eslintrc.yml

@@ -15,7 +15,7 @@ plugins:
   - unused-imports
 settings:
   react:
-    version: '16.10'
+    version: '18.3.1'
 rules:
   ## Possible Errors
   ## ----------------------------------------
@@ -649,7 +649,7 @@ rules:
   ## Enforce ES5 or ES6 class for React Components
   react/prefer-es6-class: error
   ## Enforce that props are read-only
-  react/prefer-read-only-props: error
+  react/prefer-read-only-props: off
   ## Enforce stateless React Components to be written as a pure function
   react/prefer-stateless-function: error
   ## Prevent missing props validation in a React component definition

tgui/.swcrc

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "loose": true,
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    }
+  }
+}

tgui/README.md

@@ -16,10 +16,9 @@ If you are completely new to frontend and prefer to **learn by doing**, start wi
 
 ### Guides
 
-This project uses **Inferno** - a very fast UI rendering engine with a similar API to React. Take your time to read these guides:
+This project uses React. Take your time to read the guide:
 
-- [React guide](https://reactjs.org/docs/hello-world.html)
-- [Inferno documentation](https://infernojs.org/docs/guides/components) - highlights differences with React.
+- [React guide](https://react.dev/learn)
 
 If you were already familiar with an older, Ractive-based tgui, and want to translate concepts between old and new tgui, read this [interface conversion guide](docs/converting-old-tgui-interfaces.md).