Update packages (#215)

* Update vite to v.5.4.8

* Update typescript to v.5.6.2

* Update @types/react to v.18.3.9

* Update eslint to v.9.11.1

* Update storybook to v.8.3.3

* Update vitest to v.2.1.1

* Update i18next to v.23.15.1

* Update sass to v.1.79.3

* Update @faker-js/faker to v.9.0.2

* Update @peculiar/certificates-viewer-react to v.4.3.1

* Update @peculiar/react-components to v.0.6.7

* Update @peculiar/x509 to v.1.12.2

* Update version

* Update @vitejs/plugin-react to v.4.3.2

* Update @types/react to v.18.3.11

* Update vitest to v.2.1.2

* Update @faker-js/faker to v.9.0.3

* Update sass to v.1.79.4

* Update @peculiar/x509 to v.1.12.3

* Update typescript-eslint to v.8.8.0

* Update storybook to v.8.3.4

* Update storybook to v.8.3.5

* Update eslint to v.9.12.0 & @eslint/js to v.9.12.0

* Update i18next to v.23.15.2

* yarn deduplicate

---------

Co-authored-by: alex-slobodian <[email protected]>

.storybook/main.ts

@@ -2,16 +2,22 @@ import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(ts|tsx)"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
-    "@storybook/addon-actions",
   ],
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
+
   docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
 };
 export default config;

.storybook/preview.tsx

@@ -16,7 +16,6 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
-    actions: { argTypesRegex: "^on.*" },
   },
   decorators: [
     (Story) => (

eslint.config.js

@@ -10,21 +10,25 @@ export default tseslint.config(
     files: ["src/**/*.ts", "src/**/*.tsx"],
     ignores: ["src/**/*.d.ts"],
     rules: {
-      "@typescript-eslint/semi": 1,
+      "@/semi": 1,
       "no-param-reassign": ["error", { props: false }],
       "brace-style": ["error", "1tbs", { allowSingleLine: true }],
       "operator-assignment": ["error", "always"],
       "no-empty": 2,
       "no-multi-assign": 2,
       "spaced-comment": ["warn", "always", { exceptions: ["*"] }],
       "no-var": 2,
-      "@typescript-eslint/keyword-spacing": 2,
+      "@/keyword-spacing": 2,
       "no-fallthrough": 2,
-      "@typescript-eslint/no-unused-vars": 1,
+      "@typescript-eslint/no-unused-vars": ["warn", { caughtErrors: "none" }],
       quotes: ["error", "double"],
       "arrow-body-style": ["error", "as-needed"],
       "eol-last": ["warn", "always"],
       "no-multiple-empty-lines": ["error", { max: 1, maxBOF: 0, maxEOF: 0 }],
+      "@typescript-eslint/no-unused-expressions": [
+        "error",
+        { allowShortCircuit: true, allowTernary: true },
+      ],
     },
   }
 );

package.json

@@ -1,58 +1,58 @@
 {
   "name": "@peculiar/fortify-tools",
   "homepage": "https://tools.fortifyapp.com",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "author": "PeculiarVentures Team",
   "license": "MIT",
   "private": true,
   "type": "module",
   "devDependencies": {
-    "@eslint/js": "^9.9.1",
-    "@faker-js/faker": "^8.4.1",
-    "@storybook/addon-actions": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
+    "@eslint/js": "^9.12.0",
+    "@faker-js/faker": "^9.0.3",
+    "@storybook/addon-actions": "^8.3.5",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-onboarding": "^8.3.5",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "^18.3.4",
+    "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^2.0.5",
+    "@vitejs/plugin-react": "^4.3.2",
+    "@vitest/coverage-v8": "^2.1.2",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.9.1",
+    "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
     "gh-pages": "^6.1.1",
-    "jsdom": "^25.0.0",
+    "jsdom": "^25.0.1",
     "postcss": "^8.4.41",
     "prettier": "^3.3.3",
-    "sass": "^1.77.8",
-    "storybook": "^8.2.9",
-    "typescript": "^5.5.4",
-    "typescript-eslint": "^7.18.0",
-    "vite": "^5.4.6",
+    "sass": "^1.79.4",
+    "storybook": "^8.3.5",
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.8.0",
+    "vite": "^5.4.8",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "vitest": "^2.0.5",
+    "vitest": "^2.1.2",
     "vitest-dom": "^0.1.1"
   },
   "dependencies": {
-    "@peculiar/certificates-viewer-react": "^4.3.0",
+    "@peculiar/certificates-viewer-react": "^4.3.1",
     "@peculiar/fortify-webcomponents-react": "^4.0.8",
-    "@peculiar/react-components": "^0.6.4",
-    "@peculiar/x509": "^1.12.1",
+    "@peculiar/react-components": "^0.6.7",
+    "@peculiar/x509": "^1.12.3",
     "clsx": "^2.1.1",
-    "i18next": "^23.14.0",
+    "i18next": "^23.15.2",
     "lodash": "^4.17.21",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-dropzone": "^14.2.3",
     "react-error-boundary": "^4.0.13",
-    "react-i18next": "^15.0.1",
+    "react-i18next": "^15.0.2",
     "react-use": "^17.5.1"
   },
   "resolutions": {

vite.config.ts

@@ -13,4 +13,11 @@ export default defineConfig({
   build: {
     outDir: "./dist",
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler",
+      },
+    },
+  },
 });

vitest.config.ts

@@ -14,4 +14,11 @@ export default defineConfig({
     },
     globals: true,
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern-compiler",
+      },
+    },
+  },
 });