websrc/package.json

@@ -14,13 +14,20 @@
     "typescript": "^4.1.2"
   },
   "dependencies": {
+    "@types/classnames": "^2.2.11",
+    "autoprefixer": "^10.1.0",
     "bootstrap": "^4.5.3",
+    "classnames": "^2.2.6",
+    "css": "^3.0.0",
     "plotly.js": "^1.58.2",
+    "postcss": "^8.2.1",
+    "postcss-cli": "^8.3.1",
     "react": "~16",
     "react-bootstrap": "^1.4.0",
     "react-dom": "~16",
     "react-helmet": "^6.1.0",
-    "socket.io-client": "~2"
+    "socket.io-client": "~2",
+    "tailwindcss": "^2.0.2"
   },
   "resolutions": {
     "@types/react": "~16",
@@ -28,5 +35,12 @@
     "react": "~16",
     "react-dom": "~16",
     "socket.io-parser": "~2"
+  },
+  "scripts": {
+    "build:tailwind": "tailwindcss build css/index.css -o css/tailwind.css",
+    "watch": "parcel watch index.tsx -d ../static",
+    "prestart": "yarn run build:tailwind",
+    "prebuild": "yarn run build:tailwind",
+    "start": "python ../main.py & yarn run watch"
   }
 }