feature: Add button for home page for go to dashboard page

fix: Not showing create invoice button for server usecase

.storybook/preview.tsx

@@ -1,13 +1,14 @@
-import React, { useRef } from "react";
+import React from "react";
 import { themes } from '@storybook/theming';
 import { ThemeProvider } from "../src/app/[lang]/dashboard/components/client/theme-provider/theme-provider";
-import { DARK_MODE_EVENT_NAME, UPDATE_DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
-import { initI18next, LANGS } from "../src/bootstrap/i18n/i18n"
+import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
+import { getI18n, LANGS } from "../src/bootstrap/i18n/i18n"
 import { addons } from '@storybook/preview-api';
 import { i18n } from "i18next";
 import { I18nextProvider } from "react-i18next";
 const channel = addons.getChannel();
 import "../src/app/globals.css"
+
 /**
  *
  * This function will expand the object with nested properties
@@ -69,7 +70,7 @@ const preview = {
 
       React.useEffect(() => {
         (async () => {
-          setI18n((await initI18next({ lng: locale })).i18n);
+          setI18n((await getI18n({ lng: locale })).i18n);
         })()
       }, [])
 

src/app/[lang]/dashboard/components/client/create-random-invoice/create-random-invoice.tsx

@@ -1,13 +0,0 @@
-"use client";
-
-import Button from "@/app/components/button/button";
-import CreateRandomInvoiceButtonVM from "@/app/[lang]/dashboard/vm/create-random-invoice-button-vm";
-import { useDI } from "@/bootstrap/di/di-context";
-import { useRef } from "react";
-
-export default function CreateRandomInvoiceContainer() {
-  const di = useDI();
-  const vm = useRef(di.resolve(CreateRandomInvoiceButtonVM));
-
-  return <Button vm={vm.current} />;
-}

src/app/[lang]/dashboard/components/client/nav-links/nav-link-vm.ts

@@ -1,28 +0,0 @@
-import { DocumentIcon } from "@/app/components/icons/document";
-import HomeIcon from "@/app/components/icons/home";
-import { UserIcon } from "@/app/components/icons/user";
-import { usePathname } from "next/navigation";
-
-type LinkItem = {
-  name: string;
-  href: string;
-  icon: (props: { className?: string }) => JSX.Element;
-};
-export default function navLinkPersonalVM() {
-  const pathname = usePathname();
-  // Map of links to display in the side navigation.
-  // Depending on the size of the application, this would be stored in a database.
-  const links: LinkItem[] = [
-    { name: "Home", href: "/dashboard", icon: HomeIcon },
-    {
-      name: "Invoices",
-      href: "/dashboard/invoices",
-      icon: DocumentIcon,
-    },
-    { name: "Customers", href: "/dashboard/customers", icon: UserIcon },
-  ];
-  return {
-    links,
-    isLinkActive: (link: LinkItem) => pathname === link.href,
-  };
-}

src/app/[lang]/dashboard/components/client/nav-links/nav-link.personal-vm.ts

@@ -0,0 +1,29 @@
+import HomeIcon from "@/app/components/icons/home";
+import { usePathname } from "next/navigation";
+import { useRef } from "react";
+
+type LinkItem = {
+  name: string;
+  href: string;
+  icon: (props: { className?: string }) => JSX.Element;
+};
+
+/**
+ * Beside of reusable vm each View can have it's own personal vm to handle it's ownlogics.
+ * Difference between personal vm and other vms which extends BaseVM, is that
+ * personal vm directly will be called inside of view and instinctly connected to the view,
+ *  so they come together always and there is no need to be connected with interface for reusable
+ *  vms.
+ */
+export default function navLinkPersonalVM() {
+  const pathname = usePathname();
+  // Map of links to display in the side navigation.
+  // Depending on the size of the application, this would be stored in a database.
+  const links = useRef<LinkItem[]>([
+    { name: "Home", href: "/dashboard", icon: HomeIcon },
+  ]).current;
+  return {
+    links,
+    isLinkActive: (link: LinkItem) => pathname.includes(link.href),
+  };
+}

src/app/[lang]/dashboard/components/client/nav-links/nav-links.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import navLinkPersonalVM from "@/app/[lang]/dashboard/components/client/nav-links/nav-link-vm";
+import navLinkPersonalVM from "@/app/[lang]/dashboard/components/client/nav-links/nav-link.personal-vm";
 import clsx from "clsx";
 import Link from "next/link";
 

src/app/[lang]/dashboard/components/client/theme-provider/theme-provider.tsx

@@ -1,11 +1,13 @@
-"use client"
+/* eslint-disable react/jsx-props-no-spreading */
 
-import * as React from "react"
-import { ThemeProvider as NextThemesProvider } from "next-themes"
+"use client";
+
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
 
 export function ThemeProvider({
   children,
   ...props
 }: React.ComponentProps<typeof NextThemesProvider>) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
 }

src/app/[lang]/dashboard/components/server/card.tsx

