Merge pull request #9 from tkc/feat/api

Implement API skeleton

Author: tkc

apis/base.ts

@@ -0,0 +1,46 @@
+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
+export const baseURL = "example.com";
+
+export type Response<T> = {
+  code: number;
+  data: T;
+  status: string;
+};
+
+const defaultOptions = {
+  timeout: 60000,
+  baseURL,
+  headers: {},
+};
+
+export class Api {
+  api: AxiosInstance;
+  constructor(options: AxiosRequestConfig = {}) {
+    this.api = axios.create({ ...defaultOptions, ...options });
+  }
+  get(url: string, params?: any) {
+    return this.api.get(url, params ? { params } : {}).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  post(url: string, body: any) {
+    return this.api.post(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  delete(url: string, body: any) {
+    return this.api.delete(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  put(url: string, body: any) {
+    return this.api.put(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  patch(url: string, body: any) {
+    return this.api.patch(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+}

apis/index.ts

@@ -0,0 +1,54 @@
+import { AxiosPromise } from "axios";
+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
+import * as models from "types/models";
+import * as payloads from "types/payloads";
+export const baseURL = "example.com";
+
+export type Response<T> = {
+  code: number;
+  data: T;
+  status: string;
+};
+
+const defaultOptions = {
+  timeout: 60000,
+  baseURL,
+  headers: {},
+};
+
+export class Api {
+  api: AxiosInstance;
+  constructor(options: AxiosRequestConfig = {}) {
+    this.api = axios.create({ ...defaultOptions, ...options });
+  }
+  get(url: string, params?: any) {
+    return this.api.get(url, params ? { params } : {}).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  post(url: string, body: any) {
+    return this.api.post(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  delete(url: string, body: any) {
+    return this.api.delete(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  put(url: string, body: any) {
+    return this.api.put(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+  patch(url: string, body: any) {
+    return this.api.patch(url, body).catch(e => {
+      return Promise.reject(e.response);
+    });
+  }
+}
+
+export function Login(payload: payloads.Login): AxiosPromise<models.User> {
+  const api = new Api();
+  return api.post(`/login`, payload);
+}

models/account.ts

@@ -18,10 +18,10 @@
   },
   "repository": {
     "type": "git",
-    "url": ""
+    "url": "https://github.com/tkc/react-admin-sandbox"
   },
   "bugs": {
-    "url": ""
+    "url": "https://github.com/tkc/react-admin-sandbox/issue"
   },
   "homepage": "",
   "dependencies": {
@@ -34,23 +34,18 @@
     "add": "^2.0.6",
     "antd": "^3.26.7",
     "aws-sdk": "^2.518.0",
-    "axios": "0.19.0",
-    "c3": "^0.7.12",
-    "clipboard-copy": "^3.1.0",
+    "axios": "^0.19.2",
     "connected-react-router": "^4.4.1",
     "css-modules-typescript-loader": "^4.0.0",
-    "dicom-parser": "^1.8.1",
     "encoding-japanese": "^1.0.29",
     "faker": "^4.1.0",
     "formik": "1.5.8",
     "fp-ts": "2.3.1",
     "history": "^4.10.1",
-    "jest-canvas-mock": "^2.1.1",
     "js-tree": "^2.0.1",
     "loadable-components": "2.2.3",
     "lodash": "^4.17.15",
     "monocle-ts": "^2.0.0",
-    "newtype-ts": "^0.3.2",
     "nprogress": "^0.2.0",
     "peity-react": "^0.0.7",
     "query-string": "^6.2.0",
@@ -72,7 +67,7 @@
     "redux-thunk": "^2.3.0",
     "save": "^2.4.0",
     "store": "^2.0.12",
-    "storybook": "^5.1.11",
+    "storybook": "^5.3.9",
     "styled-components": "4.4.1",
     "timeago.js": "^4.0.1",
     "tslib": "1.10.0",
@@ -86,19 +81,11 @@
     "@babel/types": "7.7.4",
     "@emotion/core": "10.0.22",
     "@sentry/browser": "5.10.2",
-    "@storybook/addon-actions": "5.2.8",
-    "@storybook/addon-centered": "5.2.8",
-    "@storybook/addon-knobs": "5.2.8",
-    "@storybook/addon-links": "5.2.8",
-    "@storybook/addon-options": "5.2.8",
-    "@storybook/addon-storysource": "5.2.8",
     "@storybook/addons": "5.2.8",
     "@storybook/react": "5.2.8",
     "@storybook/theming": "5.2.8",
     "@svgr/webpack": "4.3.3",
     "@types/dom-inputevent": "1.0.5",
-    "@types/enzyme": "3.10.4",
-    "@types/enzyme-adapter-react-16": "1.0.5",
     "@types/enzyme-to-json": "1.5.3",
     "@types/hammerjs": "2.0.36",
     "@types/history": "4.7.3",
@@ -124,8 +111,6 @@
     "connect-history-api-fallback": "1.6.0",
     "cpy-cli": "3.0.0",
     "css-loader": "^3.4.2",
-    "enzyme": "3.10.0",
-    "enzyme-adapter-react-16": "1.15.1",
     "enzyme-to-json": "3.4.3",
     "glob-all": "3.1.0",
     "html-webpack-plugin": "^4.0.0-beta.11",
@@ -178,4 +163,4 @@
       "**/?(*.)+(spec|test).ts?(x)"
     ]
   }
-}
+}

models/index.ts

@@ -1,4 +1,5 @@
 import { $ActionType } from ".";
+import * as models from "types/models";
 
 // login
 export const AuthLoginRequestActionType = "AUTH/LOGIN-REQUEST";
@@ -41,10 +42,10 @@ export type AuthLoginSuccessAction = $ActionType<
   typeof AuthLoginSuccessActionType,
   ReturnType<typeof AuthLoginSuccess>["payload"]
 >;
-export function AuthLoginSuccess() {
+export function AuthLoginSuccess(payload: models.User) {
   return {
     type: AuthLoginSuccessActionType,
-    payload: null,
+    payload,
   };
 }
 

models/user.ts

@@ -1,5 +1,5 @@
 import { $ActionType } from ".";
-import * as models from "models";
+import * as models from "types/models";
 
 export const UserCreateRequestActionType = "USERCREATE/REQUEST";
 export const UserCreateSuccessActionType = "USERCREATE/SUCCESS";

package.json

@@ -1,12 +1,12 @@
 import React from "react";
 import { Menu, Dropdown, Avatar, Badge } from "antd";
 import styles from "./style.module.scss";
-import * as types from "types";
+import * as models from "types/models";
 
 export interface OwnState {}
 
 export interface ProfileMenuProps {
-  user: types.UserType;
+  user: models.User;
   badgeCount: number;
   logout: () => void;
 }