Merge pull request #88 from howtocards/feat/59-user-settings-page

Author: sergeysova

.flowconfig

@@ -26,6 +26,7 @@ esproposal.decorators=ignore
 module.use_strict=true
 esproposal.export_star_as=enable
 
+module.name_mapper='^@api/' ->'<PROJECT_ROOT>/src/api/'
 module.name_mapper='^@lib/' ->'<PROJECT_ROOT>/src/lib/'
 module.name_mapper='^@features/' ->'<PROJECT_ROOT>/src/features/'
 module.name_mapper='^@howtocards/ui' ->'<PROJECT_ROOT>/src/ui'

config/webpack.config.js

@@ -276,6 +276,7 @@ module.exports = (webpackEnv) => {
           ? { "react-dom": "@hot-loader/react-dom" }
           : undefined),
 
+        "@api": path.resolve(paths.appSrc, "api"),
         "@features": path.resolve(paths.appSrc, "features"),
         "@lib": path.resolve(paths.appSrc, "lib"),
         "@howtocards/ui": path.resolve(paths.appSrc, "ui"),

jsconfig.json

@@ -5,7 +5,9 @@
     "jsx": "react",
     "lib": ["es2015", "es2016", "dom"],
     "paths": {
+      "@api/*": ["./api/*"],
       "@features/*": ["./features/*"],
+      "@howtocards/ui": ["./ui"],
       "@howtocards/ui/*": ["./ui/*"],
       "@lib/*": ["./lib/*"]
     }

src/api/account.js

@@ -0,0 +1,16 @@
+// @flow
+import { request } from "@features/common"
+
+type RegisterData = {
+  email: string,
+  password: string,
+}
+/**
+ * https://github.com/howtocards/frontend/tree/master/mock-server/server#post-account-create-user-account
+ */
+const createAccount = (registerData: RegisterData): Promise<number> =>
+  request("POST", "/account/", { body: registerData })
+
+export const accountApi = {
+  createAccount,
+}

src/features/cards/api.js renamed to src/api/cards.js

@@ -1,11 +1,21 @@
 // @flow
 import { request } from "@features/common"
-import type { Card } from "./types"
 
-type CreateCard = {
+export type Card = {
+  id: number,
   title: string,
+  createdAt: string,
+  meta: {
+    canEdit: boolean,
+    isUseful: boolean,
+  },
   content: mixed,
 }
+
+type CreateCard = {
+  title: string,
+  content: {},
+}
 const create = (card: CreateCard): Promise<Card> =>
   request("POST", "/cards/", { body: card })
 

src/api/session.js

@@ -0,0 +1,30 @@
+// @flow
+import { request } from "@features/common"
+
+type LoginData = {
+  email: string,
+  password: string,
+}
+/**
+ * https://github.com/howtocards/frontend/tree/master/mock-server/server#post-accountsession-create-session-token
+ */
+const createSession = (loginData: LoginData): Promise<{ token: string }> =>
+  request("POST", "/account/session/", { body: loginData })
+
+/**
+ * https://github.com/howtocards/frontend/tree/master/mock-server/server#delete-accountsession-drop-session
+ */
+const dropSession = (token: string): Promise<boolean> =>
+  request("DELETE", "/account/session/", { body: { token } })
+
+/**
+ * https://github.com/howtocards/frontend/tree/master/mock-server/server#delete-accountsession-drop-session
+ */
+const dropAllSessions = (): Promise<boolean> =>
+  request("DELETE", "/account/session/")
+
+export const sessionApi = {
+  createSession,
+  dropSession,
+  dropAllSessions,
+}

src/app.js

@@ -1,4 +1,5 @@
-import React from "react"
+// @flow
+import * as React from "react"
 import { hot } from "react-hot-loader"
 
 import { Normalize } from "styled-normalize"

src/features/cards/index.js

@@ -1,11 +1,10 @@
-import "./model"
+// @flow
 
-import { type Card } from "./types"
-
-export { $registry as $cardsRegistry } from "./model/registry.store"
-export { cardsToObject } from "./model/registry.model"
-export { CardItem, CardsList, SkeletonList } from "./organisms"
+export {
+  $registry as $cardsRegistry,
+  cardsToObject,
+} from "./model/registry.store"
+export { usefulMarkClicked } from "./model/registry.events"
+export { CardItem, CardsList, SkeletonList, CardSkeleton } from "./organisms"
 export { CardsCommonTemplate } from "./templates/common"
-export { cardsRoutes } from "./routes"
-
-export { Card }
+export { TitleInput } from "./atoms/title-input"