chore: dependencies upgrades

.github/dependabot.yml

@@ -9,3 +9,8 @@ updates:
     target-branch: develop
     ignore:
       - dependency-name: "@fbe/editor"
+      - dependency-name: "factorio-wasm"
+      - dependency-name: "react-map-interaction"
+      - dependency-name: "pako" # v2 does not support required use case
+      - dependency-name: "*"
+        update-types: ["version-update:semver-patch"]

.gitignore

@@ -33,6 +33,7 @@ npm-debug.log
 yarn-error.log
 testem.log
 /typings
+*.tsbuildinfo
 
 # System Files
 .DS_Store

apps/blueprints/src/components/MDEditor.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "@emotion/styled";
-import SimpleMDE, { SimpleMDEEditorProps } from "react-simplemde-editor";
+import SimpleMDE, { SimpleMDEReactProps } from "react-simplemde-editor";
 import "easymde/dist/easymde.min.css";
 
 const StyledSimpleMDE = styled(SimpleMDE)`
@@ -34,7 +34,7 @@ const StyledSimpleMDE = styled(SimpleMDE)`
   }
 `;
 
-export const MDEditor: React.FC<SimpleMDEEditorProps> = (props) => {
+export const MDEditor: React.FC<SimpleMDEReactProps> = (props) => {
   return (
     <StyledSimpleMDE options={{ spellChecker: false, sideBySideFullscreen: false }} {...props} />
   );

apps/blueprints/src/components/Select.tsx

@@ -1,6 +1,7 @@
-import MultiSelect from "react-multi-select-component";
+import { MultiSelect } from "react-multi-select-component";
 import styled from "@emotion/styled";
-import { ISelectProps } from "react-multi-select-component/dist/lib/interfaces";
+
+type ISelectProps = Parameters<typeof MultiSelect>[0];
 
 interface Tag {
   value: string;

apps/blueprints/src/components/TagsSelect.tsx

@@ -1,5 +1,10 @@
-import MultiSelect from "react-multi-select-component";
+import { MultiSelect } from "react-multi-select-component";
 import { useFbeData } from "../hooks/fbe.hook";
+import styled from "@emotion/styled";
+
+const MultiSelectStyled = styled(MultiSelect)`
+  color: black;
+`;
 
 interface Tag {
   value: string;
@@ -25,8 +30,7 @@ export const TagsSelect: React.FC<TagsSelectProps> = ({ value, onChange, classNa
     });
 
   return (
-    <MultiSelect
-      css={{ color: "black" }}
+    <MultiSelectStyled
       className={className}
       options={TAGS}
       value={value.map((value) => ({ value, label: value.replace(/[_-]/g, " ") }))}

apps/blueprints/src/hooks/fetch.ts

@@ -25,7 +25,7 @@ export const useFetch = <T>(
         const response = await fetch(url);
         const data = await response.json();
         dataState.nested(url).set(data);
-      } catch (error) {
+      } catch (error: any) {
         setError(error);
       }
       setLoading(false);

apps/blueprints/src/utils/openid_steam.ts

@@ -47,7 +47,7 @@ export const fetchSteamProfile = async (steam_id: string, api_key: string) => {
     } else {
       throw Error("No players found for the given SteamID.");
     }
-  } catch (error) {
+  } catch (error: any) {
     throw Error("Steam server error: " + error.message);
   }
 };

apps/blueprints/tsconfig.json

@@ -5,15 +5,27 @@
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "types": ["node", "jest"],
+    "types": [
+      "node",
+      "jest"
+    ],
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "jsxImportSource": "@emotion/react"
+    "jsxImportSource": "@emotion/react",
+    "incremental": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "**/*.js", "**/*.jsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    "**/*.js",
+    "**/*.jsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

package.json

@@ -25,57 +25,56 @@
     "workspace-schematic": "nx workspace-schematic",
     "dep-graph": "nx dep-graph",
     "help": "nx help",
-    "db-gen": "npx prisma generate --schema=./apps/blueprints/prisma/schema.prisma"
+    "postinstall": "npx prisma generate --schema=./apps/blueprints/prisma/schema.prisma"
   },
   "dependencies": {
-    "@chakra-ui/react": "1.5.2",
-    "@emotion/react": "11.5.0",
-    "@emotion/server": "11.0.0",
-    "@emotion/styled": "11.3.0",
+    "@chakra-ui/react": "1.7.2",
+    "@emotion/react": "11.7.0",
+    "@emotion/server": "11.4.0",
+    "@emotion/styled": "11.6.0",
     "@fbe/editor": "file:.yalc/@fbe/editor",
-    "@google-cloud/datastore": "6.3.1",
-    "@google-cloud/pubsub": "2.11.0",
-    "@google-cloud/secret-manager": "3.6.0",
-    "@google-cloud/storage": "5.8.3",
-    "@hookstate/core": "3.0.6",
-    "@prisma/client": "3.5.0",
-    "@stitches/react": "1.2.6",
+    "@google-cloud/datastore": "6.6.2",
+    "@google-cloud/pubsub": "2.18.3",
+    "@google-cloud/secret-manager": "3.10.1",
+    "@google-cloud/storage": "5.16.1",
+    "@hookstate/core": "3.0.13",
+    "@prisma/client": "3.6.0",
     "bcrypt": "5.0.1",
     "clsx": "1.1.1",
     "cookie": "0.4.1",
-    "date-fns": "2.21.1",
+    "date-fns": "2.27.0",
     "document-register-element": "1.14.10",
     "factorio-wasm": "file:.yalc/factorio-wasm",
-    "formik": "2.2.6",
-    "framer-motion": "4.1.8",
-    "next": "12.0.0",
+    "formik": "2.2.9",
+    "framer-motion": "5.3.3",
+    "next": "12.0.4",
     "nprogress": "0.2.0",
-    "openid": "2.0.8",
+    "openid": "2.0.10",
     "pako": "1.0.11",
-    "pg": "8.6.0",
-    "phin": "3.5.1",
-    "puppeteer": "8.0.0",
+    "pg": "8.7.1",
+    "phin": "3.6.1",
+    "puppeteer": "12.0.1",
     "react": "17.0.2",
-    "react-cookie": "4.0.3",
+    "react-cookie": "4.1.1",
     "react-dom": "17.0.2",
-    "react-icons": "4.2.0",
+    "react-icons": "4.3.1",
     "react-map-interaction": "file:.yalc/react-map-interaction",
-    "react-markdown": "6.0.0",
-    "react-multi-select-component": "4.0.1",
-    "react-paginate": "7.1.2",
-    "react-simplemde-editor": "4.1.3",
-    "rehype-raw": "5.1.0",
-    "rehype-sanitize": "4.0.0",
-    "sharp": "0.28.1",
-    "ws": "7.4.4"
+    "react-markdown": "7.1.1",
+    "react-multi-select-component": "4.1.14",
+    "react-paginate": "8.0.2",
+    "react-simplemde-editor": "5.0.2",
+    "rehype-raw": "6.1.0",
+    "rehype-sanitize": "5.0.0",
+    "sharp": "0.29.3",
+    "ws": "8.3.0"
   },
   "devDependencies": {
     "@babel/core": "7.13.15",
     "@babel/preset-env": "7.13.15",
     "@babel/preset-react": "7.13.13",
     "@babel/preset-typescript": "7.13.0",
-    "@emotion/jest": "11.3.0",
-    "@next/eslint-plugin-next": "10.1.3",
+    "@emotion/jest": "11.6.0",
+    "@next/eslint-plugin-next": "12.0.4",
     "@nrwl/cli": "13.2.1",
     "@nrwl/cypress": "13.2.1",
     "@nrwl/eslint-plugin-nx": "13.2.1",
@@ -86,39 +85,39 @@
     "@nrwl/web": "13.2.1",
     "@nrwl/workspace": "13.2.1",
     "@testing-library/react": "12.1.2",
-    "@types/bcrypt": "3.0.1",
-    "@types/cookie": "0.4.0",
-    "@types/jest": "27.0.2",
-    "@types/node": "14.14.41",
+    "@types/bcrypt": "5.0.0",
+    "@types/cookie": "0.4.1",
+    "@types/jest": "27.0.3",
+    "@types/node": "16.11.11",
     "@types/nprogress": "0.2.0",
-    "@types/openid": "2.0.1",
-    "@types/pako": "1.0.1",
-    "@types/puppeteer": "5.4.3",
-    "@types/react": "17.0.30",
-    "@types/react-dom": "17.0.9",
-    "@types/react-paginate": "6.2.1",
-    "@types/sharp": "0.28.0",
-    "@types/ws": "7.4.1",
-    "@typescript-eslint/eslint-plugin": "4.22.0",
-    "@typescript-eslint/parser": "4.22.0",
-    "babel-jest": "27.2.3",
+    "@types/openid": "2.0.2",
+    "@types/pako": "1.0.2",
+    "@types/puppeteer": "5.4.4",
+    "@types/react": "17.0.37",
+    "@types/react-dom": "17.0.11",
+    "@types/react-paginate": "7.1.1",
+    "@types/sharp": "0.29.4",
+    "@types/ws": "8.2.1",
+    "@typescript-eslint/eslint-plugin": "5.5.0",
+    "@typescript-eslint/parser": "5.5.0",
+    "babel-jest": "27.4.2",
     "cypress": "7.1.0",
     "dotenv": "10.0.0",
-    "eslint": "7.24.0",
-    "eslint-config-prettier": "8.2.0",
-    "eslint-plugin-cypress": "2.11.2",
-    "eslint-plugin-import": "2.25.2",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-react": "7.26.1",
-    "eslint-plugin-react-hooks": "4.2.0",
-    "fork-ts-checker-webpack-plugin": "6.2.1",
-    "jest": "27.2.3",
-    "prettier": "2.4.1",
-    "prisma": "3.5.0",
-    "ts-jest": "27.0.5",
-    "ts-node": "9.1.1",
+    "eslint": "8.3.0",
+    "eslint-config-prettier": "8.3.0",
+    "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-import": "2.25.3",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-react": "7.27.1",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "fork-ts-checker-webpack-plugin": "6.5.0",
+    "jest": "27.4.3",
+    "prettier": "2.5.0",
+    "prisma": "3.6.0",
+    "ts-jest": "27.0.7",
+    "ts-node": "10.4.0",
     "tslint": "6.1.3",
-    "typescript": "4.3.5",
+    "typescript": "4.5.2",
     "wasm-loader": "1.3.0"
   }
 }