rocketacademy · noellimx · Jan 18, 2022 · Jan 18, 2022 · Jan 18, 2022 · Jan 18, 2022
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -3,22 +3,20 @@ module.exports = {
     browser: true,
     es2020: true,
   },
-  extends: [
-    'airbnb-base',
-  ],
+  extends: ["airbnb-base"],
   parserOptions: {
     ecmaVersion: 11,
   },
   rules: {
     // Don't enforce control flow closing curly brace needs to be
     // on same line as next control flow opening statement
-    'brace-style': 'off',
+    "brace-style": "off",
     // Disable linebreak style to prevent ESLint errors on Windows line endings
     // https://eslint.org/docs/rules/linebreak-style
-    'linebreak-style': 'off',
+    "linebreak-style": "off",
     // Allow console for students to debug
-    'no-console': 'off',
+    "no-console": "off",
     // Allow function param reassign for array or object elements or properties
-    'no-param-reassign': ['error', { props: false }],
+    "no-param-reassign": ["error", { props: false }],
   },
 };
diff --git a/README.md b/README.md
@@ -1 +1,4 @@
 # Rocket Academy Coding Bootcamp: Video Poker
+
+# Github Pages
+https://noellimx.github.io/video-poker-bootcamp/
diff --git a/index-test.html b/index-test.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="styles/main.css" />
+  </head>
+
+  <body>
+    <div id="root" mode="test"></div>
+
+    <!-- Components -->
+    <script src="scripts/src/card.js"></script>
+    <script src="scripts/src/deck.js"></script>
+    <script src="scripts/src/player.js"></script>
+    <script src="scripts/src/scoring.js"></script>
+
+    <!-- Elements -->
+    <script src="scripts/src/elementHelpers/contentHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/constructorHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/eventHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/compositeHelpers.js"></script>
+
+    <!-- Game -->
+    <script src="scripts/src/moment/outGame/playerConfig.js"></script>
+    <script src="scripts/src/moment/inGame/index.js"></script>
+    <script src="scripts/src/moment/inGame/gameStudSeven.js"></script>
+
+    <!-- Test -->
+
+    <script src="scripts/general-helpers.js"></script>
+    <script src="scripts/test/helpers.js"></script>
+    <script src="scripts/test/player.js"></script>
+    <script src="scripts/test/scoring.js"></script>
+    <script src="scripts/test/card.js"></script>
+    <script src="scripts/test/index.js"></script>
+
+    <script src="main.js"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>1️⃣ 6️⃣ 8️⃣ HUAT POKER</title>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="styles/form-input.css" />
+    <link rel="stylesheet" href="styles/main.css" />
+  </head>
+
+  <body>
+    <div id="root" class="poker-root" mode="demo"></div>
+
+    <!-- Components -->
+    <script src="scripts/src/card.js"></script>
+    <script src="scripts/src/deck.js"></script>
+    <script src="scripts/src/player.js"></script>
+    <script src="scripts/src/scoring.js"></script>
+
+    <!-- Elements -->
+    <script src="scripts/src/elementHelpers/contentHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/constructorHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/eventHelpers.js"></script>
+    <script src="scripts/src/elementHelpers/compositeHelpers.js"></script>
+
+    <!-- Game -->
+    <script src="scripts/src/moment/outGame/playerConfig.js"></script>
+    <script src="scripts/src/moment/inGame/index.js"></script>
+    <script src="scripts/src/moment/inGame/gameStudSeven.js"></script>
+
+    <!-- Test -->
+
+    <script src="scripts/general-helpers.js"></script>
+    <script src="scripts/test/helpers.js"></script>
+    <script src="scripts/test/player.js"></script>
+    <script src="scripts/test/scoring.js"></script>
+    <script src="scripts/test/card.js"></script>
+    <script src="scripts/test/index.js"></script>
+
+    <script src="main.js"></script>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,61 @@
+const MODES = {
+  TEST: `test`,
+  DEMO: `demo`,
+};
+
+const getMode = () => document.getElementById(`root`).getAttribute(`mode`);
+
+const getDefaultElementRoot = () => document.getElementById(`root`);
+
+/**
+ * @typedef {Object} Core
+ * @property {Player} player
+ * @property {HTMLElement} elementRoot
+ *
+ */
+
+const newCore = () => {
+  return {
+    player: newPlayer(),
+    elementRoot: getDefaultElementRoot(),
+  };
+};
+
+const getPlayerOfCore = (core) => core.player;
+const getPlayerCreditOfCore = (core) => getPlayerCredit(core.player);
+const minusPlayerCreditOfCore = (core, credit) =>
+  minusPlayerCredit(getPlayerOfCore(core), credit);
+const addPlayerCreditOfCore = (core, credit) =>
+  addPlayerCredit(getPlayerOfCore(core), credit);
+const getPlayerNameOfCore = (core) => getPlayerName(core.player);
+const getElementRootOfCore = (core) => core.elementRoot;
+
+// -------- START --------
+
+(() => {
+  console.log(`START`);
+  const mode = getMode();
+  if (mode === MODES.TEST) {
+    TEST_ALL();
+  }
+  if (mode === MODES.DEMO) {
+    const core = newCore();
+
+    const imgLoading = document.createElement(`img`);
+    imgLoading.setAttribute(`src`, `./static/img/circleOfCards.gif`);
+    imgLoading.setAttribute(`alt`, `A loading page gif`);
+    imgLoading.setAttribute(
+      `credit`,
+      `https://tenor.com/view/gamble-cards-pokers-gif-7257796`
+    );
+
+    const imgLoadDiv = document.createElement(`div`);
+    imgLoadDiv.className += ` img-loading-div`;
+    appendChild(imgLoadDiv, imgLoading);
+    appendChild(core.elementRoot, imgLoadDiv);
+    setTimeout(() => {
+      detachAllChildren(core.elementRoot);
+      goToPlayerConfigPage(core);
+    }, 2000);
+  }
+})();
diff --git a/scripts/general-helpers.js b/scripts/general-helpers.js
@@ -0,0 +1,37 @@
+/**
+ *
+ * @param {*} arg
+ * @returns {boolean} returns true if argument is null or undefined.
+ */
+const isNoU = (arg) => arg === undefined || arg === null;
+
+/**
+ *
+ * @param {[]<*>} args
+ * @returns
+ */
+const isAnyNoU = (...args) => args.some((arg) => isNoU(arg));
+
+const incrementOneToObjProp = (obj, property) => {
+  if (typeof obj[property] !== `number`) {
+    if (isNoU(obj[property])) {
+      obj[property] = 0;
+    } else {
+      console.warn(
+        `[addOneToObjProp] the property ${property} of object is assigned to a non-scalar value.`
+      );
+      return;
+    }
+  }
+  obj[property] += 1;
+};
+
+/**
+ *
+ * @param {*} obj
+ * @param {Array<*>} prop
+ * @param {*} element
+ */
+const addElementToPropInObject = (obj, prop, element) => {
+  obj[prop].push(element);
+};