chore: project structure

src/api/operations/User/operation.graphql

@@ -0,0 +1,8 @@
+query User {
+  __schema {
+     types {
+       name
+       kind
+     }
+  }
+}

src/api/operations/User/operation.tsx

@@ -0,0 +1,3 @@
+// autgenerated using https://graphql-code-generator.com/
+
+export {}

src/api/requests/index.tsx

@@ -0,0 +1 @@
+export * from './login'

src/api/requests/login.tsx

@@ -0,0 +1 @@
+export const login = () => {}

src/config/index.tsx

@@ -0,0 +1 @@
+export * from './routes'

src/config/routes.tsx

@@ -0,0 +1 @@
+export const API_ROOT = ''

src/features/Login/index.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const Login = () => (
+  <div>
+    Login page
+  </div>
+)

src/helpers/callApi/checkStatus.tsx

@@ -0,0 +1,7 @@
+export const checkStatus = (response: Response) => {
+  if (!response.ok) {
+    return Promise.reject(new Error(response.statusText))
+  }
+
+  return Promise.resolve(response)
+}

src/helpers/callApi/clearUserAuthInfo.tsx

@@ -0,0 +1,4 @@
+export const clearUserAuthInfo = () => {
+  localStorage.removeItem('id_token')
+  localStorage.removeItem('AuthUser')
+}

src/helpers/callApi/getRequestConfig.tsx

@@ -0,0 +1,35 @@
+import isString from 'lodash/isString'
+
+import { loadIdToken } from './loadIdToken'
+import { TRequestAbortController, TRequestConfig } from './types'
+
+export const getRequestConfig = (
+  config: TRequestConfig,
+  abortController?: TRequestAbortController,
+) => {
+  const requestConfig = {
+    method: 'POST',
+    ...config,
+    headers: new Headers(),
+  }
+
+  if (config.body && !isString(config.body)) {
+    requestConfig.body = JSON.stringify(config.body)
+  }
+
+  if (config.body) {
+    requestConfig.headers.set('Content-Type', 'application/json')
+  }
+
+  if (abortController) {
+    requestConfig.signal = abortController.signal
+  }
+
+  const token = loadIdToken()
+
+  if (token) {
+    requestConfig.headers.set('x-auth-token', token)
+  }
+
+  return requestConfig
+}

src/helpers/callApi/getResponseData.tsx

@@ -0,0 +1,3 @@
+export const getResponseData = (proc: string) => (response: any) => (
+  response?.data?.[0]?.[proc]
+)

src/helpers/callApi/index.tsx

@@ -0,0 +1,42 @@
+import { TCallApi } from './types'
+import { parseJSON } from './parseJSON'
+import { checkStatus } from './checkStatus'
+import { removeCookie } from './removeCookie'
+import { clearUserAuthInfo } from './clearUserAuthInfo'
+import { getRequestConfig } from './getRequestConfig'
+
+export const callApi = ({
+  abortController,
+  config,
+  url,
+}: TCallApi) => {
+  const requestConfig = getRequestConfig(config, abortController)
+
+  // eslint-disable-next-line no-console
+  console.log(
+    '%c callApi from module - config ',
+    'color: white; background-color: #95B46A',
+    config,
+  )
+
+  return fetch(url, requestConfig)
+    .then(checkStatus)
+    .then(parseJSON)
+    .catch((error) => {
+      if (error.message === 'Unauthorized') {
+        clearUserAuthInfo()
+        removeCookie('token')
+
+        if (window.location.pathname !== '/login') {
+          localStorage.setItem('backLocation', window.location.pathname)
+          window.location.pathname = '/login'
+        }
+      }
+
+      // eslint-disable-next-line no-console
+      console.error(error)
+      return Promise.reject(error)
+    })
+}
+
+export { getResponseData } from './getResponseData'

src/helpers/callApi/loadIdToken.tsx

@@ -0,0 +1 @@
+export const loadIdToken = () => localStorage.getItem('id_token')

src/helpers/callApi/parseJSON.tsx

@@ -0,0 +1 @@
+export const parseJSON = (response: Response) => response.json()

src/helpers/callApi/removeCookie.tsx

@@ -0,0 +1,11 @@
+export const removeCookie = (
+  name: string,
+  domain: string = '.instatscout.com',
+) => {
+  document.cookie = `
+    ${name}=;
+    expires='Thu, 01 Jan 1970 00:00:00 UTC';
+    path=/;
+    domain=${domain}
+  `
+}

src/helpers/callApi/types.tsx

@@ -0,0 +1,14 @@
+export type TRequestConfig = {
+  [key: string]: any,
+  body?: any,
+  headers?: Headers,
+  signal?: any,
+}
+
+export type TRequestAbortController = AbortController | null
+
+export type TCallApi = {
+  abortController?: TRequestAbortController,
+  config: TRequestConfig,
+  url: string,
+}

src/helpers/index.tsx

@@ -0,0 +1 @@
+export * from './callApi'

src/hooks/index.tsx

@@ -0,0 +1 @@
+export * from './usePageId'

src/hooks/usePageId.tsx

@@ -0,0 +1 @@
+export const usePageId = () => {}

src/types/index.tsx

@@ -0,0 +1,3 @@
+// autgenerated using https://graphql-code-generator.com/
+
+export {}