Merge pull request #47 from mrmilu/feature/IFMD-13-rename-files-to-ke…

…bab-case

feat: rename all files and folders from snake case to kebab case

graphql_codegen.yml

@@ -14,7 +14,7 @@ generates:
     plugins:
       - "typescript-operations"
       - "typescript-graphql-files-modules"
-  src/core/app/data/__generated__/graphql_introspection.ts:
+  src/core/app/data/__generated__/graphql-introspection.ts:
     plugins:
       - "fragment-matcher"
   ./graphql.schema.json:

src/common/utils/class_transformer.ts → src/common/utils/class-transformer.ts

@@ -1,7 +1,7 @@
+import { PageDataModel } from "@/src/core/app/data/models/page-data-model";
 import { instanceToPlain, plainToClass, plainToClassFromExist } from "class-transformer";
 import type { ClassConstructor } from "class-transformer/types/interfaces";
-import { PageDataModel } from "@/src/core/app/data/models/page_data_model";
-import type { DataModel } from "../interfaces/data_model";
+import type { DataModel } from "../interfaces/data-model";
 
 export const fromJson = <T = never, U extends T = T>(model: ClassConstructor<U>, json: Record<string, unknown>): U =>
   plainToClass(model, json, { excludeExtraneousValues: true, exposeDefaultValues: true }) as U;

src/common/utils/zustand.tsx

@@ -1,9 +1,9 @@
-import type { StateCreator, StoreMutatorIdentifier } from "zustand";
-import { createStore, useStore } from "zustand";
+import type { ConstructorType } from "@/src/common/interfaces/constructor-type";
 import type { PropsWithChildren } from "react";
 import { createContext, useContext, useRef } from "react";
+import type { StateCreator, StoreMutatorIdentifier } from "zustand";
+import { createStore, useStore } from "zustand";
 import { immer } from "zustand/middleware/immer";
