feat/chore: add profile entity & add storybook

.eslintrc.cjs

@@ -22,7 +22,13 @@ module.exports = {
   ignorePatterns: ["!**/.server", "!**/.client"],
 
   // Base config
-  extends: ["eslint:recommended"],
+  extends: [
+    "eslint:recommended",
+    "plugin:storybook/recommended",
+    "plugin:storybook/recommended",
+    "plugin:storybook/recommended",
+    "plugin:storybook/recommended"
+  ],
 
   overrides: [
     // React
@@ -51,27 +57,27 @@ module.exports = {
     },
 
     // Typescript
-    // {
-    //   files: ["**/*.{ts,tsx}"],
-    //   plugins: ["@typescript-eslint", "import"],
-    //   parser: "@typescript-eslint/parser",
-    //   settings: {
-    //     "import/internal-regex": "^~/",
-    //     "import/resolver": {
-    //       node: {
-    //         extensions: [".ts", ".tsx"],
-    //       },
-    //       typescript: {
-    //         alwaysTryTypes: true,
-    //       },
-    //     },
-    //   },
-    //   extends: [
-    //     "plugin:@typescript-eslint/recommended",
-    //     "plugin:import/recommended",
-    //     "plugin:import/typescript",
-    //   ],
-    // },
+    {
+      files: ["**/*.{ts,tsx}"],
+      plugins: ["import"], // "@typescript-eslint",
+      parser: "@typescript-eslint/parser",
+      settings: {
+        "import/internal-regex": "^~/",
+        "import/resolver": {
+          node: {
+            extensions: [".ts", ".tsx"],
+          },
+          typescript: {
+            alwaysTryTypes: true,
+          },
+        },
+      },
+      extends: [
+        // "plugin:@typescript-eslint/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript",
+      ],
+    },
 
     // Node
     {

.gitignore

@@ -3,4 +3,5 @@ node_modules
 /.cache
 /build
 .env
-.idea
+.idea
+*storybook.log

.storybook/main.ts

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {
+      builder: {
+        viteConfigPath: 'sb-vite.config.ts',
+      },
+    },
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react';
+import 'src/shared/styles/variables.css';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;