feat: add settings page

.env.sample

@@ -1,2 +1,2 @@
 API_URL=/api
-PREVIEW=false
+PREVIEW=true

.eslintrc.json

@@ -18,7 +18,6 @@
     "plugin:@typescript-eslint/recommended-requiring-type-checking",
     "prettier",
     "plugin:storybook/recommended",
-    "plugin:sonarjs/recommended",
     "plugin:unicorn/recommended",
     "@unocss"
   ],
@@ -34,8 +33,8 @@
     "@typescript-eslint",
     "effector",
     "prettier",
-    "sonarjs",
-    "unicorn"
+    "unicorn",
+    "string-to-lingui"
   ],
   "settings": {
     "import/resolver": {
@@ -50,22 +49,17 @@
   "rules": {
     "import/order": "off",
     "import/no-unresolved": "off",
-    "sonarjs/no-duplicate-string": "off",
-    "no-console": "off",
+    "no-console": 2,
     "@typescript-eslint/ban-types": "off",
-    "@typescript-eslint/no-unused-vars": "off",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-unnecessary-condition": "off",
     "@typescript-eslint/consistent-type-definitions": "off",
     "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/no-empty-interface": "off",
-    "@typescript-eslint/no-explicit-any:": "off",
-    "@typescript-eslint/no-unused-expressions": "off",
     "@typescript-eslint/naming-convention": "off",
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/no-use-before-define": "off",
     "@typescript-eslint/no-floating-promises": "off",
-    "unicorn/prefer-module": "off",
+    "unicorn/no-null": "off",
     "unicorn/filename-case": [
       "error",
       {
@@ -79,21 +73,25 @@
         "extendDefaultWhitelist": true
       }
     ],
-    "unicorn/no-null": "off",
     "@typescript-eslint/restrict-template-expressions": "off",
     "@typescript-eslint/no-unsafe-assignment": "off",
     "@typescript-eslint/strict-boolean-expressions": "off",
-    "unicorn/prefer-logical-operation-over-ternary": "off",
     "@typescript-eslint/no-var-requires": "off",
     "react/display-name": "off",
     "@typescript-eslint/triple-slash-reference": "off",
-    "@typescript-eslint/array-type": "off"
+    "@typescript-eslint/array-type": "off",
+    "string-to-lingui/missing-lingui-transformation": [2, {
+      "ignoreAttribute": ["style", "className", "sx", "to", "href"],
+      "ignoreFunction": ["cva", "trackMediaQuery"]
+    }],
+    "string-to-lingui/no-tags-in-trans": 2
   },
   "overrides": [
     {
-      "files": ["*.stories.tsx"],
+      "files": ["*.stories.tsx", "*.test.ts", "*.test.tsx"],
       "rules": {
-        "import/no-default-export": "off"
+        "import/no-default-export": "off",
+        "string-to-lingui/missing-lingui-transformation": 0
       }
     }
   ]

.linguirc.yaml

@@ -7,4 +7,6 @@ catalogs:
     include:
       - src
 
+sourceLocale: en
+
 format: po

.storybook/preview.tsx

@@ -7,16 +7,7 @@ import 'uno.css';
 import React from "react";
 
 const withBackground = (StoryFn: StoryFn) => {
-  return <div style={{
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    background: "rgba(var(--un-preset-theme-colors-canvas-default), 1)",
-    height: "100vh",
-    width: "100vw",
-    padding: "12px",
-    overflow: "auto"
-  }}>
+  return <div className="absolute top-0 left-0 bg-canvas-default h-screen w-screen p-3 overflow-auto">
     <StoryFn />
   </div>
 };

package.json

@@ -35,6 +35,7 @@
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-form": "^0.0.3",
+    "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-visually-hidden": "^1.0.3",
     "@withease/factories": "^0.2.0",
@@ -48,11 +49,12 @@
     "effector-forms": "^1.3.4",
     "effector-react": "^22.5.3",
     "effector-storage": "^6.1.1",
+    "eslint-plugin-string-to-lingui": "^0.21.1",
+    "eslint-plugin-unicorn": "^48.0.0",
     "history": "^5.3.0",
     "patronum": "^1.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-slotify": "^0.2.2",
     "zod": "^3.21.4"
   },
   "devDependencies": {
@@ -106,9 +108,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-sonarjs": "^0.19.0",
     "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-unicorn": "^47.0.0",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
     "lightningcss": "^1.21.5",