-import type { ConstructorType } from "@/src/common/interfaces/constructor_type";
 
 interface StateProviderProps<T extends object, P> {
   initialState?: ConstructorType<T>;

src/core/app/data/models/page_data_model.ts → src/core/app/data/models/page-data-model.ts

@@ -1,6 +1,6 @@
-import { Exclude, Expose, Type } from "class-transformer";
+import type { DataModel } from "@/src/common/interfaces/data-model";
 import { Page } from "@/src/core/app/domain/models/page";
-import type { DataModel } from "@/src/common/interfaces/data_model";
+import { Exclude, Expose, Type } from "class-transformer";
 
 export class PageDataModel<ItemDataType extends DataModel<ItemDomainType>, ItemDomainType> {
   @Exclude()

src/core/app/data/services/json_placeholder_service.ts → src/core/app/data/services/json-placeholder-service.ts

@@ -1,8 +1,8 @@
-import { inject, injectable } from "inversify";
-import { RestClient } from "@/src/common/network/rest/rest_client";
-import type { IEnvVars } from "@/src/core/app/domain/interfaces/env_vars";
+import type { IRestDataSource, RestDataSourceOptions } from "@/src/common/interfaces/rest-data-source";
+import { RestClient } from "@/src/common/network/rest/rest-client";
+import type { IEnvVars } from "@/src/core/app/domain/interfaces/env-vars";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import type { IRestDataSource, RestDataSourceOptions } from "@/src/common/interfaces/rest_data_source";
+import { inject, injectable } from "inversify";
 import { generatorConf } from "inversify-generator/decorators";
 
 @injectable()

src/core/app/data/services/mock_service.ts → src/core/app/data/services/mock-service.ts

@@ -1,11 +1,11 @@
-import { inject, injectable } from "inversify";
-import type { DocumentNode } from "graphql";
-import type { IEnvVars } from "@/src/core/app/domain/interfaces/env_vars";
+import type { IEnvVars } from "@/src/core/app/domain/interfaces/env-vars";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
 import type { NetworkInterfaces } from "@front_web_mrmilu/network";
 import { GraphqlClient } from "@front_web_mrmilu/network";
-import generatedIntrospection from "../__generated__/graphql_introspection";
+import type { DocumentNode } from "graphql";
+import { inject, injectable } from "inversify";
 import { generatorConf } from "inversify-generator/decorators";
+import generatedIntrospection from "../__generated__/graphql-introspection";
 
 @injectable()
 @generatorConf({ typeName: "MockService" })

src/core/app/domain/models/env_vars.ts → src/core/app/domain/models/env-vars.ts

@@ -1,6 +1,6 @@
-import type { IEnvVars } from "../interfaces/env_vars";
 import { injectable } from "inversify";
 import { generatorConf } from "inversify-generator/decorators";
+import type { IEnvVars } from "../interfaces/env-vars";
 
 @injectable()
 @generatorConf({ binding: "default" })

src/core/app/domain/models/page.ts

@@ -1,4 +1,4 @@
-import type { ConstructorType } from "@/src/common/interfaces/constructor_type";
+import type { ConstructorType } from "@/src/common/interfaces/constructor-type";
 
 export class Page<T> {
   items: Array<T> = [];

src/core/posts/data/models/post_data_model.ts → src/core/posts/data/models/post-data-model.ts

@@ -1,6 +1,6 @@
-import { Expose } from "class-transformer";
+import type { DataModel } from "@/src/common/interfaces/data-model";
 import { Post } from "@/src/core/posts/domain/models/post";
-import type { DataModel } from "@/src/common/interfaces/data_model";
+import { Expose } from "class-transformer";
 
 export class PostDataModel implements DataModel<Post> {
   @Expose()

src/core/posts/data/repositories/posts_repository.ts → src/core/posts/data/repositories/posts-repository.ts

@@ -1,16 +1,16 @@
-import type { IPostsRepository } from "../../domain/interfaces/posts_repository";
-import { inject, injectable } from "inversify";
-import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import CreatePostMutationOperation from "../graphql/mutations/create_post.graphql";
-import type { MockService } from "@/src/core/app/data/services/mock_service";
 import type { CreatePostInput } from "@/src/__generated__/graphql";
-import type { Post } from "@/src/core/posts/domain/models/post";
-import type { JSONPlaceholderService } from "@/src/core/app/data/services/json_placeholder_service";
-import { PostDataModel } from "@/src/core/posts/data/models/post_data_model";
-import { fromJson, fromJsonPage } from "@/src/common/utils/class_transformer";
+import { fromJson, fromJsonPage } from "@/src/common/utils/class-transformer";
+import type { JSONPlaceholderService } from "@/src/core/app/data/services/json-placeholder-service";
+import type { MockService } from "@/src/core/app/data/services/mock-service";
 import type { Page } from "@/src/core/app/domain/models/page";
-import type { CreatePostMutation } from "@/src/core/posts/data/graphql/mutations/__generated__/create_post";
+import { TYPES } from "@/src/core/app/ioc/__generated__/types";
 import type { IocProvider } from "@/src/core/app/ioc/interfaces";
+import type { CreatePostMutation } from "@/src/core/posts/data/graphql/mutations/__generated__/create-post";
+import { PostDataModel } from "@/src/core/posts/data/models/post-data-model";
+import type { Post } from "@/src/core/posts/domain/models/post";
+import { inject, injectable } from "inversify";
+import type { IPostsRepository } from "../../domain/interfaces/posts-repository";
+import CreatePostMutationOperation from "../graphql/mutations/create-post.graphql";
 
 @injectable()
 export class PostsRepository implements IPostsRepository {

src/core/posts/domain/interfaces/posts_repository.ts → src/core/posts/domain/interfaces/posts-repository.ts

@@ -1,6 +1,6 @@
-import type { CreatePostInputModel } from "@/src/core/posts/domain/models/create_post_input_model";
-import type { Post } from "@/src/core/posts/domain/models/post";
 import type { Page } from "@/src/core/app/domain/models/page";
+import type { CreatePostInputModel } from "@/src/core/posts/domain/models/create-post-input-model";
+import type { Post } from "@/src/core/posts/domain/models/post";
 
 export interface IPostsRepository {
   createPost(input: CreatePostInputModel): Promise<Post | null>;

src/core/posts/domain/models/create_post_input_model.ts → src/core/posts/domain/models/create-post-input-model.ts

@@ -1,4 +1,4 @@
-import type { ConstructorType } from "@/src/common/interfaces/constructor_type";
+import type { ConstructorType } from "@/src/common/interfaces/constructor-type";
 
 export class CreatePostInputModel {
   title: string;

src/core/posts/domain/models/post.ts

@@ -1,4 +1,4 @@
-import type { ConstructorType } from "@/src/common/interfaces/constructor_type";
+import type { ConstructorType } from "@/src/common/interfaces/constructor-type";
 
 export class Post {
   id: string;

src/core/posts/domain/use_cases/create_post_use_case.ts → src/core/posts/domain/use-cases/create-post-use-case.ts

@@ -1,7 +1,7 @@
-import { inject, injectable } from "inversify";
-import type { IocProvider } from "@/src/core/app/ioc/interfaces";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import type { IPostsRepository } from "@/src/core/posts/domain/interfaces/posts_repository";
+import type { IocProvider } from "@/src/core/app/ioc/interfaces";
+import type { IPostsRepository } from "@/src/core/posts/domain/interfaces/posts-repository";
+import { inject, injectable } from "inversify";
 
 @injectable()
 export class CreatePostUseCase {

src/core/posts/domain/use_cases/get_posts_use_case.ts → src/core/posts/domain/use-cases/get-posts-use-case.ts

@@ -1,8 +1,8 @@
-import { inject, injectable } from "inversify";
-import type { IocProvider } from "@/src/core/app/ioc/interfaces";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import type { IPostsRepository } from "@/src/core/posts/domain/interfaces/posts_repository";
+import type { IocProvider } from "@/src/core/app/ioc/interfaces";
+import type { IPostsRepository } from "@/src/core/posts/domain/interfaces/posts-repository";
 import type { Post } from "@/src/core/posts/domain/models/post";
+import { inject, injectable } from "inversify";
 
 @injectable()
 export class GetPostsUseCase {

src/core/users/data/graphql/queries/users.graphql

@@ -1,4 +1,4 @@
-#import "../fragments/base_user.graphql"
+#import "../fragments/base-user.graphql"
 
 query Users {
   users {

src/core/users/data/models/user_data_model.ts → src/core/users/data/models/user-data-model.ts

@@ -1,6 +1,6 @@
-import { Expose } from "class-transformer";
+import type { DataModel } from "@/src/common/interfaces/data-model";
 import { User } from "@/src/core/users/domain/models/user";
-import type { DataModel } from "@/src/common/interfaces/data_model";
+import { Expose } from "class-transformer";
 
 export class UserDataModel implements DataModel<User> {
   @Expose()

src/core/users/data/repositories/users_repository.ts → src/core/users/data/repositories/users-repository.ts

@@ -1,13 +1,13 @@
-import { inject, injectable } from "inversify";
+import type { MockService } from "@/src/core/app/data/services/mock-service";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import type { User } from "@/src/core/users/domain/models/user";
-import UsersQueryOperation from "../graphql/queries/users.graphql";
-import { plainToClass } from "class-transformer";
-import type { MockService } from "@/src/core/app/data/services/mock_service";
 import type { IocProvider } from "@/src/core/app/ioc/interfaces";
-import { UserDataModel } from "@/src/core/users/data/models/user_data_model";
-import type { IUsersRepository } from "@/src/core/users/domain/interfaces/users_repository";
 import type { UsersQuery } from "@/src/core/users/data/graphql/queries/__generated__/users";
+import { UserDataModel } from "@/src/core/users/data/models/user-data-model";
+import type { IUsersRepository } from "@/src/core/users/domain/interfaces/users-repository";
+import type { User } from "@/src/core/users/domain/models/user";
+import { plainToClass } from "class-transformer";
+import { inject, injectable } from "inversify";
+import UsersQueryOperation from "../graphql/queries/users.graphql";
 
 @injectable()
 export class UsersRepository implements IUsersRepository {

src/core/users/domain/models/user.ts

@@ -1,4 +1,4 @@
-import type { ConstructorType } from "@/src/common/interfaces/constructor_type";
+import type { ConstructorType } from "@/src/common/interfaces/constructor-type";
 
 export class User {
   id: string;

src/core/users/domain/use_cases/get_users_use_case.ts → src/core/users/domain/use-cases/get-users-use-case.ts

@@ -1,8 +1,8 @@
-import { inject, injectable } from "inversify";
-import type { User } from "@/src/core/users/domain/models/user";
-import type { IocProvider } from "@/src/core/app/ioc/interfaces";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import type { IUsersRepository } from "@/src/core/users/domain/interfaces/users_repository";
+import type { IocProvider } from "@/src/core/app/ioc/interfaces";
+import type { IUsersRepository } from "@/src/core/users/domain/interfaces/users-repository";
+import type { User } from "@/src/core/users/domain/models/user";
+import { inject, injectable } from "inversify";
 
 @injectable()
 export class GetUsersUseCase {

src/main.tsx

@@ -1,15 +1,15 @@
-import React, { StrictMode } from "react";
-import reportWebVitals from "./reportWebVitals";
-import { createRoot } from "react-dom/client";
-import { RouterProvider } from "react-router-dom";
-import "@/src/ui/i18n/index";
-import * as Sentry from "@sentry/react";
-import { BrowserTracing } from "@sentry/tracing";
+import "@/src/common/utils/yup-extensions";
+import type { IEnvVars } from "@/src/core/app/domain/interfaces/env-vars";
 import { locator } from "@/src/core/app/ioc/__generated__";
-import type { IEnvVars } from "@/src/core/app/domain/interfaces/env_vars";
 import { TYPES } from "@/src/core/app/ioc/__generated__/types";
-import "@/src/common/utils/yup_extensions";
+import "@/src/ui/i18n/index";
 import { router } from "@/src/ui/router/routes";
+import * as Sentry from "@sentry/react";
+import { BrowserTracing } from "@sentry/tracing";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { RouterProvider } from "react-router-dom";
+import reportWebVitals from "./reportWebVitals";
 
 if (locator.get<IEnvVars>(TYPES.IEnvVars).sentryEnabled) {
   Sentry.init({

src/ui/components/app_error_boundary/app_error_boundary.tsx → src/ui/components/app-error-boundary/app-error-boundary.tsx

@@ -1,8 +1,8 @@
+import type { BaseError } from "@/src/core/app/domain/models/base-error";
+import * as Sentry from "@sentry/react";
 import type { PropsWithChildren } from "react";
 import { Component } from "react";
-import type { BaseError } from "@/src/core/app/domain/models/base_error";
-import * as Sentry from "@sentry/react";
-import css from "./app_error_boundary.css";
+import css from "./app-error-boundary.css";
 
 interface State {
   hasError: boolean;

src/ui/components/base_page/base_page.tsx → src/ui/components/base-page/base-page.tsx

@@ -1,6 +1,6 @@
+import type { CypressProps } from "@/src/ui/view-models/cypress";
 import type { PropsWithChildren } from "react";
-import css from "./base_page.css";
-import type { CypressProps } from "@/src/ui/view_models/cypress";
+import css from "./base-page.css";
 
 export default function BasePage({ children, ...rest }: PropsWithChildren<CypressProps>) {
   return (

src/ui/components/button/button.tsx

@@ -1,7 +1,7 @@
 import type { MouseEventHandler, PropsWithChildren } from "react";
 import type { ButtonVariants } from "./button.css";
 import css from "./button.css";
-import type { CypressProps } from "@/src/ui/view_models/cypress";
+import type { CypressProps } from "@/src/ui/view-models/cypress";
 
 export interface ButtonProps extends CypressProps {
   onClick?: MouseEventHandler;

src/ui/components/icon_button/icon_button.tsx → src/ui/components/icon-button/icon-button.tsx

@@ -1,7 +1,7 @@
+import type { CypressProps } from "@/src/ui/view-models/cypress";
 import type { MouseEventHandler, ReactNode } from "react";
 import { forwardRef } from "react";
-import css from "./icon_button.css";
-import type { CypressProps } from "@/src/ui/view_models/cypress";
+import css from "./icon-button.css";
 
 export interface IconButtonProps extends CypressProps {
   onClick?: MouseEventHandler;

src/ui/components/logging_modal/logging_modal.tsx → src/ui/components/logging-modal/logging-modal.tsx

@@ -1,5 +1,5 @@
 import { forwardRef } from "react";
-import css from "./logging_modal.css";
+import css from "./logging-modal.css";
 
 export const LoggingModal = forwardRef<HTMLDivElement, unknown>((props, ref) => {
   return (

src/ui/components/main_loader/main_loader.tsx → src/ui/components/main-loader/main-loader.tsx

@@ -1,7 +1,7 @@
-import css from "./main_loader.css";
-import { easings, useTransition, animated } from "@react-spring/web";
-import { useUiProvider } from "@/src/ui/providers/ui.provider";
 import { Loader } from "@/src/ui/components/loader/loader";
+import { useUiProvider } from "@/src/ui/providers/ui.provider";
+import { animated, easings, useTransition } from "@react-spring/web";
+import css from "./main-loader.css";
 
 export const MainLoader = () => {
   const showLoader = useUiProvider((state) => state.showLoader);

src/ui/components/simple_card/simple_card.tsx → src/ui/components/simple-card/simple-card.tsx

@@ -1,7 +1,7 @@
-import type { MouseEventHandler } from "react";
 import { typographyStyles } from "@/src/ui/styles/typography.css";
-import css from "./simple_card.css";
-import type { CypressProps } from "@/src/ui/view_models/cypress";
+import type { CypressProps } from "@/src/ui/view-models/cypress";
+import type { MouseEventHandler } from "react";
+import css from "./simple-card.css";
 
 export interface SimpleCardProps extends CypressProps {
   title: string;

src/ui/components/suspense_main_loader/suspense_main_loader.tsx → src/ui/components/suspense-main-loader/suspense-main-loader.tsx

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from "react";
 import { Suspense } from "react";
-import { MainLoader } from "../main_loader/main_loader";
+import { MainLoader } from "../main-loader/main-loader";
 
 export const SuspenseMainLoader = ({ children }: PropsWithChildren<unknown>) => {
   return <Suspense fallback={<MainLoader />}>{children}</Suspense>;

src/ui/containers/modal/modal.tsx

@@ -1,12 +1,12 @@
 import CloseIcon from "@/src/ui/assets/icons/close.svg?react";
-import { IconButton } from "@/src/ui/components/icon_button/icon_button";
+import { IconButton } from "@/src/ui/components/icon-button/icon-button";
 import { useUiProvider } from "@/src/ui/providers/ui.provider";
+import type { CypressProps } from "@/src/ui/view-models/cypress";
 import { useClickOutside } from "@front_web_mrmilu/hooks";
 import { animated, easings, useTransition } from "@react-spring/web";
 import type { PropsWithChildren, ReactElement } from "react";
 import { cloneElement, forwardRef, useEffect, useRef, useState } from "react";
 import css from "./modal.css";
-import type { CypressProps } from "@/src/ui/view_models/cypress";
 
 const MODAL_TRANSITION_CONFIG = {
   duration: 450,

src/ui/features/home/views/home_page/home_page.tsx → src/ui/features/home/views/home-page/home-page.tsx

@@ -1,14 +1,14 @@
+import { BaseError } from "@/src/core/app/domain/models/base-error";
 import { Button } from "@/src/ui/components/button/button";
 import { ControlledInput } from "@/src/ui/components/input/input";
-import { useHomeProvider, useHomeProviderBis } from "@/src/ui/features/home/views/home_page/providers/home_provider";
+import { useHomeProvider, useHomeProviderBis } from "@/src/ui/features/home/views/home-page/providers/home-provider";
 import { timeout } from "@front_web_mrmilu/utils";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useEffect, useMemo } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { object, string } from "yup";
-import css from "./home_page.css";
-import { BaseError } from "@/src/core/app/domain/models/base_error";
+import css from "./home-page.css";
 
 interface FormValues {
   name: string;

src/ui/features/home/views/home_page/providers/home_provider.ts → src/ui/features/home/views/home-page/providers/home-provider.ts

@@ -1,5 +1,5 @@
 import { createProvider } from "@/src/common/utils/zustand";
-import type { HomeStateViewModel } from "@/src/ui/features/home/views/home_page/view_models/home_state";
+import type { HomeStateViewModel } from "@/src/ui/features/home/views/home-page/view-models/home-state";
 
 interface HomeProviderBuilderProps {
   amount: "none" | "twenty" | "thirty";

src/ui/features/misc/root/root_page.tsx → src/ui/features/misc/root/root-page.tsx

@@ -1,14 +1,14 @@
 import { Button } from "@/src/ui/components/button/button";
-import { useUserProvider } from "@/src/ui/providers/user.provider";
-import { Link, Outlet } from "react-router-dom";
-import { SuspenseMainLoader } from "../../../components/suspense_main_loader/suspense_main_loader";
-import css from "./root_page.css";
+import { MainLoader } from "@/src/ui/components/main-loader/main-loader";
 import { Modal } from "@/src/ui/containers/modal/modal";
-import { MainLoader } from "@/src/ui/components/main_loader/main_loader";
-import { theme } from "@/src/ui/styles/theme.css";
+import { useUserProvider } from "@/src/ui/providers/user.provider";
 import "@/src/ui/styles/fonts.css";
 import "@/src/ui/styles/globals.css";
 import "@/src/ui/styles/reset.css";
+import { theme } from "@/src/ui/styles/theme.css";
+import { Link, Outlet } from "react-router-dom";
+import { SuspenseMainLoader } from "../../../components/suspense-main-loader/suspense-main-loader";
+import css from "./root-page.css";
 
 export const RootPage = () => {
   const userLogged = useUserProvider((state) => state.logged);