boilerplate updated

lipex360x · Sep 19, 2022 · 9148b7f · 9148b7f
1 parent 3ba06bc
commit 9148b7f
Show file tree

Hide file tree

Showing 20 changed files with 63 additions and 46 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -9,16 +9,11 @@
     "@typescript-eslint/no-non-null-assertion": "off",
 
     "import-helpers/order-imports": ["error", {
-      "newlinesBetween": "never",
+      "newlinesBetween": "always",
       "groups": [
         "absolute",
         "module",
-        "/^react/",
-        "/^@/components/",
-        "/^@/constants/",
-        "/^@/services/",
-        "/^@/store/",
-        "/^@/styles/",
+        "/^@/",
         "index"
       ],
       "alphabetize": { "order": "asc", "ignoreCase": true }

diff --git a/generators/pages/index.js b/generators/pages/index.js
@@ -17,14 +17,12 @@ module.exports = {
 
   actions: (data) => {
     const pathTemplate = "./pages/templates";
-    const pagePath = "../src/pages/{{pageName}}Page";
+    const pagePath = "../src/pages/{{pageName}}";
 
     const files = () => {
       const arrayFiles = [];
 
-      arrayFiles.push(pushFiles(pagePath, "index.ts", "index.hbs"));
-      arrayFiles.push(pushFiles(pagePath, "styles.ts", "styles.hbs"));
-      arrayFiles.push(pushFiles(pagePath, "{{pageName}}Page.tsx", "page.hbs"));
+      arrayFiles.push(pushFiles(pagePath, "{{pageName}}.tsx", "page.hbs"));
 
       return arrayFiles;
     };

diff --git a/generators/pages/templates/index.hbs b/generators/pages/templates/index.hbs
diff --git a/generators/pages/templates/page.hbs b/generators/pages/templates/page.hbs
@@ -1,9 +1,13 @@
-import * as S from './styles'
+import Head from 'next/head'
 
-export const {{pageName}}Page = () => {
+export default function {{pageName}}() {
   return (
-    <S.Wrapper>
-      <span>Hello {{pageName}}Page</span>
-    </S.Wrapper>
+    <>
+      <Head>
+        <title>{{pageName}}</title>
+      </Head>
+
+      <h1>Hello {{pageName}}</h1>
+    </>
   )
 }
diff --git a/generators/pages/templates/styles.hbs b/generators/pages/templates/styles.hbs
diff --git a/src/api/axios.ts b/src/api/axios.ts
@@ -1,4 +1,5 @@
 import axios from 'axios'
+
 import { NEXT_URL } from '@/constants/environment'
 
 export const api = axios.create({

diff --git a/src/components/atoms/Button/Button.tsx b/src/components/atoms/Button/Button.tsx
@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes, ForwardRefRenderFunction } from 'react'
+
 import * as S from './styles'
 
 type ButtonsTypes = ButtonHTMLAttributes<HTMLButtonElement>

diff --git a/src/components/atoms/Button/styles.ts b/src/components/atoms/Button/styles.ts
@@ -1,4 +1,5 @@
 import styled, { css, DefaultTheme } from 'styled-components'
+
 import { ButtonProps } from './Button'
 
 export type WrapperProps = {

diff --git a/src/components/atoms/FormElements/Checkbox/Checkbox.tsx b/src/components/atoms/FormElements/Checkbox/Checkbox.tsx
@@ -1,4 +1,5 @@
 import { InputHTMLAttributes, useState } from 'react'
+
 import * as S from './styles'
 
 export type CheckboxProps = {

diff --git a/src/components/atoms/FormElements/TextField/TextField.tsx b/src/components/atoms/FormElements/TextField/TextField.tsx
@@ -1,4 +1,5 @@
 import { forwardRef, InputHTMLAttributes } from 'react'
+
 import * as S from './styles'
 
 type TextFieldProps = {

diff --git a/src/components/bosons/FormContainer/FormContainer.tsx b/src/components/bosons/FormContainer/FormContainer.tsx
@@ -1,4 +1,5 @@
 import { ReactNode } from 'react'
+
 import * as S from './styles'
 
 export type FormContainerProps = {

diff --git a/src/components/organisms/HomePage/HomePage.tsx b/src/components/organisms/HomePage/HomePage.tsx
@@ -1,12 +1,13 @@
 import { Button } from '@/components/atoms/Button'
 import { Minus, Plus, ReturnCircled } from '@/components/atoms/Icons'
 import { Logo } from '@/components/atoms/Logo/Logo'
-import toastService from '@/services/toast.service'
-import { useZustand } from '@/store/useZustand'
+import { toastService } from '@/services/'
+import { zustandStore } from '@/store'
+
 import * as S from './styles'
 
 export const HomePage = () => {
-  const { count, increment, decrement, reset } = useZustand()
+  const { count, increment, decrement, reset } = zustandStore()
 
   const handleReset = () => {
     toastService.success('Store Count reseted')

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,5 +1,6 @@
 import type { AppProps } from 'next/app'
 import { ThemeProvider } from 'styled-components'
+
 import { DefaultLayout } from '@/components/templates/DefaultLayout/'
 import GlobalStyles from '@/styles/global'
 import theme from '@/styles/theme'

diff --git a/src/services/index.ts b/src/services/index.ts
@@ -0,0 +1,3 @@
+export * as toastService from './toast.service'
+export * as priceService from './price.service'
+export * as localStorageService from './localStorage.service'
diff --git a/src/services/localStorage.service.ts b/src/services/localStorage.service.ts
@@ -0,0 +1,22 @@
+export const setItem = (key: string, item: string | object) => {
+  const value = typeof item === 'object' ? JSON.stringify(item) : item
+  return window.localStorage.setItem(key, value)
+}
+
+export const getItem = (key: string) => {
+  const value = window.localStorage.getItem(key)
+
+  if (!value) {
+    return
+  }
+
+  try {
+    return JSON.parse(value)
+  } catch {
+    return value
+  }
+}
+
+export const removeItem = (key: string) => {
+  return window.localStorage.removeItem(key)
+}
diff --git a/src/services/price.service.ts b/src/services/price.service.ts
@@ -0,0 +1,6 @@
+export const priceFormat = (price: number) => {
+  return new Intl.NumberFormat('pt-BR', {
+    style: 'currency',
+    currency: 'BRL',
+  }).format(price)
+}
diff --git a/src/services/toast.service.ts b/src/services/toast.service.ts
@@ -1,22 +1,22 @@
 import { toast } from 'react-hot-toast'
 
-const success = (content: string) => {
+export const success = (content: string) => {
   return toast.success(content)
 }
 
-const error = (content: string) => {
+export const error = (content: string) => {
   return toast.error(content)
 }
 
-const loading = (content: string) => {
+export const loading = (content: string) => {
   return toast.loading(content)
 }
 
-const dismiss = () => {
+export const dismiss = () => {
   toast.dismiss()
 }
 
-const promise = (
+export const promise = (
   promise: Promise<any>,
   content: string,
   success: string,
@@ -28,11 +28,3 @@ const promise = (
     error,
   })
 }
-
-export default {
-  success,
-  error,
-  loading,
-  dismiss,
-  promise,
-}
diff --git a/src/store/index.ts b/src/store/index.ts
@@ -0,0 +1 @@
+export { zustandStore } from './zustand.store'
diff --git a/src/store/useZustand.ts → src/store/zustand.store.ts b/src/store/useZustand.ts → src/store/zustand.store.ts
@@ -1,14 +1,14 @@
 import { produce } from 'immer'
 import create from 'zustand'
 
-export type UseZustandProps = {
+export type ZustandStoreProps = {
   count: number
   increment: () => void
   decrement: () => void
   reset: () => void
 }
 
-export const useZustand = create<UseZustandProps>((set) => ({
+export const zustandStore = create<ZustandStoreProps>((set) => ({
   count: 0,
 
   increment: () =>

diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -41,12 +41,6 @@ const GlobalStyles = createGlobalStyle`
     button {
       cursor: pointer;
     }
-
-    body {
-      font-family: 'Roboto';
-      font-size: ${theme.font.size.medium};
-      color: ${theme.color.black};
-    }
   `}
 `