@@ -1,4 +1,4 @@
-import cardController from "@/app/[lang]/dashboard/components/server/card/card-controller";
+import cardController from "@/app/[lang]/dashboard/controller/card.controller";
 
 export function Card({
   title,

src/app/[lang]/dashboard/components/server/cards.tsx

@@ -1,5 +1,5 @@
-import { Card } from "@/app/[lang]/dashboard/components/server/card/card";
-import cardsController from "@/app/[lang]/dashboard/components/server/cards/cards-controller";
+import { Card } from "@/app/[lang]/dashboard/components/server/card";
+import cardsController from "@/app/[lang]/dashboard/controller/cards.controller";
 
 export default async function CardWrapper() {
   const { customersNumber, invoicesNumber, invoicesSummary } =

src/app/[lang]/dashboard/components/server/cards/cards-controller.ts

@@ -1,7 +0,0 @@
-import fetchSummaryInfoUsecase from "@/feature/core/summary-info/domain/usecase/fetch-summary-info-usecase";
-import { connection } from "next/server";
-
-export default function cardsController() {
-  connection();
-  return fetchSummaryInfoUsecase();
-}

src/app/[lang]/dashboard/components/server/latest-invoices.tsx

@@ -1,5 +1,6 @@
-import CreateRandomInvoiceContainer from "@/app/[lang]/dashboard/components/client/create-random-invoice/create-random-invoice";
-import latestInvoicesController from "@/app/[lang]/dashboard/components/server/latest-invoices/latest-invoices-controller";
+import latestInvoicesController from "@/app/[lang]/dashboard/controller/latest-invoices.controller";
+import CreateRandomInvoiceButtonVM from "@/app/[lang]/dashboard/vm/create-random-invoice-button-vm";
+import Button from "@/app/components/button/button";
 import { ArrowPathIcon } from "@heroicons/react/24/outline";
 import clsx from "clsx";
 import { isLeft } from "fp-ts/lib/Either";
@@ -39,6 +40,7 @@ export default async function LatestInvoices() {
       </p>
     </div>
   ));
+
   return (
     <div className="flex w-full flex-col md:col-span-4">
       <h2 className="mb-4 text-xl md:text-2xl">Latest Invoices</h2>
@@ -48,7 +50,7 @@ export default async function LatestInvoices() {
           <ArrowPathIcon className="h-5 w-5 text-gray-500" />
           <h3 className="ml-2 text-sm text-gray-500 ">Updated just now</h3>
         </div>
-        <CreateRandomInvoiceContainer />
+        <Button vmKey={CreateRandomInvoiceButtonVM} />
       </div>
     </div>
   );

src/app/[lang]/dashboard/components/server/latest-invoices/latest-invoices-controller.ts

@@ -1,7 +0,0 @@
-import fetchCustomerInvoicesUsecase from "@/feature/core/customer-invoice/domain/usecase/fetch-customer-invoices-usecase";
-import { connection } from "next/server";
-
-export default function latestInvoicesController() {
-  connection();
-  return fetchCustomerInvoicesUsecase();
-}

src/app/[lang]/dashboard/components/server/revenue-chart.tsx

@@ -1,4 +1,4 @@
-import revenueChartController from "@/app/[lang]/dashboard/components/server/revenue-chart/revenue-chart-controller";
+import revenueChartController from "@/app/[lang]/dashboard/controller/revenue-chart.controller";
 import { CalendarIcon } from "@heroicons/react/24/outline";
 
 export default async function RevenueChart() {

src/app/[lang]/dashboard/controller/card.controller.ts

@@ -5,6 +5,12 @@ import {
   InboxIcon,
 } from "@heroicons/react/24/outline";
 
+/**
+ * Controllers are bridge between feature layer and application layer.
+ * They decide, feature layer will be cached or not, where to run in client or server
+ * Or connect multiple usecases and run them, handle their failure, hydrate and store data in
+ *  client state managements.
+ */
 export default function cardController(props: {
   type: "invoices" | "customers" | "pending" | "collected";
 }) {

src/app/[lang]/dashboard/controller/cards.controller.ts

@@ -0,0 +1,13 @@
+import fetchSummaryInfoUsecase from "@/feature/core/summary-info/domain/usecase/fetch-summary-info.usecase";
+import { connection } from "next/server";
+
+/**
+ * Controllers are bridge between feature layer and application layer.
+ * They decide, feature layer will be cached or not, where to run in client or server
+ * Or connect multiple usecases and run them, handle their failure, hydrate and store data in
+ *  client state managements.
+ */
+export default function cardsController() {
+  connection();
+  return fetchSummaryInfoUsecase();
+}

src/app/[lang]/dashboard/controller/create-invoice.controller.ts

@@ -0,0 +1,27 @@
+"use server";
+
+import { ApiEither } from "@/feature/common/data/api-task";
+import serverDi from "@/feature/common/server.di";
+import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice.param";
+import {
+  CreateInvoiceUsecase,
+  createInvoiceUsecaseKey,
+} from "@/feature/core/invoice/domain/usecase/create-invoice/create-invoice.usecase";
+import { invoiceModuleKey } from "@/feature/core/invoice/invoice.module-key";
+import { connection } from "next/server";
+
+/**
+ * Controllers are bridge between feature layer and application layer.
+ * They decide, feature layer will be cached or not, where to run in client or server
+ * Or connect multiple usecases and run them, handle their failure, hydrate and store data in
+ *  client state managements.
+ */
+export default async function createInvoiceController(
+  params: InvoiceParam,
+): Promise<ApiEither<string>> {
+  connection();
+  const usecase = serverDi(invoiceModuleKey).resolve<CreateInvoiceUsecase>(
+    createInvoiceUsecaseKey,
+  );
+  return usecase(params);
+}

src/app/[lang]/dashboard/controller/latest-invoices.controller.ts

@@ -0,0 +1,13 @@
+import fetchCustomerInvoicesUsecase from "@/feature/core/customer-invoice/domain/usecase/fetch-customer-invoices.usecase";
+import { connection } from "next/server";
+
+/**
+ * Controllers are bridge between feature layer and application layer.
+ * They decide, feature layer will be cached or not, where to run in client or server
+ * Or connect multiple usecases and run them, handle their failure, hydrate and store data in
+ *  client state managements.
+ */
+export default function latestInvoicesController() {
+  connection();
+  return fetchCustomerInvoicesUsecase();
+}

src/app/[lang]/dashboard/controller/revenue-chart.controller.ts

@@ -1,6 +1,12 @@
-import Revenue from "@/feature/core/revenue/domain/entity/revenue";
-import fetchRevenuesUsecase from "@/feature/core/revenue/domain/usecase/fetch-revenues-usecase";
+import Revenue from "@/feature/core/revenue/domain/entity/revenue.entity";
+import fetchRevenuesUsecase from "@/feature/core/revenue/domain/usecase/fetch-revenues.usecase";
 
+/**
+ * Controllers are bridge between feature layer and application layer.
+ * They decide, feature layer will be cached or not, where to run in client or server
+ * Or connect multiple usecases and run them, handle their failure, hydrate and store data in
+ *  client state managements.
+ */
 export default async function revenueChartController() {
   const revenue = await fetchRevenuesUsecase();
   const chartHeight = 350;

src/app/[lang]/dashboard/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import SideNav from "@/app/[lang]/dashboard/components/server/sidenav";
-import dashboardAppModule from "@/app/[lang]/dashboard/module/dashboard-app-module";
+import dashboardAppModule from "@/app/[lang]/dashboard/module/dashboard.app-module";
 import { DiContext } from "@/bootstrap/di/di-context";
 import { useRef } from "react";
 

src/app/[lang]/dashboard/loading.tsx

@@ -1,4 +1,4 @@
-import DashboardSkeleton from "@/app/[lang]/dashboard/components/server/skeletons/skeletons";
+import DashboardSkeleton from "@/app/[lang]/dashboard/components/server/skeletons";
 
 export default function Loading() {
   return <DashboardSkeleton />;

src/app/[lang]/dashboard/module/dashboard.app-module.ts

@@ -1,16 +1,20 @@
+import createInvoiceController from "@/app/[lang]/dashboard/controller/create-invoice.controller";
 import CreateRandomInvoiceButtonVM from "@/app/[lang]/dashboard/vm/create-random-invoice-button-vm";
 import di from "@/bootstrap/di/init-di";
-import createInvoiceUsecase from "@/feature/core/invoice/domain/usecase/create-invoice-usecase";
 
+/**
+ * Each page can have its own di to connect all vms, usecases or controllers
+ */
 export default function dashboardAppModule() {
   const dashboardDi = di.createChildContainer();
 
-  dashboardDi.register(createInvoiceUsecase.name, {
-    useValue: createInvoiceUsecase,
-  });
   dashboardDi.register(
-    CreateRandomInvoiceButtonVM,
+    CreateRandomInvoiceButtonVM.name,
     CreateRandomInvoiceButtonVM,
   );
+
+  dashboardDi.register(createInvoiceController.name, {
+    useValue: createInvoiceController,
+  });
   return dashboardDi;
 }

src/app/[lang]/dashboard/page.tsx

@@ -1,28 +1,14 @@
 import {
   LatestInvoicesSkeleton,
   RevenueChartSkeleton,
-} from "@/app/[lang]/dashboard/components/server/skeletons/skeletons";
-import CardWrapper from "@/app/[lang]/dashboard/components/server/cards/cards";
-import LatestInvoices from "@/app/[lang]/dashboard/components/server/latest-invoices/latest-invoices";
-import RevenueChart from "@/app/[lang]/dashboard/components/server/revenue-chart/revenue-chart";
+} from "@/app/[lang]/dashboard/components/server/skeletons";
+import RevenueChart from "@/app/[lang]/dashboard/components/server/revenue-chart";
 import { Suspense } from "react";
-import { getServerTranslation, LANGS } from "@/bootstrap/i18n/i18n";
-import langKey from "@/bootstrap/i18n/dictionaries/lang-key";
+import LatestInvoices from "@/app/[lang]/dashboard/components/server/latest-invoices";
 
-export default async function Dashboard(props: {
-  params: Promise<{ lang: LANGS }>;
-}) {
-  const { params } = props;
-  const { lang } = await params;
-  const { t } = await getServerTranslation(lang);
+export default async function Dashboard() {
   return (
     <main>
-      <h1 className="mb-4 text-xl md:text-2xl">
-        {t(langKey.global.dashboard)}
-      </h1>
-      <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
-        <CardWrapper />
-      </div>
       <div className="mt-6 grid grid-cols-1 gap-6 md:grid-cols-4 lg:grid-cols-8">
         <Suspense fallback={<RevenueChartSkeleton />}>
           <RevenueChart />

src/app/[lang]/dashboard/vm/create-random-invoice-button-vm.ts

@@ -1,20 +1,27 @@
-import ButtonVm from "@/app/components/button/button-vm";
+"use client";
+
+import createInvoiceController from "@/app/[lang]/dashboard/controller/create-invoice.controller";
+import ButtonVm from "@/app/components/button/button.i-vm";
 import { useServerAction } from "@/bootstrap/helpers/hooks/use-server-action";
 import useThrottle from "@/bootstrap/helpers/hooks/use-throttle";
 import BaseVM from "@/bootstrap/helpers/vm/base-vm";
 import langKey from "@/bootstrap/i18n/dictionaries/lang-key";
-import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice-param";
-import createInvoiceUsecase from "@/feature/core/invoice/domain/usecase/create-invoice-usecase";
+import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice.param";
 import { faker } from "@faker-js/faker";
 import { useRouter } from "next/navigation";
 import { useTranslation } from "react-i18next";
 
+/**
+ * Viewmodel for the button view to connect to business logics and all UI logics
+ * For UI logics, all translations, states, sideeffects and events will be handled
+ *  in this layer.
+ */
 export default class CreateRandomInvoiceButtonVM extends BaseVM<ButtonVm> {
-  private createInvoice: typeof createInvoiceUsecase;
+  private createInvoice: typeof createInvoiceController;
 
   constructor() {
     super();
-    this.createInvoice = this.di.resolve(createInvoiceUsecase.name);
+    this.createInvoice = this.di.resolve(createInvoiceController.name);
   }
 
   useVM(): ButtonVm {

src/app/[lang]/layout.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from "@/app/[lang]/dashboard/components/client/theme-provider/theme-provider";
-import { initI18next, LANGS } from "@/bootstrap/i18n/i18n";
+import { getI18n, LANGS } from "@/bootstrap/i18n/i18n";
 import TranslationsProvider from "@/bootstrap/i18n/i18n-provider";
 import localFont from "next/font/local";
 import { PropsWithChildren } from "react";
@@ -20,7 +20,7 @@ export default async function layout(
 ) {
   const { params, children } = props;
   const { lang } = await params;
-  const { resources } = await initI18next({ lng: lang });
+  await getI18n({ lng: lang });
   return (
     <html lang={lang} suppressHydrationWarning>
       <body
@@ -32,9 +32,7 @@ export default async function layout(
           enableSystem
           disableTransitionOnChange
         >
-          <TranslationsProvider lng={lang} resources={resources}>
-            {children}
-          </TranslationsProvider>
+          <TranslationsProvider lng={lang}>{children}</TranslationsProvider>
         </ThemeProvider>
       </body>
     </html>

src/app/[lang]/page.tsx

@@ -1,4 +1,13 @@
-export default function Home() {
+import langKey from "@/bootstrap/i18n/dictionaries/lang-key";
+import { getServerTranslation, LANGS } from "@/bootstrap/i18n/i18n";
+import Link from "next/link";
+
+export default async function Home(props: {
+  params: Promise<{ lang: LANGS }>;
+}) {
+  const { params } = props;
+  const { lang } = await params;
+  const { t } = await getServerTranslation(lang);
   return (
     <main className="flex min-h-screen flex-col p-6">
       <div className="mt-4 flex grow flex-col gap-4 md:flex-row">
@@ -8,6 +17,12 @@ export default function Home() {
             <strong>Welcome to Acme.</strong> This is the example for the ,
             brought to you by Vercel.
           </p>
+          <Link
+            className="flex rounded-md bg-primary-foreground p-3 ml-auto mr-auto text-white"
+            href="dashboard"
+          >
+            {t(langKey.global.dashboard)}
+          </Link>
         </div>
       </div>
     </main>

src/app/components/button/button-vm.ts

@@ -1,7 +0,0 @@
-export default interface ButtonVm {
-  props: {
-    title: string;
-    isDisable: boolean;
-  };
-  onClick(): void;
-}

src/app/components/button/button.i-vm.ts

@@ -0,0 +1,11 @@
+/**
+ * Interface for viewmodel of button. this is bridge between view and viewmodel.
+ * With this interface, view is adapter and vms will be implementations in bridge pattern
+ */
+export default interface ButtonVm {
+  props: {
+    title: string;
+    isDisable: boolean;
+  };
+  onClick(): void;
+}

src/app/components/button/button.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import BaseView, { BuildProps } from "@/bootstrap/helpers/view/base-view";
-import ButtonVm from "@/app/components/button/button-vm";
+import ButtonVm from "@/app/components/button/button.i-vm";
 import { ReactNode } from "react";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";

src/app/components/button/stories/Button.stories.tsx

@@ -1,12 +1,7 @@
-import CreateRandomInvoiceButtonVM from "@/app/[lang]/dashboard/vm/create-random-invoice-button-vm";
 import Button from "@/app/components/button/button";
-import { DiContext, useDI } from "@/bootstrap/di/di-context";
-import mockedModuleDi from "@/bootstrap/di/mocked-module-di";
 import Story from "@/bootstrap/helpers/view/storybook-base-template-type";
 import getArgVM from "@/bootstrap/helpers/view/storybook-with-arg-vm";
-import createInvoiceUsecase from "@/feature/core/invoice/domain/usecase/create-invoice-usecase";
 import type { Meta } from "@storybook/react";
-import { useRef } from "react";
 
 const meta: Meta = {
   title: "general/Button",
@@ -32,34 +27,3 @@ export const Primary: Story = {
     return <Button vm={vm} memoizedByVM={false} />;
   },
 };
-
-export const WithVM: Story = {
-  decorators: [
-    (Story) => {
-      const di = mockedModuleDi([
-        {
-          token: CreateRandomInvoiceButtonVM,
-          provider: CreateRandomInvoiceButtonVM,
-        },
-        {
-          token: createInvoiceUsecase.name,
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any, no-console
-          provider: (args: any) => console.log("clicked", args),
-        },
-      ]);
-      return <Story di={di} />;
-    },
-  ],
-  render: (_, globalProps) => {
-    function Child() {
-      const di = useDI();
-      const vm = useRef(di.resolve(CreateRandomInvoiceButtonVM));
-      return <Button vm={vm.current} memoizedByVM={false} />;
-    }
-    return (
-      <DiContext.Provider value={globalProps.di}>
-        <Child />
-      </DiContext.Provider>
-    );
-  },
-};

src/bootstrap/helpers/global-helpers.ts

@@ -2,6 +2,9 @@ import { constructor } from "tsyringe/dist/typings/types";
 
 export const isServer = typeof window === "undefined";
 
+/**
+ * Checks if the given value is a class
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function isClass(fn: any): fn is constructor<unknown> {
   return typeof fn === "function" && /^(class|function [A-Z])/.test(fn);

src/bootstrap/helpers/lib/ui-utils.ts

@@ -1,6 +1,10 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 
+/**
+ * To connect tailwind classes.
+ * @param inputs Tailwind classes
+ */
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }

src/bootstrap/helpers/view/base-view.tsx

@@ -1,11 +1,14 @@
-"use client";
-
-// import gdi from "@/bootstrap/di/init-di";
+/* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable react/display-name */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react/jsx-props-no-spreading */
+
+"use client";
+
+import { useDI } from "@/bootstrap/di/di-context";
 import IBaseVM from "@/bootstrap/helpers/vm/i-base-vm";
 import { Component, ReactNode, FC, PropsWithChildren, memo } from "react";
+import { InjectionToken } from "tsyringe";
 
 /* -------------------------------------------------------------------------- */
 /*                             Connector Component                            */
@@ -23,7 +26,6 @@ interface IVvmConnector<IVM, PROPS> extends PropsWithChildren {
 const VvmConnector = memo(
   <IVM, PROPS>(props: IVvmConnector<IVM, PROPS>) => {
     const { View, Vm, restProps, children } = props;
-
     const vm = Vm.useVM();
 
     const allProps = {
@@ -45,8 +47,7 @@ const VvmConnector = memo(
 type IVMParent = Record<string, any>;
 type IPropParent = Record<string, any> | undefined;
 
-type BaseProps<IVM extends IVMParent, PROPS extends IPropParent = undefined> = {
-  vm: IBaseVM<IVM>;
+type BaseProps<PROPS extends IPropParent = undefined> = {
   restProps?: PROPS;
   /**
    * By default it's true.
@@ -57,6 +58,24 @@ type BaseProps<IVM extends IVMParent, PROPS extends IPropParent = undefined> = {
   children?: ReactNode;
 };
 
+type BasePropsWithVM<
+  IVM extends IVMParent,
+  PROPS extends IPropParent = undefined,
+> = BaseProps<PROPS> & {
+  /**
+   * Directly instantiated vm
+   */
+  vm: IBaseVM<IVM>;
+};
+
+type BasePropsWithVMKey<PROPS extends IPropParent = undefined> =
+  BaseProps<PROPS> & {
+    /**
+     * TSyringe key for vm to be injected
+     */
+    vmKey: InjectionToken;
+  };
+
 export type BuildProps<
   IVM extends IVMParent,
   PROPS extends IPropParent = undefined,
@@ -66,10 +85,36 @@ export type BuildProps<
   children?: ReactNode;
 };
 
+export type ViewProps<
+  IVM extends IVMParent,
+  PROPS extends IPropParent = undefined,
+> = BasePropsWithVM<IVM, PROPS> | BasePropsWithVMKey<PROPS>;
+
+/**
+ * Base view is base component for all views in mvvm architecture which gets
+ *  vm as props and connect it to the view and memoize the component by default
+ *  to just render just on changes of its vm.
+ */
 export default abstract class BaseView<
   IVM extends IVMParent,
   PROPS extends IPropParent = undefined,
-> extends Component<BaseProps<IVM, PROPS>> {
+> extends Component<ViewProps<IVM, PROPS>> {
+  private vm: IBaseVM<IVM> | undefined;
+
+  constructor(props: ViewProps<IVM, PROPS>) {
+    super(props);
+    this.vm = this.initVm;
+  }
+
+  private get initVm() {
+    if (Object.hasOwn(this.props, "vmKey")) {
+      const { vmKey } = this.props as BasePropsWithVMKey<PROPS>;
+      const di = useDI();
+      return di.resolve(vmKey) as IBaseVM<IVM>;
+    }
+    return (this.props as BasePropsWithVM<IVM, PROPS>).vm;
+  }
+
   protected get componentName() {
     return this.constructor.name;
   }
@@ -77,9 +122,16 @@ export default abstract class BaseView<
   protected abstract Build(props: BuildProps<IVM, PROPS>): ReactNode;
 
   render(): ReactNode {
-    const { vm, restProps, memoizedByVM, children, ...rest } = this.props;
-
+    const { restProps, memoizedByVM, children, ...rest } = this.props;
     VvmConnector.displayName = this.componentName;
+    const vm = memoizedByVM ? this.vm : this.initVm;
+    if (!vm) {
+      const isVmKey = Object.hasOwn(this.props, "vmKey");
+      const message = isVmKey
+        ? "vm is not defined, check your di configuration"
+        : "pass correct vm";
+      throw new Error(`Vm is not defined${message}`);
+    }
 
     return (
       <VvmConnector
@@ -92,5 +144,4 @@ export default abstract class BaseView<
       </VvmConnector>
     );
   }
-  /* -------------------------------------------------------------------------- */
 }

src/bootstrap/helpers/view/storybook-with-arg-vm.ts

@@ -1,5 +1,12 @@
 import IBaseVM from "@/bootstrap/helpers/vm/i-base-vm";
 
+/**
+ * To use with mvvm library to make a vm based on props so you can pass the result to the view
+ * @param vmObj All properties which view needs to get from vm.
+ * @returns Vm which is suitable to be passed to the view
+ * @example     const vm = getArgVM(globalData.parsedProps.vm); 
+    return <Button vm={vm} memoizedByVM={false} />;
+ */
 const getArgVM = <IVM>(vmObj: IVM) => {
   class VM implements IBaseVM<IVM> {
     useVM(): IVM {

src/bootstrap/helpers/vm/base-vm.ts

@@ -5,6 +5,12 @@ import { NoOverride } from "@/bootstrap/helpers/type-helper";
 import IBaseVM from "@/bootstrap/helpers/vm/i-base-vm";
 import { useState } from "react";
 
+/**
+ * Base class for all viewmodels. It provides
+ *  - dependency injection: To get closes di which serves from di provider
+ *  - rerender method: to rerender your component manually
+ *  - produce method: to produce your vm dynamically by passing and attaching dependencies to it
+ */
 export default abstract class BaseVM<
   IVM,
   DEP extends object | undefined = undefined,

src/bootstrap/helpers/vm/i-base-vm.ts

@@ -1,3 +1,6 @@
+/**
+ * All viewmodels should implement this interface.
+ */
 export default interface IBaseVM<VM> {
   useVM(): VM;
 }

src/bootstrap/i18n/dictionaries/lang-key.ts

@@ -1,3 +1,8 @@
+/**
+ * main language keys which will be used for translation to avoid using strings directly and be
+ *  a single source of truth in all changes between all languages dictionaries.
+ * All languages dictionaries should have the same keys by having this object type.
+ */
 const langKey = {
   global: {
     home: "global.home",

src/bootstrap/i18n/i18n-provider.tsx

@@ -1,17 +1,24 @@
 "use client";
 
 import { I18nextProvider } from "react-i18next";
-import { i18nInstance, initI18next, LANGS } from "@/bootstrap/i18n/i18n";
-import { Resource } from "i18next";
-import { PropsWithChildren } from "react";
+import { getI18n, LANGS } from "@/bootstrap/i18n/i18n";
+import { PropsWithChildren, useEffect, useState } from "react";
+import { i18n } from "i18next";
+import storeLang from "@/bootstrap/i18n/store-lang-action";
 
 export default function TranslationsProvider({
   children,
   lng,
-  resources,
-}: PropsWithChildren & { lng: LANGS; resources: Resource }) {
-  if (!resources) return children;
-  initI18next({ lng, resources });
+}: PropsWithChildren & { lng: LANGS }) {
+  const [i18n, setI18n] = useState<i18n>();
 
-  return <I18nextProvider i18n={i18nInstance}>{children}</I18nextProvider>;
+  useEffect(() => {
+    (async () => {
+      storeLang(lng);
+      setI18n((await getI18n({ lng })).i18n);
+    })();
+  }, [lng]);
+
+  if (!i18n) return null;
+  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
 }

src/bootstrap/i18n/i18n.ts

@@ -10,7 +10,7 @@ export enum LANGS {
   RU = "ru",
 }
 
-export const initI18next = async (params: {
+export const getI18n = async (params: {
   lng: LANGS;
   resources?: Resource;
   ns?: string;
@@ -43,13 +43,9 @@ export async function getServerTranslation(
   ns?: string,
   options: { keyPrefix?: string } = {},
 ) {
-  await initI18next({ lng });
+  const { i18n } = await getI18n({ lng });
   return {
-    t: i18nInstance.getFixedT(
-      lng,
-      Array.isArray(ns) ? ns[0] : ns,
-      options?.keyPrefix,
-    ),
+    t: i18n.getFixedT(lng, Array.isArray(ns) ? ns[0] : ns, options?.keyPrefix),
     i18n: i18nInstance,
   };
 }

src/bootstrap/i18n/store-lang-action.ts

@@ -0,0 +1,9 @@
+"use server";
+
+import { LANGS } from "@/bootstrap/i18n/i18n";
+import { cookieName } from "@/bootstrap/i18n/settings";
+import { cookies } from "next/headers";
+
+export default async function storeLang(lng: LANGS) {
+  (await cookies()).set(cookieName, lng);
+}

src/feature/common/data/api-task.ts

@@ -1,6 +1,6 @@
 import { Either } from "fp-ts/lib/Either";
 import { TaskEither } from "fp-ts/lib/TaskEither";
-import BaseFailure from "@/feature/common/failures/base-failure";
+import BaseFailure from "@/feature/common/failures/base.failure";
 
 type ApiTask<ResponseType> = TaskEither<BaseFailure<unknown>, ResponseType>;
 export type ApiEither<ResponseType> = Either<

src/feature/common/failures/base.failure.ts

@@ -1,8 +1,14 @@
 import { makeFailureMessage } from "@/feature/common/failures/failure-helpers";
 
 /**
- * This is a class called  BaseFailure  that extends the  Error  class. It is
- *  used as a base class for creating custom failure classes.
+ * This class can be used as a base class for creating custom failure classes.
+ * With this class you can set message and metadata, with messages and extending
+ *  you can create your failure messages hierarchy and automatically by syncing langKey
+ *  with the hirerarchy of failure messages.
+ * For example if you pass a key of `user` to the constructor of `UserCreationFailure`
+ *  so in langKey you can have failure message `faiure.user` so automatically,
+ *  you can show translated error message everywhere in the app.
+ * Also you can use this failure message to have grained control over failures.
  */
 export default abstract class BaseFailure<META_DATA> {
   /* ------------------------------- Attributes ------------------------------- */

src/feature/common/failures/dev/arguments.failure.ts

@@ -1,4 +1,4 @@
-import BaseDevFailure from "@/feature/common/failures/dev/base-dev-failure";
+import BaseDevFailure from "@/feature/common/failures/dev/base-dev.failure";
 
 /**
  * Failure for needed arguments in a method but sent wrong one

src/feature/common/failures/dev/base-dev-failure.ts

@@ -1,5 +0,0 @@
-import BaseFailure from "@/feature/common/failures/base-failure";
-
-export default abstract class BaseDevFailure<
-  META_DATA,
-> extends BaseFailure<META_DATA> {}

src/feature/common/failures/dev/base-dev.failure.ts

@@ -0,0 +1,10 @@
+import BaseFailure from "@/feature/common/failures/base.failure";
+
+/**
+ * This is a base class for development failures. All dev failures means we as a developer
+ *  made a mistake in the process and we should fix it and can be used in monitoring and
+ *  should be handled in hotfix ASAP.
+ */
+export default abstract class BaseDevFailure<
+  META_DATA,
+> extends BaseFailure<META_DATA> {}

src/feature/common/failures/dev/dependency.failure.ts

@@ -1,7 +1,7 @@
-import BaseDevFailure from "@/feature/common/failures/dev/base-dev-failure";
+import BaseDevFailure from "@/feature/common/failures/dev/base-dev.failure";
 
 /**
- * This is a failure of not having specific dependency
+ * This is a failure when we didn't provice specific dependency.
  */
 export default class DependencyFailure<
   META_DATA,

src/feature/common/failures/failure-helpers.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import BaseFailure from "@/feature/common/failures/base-failure";
+import BaseFailure from "@/feature/common/failures/base.failure";
 
 /**
  * This method is supposed to save previous failure of TaskEither

src/feature/common/failures/network.failure.ts

@@ -1,4 +1,4 @@
-import BaseFailure from "./base-failure";
+import BaseFailure from "./base.failure";
 
 /**
  * Failure for HTTP response when response dosn't have base structure

src/feature/common/failures/params.failure.ts

@@ -1,7 +1,7 @@
-import BaseFailure from "./base-failure";
+import BaseFailure from "./base.failure";
 
 /**
- * Failure for params failure
+ * Failure for params failure. which means some params are missing or not valid
  */
 export default class ParamsFailure<META_DATA> extends BaseFailure<META_DATA> {
   /* ------------------------------- Constructor ------------------------------ */

src/feature/common/server.di.ts

@@ -1,14 +1,14 @@
-import getCustomerInvoiceDi from "@/feature/core/customer-invoice/data/module/customer-invoice-di";
-import { customerInvoiceModuleKey } from "@/feature/core/customer-invoice/invoice-module-key";
+import getCustomerInvoiceDi from "@/feature/core/customer-invoice/data/module/customer-invoice.di";
+import { customerInvoiceModuleKey } from "@/feature/core/customer-invoice/invoice.module-key";
 import { customerKey } from "@/feature/core/customer/customer-key";
 import getCustomerDi from "@/feature/core/customer/data/module/customer-di";
-import getInvoiceDi from "@/feature/core/invoice/data/module/invoice-di";
-import { invoiceModuleKey } from "@/feature/core/invoice/invoice-module-key";
+import getInvoiceDi from "@/feature/core/invoice/data/module/invoice.di";
+import { invoiceModuleKey } from "@/feature/core/invoice/invoice.module-key";
 import { DependencyContainer } from "tsyringe";
-import { summaryInfoModuleKey } from "@/feature/core/summary-info/domain/summary-info-module-key";
-import getSummaryInfoDi from "@/feature/core/summary-info/data/module/summary-info-di";
-import { revenueModuleKey } from "@/feature/core/revenue/domain/revenue-module-key";
-import getRevenueDi from "@/feature/core/revenue/data/module/revenue-di";
+import { summaryInfoModuleKey } from "@/feature/core/summary-info/domain/summary-info.module-key";
+import getSummaryInfoDi from "@/feature/core/summary-info/data/module/summary-info.di";
+import { revenueModuleKey } from "@/feature/core/revenue/domain/revenue.module-key";
+import getRevenueDi from "@/feature/core/revenue/data/module/revenue.di";
 
 const memoizedDis: Record<string, DependencyContainer> = {};
 

src/feature/core/customer-invoice/data/module/customer-invoice.di.ts

@@ -1,6 +1,6 @@
 import di from "@/bootstrap/di/init-di";
-import CustomerInvoiceDbRepo from "@/feature/core/customer-invoice/data/repo/customer-invoice-db-repo";
-import { customerInvoiceRepoKey } from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice-repo";
+import CustomerInvoiceDbRepo from "@/feature/core/customer-invoice/data/repo/customer-invoice-db.repo";
+import { customerInvoiceRepoKey } from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice.repo";
 import { DependencyContainer } from "tsyringe";
 
 export default function getCustomerInvoiceDi(): DependencyContainer {

src/feature/core/customer-invoice/data/repo/customer-invoice-db.repo.ts

@@ -1,10 +1,10 @@
 import { sql } from "@/bootstrap/boundaries/db/db";
 import ApiTask from "@/feature/common/data/api-task";
 import { failureOr } from "@/feature/common/failures/failure-helpers";
-import NetworkFailure from "@/feature/common/failures/network-failure";
+import NetworkFailure from "@/feature/common/failures/network.failure";
 import { formatCurrency } from "@/feature/common/feature-helpers";
-import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice";
-import CustomerInvoiceRepo from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice-repo";
+import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice.entity";
+import CustomerInvoiceRepo from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice.repo";
 import { pipe } from "fp-ts/lib/function";
 import { tryCatch } from "fp-ts/lib/TaskEither";
 import postgres from "postgres";

src/feature/core/customer-invoice/domain/i-repo/customer-invoice.repo.ts

@@ -1,5 +1,5 @@
 import ApiTask from "@/feature/common/data/api-task";
-import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice";
+import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice.entity";
 
 export default interface CustomerInvoiceRepo {
   fetchList(): ApiTask<CustomerInvoice[]>;

src/feature/core/customer-invoice/domain/usecase/fetch-customer-invoices.usecase.ts

@@ -1,11 +1,10 @@
-import "server-only";
 import { ApiEither } from "@/feature/common/data/api-task";
-import serverDi from "@/feature/common/server-di";
-import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice";
+import serverDi from "@/feature/common/server.di";
+import CustomerInvoice from "@/feature/core/customer-invoice/domain/entity/customer-invoice.entity";
 import CustomerInvoiceRepo, {
   customerInvoiceRepoKey,
-} from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice-repo";
-import { customerInvoiceModuleKey } from "@/feature/core/customer-invoice/invoice-module-key";
+} from "@/feature/core/customer-invoice/domain/i-repo/customer-invoice.repo";
+import { customerInvoiceModuleKey } from "@/feature/core/customer-invoice/invoice.module-key";
 
 export default function fetchCustomerInvoicesUsecase(): Promise<
   ApiEither<CustomerInvoice[]>

src/feature/core/customer/data/repo/customer-db-repo.ts

@@ -1,7 +1,7 @@
 import { sql } from "@/bootstrap/boundaries/db/db";
 import ApiTask from "@/feature/common/data/api-task";
 import { failureOr } from "@/feature/common/failures/failure-helpers";
-import NetworkFailure from "@/feature/common/failures/network-failure";
+import NetworkFailure from "@/feature/common/failures/network.failure";
 import { formatCurrency } from "@/feature/common/feature-helpers";
 import Customer from "@/feature/core/customer/domain/entity/customer";
 import CustomerRepo from "@/feature/core/customer/domain/i-repo/customer-repo";

src/feature/core/customer/domain/usecase/fetch-customers-amount-usecase.ts

@@ -1,5 +1,4 @@
-import "server-only";
-import serverDi from "@/feature/common/server-di";
+import serverDi from "@/feature/common/server.di";
 import { customerKey } from "@/feature/core/customer/customer-key";
 import CustomerRepo, {
   customerRepoKey,

src/feature/core/customer/domain/usecase/fetch-customers-usecase.ts

@@ -1,6 +1,5 @@
-import "server-only";
 import { ApiEither } from "@/feature/common/data/api-task";
-import serverDi from "@/feature/common/server-di";
+import serverDi from "@/feature/common/server.di";
 import { customerKey } from "@/feature/core/customer/customer-key";
 import Customer from "@/feature/core/customer/domain/entity/customer";
 import CustomerRepo, {

src/feature/core/invoice/data/module/invoice.di.ts

@@ -1,11 +1,16 @@
 import di from "@/bootstrap/di/init-di";
-import invoiceDbRepo from "@/feature/core/invoice/data/repo/invoice-db-repo";
-import { invoiceRepoKey } from "@/feature/core/invoice/domain/i-repo/invoice-repo";
+import invoiceDbRepo from "@/feature/core/invoice/data/repo/invoice-db.repo";
+import { invoiceRepoKey } from "@/feature/core/invoice/domain/i-repo/invoice.i-repo";
+import createInvoiceUsecase from "@/feature/core/invoice/domain/usecase/create-invoice/create-invoice-impl.usecase";
+import { createInvoiceUsecaseKey } from "@/feature/core/invoice/domain/usecase/create-invoice/create-invoice.usecase";
 import { DependencyContainer } from "tsyringe";
 
 export default function getInvoiceDi(): DependencyContainer {
   const invoiceDi = di.createChildContainer();
 
   invoiceDi.register(invoiceRepoKey, invoiceDbRepo);
+  invoiceDi.register(createInvoiceUsecaseKey, {
+    useValue: createInvoiceUsecase,
+  });
   return invoiceDi;
 }

src/feature/core/invoice/data/repo/invoice-db.repo.ts

@@ -1,11 +1,12 @@
+import "server-only";
 import { sql } from "@/bootstrap/boundaries/db/db";
 import ApiTask from "@/feature/common/data/api-task";
 import { failureOr } from "@/feature/common/failures/failure-helpers";
-import NetworkFailure from "@/feature/common/failures/network-failure";
+import NetworkFailure from "@/feature/common/failures/network.failure";
 import { formatCurrency } from "@/feature/common/feature-helpers";
-import InvoiceRepo from "@/feature/core/invoice/domain/i-repo/invoice-repo";
-import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice-param";
-import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status";
+import InvoiceRepo from "@/feature/core/invoice/domain/i-repo/invoice.i-repo";
+import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice.param";
+import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status.value-object";
 import { pipe } from "fp-ts/lib/function";
 import { tryCatch } from "fp-ts/lib/TaskEither";
 import postgres from "postgres";

src/feature/core/invoice/domain/i-repo/invoice.i-repo.ts

@@ -1,6 +1,6 @@
 import ApiTask from "@/feature/common/data/api-task";
-import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice-param";
-import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status";
+import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice.param";
+import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status.value-object";
 
 export default interface InvoiceRepo {
   fetchAllInvoicesAmount(): Promise<number>;

src/feature/core/invoice/domain/usecase/create-invoice/create-invoice-impl.usecase.ts

@@ -1,22 +1,21 @@
-"use server";
-
 import { ApiEither } from "@/feature/common/data/api-task";
-import ParamsFailure from "@/feature/common/failures/params-failure";
-import serverDi from "@/feature/common/server-di";
+import ParamsFailure from "@/feature/common/failures/params.failure";
+import serverDi from "@/feature/common/server.di";
 import InvoiceRepo, {
   invoiceRepoKey,
-} from "@/feature/core/invoice/domain/i-repo/invoice-repo";
+} from "@/feature/core/invoice/domain/i-repo/invoice.i-repo";
 import {
   InvoiceParam,
   invoiceSchema,
-} from "@/feature/core/invoice/domain/param/invoice-param";
-import { invoiceModuleKey } from "@/feature/core/invoice/invoice-module-key";
+} from "@/feature/core/invoice/domain/param/invoice.param";
+import { invoiceModuleKey } from "@/feature/core/invoice/invoice.module-key";
+import { CreateInvoiceUsecase } from "@/feature/core/invoice/domain/usecase/create-invoice/create-invoice.usecase";
 import { pipe } from "fp-ts/lib/function";
 import { chain, fromNullable, left, map, right } from "fp-ts/lib/TaskEither";
 
-export default async function createInvoiceUsecase(
+const createInvoiceUsecase: CreateInvoiceUsecase = async (
   params: InvoiceParam,
-): Promise<ApiEither<string>> {
+): Promise<ApiEither<string>> => {
   const repo = serverDi(invoiceModuleKey).resolve<InvoiceRepo>(invoiceRepoKey);
 
   return pipe(
@@ -29,4 +28,6 @@ export default async function createInvoiceUsecase(
     }),
     chain((params) => repo.createInvoice(params)),
   )();
-}
+};
+
+export default createInvoiceUsecase;

src/feature/core/invoice/domain/usecase/create-invoice/create-invoice.usecase.ts

@@ -0,0 +1,8 @@
+import { ApiEither } from "@/feature/common/data/api-task";
+import { InvoiceParam } from "@/feature/core/invoice/domain/param/invoice.param";
+
+export type CreateInvoiceUsecase = (
+  param: InvoiceParam,
+) => Promise<ApiEither<string>>;
+
+export const createInvoiceUsecaseKey = "createInvoiceUsecaseKey";

src/feature/core/invoice/domain/usecase/fetch-all-invoices-amount.usecase.ts

@@ -1,9 +1,8 @@
-import "server-only";
-import serverDi from "@/feature/common/server-di";
+import serverDi from "@/feature/common/server.di";
 import InvoiceRepo, {
   invoiceRepoKey,
-} from "@/feature/core/invoice/domain/i-repo/invoice-repo";
-import { invoiceModuleKey } from "@/feature/core/invoice/invoice-module-key";
+} from "@/feature/core/invoice/domain/i-repo/invoice.i-repo";
+import { invoiceModuleKey } from "@/feature/core/invoice/invoice.module-key";
 
 export default function fetchAllInvoicesAmountUsecase(): Promise<number> {
   const repo = serverDi(invoiceModuleKey).resolve<InvoiceRepo>(invoiceRepoKey);

src/feature/core/invoice/domain/usecase/fetch-invoices-status-summary.usecase.ts

@@ -1,10 +1,9 @@
-import "server-only";
-import serverDi from "@/feature/common/server-di";
+import serverDi from "@/feature/common/server.di";
 import InvoiceRepo, {
   invoiceRepoKey,
-} from "@/feature/core/invoice/domain/i-repo/invoice-repo";
-import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status";
-import { invoiceModuleKey } from "@/feature/core/invoice/invoice-module-key";
+} from "@/feature/core/invoice/domain/i-repo/invoice.i-repo";
+import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status.value-object";
+import { invoiceModuleKey } from "@/feature/core/invoice/invoice.module-key";
 
 export default function fetchInvoicesStatusSummary(): Promise<InvoiceStatusSummary> {
   const repo = serverDi(invoiceModuleKey).resolve<InvoiceRepo>(invoiceRepoKey);

src/feature/core/revenue/data/module/revenue.di.ts

@@ -1,6 +1,6 @@
 import di from "@/bootstrap/di/init-di";
-import RevenueDbRepo from "@/feature/core/revenue/data/repo/revenue-db-repo";
-import { revenueRepoKey } from "@/feature/core/revenue/domain/i-repo/revenue-repo";
+import RevenueDbRepo from "@/feature/core/revenue/data/repo/revenue-db.repo";
+import { revenueRepoKey } from "@/feature/core/revenue/domain/i-repo/revenue.i-repo";
 
 export default function getRevenueDi() {
   const revenueDi = di.createChildContainer();

src/feature/core/revenue/data/repo/revenue-db.repo.ts

@@ -1,6 +1,6 @@
 import { sql } from "@/bootstrap/boundaries/db/db";
-import Revenue from "@/feature/core/revenue/domain/entity/revenue";
-import RevenueRepo from "@/feature/core/revenue/domain/i-repo/revenue-repo";
+import Revenue from "@/feature/core/revenue/domain/entity/revenue.entity";
+import RevenueRepo from "@/feature/core/revenue/domain/i-repo/revenue.i-repo";
 import postgres from "postgres";
 
 export type RevenueDbResponse = {

src/feature/core/revenue/domain/i-repo/revenue.i-repo.ts

@@ -1,4 +1,4 @@
-import Revenue from "@/feature/core/revenue/domain/entity/revenue";
+import Revenue from "@/feature/core/revenue/domain/entity/revenue.entity";
 
 export default interface RevenueRepo {
   fetchRevenues(): Promise<Revenue[]>;

src/feature/core/revenue/domain/usecase/fetch-revenues.usecase.ts

@@ -1,10 +1,9 @@
-import "server-only";
-import serverDi from "@/feature/common/server-di";
-import Revenue from "@/feature/core/revenue/domain/entity/revenue";
+import serverDi from "@/feature/common/server.di";
+import Revenue from "@/feature/core/revenue/domain/entity/revenue.entity";
 import RevenueRepo, {
   revenueRepoKey,
-} from "@/feature/core/revenue/domain/i-repo/revenue-repo";
-import { revenueModuleKey } from "@/feature/core/revenue/domain/revenue-module-key";
+} from "@/feature/core/revenue/domain/i-repo/revenue.i-repo";
+import { revenueModuleKey } from "@/feature/core/revenue/domain/revenue.module-key";
 
 export default function fetchRevenuesUsecase(): Promise<Revenue[]> {
   const repo = serverDi(revenueModuleKey).resolve<RevenueRepo>(revenueRepoKey);

src/feature/core/summary-info/data/module/summary-info.di.ts

@@ -1,6 +1,6 @@
 import fetchCustomersAmountUsecase from "@/feature/core/customer/domain/usecase/fetch-customers-amount-usecase";
-import fetchAllInvoicesAmountUsecase from "@/feature/core/invoice/domain/usecase/fetch-all-invoices-amount-usecase";
-import fetchInvoicesStatusSummary from "@/feature/core/invoice/domain/usecase/fetch-invoices-status-summary";
+import fetchAllInvoicesAmountUsecase from "@/feature/core/invoice/domain/usecase/fetch-all-invoices-amount.usecase";
+import fetchInvoicesStatusSummary from "@/feature/core/invoice/domain/usecase/fetch-invoices-status-summary.usecase";
 import di from "@/bootstrap/di/init-di";
 
 export default function getSummaryInfoDi() {

src/feature/core/summary-info/domain/usecase/fetch-summary-info.usecase.ts

@@ -1,10 +1,9 @@
-import "server-only";
-import serverDi from "@/feature/common/server-di";
+import serverDi from "@/feature/common/server.di";
 import fetchCustomersAmountUsecase from "@/feature/core/customer/domain/usecase/fetch-customers-amount-usecase";
-import fetchAllInvoicesAmountUsecase from "@/feature/core/invoice/domain/usecase/fetch-all-invoices-amount-usecase";
-import fetchInvoicesStatusSummary from "@/feature/core/invoice/domain/usecase/fetch-invoices-status-summary";
-import { summaryInfoModuleKey } from "@/feature/core/summary-info/domain/summary-info-module-key";
-import SummaryInfo from "@/feature/core/summary-info/domain/value-object/summary-info";
+import fetchAllInvoicesAmountUsecase from "@/feature/core/invoice/domain/usecase/fetch-all-invoices-amount.usecase";
+import fetchInvoicesStatusSummary from "@/feature/core/invoice/domain/usecase/fetch-invoices-status-summary.usecase";
+import { summaryInfoModuleKey } from "@/feature/core/summary-info/domain/summary-info.module-key";
+import SummaryInfo from "@/feature/core/summary-info/domain/value-object/summary-info.value-object";
 
 export default async function fetchSummaryInfoUsecase(): Promise<SummaryInfo> {
   try {

src/feature/core/summary-info/domain/value-object/summary-info.value-object.ts

@@ -1,4 +1,4 @@
-import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status";
+import InvoiceStatusSummary from "@/feature/core/invoice/domain/value-object/invoice-status.value-object";
 
 export default class SummaryInfo {
   customersNumber: number;

src/test/common/mock/mock-di.ts

@@ -1,6 +1,9 @@
 import di from "@/bootstrap/di/init-di";
-import * as serverDi from "@/feature/common/server-di";
+import * as serverDi from "@/feature/common/server.di";
 
+/**
+ * To mock and get server di
+ */
 export default function mockDi() {
   vi.spyOn(serverDi, "default").mockReturnValue(di);
   return di;

src/test/common/mock/mock-factory.ts

@@ -1,5 +1,8 @@
 import { Mock } from "moq.ts";
 
+/**
+ * To get mock object to mock objects and classes
+ */
 export function getMock<T>() {
   return new Mock<T>();
 }

src/test/unit/feature/customer/domain/usecase/fetch-customers.usecase.test.ts

@@ -4,7 +4,7 @@ import CustomerRepo, {
 import { getMock } from "@/test/common/mock/mock-factory";
 import { describe } from "vitest";
 import { faker } from "@faker-js/faker";
-import CustomerFakeFactory from "@/test/common/fake-factory/customer/customer-fake-factory";
+import CustomerFakeFactory from "@/test/common/fake-factory/customer/customer.fake-factory";
 import fetchCustomersUsecase from "@/feature/core/customer/domain/usecase/fetch-customers-usecase";
 import mockDi from "@/test/common/mock/mock-di";
 import { right } from "fp-ts/lib/TaskEither";