Initial clean state

packages/web/src/utils/constants.ts

@@ -0,0 +1,76 @@
+import Answers from "@rahoot/web/components/game/states/Answers"
+import Leaderboard from "@rahoot/web/components/game/states/Leaderboard"
+import Podium from "@rahoot/web/components/game/states/Podium"
+import Prepared from "@rahoot/web/components/game/states/Prepared"
+import Question from "@rahoot/web/components/game/states/Question"
+import Responses from "@rahoot/web/components/game/states/Responses"
+import Result from "@rahoot/web/components/game/states/Result"
+import Room from "@rahoot/web/components/game/states/Room"
+import Start from "@rahoot/web/components/game/states/Start"
+import Wait from "@rahoot/web/components/game/states/Wait"
+
+import { STATUS } from "@rahoot/common/types/game/status"
+import Circle from "@rahoot/web/components/icons/Circle"
+import Rhombus from "@rahoot/web/components/icons/Rhombus"
+import Square from "@rahoot/web/components/icons/Square"
+import Triangle from "@rahoot/web/components/icons/Triangle"
+
+export const ANSWERS_COLORS = [
+  "bg-red-500",
+  "bg-blue-500",
+  "bg-yellow-500",
+  "bg-green-500",
+]
+
+export const ANSWERS_ICONS = [Triangle, Rhombus, Circle, Square]
+
+export const GAME_STATES = {
+  status: {
+    name: STATUS.WAIT,
+    data: { text: "Waiting for the players" },
+  },
+  question: {
+    current: 1,
+    total: null,
+  },
+}
+
+export const GAME_STATE_COMPONENTS = {
+  [STATUS.SELECT_ANSWER]: Answers,
+  [STATUS.SHOW_QUESTION]: Question,
+  [STATUS.WAIT]: Wait,
+  [STATUS.SHOW_START]: Start,
+  [STATUS.SHOW_RESULT]: Result,
+  [STATUS.SHOW_PREPARED]: Prepared,
+}
+
+export const GAME_STATE_COMPONENTS_MANAGER = {
+  ...GAME_STATE_COMPONENTS,
+  [STATUS.SHOW_ROOM]: Room,
+  [STATUS.SHOW_RESPONSES]: Responses,
+  [STATUS.SHOW_LEADERBOARD]: Leaderboard,
+  [STATUS.FINISHED]: Podium,
+}
+
+export const SFX_ANSWERS_MUSIC = "/sounds/answersMusic.mp3"
+export const SFX_ANSWERS_SOUND = "/sounds/answersSound.mp3"
+export const SFX_RESULTS_SOUND = "/sounds/results.mp3"
+export const SFX_SHOW_SOUND = "/sounds/show.mp3"
+export const SFX_BOUMP_SOUND = "/sounds/boump.mp3"
+export const SFX_PODIUM_THREE = "/sounds/three.mp3"
+export const SFX_PODIUM_SECOND = "/sounds/second.mp3"
+export const SFX_PODIUM_FIRST = "/sounds/first.mp3"
+export const SFX_SNEAR_ROOL = "/sounds/snearRoll.mp3"
+
+export const MANAGER_SKIP_BTN = {
+  [STATUS.SHOW_ROOM]: "Start Game",
+  [STATUS.SHOW_START]: null,
+  [STATUS.SHOW_PREPARED]: null,
+  [STATUS.SHOW_QUESTION]: "Skip",
+  [STATUS.SELECT_ANSWER]: "Skip",
+  [STATUS.SHOW_RESULT]: null,
+  [STATUS.SHOW_RESPONSES]: "Next",
+  [STATUS.SHOW_LEADERBOARD]: "Next",
+  [STATUS.FINISHED]: null,
+  [STATUS.WAIT]: null,
+}

packages/web/src/utils/createStatus.ts

@@ -0,0 +1,8 @@
+export type Status<T> = {
+  [K in keyof T]: { name: K; data: T[K] }
+}[keyof T]
+
+export const createStatus = <T, K extends keyof T>(
+  name: K,
+  data: T[K],
+): Status<T> => ({ name, data })

packages/web/src/utils/score.ts

@@ -0,0 +1,23 @@
+export const calculatePercentages = (
+  objectResponses: Record<string, number>,
+): Record<string, string> => {
+  const keys = Object.keys(objectResponses)
+  const values = Object.values(objectResponses)
+
+  if (!values.length) {
+    return {}
+  }
+
+  const totalSum = values.reduce(
+    (accumulator, currentValue) => accumulator + currentValue,
+    0,
+  )
+
+  const result: Record<string, string> = {}
+
+  keys.forEach((key) => {
+    result[key] = `${((objectResponses[key] / totalSum) * 100).toFixed()}%`
+  })
+
+  return result
+}