Sergey Verevkin
4 years ago
36 changed files with 9610 additions and 34 deletions
@ -0,0 +1,8 @@ |
|||||
|
root = true |
||||
|
|
||||
|
[*] |
||||
|
end_of_line = lf |
||||
|
insert_final_newline = true |
||||
|
charset = utf-8 |
||||
|
indent_style = space |
||||
|
indent_size = 2 |
||||
@ -0,0 +1 @@ |
|||||
|
REACT_APP_API_URL=http://127.0.0.1:8000/api |
||||
@ -1,39 +1,23 @@ |
|||||
# ---> macOS |
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. |
||||
# General |
|
||||
.DS_Store |
|
||||
.AppleDouble |
|
||||
.LSOverride |
|
||||
|
|
||||
# Icon must end with two \r |
|
||||
Icon |
|
||||
|
|
||||
# Thumbnails |
# dependencies |
||||
._* |
/node_modules |
||||
|
/.pnp |
||||
|
.pnp.js |
||||
|
|
||||
# Files that might appear in the root of a volume |
# testing |
||||
.DocumentRevisions-V100 |
/coverage |
||||
.fseventsd |
|
||||
.Spotlight-V100 |
|
||||
.TemporaryItems |
|
||||
.Trashes |
|
||||
.VolumeIcon.icns |
|
||||
.com.apple.timemachine.donotpresent |
|
||||
|
|
||||
# Directories potentially created on remote AFP share |
# production |
||||
.AppleDB |
/build |
||||
.AppleDesktop |
|
||||
Network Trash Folder |
|
||||
Temporary Items |
|
||||
.apdisk |
|
||||
|
|
||||
# ---> VisualStudioCode |
# misc |
||||
.vscode/* |
.DS_Store |
||||
!.vscode/settings.json |
.env.local |
||||
!.vscode/tasks.json |
.env.development.local |
||||
!.vscode/launch.json |
.env.test.local |
||||
!.vscode/extensions.json |
.env.production.local |
||||
*.code-workspace |
|
||||
|
|
||||
# Local History for Visual Studio Code |
|
||||
.history/ |
|
||||
|
|
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
|
|||||
@ -0,0 +1,5 @@ |
|||||
|
# Default ignored files |
||||
|
/shelf/ |
||||
|
/workspace.xml |
||||
|
# Editor-based HTTP Client requests |
||||
|
/httpRequests/ |
||||
@ -0,0 +1,8 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<project version="4"> |
||||
|
<component name="ProjectModuleManager"> |
||||
|
<modules> |
||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/ooya.ga.iml" filepath="$PROJECT_DIR$/.idea/ooya.ga.iml" /> |
||||
|
</modules> |
||||
|
</component> |
||||
|
</project> |
||||
@ -0,0 +1,12 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<module type="WEB_MODULE" version="4"> |
||||
|
<component name="NewModuleRootManager"> |
||||
|
<content url="file://$MODULE_DIR$"> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" /> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" /> |
||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" /> |
||||
|
</content> |
||||
|
<orderEntry type="inheritedJdk" /> |
||||
|
<orderEntry type="sourceFolder" forTests="false" /> |
||||
|
</component> |
||||
|
</module> |
||||
@ -0,0 +1,6 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<project version="4"> |
||||
|
<component name="VcsDirectoryMappings"> |
||||
|
<mapping directory="$PROJECT_DIR$" vcs="Git" /> |
||||
|
</component> |
||||
|
</project> |
||||
@ -1,2 +1,10 @@ |
|||||
# ooya.ga |
# ooya.ga |
||||
|
|
||||
|
ООП игра Яга для тренировки ПИб-201 и ПИб-202 КузГТУ |
||||
|
|
||||
|
Игра работает с локальным сервером, который Вы сами напишете. |
||||
|
Требования к api: |
||||
|
- реализация _./swagger_file_ |
||||
|
- CORS должен принимать любые домены |
||||
|
|
||||
|
## Удачи! |
||||
|
|||||
@ -0,0 +1,48 @@ |
|||||
|
{ |
||||
|
"name": "www", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"dependencies": { |
||||
|
"@testing-library/jest-dom": "^5.16.2", |
||||
|
"@testing-library/react": "^12.1.2", |
||||
|
"@testing-library/user-event": "^13.5.0", |
||||
|
"@types/jest": "^27.4.0", |
||||
|
"@types/lodash": "^4.14.178", |
||||
|
"@types/node": "^17.0.15", |
||||
|
"@types/react": "^17.0.39", |
||||
|
"@types/react-dom": "^17.0.11", |
||||
|
"axios": "^0.25.0", |
||||
|
"lodash": "^4.17.21", |
||||
|
"mobx": "^6.3.13", |
||||
|
"mobx-observer": "^0.1.1", |
||||
|
"react": "^17.0.2", |
||||
|
"react-dom": "^17.0.2", |
||||
|
"react-scripts": "5.0.0", |
||||
|
"typescript": "^4.5.5", |
||||
|
"web-vitals": "^2.1.4" |
||||
|
}, |
||||
|
"scripts": { |
||||
|
"start": "react-scripts start", |
||||
|
"build": "react-scripts build", |
||||
|
"test": "react-scripts test", |
||||
|
"eject": "react-scripts eject" |
||||
|
}, |
||||
|
"eslintConfig": { |
||||
|
"extends": [ |
||||
|
"react-app", |
||||
|
"react-app/jest" |
||||
|
] |
||||
|
}, |
||||
|
"browserslist": { |
||||
|
"production": [ |
||||
|
">0.2%", |
||||
|
"not dead", |
||||
|
"not op_mini all" |
||||
|
], |
||||
|
"development": [ |
||||
|
"last 1 chrome version", |
||||
|
"last 1 firefox version", |
||||
|
"last 1 safari version" |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,43 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="utf-8" /> |
||||
|
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
||||
|
<meta name="theme-color" content="#000000" /> |
||||
|
<meta |
||||
|
name="description" |
||||
|
content="Object oriented yaga" |
||||
|
/> |
||||
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> |
||||
|
<!-- |
||||
|
manifest.json provides metadata used when your web app is installed on a |
||||
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ |
||||
|
--> |
||||
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
||||
|
<!-- |
||||
|
Notice the use of %PUBLIC_URL% in the tags above. |
||||
|
It will be replaced with the URL of the `public` folder during the build. |
||||
|
Only files inside the `public` folder can be referenced from the HTML. |
||||
|
|
||||
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will |
||||
|
work correctly both with client-side routing and a non-root public URL. |
||||
|
Learn how to configure a non-root public URL by running `npm run build`. |
||||
|
--> |
||||
|
<title>Object-oriented yaga</title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript>You need to enable JavaScript to run this app.</noscript> |
||||
|
<div id="root"></div> |
||||
|
<!-- |
||||
|
This HTML file is a template. |
||||
|
If you open it directly in the browser, you will see an empty page. |
||||
|
|
||||
|
You can add webfonts, meta tags, or analytics to this file. |
||||
|
The build step will place the bundled scripts into the <body> tag. |
||||
|
|
||||
|
To begin the development, run `npm start` or `yarn start`. |
||||
|
To create a production bundle, use `npm run build` or `yarn build`. |
||||
|
--> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
@ -0,0 +1,25 @@ |
|||||
|
{ |
||||
|
"short_name": "React App", |
||||
|
"name": "Create React App Sample", |
||||
|
"icons": [ |
||||
|
{ |
||||
|
"src": "favicon.ico", |
||||
|
"sizes": "64x64 32x32 24x24 16x16", |
||||
|
"type": "image/x-icon" |
||||
|
}, |
||||
|
{ |
||||
|
"src": "logo192.png", |
||||
|
"type": "image/png", |
||||
|
"sizes": "192x192" |
||||
|
}, |
||||
|
{ |
||||
|
"src": "logo512.png", |
||||
|
"type": "image/png", |
||||
|
"sizes": "512x512" |
||||
|
} |
||||
|
], |
||||
|
"start_url": ".", |
||||
|
"display": "standalone", |
||||
|
"theme_color": "#000000", |
||||
|
"background_color": "#ffffff" |
||||
|
} |
||||
@ -0,0 +1,3 @@ |
|||||
|
# https://www.robotstxt.org/robotstxt.html |
||||
|
User-agent: * |
||||
|
Disallow: |
||||
@ -0,0 +1,39 @@ |
|||||
|
.App { |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.App-logo { |
||||
|
height: 50vmin; |
||||
|
pointer-events: none; |
||||
|
} |
||||
|
|
||||
|
@media (prefers-reduced-motion: no-preference) { |
||||
|
.App-logo { |
||||
|
animation: App-logo-spin infinite 10s linear; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.App-header { |
||||
|
background-color: #282c34; |
||||
|
min-height: 100vh; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
font-size: calc(10px + 2vmin); |
||||
|
color: white; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.App-link { |
||||
|
color: #61dafb; |
||||
|
} |
||||
|
|
||||
|
@keyframes App-logo-spin { |
||||
|
from { |
||||
|
transform: rotate(0deg); |
||||
|
} |
||||
|
to { |
||||
|
transform: rotate(360deg); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
import './App.css'; |
||||
|
import IntroPage from '../IntroPage/IntroPage'; |
||||
|
import GamePage from '../GamePage/GamePage'; |
||||
|
import apiStore, { EGameStage } from '../../store/apiStore/apiStore'; |
||||
|
|
||||
|
type AppProps = { |
||||
|
onEnterGame?: () => void, |
||||
|
}; |
||||
|
|
||||
|
const App: React.FC<AppProps> = observer((props) => { |
||||
|
let content = <></>; |
||||
|
switch (apiStore.gameStage) { |
||||
|
case EGameStage.Start: { |
||||
|
content = <IntroPage onEnterGame={() => { |
||||
|
apiStore.startNewGame(); |
||||
|
} } />; |
||||
|
break; |
||||
|
} |
||||
|
case EGameStage.Process: { |
||||
|
content = <GamePage onExitGame={() => apiStore.setGameStage(EGameStage.Start) } />; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
return ( |
||||
|
<div className="App"> |
||||
|
{content} |
||||
|
</div> |
||||
|
); |
||||
|
}); |
||||
|
|
||||
|
export default App; |
||||
@ -0,0 +1,46 @@ |
|||||
|
import _ from 'lodash'; |
||||
|
|
||||
|
// @ts-ignore
|
||||
|
import witch from '../../resources/witch.svg'; |
||||
|
import './GamePage.css'; |
||||
|
import { Witch } from '../../model/Witch'; |
||||
|
import apiStore from '../../store/apiStore/apiStore'; |
||||
|
|
||||
|
type GameProps = { |
||||
|
onExitGame: () => void, |
||||
|
}; |
||||
|
|
||||
|
const GamePage: React.FC<GameProps> = (props) => { |
||||
|
const {onExitGame} = props; |
||||
|
|
||||
|
const clickAtWitch = (guid: string) => { |
||||
|
apiStore.turn(guid) |
||||
|
.then((result) => console.log('check whether witch is lucky: ' + guid + ' // ' + result)); |
||||
|
} |
||||
|
return ( |
||||
|
<header className="App-header"> |
||||
|
<div className='game'> |
||||
|
<div>Score: {apiStore.currentGame?.score}</div> |
||||
|
<div>Score: {apiStore.currentGame?.score}</div> |
||||
|
<div> |
||||
|
{ |
||||
|
_.map(apiStore.currentGame?.witches, (item: Witch, index: number) => { |
||||
|
const left = item.position * 100; |
||||
|
return ( |
||||
|
<div key={index} style={{position: 'absolute', left}}> |
||||
|
<img src={witch} alt={`witch-${index}`} onClick={() => clickAtWitch(item.guid)}/> |
||||
|
</div> |
||||
|
) |
||||
|
}) |
||||
|
} |
||||
|
</div> |
||||
|
</div> |
||||
|
<h1 onClick={() => onExitGame()}> Стоп игра! </h1> |
||||
|
<div> |
||||
|
<label htmlFor='hasServer'>У меня, кажется, есть свой сервер!</label> |
||||
|
<input type='checkbox' id='hasServer' checked={!apiStore.mockMode}/> </div> |
||||
|
</header> |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
export default GamePage; |
||||
@ -0,0 +1,19 @@ |
|||||
|
// @ts-ignore
|
||||
|
import witch from '../../resources/witch.svg'; |
||||
|
import './IntroPage.css'; |
||||
|
|
||||
|
type IntroProps = { |
||||
|
onEnterGame: () => void, |
||||
|
}; |
||||
|
|
||||
|
const IntroPage: React.FC<IntroProps> = (props) => { |
||||
|
const {onEnterGame} = props; |
||||
|
return ( |
||||
|
<header className="App-header"> |
||||
|
<img src={witch} className="App-logo" alt="logo" /> |
||||
|
<h1 onClick={() => onEnterGame()}> Начать играть! </h1> |
||||
|
</header> |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
export default IntroPage; |
||||
@ -0,0 +1,13 @@ |
|||||
|
body { |
||||
|
margin: 0; |
||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', |
||||
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', |
||||
|
sans-serif; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
code { |
||||
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', |
||||
|
monospace; |
||||
|
} |
||||
@ -0,0 +1,17 @@ |
|||||
|
import React from 'react'; |
||||
|
import ReactDOM from 'react-dom'; |
||||
|
import './index.css'; |
||||
|
import App from './components/App/App'; |
||||
|
import reportWebVitals from './reportWebVitals'; |
||||
|
|
||||
|
ReactDOM.render( |
||||
|
<React.StrictMode> |
||||
|
<App /> |
||||
|
</React.StrictMode>, |
||||
|
document.getElementById('root') |
||||
|
); |
||||
|
|
||||
|
// If you want to start measuring performance in your app, pass a function
|
||||
|
// to log results (for example: reportWebVitals(console.log))
|
||||
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
||||
|
reportWebVitals(); |
||||
@ -0,0 +1,7 @@ |
|||||
|
import { Witch } from './Witch'; |
||||
|
|
||||
|
export type Game = { |
||||
|
guid: string, |
||||
|
score: number, |
||||
|
witches: Witch[], |
||||
|
}; |
||||
@ -0,0 +1,7 @@ |
|||||
|
import { IWitchDto } from './WitchDto'; |
||||
|
|
||||
|
export type IGameDto = { |
||||
|
guid: string, |
||||
|
score: number, |
||||
|
witches: IWitchDto[], |
||||
|
}; |
||||
@ -0,0 +1,5 @@ |
|||||
|
export type Witch = { |
||||
|
flagReal: boolean, |
||||
|
guid: string, |
||||
|
position: number, |
||||
|
}; |
||||
@ -0,0 +1,5 @@ |
|||||
|
export interface IWitchDto { |
||||
|
guid: string, |
||||
|
flagReal: boolean, |
||||
|
position: number, |
||||
|
}; |
||||
@ -0,0 +1,13 @@ |
|||||
|
const reportWebVitals = onPerfEntry => { |
||||
|
if (onPerfEntry && onPerfEntry instanceof Function) { |
||||
|
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { |
||||
|
getCLS(onPerfEntry); |
||||
|
getFID(onPerfEntry); |
||||
|
getFCP(onPerfEntry); |
||||
|
getLCP(onPerfEntry); |
||||
|
getTTFB(onPerfEntry); |
||||
|
}); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
export default reportWebVitals; |
||||
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,5 @@ |
|||||
|
// jest-dom adds custom jest matchers for asserting on DOM nodes.
|
||||
|
// allows you to do things like:
|
||||
|
// expect(element).toHaveTextContent(/react/i)
|
||||
|
// learn more: https://github.com/testing-library/jest-dom
|
||||
|
import '@testing-library/jest-dom'; |
||||
@ -0,0 +1,38 @@ |
|||||
|
/** |
||||
|
* @file Сервис для источника данных |
||||
|
* @version 2022.01.26 |
||||
|
* @author Verevkin S.A. |
||||
|
* @copyright Verevkin S.A. |
||||
|
*/ |
||||
|
import tool from '../tool'; |
||||
|
import { Game } from '../../model/Game'; |
||||
|
import { IGameDto } from '../../model/GameDto'; |
||||
|
import { Mapper } from '../mapper'; |
||||
|
|
||||
|
const service = { |
||||
|
// region Публичные функции
|
||||
|
async getGame(): Promise<Game | undefined> { |
||||
|
const resultPromise = tool.get<IGameDto>('/game', {}); |
||||
|
return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => { |
||||
|
if (!response) return; |
||||
|
return Mapper.fromGame(response); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
async gameTurn(gameGuid: string, witchGuid: string): Promise<Game | undefined> { |
||||
|
const resultPromise = tool.get<IGameDto>('/turn', { |
||||
|
gameGuid, witchGuid |
||||
|
}); |
||||
|
return resultPromise.then((response: IGameDto | undefined): (Game | undefined) => { |
||||
|
if (!response) return; |
||||
|
return Mapper.fromGame(response); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
async getVersion(): Promise<string | undefined> { |
||||
|
return tool.get<string>('/version', {}); |
||||
|
} |
||||
|
// endregion
|
||||
|
}; |
||||
|
|
||||
|
export default service; |
||||
@ -0,0 +1,131 @@ |
|||||
|
/** |
||||
|
* @file Хранилище для источника данных |
||||
|
* @version 2022.01.26 |
||||
|
* @author Verevkin S.A. |
||||
|
* @copyright Verevkin S.A. |
||||
|
*/ |
||||
|
|
||||
|
import { action, makeObservable, observable } from 'mobx'; |
||||
|
import { Game } from '../../model/Game'; |
||||
|
import service from './apiStore.service'; |
||||
|
import { Witch } from '../../model/Witch'; |
||||
|
|
||||
|
export enum EGameStage { |
||||
|
Start = 0, |
||||
|
Process = 1 |
||||
|
} |
||||
|
|
||||
|
class ApiStore { |
||||
|
// region observable properties
|
||||
|
mockMode: boolean = true; |
||||
|
gameStage: EGameStage = EGameStage.Start; |
||||
|
version: string = ""; |
||||
|
currentGame: Game | undefined; |
||||
|
errorState: string = ""; |
||||
|
// endregion
|
||||
|
// region consts
|
||||
|
apiUrl = process.env.REACT_APP_API_URL; |
||||
|
// endregion
|
||||
|
|
||||
|
constructor() { |
||||
|
makeObservable(this, { |
||||
|
/* observable properties */ |
||||
|
currentGame: observable, |
||||
|
mockMode: observable, |
||||
|
version: observable, |
||||
|
errorState: observable, |
||||
|
gameStage: observable, |
||||
|
/* actions */ |
||||
|
setCurrentGame: action.bound, |
||||
|
setMockMode: action.bound, |
||||
|
setVersion: action.bound, |
||||
|
setErrorState: action.bound, |
||||
|
setGameStage: action.bound, |
||||
|
}); |
||||
|
this.backgroundLoad(); |
||||
|
} |
||||
|
|
||||
|
// region public methods
|
||||
|
async backgroundLoad(): Promise<void> { |
||||
|
if (this.mockMode) { |
||||
|
const ar: Witch[] = [{ |
||||
|
guid: '1', position: 0, flagReal: false, |
||||
|
}, |
||||
|
{ |
||||
|
guid: '2', position: 1, flagReal: true, |
||||
|
}, |
||||
|
{ |
||||
|
guid: '3', position: 2, flagReal: false, |
||||
|
}, |
||||
|
]; |
||||
|
this.setCurrentGame({ |
||||
|
guid: '1', |
||||
|
witches: ar, |
||||
|
score: 0, |
||||
|
}) |
||||
|
return Promise.resolve(); |
||||
|
} |
||||
|
service.getVersion() |
||||
|
.then((version) => version && this.setVersion(version)); |
||||
|
service.getGame() |
||||
|
.then((game) => game && this.setCurrentGame(game)); |
||||
|
|
||||
|
} |
||||
|
async turn(witchGuid: string): Promise<boolean> { |
||||
|
if (this.mockMode) return Promise.resolve(false); |
||||
|
if (!this.currentGame?.guid) return Promise.resolve(false); |
||||
|
|
||||
|
return service.gameTurn(this.currentGame?.guid, witchGuid) |
||||
|
.then((game) => { |
||||
|
if (!game) return false; |
||||
|
const result = (game?.guid !== this.currentGame?.guid); |
||||
|
this.setCurrentGame(game); |
||||
|
return result; |
||||
|
}) |
||||
|
} |
||||
|
// endregion
|
||||
|
|
||||
|
// region setters
|
||||
|
setCurrentGame(game: Game) { |
||||
|
this.currentGame = game; |
||||
|
} |
||||
|
|
||||
|
setMockMode(mockMode: boolean) { |
||||
|
if (mockMode !== this.mockMode) this.mockMode = mockMode; |
||||
|
} |
||||
|
|
||||
|
setVersion(version: string) { |
||||
|
if (version && version !== this.version) { |
||||
|
this.version = version; |
||||
|
} |
||||
|
} |
||||
|
setErrorState(errorState: string) { |
||||
|
this.errorState = errorState; |
||||
|
if (errorState) { |
||||
|
this.gameStage = EGameStage.Start; |
||||
|
} |
||||
|
} |
||||
|
setGameStage(gameStage: EGameStage) { |
||||
|
if (gameStage === this.gameStage) return; |
||||
|
this.gameStage = gameStage; |
||||
|
} |
||||
|
//endregion
|
||||
|
startNewGame() { |
||||
|
if (this.mockMode) { |
||||
|
if (this.currentGame) { |
||||
|
this.currentGame.guid = Date.now().toString(10); |
||||
|
} |
||||
|
this.setGameStage(EGameStage.Process) |
||||
|
} else { |
||||
|
service.getGame() |
||||
|
.then((game) => { |
||||
|
if (game) { |
||||
|
this.setCurrentGame(game); |
||||
|
this.setGameStage(EGameStage.Process) |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default new ApiStore(); |
||||
@ -0,0 +1,23 @@ |
|||||
|
import _ from 'lodash'; |
||||
|
|
||||
|
import { Game } from '../model/Game'; |
||||
|
import { IGameDto } from '../model/GameDto'; |
||||
|
import { IWitchDto } from '../model/WitchDto'; |
||||
|
import { Witch } from '../model/Witch'; |
||||
|
|
||||
|
export const Mapper = { |
||||
|
fromGame(gameDto: IGameDto): Game { |
||||
|
return { |
||||
|
guid: gameDto.guid, |
||||
|
score: gameDto.score, |
||||
|
witches: _.map(gameDto.witches, (witch: IWitchDto) => this.fromWitch(witch)), |
||||
|
} |
||||
|
}, |
||||
|
fromWitch(witch: IWitchDto): Witch { |
||||
|
return { |
||||
|
flagReal: witch.flagReal, |
||||
|
position: witch.position, |
||||
|
guid: witch.guid, |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,40 @@ |
|||||
|
/** |
||||
|
* @file Утилиты |
||||
|
* @version 2022.01.26 |
||||
|
* @author Verevkin S.A. |
||||
|
* @copyright Verevkin S.A. |
||||
|
*/ |
||||
|
import axios from 'axios'; |
||||
|
|
||||
|
const tool = { |
||||
|
apiUrl: process.env.REACT_APP_API_URL, |
||||
|
|
||||
|
// region функции
|
||||
|
// метод взаимодействия с REST-сервисом
|
||||
|
get<TResult>( |
||||
|
method: string, |
||||
|
args: any, |
||||
|
): Promise<TResult | undefined> { |
||||
|
const url = this.apiUrl + method; |
||||
|
const requestConfig = { |
||||
|
params: Object |
||||
|
}; |
||||
|
return axios |
||||
|
.get<TResult>( |
||||
|
`${url}`, |
||||
|
requestConfig, |
||||
|
) |
||||
|
.then((response) => { |
||||
|
const { data } = response; |
||||
|
return data; |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
console.warn(err); |
||||
|
return undefined; |
||||
|
}); |
||||
|
}, |
||||
|
//endregion
|
||||
|
|
||||
|
}; |
||||
|
|
||||
|
export default tool; |
||||
@ -0,0 +1,26 @@ |
|||||
|
{ |
||||
|
"compilerOptions": { |
||||
|
"target": "es5", |
||||
|
"lib": [ |
||||
|
"dom", |
||||
|
"dom.iterable", |
||||
|
"esnext" |
||||
|
], |
||||
|
"allowJs": true, |
||||
|
"skipLibCheck": true, |
||||
|
"esModuleInterop": true, |
||||
|
"allowSyntheticDefaultImports": true, |
||||
|
"strict": true, |
||||
|
"forceConsistentCasingInFileNames": true, |
||||
|
"noFallthroughCasesInSwitch": true, |
||||
|
"module": "esnext", |
||||
|
"moduleResolution": "node", |
||||
|
"resolveJsonModule": true, |
||||
|
"isolatedModules": true, |
||||
|
"noEmit": true, |
||||
|
"jsx": "react-jsx" |
||||
|
}, |
||||
|
"include": [ |
||||
|
"src" |
||||
|
] |
||||
|
} |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue