{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./app/javascript/packs/shared/copy.js","webpack:///./app/javascript/packs/puzzles/hip.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","deepCopy","arr","copy","forEach","elem","Array","isArray","push","deepCopyObject","obj","tempObj","entries","rows","document","getElementById","cols","turnColour","displayBoard","undoButton","resetButton","state","stateQueue","isSquareCandidate","distances","j","Math","abs","isSquare","neededX","neededY","some","addSymbolOutline","cell","classList","add","highlightSquare","x","y","moves","corner2","corner3","corner4X","corner4Y","corner4","updateTurnColour","playerColour","innerHTML","handleClick","internalBoard","colour","newX","newY","movesPlayer0","movesPlayer1","length","map","window","alert","testForSquares","parseInt","boardHTML","activateDisplayBoard","querySelectorAll","addEventListener","event","dataset","init","insertAdjacentHTML","latestRow","querySelector","createDisplayBoard","temp","createInternalBoard","pop","board"],"mappings":"aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,qBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,UAIjBlC,EAAoBA,EAAoBmC,EAAI,I,klCCjFrD,IAAMC,EAAW,SAAXA,EAAYC,GAChB,IAAIC,EAAO,GAYX,OAXAD,EAAIE,SAAQ,SAAAC,GACPC,MAAMC,QAAQF,GACfF,EAAKK,KAAKP,EAASI,IAEC,kBAATA,EACTF,EAAKK,KAAKC,EAAeJ,IAEzBF,EAAKK,KAAKH,MAITF,GAGHM,EAAiB,SAAjBA,EAAkBC,GAEtB,IADA,IAAIC,EAAU,GACd,MAAyBhC,OAAOiC,QAAQF,GAAxC,eAA8C,CAAC,IAAD,YAApClB,EAAoC,KAA/BN,EAA+B,KACxCoB,MAAMC,QAAQrB,GAChByB,EAAQnB,GAAOS,EAASf,GAGtByB,EAAQnB,GADW,kBAAVN,EACMuB,EAAevB,GAEfA,EAIrB,OAAOyB,I,ogCC5BT,IAAME,EAAOC,SAASC,eAAe,QAC/BC,EAAOF,SAASC,eAAe,QAC/BE,EAAaH,SAASC,eAAe,eACrCG,EAAeJ,SAASC,eAAe,SACvCI,EAAaL,SAASC,eAAe,QACrCK,EAAcN,SAASC,eAAe,SAExCM,EAAQ,GAENC,EAAa,GA4BbC,EAAoB,SAACC,EAAWvD,EAAGwD,GAIvC,OAAOC,KAAKC,IAAIH,EAAUvD,GAAG,KAAOyD,KAAKC,IAAIH,EAAUC,GAAG,KACrDC,KAAKC,IAAIH,EAAUvD,GAAG,KAAOyD,KAAKC,IAAIH,EAAUC,GAAG,KAGlDD,EAAUvD,GAAG,GAAKuD,EAAUvD,GAAG,GAAKuD,EAAUC,GAAG,GAAKD,EAAUC,GAAG,IAAO,GAG5EG,EAAW,SAACJ,EAAWvD,EAAIwD,GAG/B,IAAMI,EAAUL,EAAUvD,GAAG,GAAKuD,EAAUC,GAAG,GACzCK,EAAUN,EAAUvD,GAAG,GAAKuD,EAAUC,GAAG,GAC/C,OAAOD,EAAUO,MAAK,yBAAE9D,EAAF,KAAKwD,EAAL,YAAYxD,GAAK4D,GAAWJ,GAAKK,MAGnDE,EAAmB,SAACC,GACxBA,EAAKC,UAAUC,IAAI,mBAGfC,EAAkB,SAACH,EAAMI,EAAGC,EAAGC,EAAOtE,EAAGwD,GAE7CO,EAAiBC,GAGjB,IAAMO,EAAU1B,SAASC,eAAT,UAA2BwB,EAAMtE,GAAG,GAApC,YAA0CsE,EAAMtE,GAAG,KACnE+D,EAAiBQ,GAGjB,IAAMC,EAAU3B,SAASC,eAAT,UAA2BwB,EAAMd,GAAG,GAApC,YAA0Cc,EAAMd,GAAG,KACnEO,EAAiBS,GAGjB,IAAMC,EAAYH,EAAMtE,GAAG,GAAKsE,EAAMd,GAAG,GAAMY,EACzCM,EAAYJ,EAAMtE,GAAG,GAAKsE,EAAMd,GAAG,GAAMa,EACzCM,EAAU9B,SAASC,eAAT,UAA2B2B,EAA3B,YAAuCC,IACvDX,EAAiBY,IA2BbC,EAAmB,WACG,GAAtBxB,EAAMyB,aACR7B,EAAW8B,UAAY,+CAEvB9B,EAAW8B,UAAY,4CAIrBC,EAAc,SAACf,EAAMI,EAAGC,GAE5BL,EAAKc,UAAY,gCACS,GAAtB1B,EAAMyB,aACRb,EAAKC,UAAUC,IAAI,gBAEnBF,EAAKC,UAAUC,IAAI,cAIrBd,EAAM4B,cAAcX,GAAGD,GAAKhB,EAAMyB,aA1Cb,SAACI,EAAQjB,EAAMkB,EAAMC,GAE1C,IAAMb,EAAkB,GAAVW,EAAc7B,EAAMgC,aAAehC,EAAMiC,aACvD,GAAIf,EAAMgB,OAAS,EAKjB,IAHA,IAAM/B,EAAYe,EAAMiB,KAAI,yBAAEvF,EAAF,KAAIwD,EAAJ,WAAW,CAAC0B,EAAOlF,EAAGmF,EAAO3B,MAGhDxD,EAAI,EAAGA,EAAIuD,EAAU+B,OAAS,EAAGtF,GAAK,EAC7C,IAAK,IAAIwD,EAAIxD,EAAI,EAAGwD,EAAID,EAAU+B,OAAQ9B,GAAK,EAEzCF,EAAkBC,EAAWvD,EAAGwD,IAE9BG,EAASJ,EAAWvD,EAAGwD,KACzBgC,OAAOC,MAAM,WACbtB,EAAgBH,EAAMkB,EAAMC,EAAMb,EAAOtE,EAAGwD,IAMtDc,EAAM/B,KAAK,CAAC2C,EAAMC,IAwBlBO,CAAetC,EAAMyB,aAAcb,EAAM2B,SAASvB,GAAIuB,SAAStB,IAG/DjB,EAAMyB,aAAe,EAAIzB,EAAMyB,aAC/BD,IAGAxB,EAAMwC,UAAY3C,EAAa6B,UAC/BzB,EAAWd,KAAKC,yBAAeY,KAG3ByC,EAAuB,WACbhD,SAASiD,iBAAiB,MAClC3D,SAAQ,SAAC6B,GACbA,EAAK+B,iBAAiB,SAAS,SAACC,GAC5B,IAAM5B,EAAIJ,EAAKiC,QAAQ7B,EACjBC,EAAIL,EAAKiC,QAAQ5B,EACW,KAA9BjB,EAAM4B,cAAcX,GAAGD,IACzBW,EAAYf,EAAMI,EAAGC,UAMzB6B,EAAO,YA3Hc,WACzBjD,EAAa6B,UAAY,GACzB,IAAK,IAAItB,EAAI,EAAGA,EAAIZ,EAAK3B,MAAOuC,GAAK,EAAG,CACtCP,EAAakD,mBAAmB,YAAhC,QAEA,IADA,IAAMC,EAAYvD,SAASwD,cAAc,0BAChCrG,EAAI,EAAGA,EAAI+C,EAAK9B,MAAOjB,GAAK,EACnCoG,EAAUD,mBAAmB,YAA7B,kBAAqDnG,EAArD,YAA0DwD,EAA1D,qBAAwExD,EAAxE,qBAAsFwD,EAAtF,0BAEFP,EAAakD,mBAAmB,YAAa,UAoH/CG,GACAT,IACAzC,EAAMwC,UAAY3C,EAAa6B,UAE/B1B,EAAM4B,cA7IoB,WAE1B,IADA,IAAMuB,EAAO,GACJ/C,EAAI,EAAGA,EAAIZ,EAAK3B,MAAOuC,GAAK,EAAG,CAEtC,IADA,IAAM4C,EAAY,GACTpG,EAAI,EAAGA,EAAI+C,EAAK9B,MAAOjB,GAAK,EACnCoG,EAAU7D,KAAK,IAEjBgE,EAAKhE,KAAKP,mBAASoE,IAErB,OAAOG,EAoIeC,GACtBpD,EAAMgC,aAAe,GACrBhC,EAAMiC,aAAe,GAErBjC,EAAMyB,aAAe,EACrBD,IAGAvB,EAAWd,KAAKC,yBAAeY,KAIjCR,EAAKmD,iBAAiB,SAAS,SAACC,GAAYE,OAC5CnD,EAAKgD,iBAAiB,SAAS,SAACC,GAAYE,OAE5ChD,EAAW6C,iBAAiB,SAAS,SAACC,GAEhC3C,EAAWiC,OAAS,IAEtBjC,EAAWoD,MAEXrD,EAAQZ,yBAAea,EAAWA,EAAWiC,OAAS,IAGtDoB,MAAM5B,UAAY1B,EAAMwC,UAExBC,IAEAjB,QAIJzB,EAAY4C,iBAAiB,SAAS,SAACC,GACrCE,OAGFA","file":"js/puzzles/hip-0923892fa096a7721876.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/packs/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 65);\n","// From https://medium.com/@ziyoshams/deep-copying-javascript-arrays-4d5fc45a6e3e\nconst deepCopy = (arr) => {\n let copy = [];\n arr.forEach(elem => {\n if(Array.isArray(elem)){\n copy.push(deepCopy(elem))\n }else{\n if (typeof elem === 'object') {\n copy.push(deepCopyObject(elem))\n } else {\n copy.push(elem)\n }\n }\n })\n return copy;\n}\n\nconst deepCopyObject = (obj) => {\n let tempObj = {};\n for (let [key, value] of Object.entries(obj)) {\n if (Array.isArray(value)) {\n tempObj[key] = deepCopy(value);\n } else {\n if (typeof value === 'object') {\n tempObj[key] = deepCopyObject(value);\n } else {\n tempObj[key] = value\n }\n }\n }\n return tempObj;\n}\n\nexport { deepCopy, deepCopyObject };\n","import { deepCopy, deepCopyObject } from '../shared/copy.js';\n\nconst rows = document.getElementById('rows');\nconst cols = document.getElementById('cols');\nconst turnColour = document.getElementById('turn-colour');\nconst displayBoard = document.getElementById('board');\nconst undoButton = document.getElementById('undo');\nconst resetButton = document.getElementById('reset');\n\nlet state = {};\n// Saving copies of above state for undo function\nconst stateQueue = [];\n\n// An array of arrays to store current board position\nconst createInternalBoard = () => {\n const temp = [];\n for (let j = 0; j < rows.value; j += 1) {\n const latestRow = [];\n for (let i = 0; i < cols.value; i += 1) {\n latestRow.push('');\n }\n temp.push(deepCopy(latestRow));\n }\n return temp;\n};\n\n// Fill the empty with rows and cells\nconst createDisplayBoard = () => {\n displayBoard.innerHTML = '';\n for (let j = 0; j < rows.value; j += 1) {\n displayBoard.insertAdjacentHTML('beforeend', ``);\n const latestRow = document.querySelector('#board > tr:last-child');\n for (let i = 0; i < cols.value; i += 1) {\n latestRow.insertAdjacentHTML('beforeend', ``);\n }\n displayBoard.insertAdjacentHTML('beforeend', '');\n }\n};\n\nconst isSquareCandidate = (distances, i, j) => {\n // Imagine we have just placed a stone and there are two others\n // One two right and one up, the other two down and one right\n // These are then going to form three vertices of a potential square\n return Math.abs(distances[i][0]) == Math.abs(distances[j][1])\n && Math.abs(distances[i][1]) == Math.abs(distances[j][0])\n // In such a triple, either both xs and ys will be to the same side of the new vertex\n // And the other pair will be one either side of the new vertex\n && (distances[i][0] * distances[i][1] * distances[j][0] * distances[j][1]) <= 0;\n};\n\nconst isSquare = (distances, i , j) => {\n // Consider the distances as the two components of a vector from the new vertex\n // The potential fourth vertex would then be the sum of the other two sides away\n const neededX = distances[i][0] + distances[j][0];\n const neededY = distances[i][1] + distances[j][1];\n return distances.some(([i, j]) => i == neededX && j == neededY);\n};\n\nconst addSymbolOutline = (cell) => {\n cell.classList.add('symbol-outline');\n}\n\nconst highlightSquare = (cell, x, y, moves, i, j) => {\n // First corner\n addSymbolOutline(cell);\n\n // Second corner\n const corner2 = document.getElementById(`${moves[i][0]}-${moves[i][1]}`);\n addSymbolOutline(corner2);\n\n // Third corner\n const corner3 = document.getElementById(`${moves[j][0]}-${moves[j][1]}`);\n addSymbolOutline(corner3);\n\n // Fourth corner\n const corner4X = (moves[i][0] + moves[j][0]) - x;\n const corner4Y = (moves[i][1] + moves[j][1]) - y;\n const corner4 = document.getElementById(`${corner4X}-${corner4Y}`);\n addSymbolOutline(corner4);\n};\n\nconst testForSquares = (colour, cell, newX, newY) => {\n // Get the moves of the player who just placed a stone\n const moves = colour == 0 ? state.movesPlayer0 : state.movesPlayer1;\n if (moves.length > 0) {\n // Find the coordinate distance from the new stone to each other by that player\n const distances = moves.map(([i,j]) => [newX - i, newY - j]);\n // First we look for two distances that are equal and at right angles\n // These would give us three adjacent vertices of a potential square\n for (let i = 0; i < distances.length - 1; i += 1) {\n for (let j = i + 1; j < distances.length; j += 1) {\n // Test if we have three vertices\n if (isSquareCandidate(distances, i, j)) {\n // Test if we have the fourth vertex\n if (isSquare(distances, i, j)) {\n window.alert('Square!');\n highlightSquare(cell, newX, newY, moves, i ,j);\n }\n }\n }\n }\n }\n moves.push([newX, newY]);\n};\n\nconst updateTurnColour = () => {\n if (state.playerColour == 0) {\n turnColour.innerHTML = 'Orange';\n } else {\n turnColour.innerHTML = 'Blue';\n }\n}\n\nconst handleClick = (cell, x, y) => {\n // Update display board\n cell.innerHTML = '';\n if (state.playerColour == 0) {\n cell.classList.add('b-orange-txt');\n } else {\n cell.classList.add('b-blue-txt');\n }\n\n // Update internal board\n state.internalBoard[y][x] = state.playerColour;\n\n // Test whether the new move has created any squares\n testForSquares(state.playerColour, cell, parseInt(x), parseInt(y));\n\n // Change colour to give other player next turn\n state.playerColour = 1 - state.playerColour;\n updateTurnColour();\n\n // Add the new state to the state queue\n state.boardHTML = displayBoard.innerHTML;\n stateQueue.push(deepCopyObject(state));\n};\n\nconst activateDisplayBoard = () => {\n const cells = document.querySelectorAll('td');\n cells.forEach((cell) => {\n cell.addEventListener('click', (event) => {\n const x = cell.dataset.x;\n const y = cell.dataset.y;\n if (state.internalBoard[y][x] === '') {\n handleClick(cell, x, y);\n }\n })\n })\n};\n\nconst init = () => {\n createDisplayBoard();\n activateDisplayBoard();\n state.boardHTML = displayBoard.innerHTML;\n\n state.internalBoard = createInternalBoard();\n state.movesPlayer0 = [];\n state.movesPlayer1 = [];\n\n state.playerColour = 0;\n updateTurnColour();\n\n // Push the initial state into the queue\n stateQueue.push(deepCopyObject(state));\n};\n\n// When the user changes the number of rows or columns, reset everything\nrows.addEventListener('input', (event) => { init(); })\ncols.addEventListener('input', (event) => { init(); })\n\nundoButton.addEventListener('click', (event) => {\n // > 1 because we always want to maintain the initial board state in the queue\n if (stateQueue.length > 1) {\n // Remove the current state from the state queue\n stateQueue.pop();\n // Peek at the last state in the queue so it stays there\n state = deepCopyObject(stateQueue[stateQueue.length - 1]);\n\n // Reset the display board to use the position we've peeked at\n board.innerHTML = state.boardHTML;\n // Because we're just overwriting the HTML, we need to reactivate the cells\n activateDisplayBoard();\n // Update the turn colour displayed to the user as required\n updateTurnColour();\n }\n})\n\nresetButton.addEventListener('click', (event) => {\n init();\n})\n\ninit();\n"],"sourceRoot":""}