-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/game/gameCreator.js.html b/coverage/src/game/gameCreator.js.html
deleted file mode 100644
index 9a9a807..0000000
--- a/coverage/src/game/gameCreator.js.html
+++ /dev/null
@@ -1,210 +0,0 @@
-
-
-
-
-
-
-- All files / src/game gameActions.js -
-
-
-
- 100%
- Statements
- 6/6
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 2/2
-
-
- 100%
- Lines
- 6/6
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 | - -1x -1x - -1x - - - - - - -1x - - - - - - - - -1x - - - -1x - - | // Constants
-
-export const STOP = 'STOP';
-export const CREATE = 'CREATE';
-
-export const MissionStatuses = {
- ACTIVE: 'ACTIVE',
- SUCCESS: 'SUCCESS',
- STOLEN: 'STOLEN',
- CANCELLED: 'CANCELLED',
-};
-
-export const GameStatuses = {
- ONGOING: 'ONGOING',
- STOPPED: 'STOPPED',
- FINISHED: 'FINISHED',
-};
-
-// Actions
-
-export function stopGame() {
- return { type: STOP };
-}
-
-export function createGame(listUsers) {
- return { type: CREATE, users: listUsers };
-}
- |
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/game/gameEngine.js.html b/coverage/src/game/gameEngine.js.html
deleted file mode 100644
index eec78c6..0000000
--- a/coverage/src/game/gameEngine.js.html
+++ /dev/null
@@ -1,144 +0,0 @@
-
-
-
-
-
-
-- All files / src/game gameCreator.js -
-
-
-
- 100%
- Statements
- 10/10
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 7/7
-
-
- 100%
- Lines
- 8/8
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 | - - - - - -1x - - - -3x - - - -3x - - - - - - - - -3x - - - - - - - -3x - - - - - - - -3x -3x -1x - - - - - - | import { shuffle } from '../utils/arrayUtils';
-import { uuidv4 as uuid } from '../utils/uuid';
-
-import challenges from './challenges/challenges';
-import { MissionStatuses, GameStatuses } from './gameActions';
-
-const shuffledChallenges = shuffle(challenges);
-
-function getRandomChallenge() {
- // TODO : Improve. This implementation really sucks
- return shuffledChallenges.pop();
-}
-
-function createMission() {
- return {
- id: uuid(),
- challenge: getRandomChallenge(),
- status: MissionStatuses.ACTIVE,
- targetId: undefined, // TODO
- };
-}
-
-function createUser(userName) {
- return {
- id: uuid(),
- name: userName,
- email: undefined,
- };
-}
-
-function createPlayer(user) {
- return {
- id: uuid(),
- user,
- mission: createMission(),
- };
-}
-
-export function createGame(userNames) {
- const users = userNames.map(name => createUser(name));
- const players = users.map(user => createPlayer(user));
- return {
- id: uuid(),
- status: GameStatuses.ONGOING,
- players,
- };
-}
- |
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/game/gamesReducer.js.html b/coverage/src/game/gamesReducer.js.html
deleted file mode 100644
index 37b65d9..0000000
--- a/coverage/src/game/gamesReducer.js.html
+++ /dev/null
@@ -1,114 +0,0 @@
-
-
-
-
-
-
-- All files / src/game gameEngine.js -
-
-
-
- 100%
- Statements
- 9/9
-
-
- 50%
- Branches
- 1/2
-
-
- 100%
- Functions
- 1/1
-
-
- 100%
- Lines
- 8/8
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 | - - - -1x - - - - -1x - - - -1x - - - - - -1x -2x -1x -1x - -1x - | import { combineReducers, createStore } from 'redux';
-import gamesReducers from './gamesReducer';
-import { stopGame, createGame } from './gameActions';
-
-const initialState = {
- user: undefined,
- game: {},
-};
-
-const app = combineReducers({
- gamesReducers,
-});
-
-const store = createStore(
- app,
- initialState,
- window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), // dev tools
-);
-
-console.log(store.getState());
-const unsubscribe = store.subscribe(() => console.log(store.getState()));
-store.dispatch(createGame(['Paul', 'Bob', 'Maurice']));
-store.dispatch(stopGame());
-
-unsubscribe();
- |
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/game/index.html b/coverage/src/game/index.html
deleted file mode 100644
index 6cf48a6..0000000
--- a/coverage/src/game/index.html
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
-
-
-- All files / src/game gamesReducer.js -
-
-
-
- 100%
- Statements
- 6/6
-
-
- 100%
- Branches
- 7/7
-
-
- 100%
- Functions
- 1/1
-
-
- 100%
- Lines
- 5/5
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 | - - -5x -5x - -1x - - - -1x - -3x - - - | import { STOP, GameStatuses, CREATE } from './gameActions';
-import { createGame } from './gameCreator';
-
-export default function gamesReducer(state = {}, action) {
- switch (action.type) {
- case STOP:
- return Object.assign({}, state, {
- status: GameStatuses.STOPPED,
- });
- case CREATE:
- return createGame(action.users);
- default:
- return state;
- }
-}
- |
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/index.html b/coverage/src/index.html
deleted file mode 100644
index 8608ed5..0000000
--- a/coverage/src/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
-
-
-
-
-
-
-- All files src/game -
-
-
-
- 100%
- Statements
- 31/31
-
-
- 88.89%
- Branches
- 8/9
-
-
- 100%
- Functions
- 11/11
-
-
- 100%
- Lines
- 27/27
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-
-
-
-
-
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| gameActions.js | -100% | -6/6 | -100% | -0/0 | -100% | -2/2 | -100% | -6/6 | -|
| gameCreator.js | -100% | -10/10 | -100% | -0/0 | -100% | -7/7 | -100% | -8/8 | -|
| gameEngine.js | -100% | -9/9 | -50% | -1/2 | -100% | -1/1 | -100% | -8/8 | -|
| gamesReducer.js | -100% | -6/6 | -100% | -7/7 | -100% | -1/1 | -100% | -5/5 | -
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/open-wc-logo.js.html b/coverage/src/open-wc-logo.js.html
deleted file mode 100644
index ed85e2b..0000000
--- a/coverage/src/open-wc-logo.js.html
+++ /dev/null
@@ -1,150 +0,0 @@
-
-
-
-
-
-
-- All files src -
-
-
-
- 100%
- Statements
- 8/8
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 4/4
-
-
- 100%
- Lines
- 8/8
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-
-
-
-
-
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| open-wc-logo.js | -100% | -1/1 | -100% | -0/0 | -100% | -0/0 | -100% | -1/1 | -|
| under-cover.js | -100% | -7/7 | -100% | -0/0 | -100% | -4/4 | -100% | -7/7 | -
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/under-cover.js.html b/coverage/src/under-cover.js.html
deleted file mode 100644
index 5c71045..0000000
--- a/coverage/src/under-cover.js.html
+++ /dev/null
@@ -1,318 +0,0 @@
-
-
-
-
-
-
-- All files / src open-wc-logo.js -
-
-
-
- 100%
- Statements
- 1/1
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 0/0
-
-
- 100%
- Lines
- 1/1
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 | - -1x - - - - - - - - - - - - - - - - - - - - - - - - - | import { html } from 'lit-html';
-
-export const openWc = html`
- <svg
- width="244px"
- height="244px"
- viewBox="0 0 244 244"
- version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- >
- <defs>
- <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
- <stop stop-color="#9B00FF" offset="0%"></stop>
- <stop stop-color="#0077FF" offset="100%"></stop>
- </linearGradient>
- </defs>
- <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
- <path
- d="M205.639259,176.936244 C207.430887,174.217233 209.093339,171.405629 210.617884,168.510161 M215.112174,158.724316 C216.385153,155.50304 217.495621,152.199852 218.433474,148.824851 M220.655293,138.874185 C221.231935,135.482212 221.637704,132.03207 221.863435,128.532919 M222,118.131039 C221.860539,114.466419 221.523806,110.85231 221.000113,107.299021 M218.885321,96.8583653 C218.001583,93.4468963 216.942225,90.1061026 215.717466,86.8461994 M211.549484,77.3039459 C209.957339,74.1238901 208.200597,71.0404957 206.290425,68.0649233 M200.180513,59.5598295 C181.848457,36.6639805 153.655709,22 122.036748,22 C66.7879774,22 22,66.771525 22,122 C22,177.228475 66.7879774,222 122.036748,222 C152.914668,222 180.52509,208.015313 198.875424,186.036326"
- id="Shape"
- stroke="url(#linearGradient-1)"
- stroke-width="42.0804674"
- ></path>
- </g>
- </svg>
-`;
- |
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/utils/arrayUtils.js.html b/coverage/src/utils/arrayUtils.js.html
deleted file mode 100644
index d97182b..0000000
--- a/coverage/src/utils/arrayUtils.js.html
+++ /dev/null
@@ -1,138 +0,0 @@
-
-
-
-
-
-
-- All files / src under-cover.js -
-
-
-
- 100%
- Statements
- 7/7
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 4/4
-
-
- 100%
- Lines
- 7/7
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 | - - - - - -1x - - - - -4x -2x -2x - - - -1x - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -2x - - - - - - - - - - - - - - - - - - - - - -1x - | import { LitElement, html, css } from 'lit-element';
-import { openWc } from './open-wc-logo';
-import './game/gameEngine';
-
-class UnderCover extends LitElement {
- static get properties() {
- return {
- title: { type: String },
- };
- }
-
- constructor() {
- super();
- this.title = 'open-wc';
- }
-
- static get styles() {
- return [
- css`
- :host {
- text-align: center;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: #1a2b42;
- }
-
- header {
- margin: auto;
- }
-
- svg {
- animation: app-logo-spin infinite 20s linear;
- }
-
- a {
- color: #217ff9;
- }
-
- .app-footer {
- color: #a8a8a8;
- font-size: calc(10px + 0.5vmin);
- }
-
- @keyframes app-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- `,
- ];
- }
-
- render() {
- return html`
- <header class="app-header">
- ${openWc}
- <h1>${this.title}</h1>
- <p>Edit <code>src/under-cover.js</code> and save to reload.</p>
- <a
- class="app-link"
- href="https://open-wc.org/developing/#examples"
- target="_blank"
- rel="noopener noreferrer"
- >
- Code examples
- </a>
- </header>
- <p class="app-footer">
- 🚽 Made with love by
- <a target="_blank" rel="noopener noreferrer" href="https://github.com/open-wc">open-wc</a>.
- </p>
- `;
- }
-}
-
-customElements.define('under-cover', UnderCover);
- |
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/utils/index.html b/coverage/src/utils/index.html
deleted file mode 100644
index 7bc46a9..0000000
--- a/coverage/src/utils/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
-
-
-
-
-
-
-- All files / src/utils arrayUtils.js -
-
-
-
- 100%
- Statements
- 8/8
-
-
- 100%
- Branches
- 0/0
-
-
- 100%
- Functions
- 1/1
-
-
- 100%
- Lines
- 8/8
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - -1x - - - - -1x - -61x - -61x - - -61x - -61x - -61x - - -1x - - | // TODO : Not immutable. Fix warnings later
-export function shuffle(array) {
- let currentIndex = array.length;
- let temporaryValue;
- let randomIndex;
-
- // While there remain elements to shuffle...
- while (currentIndex !== 0) {
- // Pick a remaining element...
- randomIndex = Math.floor(Math.random() * currentIndex);
- // eslint-disable-next-line no-const-assign
- currentIndex -= 1;
-
- // And swap it with the current element.
- temporaryValue = array[currentIndex];
- // eslint-disable-next-line no-param-reassign
- array[currentIndex] = array[randomIndex];
- // eslint-disable-next-line no-param-reassign
- array[randomIndex] = temporaryValue;
- }
-
- return array;
-}
- |
-
-
-
-
-
-
-
-
-
diff --git a/coverage/src/utils/uuid.js.html b/coverage/src/utils/uuid.js.html
deleted file mode 100644
index dadf39b..0000000
--- a/coverage/src/utils/uuid.js.html
+++ /dev/null
@@ -1,93 +0,0 @@
-
-
-
-
-
-
-- All files src/utils -
-
-
-
- 100%
- Statements
- 12/12
-
-
- 100%
- Branches
- 2/2
-
-
- 100%
- Functions
- 3/3
-
-
- 100%
- Lines
- 12/12
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-
-
-
-
-
-| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| arrayUtils.js | -100% | -8/8 | -100% | -0/0 | -100% | -1/1 | -100% | -8/8 | -|
| uuid.js | -100% | -4/4 | -100% | -2/2 | -100% | -2/2 | -100% | -4/4 | -
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/package.json b/package.json
index 1c09bff..470a147 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
"rimraf": "^2.6.3",
"rollup": "^1.6.0",
"rollup-plugin-commonjs": "^10.0.0",
+ "rollup-plugin-cpy": "^1.1.0",
"rollup-plugin-json": "^4.0.0",
"rollup-plugin-node-resolve": "^5.0.2",
"webpack-merge": "^4.1.5"
@@ -49,9 +50,12 @@
"name": "under-cover",
"license": "MIT",
"dependencies": {
+ "@vaadin/vaadin-button": "^2.2.0",
+ "@vaadin/vaadin-text-field": "^2.4.6",
"firebase": "^6.2.0",
"lit-element": "^2.0.1",
"lit-html": "^1.0.0",
+ "pwa-helpers": "^0.9.1",
"redux": "^4.0.1",
"uuid": "^3.3.2"
}
diff --git a/rollup.config.js b/rollup.config.js
index acb83e5..4c278ac 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,10 +1,24 @@
import createDefaultConfig from '@open-wc/building-rollup/modern-and-legacy-config';
import json from 'rollup-plugin-json';
import commonjs from 'rollup-plugin-commonjs';
+import cpy from 'rollup-plugin-cpy';
const configs = createDefaultConfig({ input: './index.html' });
export default configs.map(config => ({
...config,
- plugins: [...config.plugins, commonjs(), json()],
+ plugins: [
+ ...config.plugins,
+ commonjs(),
+ json(),
+ cpy({
+ // copy over all files
+ files: ['src/assets/*'],
+ dest: 'dist',
+ options: {
+ // parents makes sure to preserve the original folder structure
+ parents: true,
+ },
+ }),
+ ],
}));
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..70359b2
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/game/gameActions.js b/src/game/gameActions.js
index fef7284..97144da 100644
--- a/src/game/gameActions.js
+++ b/src/game/gameActions.js
@@ -28,5 +28,5 @@ export function createGame(listUsers) {
}
export function validateMission(missionId) {
- return { type: VALIDATE, id: missionId };
+ return { type: VALIDATE, missionId };
}
diff --git a/src/game/gameEngine.js b/src/game/gameEngine.js
index e6345c5..037d9ae 100644
--- a/src/game/gameEngine.js
+++ b/src/game/gameEngine.js
@@ -9,6 +9,7 @@ function createMission() {
challenge: getRandomChallenge(),
status: MissionStatuses.ACTIVE,
targetId: undefined,
+ targetName: undefined,
};
}
@@ -29,18 +30,19 @@ function createPlayer(user) {
}
export function createGame(userNames) {
- if (!userNames || userNames.length === 0) return undefined;
+ if (!userNames || userNames.length < 2) return undefined;
const users = userNames.map(name => createUser(name));
const players = users.map(user => createPlayer(user));
// TODO : Improve so we don't need mutability
- const targetIds = players.map(p => p.id);
- targetIds.push(targetIds.shift());
+ const targetIdsAndUserNames = players.map(p => ({ id: p.id, name: p.user.name }));
+ targetIdsAndUserNames.push(targetIdsAndUserNames.shift());
for (let i = 0; i < players.length; i += 1) {
- players[i].missions[0].targetId = targetIds[i];
+ players[i].missions[0].targetId = targetIdsAndUserNames[i].id;
+ players[i].missions[0].targetName = targetIdsAndUserNames[i].name;
}
return {
@@ -53,18 +55,20 @@ export function createGame(userNames) {
export function validateMission(state, missionId) {
// TODO: How do I make this immutable? This is the ugliest code I've written in a while
- // TODO: Check if game is finished!?
-
const newState = Object.assign({}, state);
let playerId;
state.players.forEach(player => {
- if (player.missions.some(m => m.id === missionId)) {
+ if (player.missions.some(m => m.id === missionId && m.status === MissionStatuses.ACTIVE)) {
playerId = player.id;
}
});
- if (!playerId) return state; // No mission match
+ if (!playerId) {
+ console.log('No player found with this mission');
+ // No mission match
+ return state;
+ }
const missions = state.players.map(p => p.missions);
const flattenedMissions = missions.reduce(
diff --git a/src/game/gameRunner.js b/src/game/gameRunner.js
deleted file mode 100644
index c7cec1e..0000000
--- a/src/game/gameRunner.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { combineReducers, createStore } from 'redux';
-import gamesReducers from './gamesReducer';
-import { stopGame, createGame, validateMission } from './gameActions';
-
-const initialState = {
- user: undefined,
- game: {},
-};
-
-const app = combineReducers({
- game: gamesReducers,
-});
-
-const store = createStore(
- app,
- initialState,
- window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), // dev tools
-);
-
-console.log(store.getState());
-const unsubscribe = store.subscribe(() => console.log(store.getState()));
-store.dispatch(createGame(['Paul', 'Bob', 'Maurice']));
-store.dispatch(validateMission('test'));
-store.dispatch(stopGame());
-
-unsubscribe();
diff --git a/src/game/gameStore.js b/src/game/gameStore.js
new file mode 100644
index 0000000..1b984d3
--- /dev/null
+++ b/src/game/gameStore.js
@@ -0,0 +1,26 @@
+import { combineReducers, createStore } from 'redux';
+import gamesReducers from './gamesReducer';
+// import { stopGame, createGame, validateMission } from './gameActions';
+
+const initialState = {
+ user: undefined,
+ game: {},
+};
+
+const app = combineReducers({
+ game: gamesReducers,
+});
+
+export const store = createStore(
+ app,
+ initialState,
+ window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), // dev tools
+);
+
+// console.log(store.getState());
+// const unsubscribe = store.subscribe(() => console.log(store.getState()));
+// store.dispatch(createGame(['Paul', 'Bob', 'Maurice']));
+// store.dispatch(validateMission('test'));
+// store.dispatch(stopGame());
+
+// unsubscribe();
diff --git a/src/game/gamesReducer.js b/src/game/gamesReducer.js
index 4292a91..3d77265 100644
--- a/src/game/gamesReducer.js
+++ b/src/game/gamesReducer.js
@@ -10,7 +10,7 @@ export default function gamesReducer(state = {}, action) {
case CREATE:
return createGame(action.users);
case VALIDATE:
- return validateMission(state, action.missionId); // TODO
+ return validateMission(state, action.missionId);
default:
return state;
}
diff --git a/src/game/playersMagic.js b/src/game/playersMagic.js
new file mode 100644
index 0000000..1650f76
--- /dev/null
+++ b/src/game/playersMagic.js
@@ -0,0 +1,28 @@
+import { MissionStatuses } from './gameActions';
+
+export function getScoreFromMissions(missions) {
+ return missions.reduce(
+ (total, mission) => total + (mission.status === MissionStatuses.SUCCESS ? 1 : 0),
+ 0,
+ );
+}
+
+export function getTargetsFromSuccessfulMissions(missions) {
+ return missions
+ .filter(mission => mission.status === MissionStatuses.SUCCESS)
+ .map(mission => mission.targetName);
+}
+
+export function sortScoresAndkills(playersArray) {
+ const sortedPlayers = [...playersArray];
+ sortedPlayers.sort((p1, p2) =>
+ getScoreFromMissions(p1.missions) > getScoreFromMissions(p2.missions) ? -1 : 1,
+ );
+
+ return sortedPlayers.map(p => ({
+ user: p.user,
+ id: p.id,
+ score: getScoreFromMissions(p.missions),
+ kills: getTargetsFromSuccessfulMissions(p.missions),
+ }));
+}
diff --git a/src/mission-card.js b/src/mission-card.js
new file mode 100644
index 0000000..46c6e76
--- /dev/null
+++ b/src/mission-card.js
@@ -0,0 +1,43 @@
+import { LitElement, css, html } from 'lit-element';
+import { connect } from 'pwa-helpers';
+import { validateMission, MissionStatuses } from './game/gameActions';
+import '@vaadin/vaadin-button';
+
+import { store } from './game/gameStore';
+
+class MissionCard extends connect(store)(LitElement) {
+ static get properties() {
+ return {
+ mission: {
+ type: Object,
+ hasChanged() {
+ return true;
+ },
+ },
+ };
+ }
+
+ validateThisMission() {
+ store.dispatch(validateMission(this.mission.id));
+ }
+
+ render() {
+ return html`
+
-
-
-- All files / src/utils uuid.js -
-
-
-
- 100%
- Statements
- 4/4
-
-
- 100%
- Branches
- 2/2
-
-
- 100%
- Functions
- 2/2
-
-
- 100%
- Lines
- 4/4
-
- - Press n or j to go to the next uncovered block, b, p or k for the previous block. -
-| 1 -2 -3 -4 -5 -6 -7 -8 -9 | - -10x -310x -310x -310x - - - | /* eslint-disable no-bitwise */
-export function uuidv4() {
- return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
- const r = (Math.random() * 16) | 0;
- const v = c === 'x' ? r : (r & 0x3) | 0x8;
- return v.toString(16);
- });
-}
- |
Description: ${this.mission.challenge.description}
+ Status ${this.mission.status}
+ Target ${this.mission.targetName}
+
+ ${this.mission.status === MissionStatuses.ACTIVE
+ ? html`
+ + ${this.player.user.name} + ${this.player.missions.reduce( + (total, item) => total + (item.status === MissionStatuses.SUCCESS ? 1 : 0), + 0, + )} + Points +
+${this.player.id}
+
+ ${this.areMissionsVisible
+ ? html`
+ Hide missions!
+ ${this.player.missions.map(
+ mission =>
+ html`
+ Show missions!
+ `}
+
+ `;
+ }
+
+ static get styles() {
+ return [css``];
+ }
+}
+
+customElements.define('player-card', PlayerCard);
diff --git a/src/under-cover-old.js b/src/under-cover-old.js
new file mode 100644
index 0000000..e24d598
--- /dev/null
+++ b/src/under-cover-old.js
@@ -0,0 +1,82 @@
+import { LitElement, html, css } from 'lit-element';
+import { openWc } from './open-wc-logo';
+
+class UnderCoverOld extends LitElement {
+ static get properties() {
+ return {
+ title: { type: String },
+ };
+ }
+
+ constructor() {
+ super();
+ this.title = 'open-wc';
+ }
+
+ static get styles() {
+ return [
+ css`
+ :host {
+ text-align: center;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ font-size: calc(10px + 2vmin);
+ color: #1a2b42;
+ }
+
+ header {
+ margin: auto;
+ }
+
+ svg {
+ animation: app-logo-spin infinite 20s linear;
+ }
+
+ a {
+ color: #217ff9;
+ }
+
+ .app-footer {
+ color: #a8a8a8;
+ font-size: calc(10px + 0.5vmin);
+ }
+
+ @keyframes app-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ }
+ `,
+ ];
+ }
+
+ render() {
+ return html`
+ ${this.title}
+Edit src/under-cover.js and save to reload.
+
+ `;
+ }
+
+ renderFinishedGame() {
+ return this.renderStoppedOrFinishedGame('finished');
+ }
+
+ renderStoppedGame() {
+ return this.renderStoppedOrFinishedGame('stopped');
+ }
+
+ renderCreateNewGame() {
+ return html`
+ The game is ${finishedOrStopped}!
+Our players listed by order of points :
+-
+ ${finalPlayers.map(
+ p =>
+ html`
+
- + ${p.user.name} with ${p.score} points. ${this.printKills(p)} + + `, + )} +
+
+ `;
+ }
+
+ renderOngoingGame() {
+ return html`
+
+
+ UnderCover
+Get a challenge, kill your friends, win the game . . . during dinner!
+
+ +
+
+ Add players
+
+ Create Game!
+ `
+ : html`
+ Create Game!
+ `}
+
+ Current players
+ ${this.players.length === 0 + ? html` +No players added yet!
+-
+ ${this.players.map(
+ player =>
+ html`
+
- ${player} + `, + )} +
+ Stop game early!
+
+ `;
+ }
+
+ // eslint-disable-next-line class-methods-use-this
+ printKills(player) {
+ // TODO : Improve to be more readable
+ if (player.score > 0)
+ return html`
+ ${player.user.name} player killed :
+ ${player.kills.map(
+ k =>
+ html`
+ ${k}
+ `,
+ )}
+ `;
+ return html``;
}
render() {
return html`
Game ongoing!
+${this.game}
+ ${this.game.players.map( + player => + html` +${this.title}
-Edit src/under-cover.js and save to reload.
+