refactor: issue 245

.gitignore

@@ -47,6 +47,9 @@ typings/
 # TypeScript cache
 *.tsbuildinfo
 
+# Typescript css modules files
+src/**/*.scss.d.ts
+
 # Optional npm cache directory
 .npm
 

.parcelrc

@@ -1,8 +1,16 @@
 {
   "extends": "@parcel/config-default",
   "transformers": {
-    "jsx:*.svg": ["@parcel/transformer-svg-react"],
-    "jsx:*": ["..."]
+    "jsx:*.svg": [
+      "@parcel/transformer-svg-react"
+    ],
+    "jsx:*": [
+      "..."
+    ],
+    "*.module.css": [
+      "parcel-transformer-typed-css-modules",
+      "..."
+    ]
   },
   "compressors": {
     "*.{html,css,js,svg,map}": [
@@ -11,4 +19,4 @@
       "@parcel/compressor-brotli"
     ]
   }
-}
+}

package.json

@@ -4,6 +4,7 @@
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "dependencies": {
     "@metamask/detect-provider": "^1.2.0",
+    "@types/react": "^18.2.18",
     "antd": "^4.21.4",
     "color": "^4.2.3",
     "ethers": "^5.6.5",
@@ -16,13 +17,15 @@
     "react-tageditor": "^0.2.3",
     "react-toastify": "^9.1.2",
     "rehype-katex": "^6.0.3",
-    "remark-math": "^5.1.1"
+    "remark-math": "^5.1.1",
+    "typed-css-modules": "^0.7.2"
   },
   "devDependencies": {
     "@babel/core": "7",
     "@babel/plugin-transform-flow-strip-types": "7",
     "@parcel/compressor-brotli": "^2.6.2",
     "@parcel/compressor-gzip": "^2.6.2",
+    "@parcel/plugin": "^2.9.3",
     "@parcel/transformer-sass": "2",
     "@parcel/transformer-svg-react": "^2.6.2",
     "buffer": "^6.0.3",
@@ -31,6 +34,7 @@
     "flow-bin": "0",
     "husky": "^8.0.3",
     "parcel": "2",
+    "parcel-transformer-typed-css-modules": "^1.0.0",
     "path-browserify": "^1.0.1",
     "postcss": "8",
     "postcss-modules": "4",