integrate message-schema type definitions

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "submodules/message-schemas"]
+	path = submodules/message-schemas
+	url = https://git.tjdev.de/thi-sjsu-project/message-schemas

package.json

@@ -12,13 +12,15 @@
     "format": "prettier --write .",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "prepare": "ts-patch install && typia patch"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-redux": "^9.1.0"
+    "react-redux": "^9.1.0",
+    "typia": "^5.5.10"
   },
   "devDependencies": {
     "@testing-library/dom": "^9.3.4",
@@ -34,7 +36,9 @@
     "eslint-plugin-prettier": "^5.1.3",
     "jsdom": "^23.2.0",
     "prettier": "^3.2.1",
-    "typescript": "^5.3.3",
+    "ts-node": "^10.9.2",
+    "ts-patch": "^3.1.2",
+    "typescript": "^5.4.2",
     "vite": "^5.0.11",
     "vitest": "^1.2.0"
   }

src/components/Prototype.tsx

@@ -8,6 +8,7 @@ const Prototype = () => {
   useEffect(() => {
     // use setInterval to run monitor every second (1000ms)
     const interval = setInterval(() => monitor({}), ONE_SECOND_IN_MS);
+    // clear interval when component unmounts to prevent memory leak
     return () => clearInterval(interval);
   }, []);
 

src/main.tsx

@@ -1,11 +1,11 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import { Provider } from "react-redux";
-import { store } from "src/redux/store";
-import App from "src/App";
-import "src/index.css";
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+import store from 'src/redux/store';
+import App from 'src/App';
+import 'src/index.css';
 
-const container = document.getElementById("root");
+const container = document.getElementById('root');
 
 if (container) {
   const root = createRoot(container);

src/prototype/useSelector.ts

@@ -1,5 +1,7 @@
+import type { Message } from 'submodules/message-schemas/schema-types';
+
 type SelectorProps = {
-  // define expected input here and it's type (number, string, etc.)
+  message: Message;
 };
 
 /**
@@ -8,7 +10,7 @@ type SelectorProps = {
  * @returns ???
  */
 const useSelector = ({}: SelectorProps) => {
-  console.log("useSelector");
+  console.log('useSelector');
 };
 
 export default useSelector;

src/redux/store.ts

@@ -1,4 +1,4 @@
-import { combineSlices, configureStore } from "@reduxjs/toolkit";
+import { combineSlices, configureStore } from '@reduxjs/toolkit';
 
 // pass in slices to combine into combineSlices()
 // `combineSlices` automatically combines the reducers using
@@ -12,13 +12,13 @@ const store = configureStore({
   reducer: rootReducer,
   // this is unnecessary, but included for demonstration purposes
   // since default middlewares are automatically included
-  middleware: getDefaultMiddleware => getDefaultMiddleware(),
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware(),
 });
 
 // Infer the type of `store`
 type AppStore = typeof store;
 // Infer the `AppDispatch` type from the store itself
-type AppDispatch = AppStore["dispatch"];
+type AppDispatch = AppStore['dispatch'];
 
-export { store };
+export default store;
 export type { RootState, AppStore, AppDispatch };

submodules/message-schemas

@@ -0,0 +1 @@
+Subproject commit e92d57ab4226c46e97bdd5164f8121db67caf808

tsconfig.json

@@ -2,11 +2,17 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "src/*": ["./src/*"]
+      "src/*": [
+        "./src/*"
+      ]
     },
     "target": "ESNext",
     "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
     "allowJs": false,
     "skipLibCheck": true,
     "esModuleInterop": false,
@@ -18,7 +24,19 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "types": ["vitest/globals"]
+    "types": [
+      "vitest/globals"
+    ],
+    "plugins": [
+      {
+        "transform": "typia/lib/transform"
+      }
+    ],
+    "strictNullChecks": true
   },
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
 }