Cleanup packages and structure

- Remove unused packages
- Swap styled-components for emotion/styled
- Add tsconfig baseUrl and src path
- Upgrade and add mantine packages

.erb/configs/webpack.config.base.ts

@@ -5,6 +5,7 @@
 import webpack from 'webpack';
 import { dependencies as externals } from '../../release/app/package.json';
 import webpackPaths from './webpack.paths';
+import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
 
 const configuration: webpack.Configuration = {
   externals: [...Object.keys(externals || {})],
@@ -48,6 +49,7 @@ const configuration: webpack.Configuration = {
     fallback: {
       child_process: false,
     },
+    plugins: [new TsconfigPathsPlugin({ baseUrl: webpackPaths.srcPath })],
     modules: [webpackPaths.srcPath, 'node_modules'],
   },
 

package.json

@@ -175,7 +175,6 @@
     "@types/react-virtualized-auto-sizer": "^1.0.1",
     "@types/react-window": "^1.8.5",
     "@types/react-window-infinite-loader": "^1.0.6",
-    "@types/styled-components": "^5.1.25",
     "@types/terser-webpack-plugin": "^5.0.4",
     "@types/webpack-bundle-analyzer": "^4.4.1",
     "@types/webpack-env": "^1.16.3",
@@ -237,6 +236,7 @@
     "ts-jest": "^27.1.4",
     "ts-loader": "^9.2.8",
     "ts-node": "^10.7.0",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.6.4",
     "typescript-plugin-styled-components": "^2.0.0",
     "url-loader": "^4.1.1",
@@ -249,16 +249,24 @@
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",
     "@dnd-kit/modifiers": "^6.0.0",
-    "@emotion/react": "^11.9.3",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
     "@jellyfin/client-axios": "^10.7.8",
-    "@mantine/core": "^5.0.0",
+    "@mantine/core": "^5.5.6",
-    "@mantine/form": "^5.0.0",
+    "@mantine/dates": "^5.5.6",
-    "@mantine/hooks": "^5.0.0",
+    "@mantine/form": "^5.5.6",
+    "@mantine/hooks": "^5.5.6",
+    "@mantine/modals": "^5.5.6",
+    "@mantine/notifications": "^5.5.6",
+    "@mantine/spotlight": "^5.5.6",
     "ag-grid-community": "^28.0.2",
     "ag-grid-react": "^28.0.0",
     "axios": "^0.26.1",
+    "dayjs": "^1.11.5",
+    "electron-browser-storage": "^1.0.7",
     "electron-debug": "^3.2.0",
     "electron-log": "^4.4.6",
+    "electron-settings": "^4.0.2",
     "electron-updater": "^4.6.5",
     "format-duration": "^2.0.0",
     "framer-motion": "^6.4.2",
@@ -284,7 +292,6 @@
     "react-virtualized-auto-sizer": "^1.0.6",
     "react-window": "^1.8.7",
     "react-window-infinite-loader": "^1.0.8",
-    "styled-components": "^5.3.5",
     "zustand": "^4.0.0-rc.1"
   },
   "resolutions": {

tsconfig.json

@@ -3,6 +3,10 @@
     "target": "es2021",
     "module": "commonjs",
     "lib": ["dom", "es2021"],
+    "baseUrl": "./src",
+    "paths": {
+      "@/*": ["*"]
+    },
     "declaration": true,
     "declarationMap": true,
     "jsx": "react-jsx",