Merge branch 'dev' into carralerocristianx/core-244-implementar-carga…

…-lazy-para-el-roster

.github/workflows/lint-and-formatting.yml

@@ -21,4 +21,4 @@ jobs:
       run: npx prettier --check .
 
     - name: Run ESLint
-      run: npx eslint . --ext .js,.jsx,.ts,.tsx
+      run: npx eslint .

.storybook/main.ts

@@ -1,5 +1,5 @@
 import type {StorybookConfig} from "@storybook/react-vite"
-const path = require("path")
+import path from "node:path"
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
@@ -17,7 +17,7 @@ const config: StorybookConfig = {
 
     config.resolve.alias = {
       ...config.resolve.alias,
-      "@": path.resolve(__dirname, "../src"),
+      "@": path.resolve(import.meta.dirname, "../src"),
     }
 
     return config

eslint.config.mjs

@@ -0,0 +1,148 @@
+import {fixupConfigRules, fixupPluginRules} from "@eslint/compat"
+import prettier from "eslint-plugin-prettier"
+import writeGoodComments from "eslint-plugin-write-good-comments"
+import functional from "eslint-plugin-functional"
+import promise from "eslint-plugin-promise"
+import tsParser from "@typescript-eslint/parser"
+import path from "node:path"
+import {fileURLToPath} from "node:url"
+import js from "@eslint/js"
+import {FlatCompat} from "@eslint/eslintrc"
+import sonarjs from "eslint-plugin-sonarjs"
+import noUseExtendNative from "eslint-plugin-no-use-extend-native"
+import love from "eslint-config-love"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+})
+
+export default [
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+    ignores: [
+      "**/dist",
+      "**/.github",
+      "**/.storybook",
+      "src/stories/**",
+      "**/github",
+      "**/vite.config.ts",
+      "!**/.storybook¡",
+      "**/commitlint.config.ts",
+      "**/node_modules",
+      "**/index.html",
+      "**/postcss.config.js",
+    ],
+  },
+  ...fixupConfigRules(
+    compat.extends(
+      "eslint:recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:storybook/recommended",
+      "plugin:prettier/recommended",
+      "eslint-config-prettier",
+      "plugin:tailwindcss/recommended",
+      "plugin:github/react",
+      "plugin:unicorn/recommended",
+      "plugin:deprecation/recommended",
+      "plugin:jsx-a11y/recommended",
+      "plugin:import/typescript",
+      "plugin:regexp/recommended"
+    )
+  ),
+  {
+    plugins: {
+      "prettier": fixupPluginRules(prettier),
+      "write-good-comments": fixupPluginRules(writeGoodComments),
+      "functional": fixupPluginRules(functional),
+      "promise": fixupPluginRules(promise),
+      "sonarjs": fixupPluginRules(sonarjs),
+      "noUseExtendNative": fixupPluginRules(noUseExtendNative),
+      "love": fixupConfigRules(love),
+    },
+
+    languageOptions: {
+      parser: tsParser,
+
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        project: "./tsconfig.json",
+      },
+    },
+
+    settings: {
+      "react": {
+        version: "detect",
+      },
+
+      "import/extensions": [".ts", ".tsx"],
+
+      "import/resolver": {
+        node: {
+          extensions: [".ts", ".tsx"],
+        },
+      },
+    },
+
+    rules: {
+      "prettier/prettier": "error",
+      "@typescript-eslint/quotes": "off",
+      "@typescript-eslint/space-before-function-paren": "off",
+      "@typescript-eslint/strict-boolean-expressions": "off",
+      "@typescript-eslint/consistent-type-definitions": "off",
+      "operator-linebreak": "off",
+      "multiline-ternary": "off",
+      "react/no-children-prop": "off",
+      "prefer-regex-literals": "off",
+      "no-useless-escape": "off",
+      "@typescript-eslint/no-non-null-assertion": "warn",
+      "@typescript-eslint/no-floating-promises": "warn",
+      "no-new": "off",
+      "sonarjs/cognitive-complexity": ["error", 17],
+      "unicorn/filename-case": ["off"],
+      "unicorn/prevent-abbreviations": ["off"],
+      "unicorn/no-nested-ternary": "off",
+      "unicorn/no-null": ["off"],
+      "unicorn/prefer-code-point": "off",
+
+      "write-good-comments/write-good-comments": [
+        "warn",
+        {
+          passive: false,
+          whitelist: ["read-only"],
+        },
+      ],
+
+      "@typescript-eslint/no-throw-literal": "off",
+      "promise/always-return": "off",
+      "unicorn/number-literal-case": "off",
+      "unicorn/prefer-spread": "off",
+      "jsx-a11y/media-has-caption": [0],
+      "unicorn/prefer-global-this": "off",
+      "@typescript-eslint/explicit-function-return-type": [
+        "error",
+        {
+          allowExpressions: true,
+        },
+      ],
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        {
+          args: "all",
+          argsIgnorePattern: "^_",
+          caughtErrors: "all",
+          caughtErrorsIgnorePattern: "^_",
+          destructuredArrayIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+  },
+]

index.html

@@ -13,11 +13,6 @@
       name="description"
       content="A simple, lightweight, and easy-to-use web client for the [Matrix] protocol." />
 
-    <!-- Satoshi font -->
-    <link
-      href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901,1,2&display=swap"
-      rel="stylesheet" />
-
     <!-- Unbounded font -->
     <link
       href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700&display=swap"
@@ -39,6 +34,48 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Mirage &mdash; Matrix web client</title>
+
+    <style>
+      @font-face {
+        font-family: "Satoshi";
+        src: url("/fonts/Satoshi-Light.woff2") format("woff2");
+        font-weight: 300;
+        font-display: swap;
+        font-style: normal;
+      }
+
+      @font-face {
+        font-family: "Satoshi";
+        src: url("/fonts/Satoshi-Regular.woff2") format("woff2");
+        font-weight: 400;
+        font-display: swap;
+        font-style: normal;
+      }
+
+      @font-face {
+        font-family: "Satoshi";
+        src: url("/fonts/Satoshi-Medium.woff2") format("woff2");
+        font-weight: 500;
+        font-display: swap;
+        font-style: normal;
+      }
+
+      @font-face {
+        font-family: "Satoshi";
+        src: url("/fonts/Satoshi-Bold.woff2") format("woff2");
+        font-weight: 700;
+        font-display: swap;
+        font-style: normal;
+      }
+
+      @font-face {
+        font-family: "Satoshi";
+        src: url("/fonts/Satoshi-Black.woff2") format("woff2");
+        font-weight: 900;
+        font-display: swap;
+        font-style: normal;
+      }
+    </style>
   </head>
   <body>
     <noscript