@gamelearn/arcade-components 2.41.1 → 3.0.2

package/dist/components/hacker-puzzle-component/components/HackerPuzzleComponent.js

@@ -1,255 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTypist = _interopRequireDefault(require("react-typist"));
-var _languages = _interopRequireDefault(require("./languages"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable react-hooks/exhaustive-deps */
-var themes = {
-  theme1: {
-    bg: 1,
-    color: 1,
-    typo: 2
-  },
-  theme2: {
-    bg: 3,
-    color: 2,
-    typo: 3
-  },
-  theme3: {
-    bg: 5,
-    color: 4,
-    typo: 1
-  },
-  theme4: {
-    bg: 1,
-    color: 3,
-    typo: 2
-  },
-  theme5: {
-    bg: 2,
-    color: 5,
-    typo: 1
-  },
-  theme6: {
-    bg: 5,
-    color: 6,
-    typo: 2
-  },
-  theme7: {
-    bg: 1,
-    color: 7,
-    typo: 3
-  }
-};
-var HackerPuzzleComponent = function HackerPuzzleComponent(_ref) {
-  var emitEvent = _ref.emitEvent,
-    soundActions = _ref.soundActions,
-    info = _ref.info,
-    themeNumber = _ref.themeNumber,
-    type = _ref.type,
-    writingSpeed = _ref.writingSpeed,
-    disableExit = _ref.disableExit,
-    setResolveAction = _ref.setResolveAction;
-  var translate = function translate(id) {
-    return emitEvent({
-      type: 'translate',
-      payload: id
-    });
-  };
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var solution = info.solution;
-  var defaultTheme = 1;
-  var currentTheme = themes["theme".concat(themeNumber || defaultTheme)];
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    codeContainer = _useState2[0],
-    setCodeContainer = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentLine = _useState4[0],
-    setCurrentLine = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    progress = _useState6[0],
-    setProgress = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    finished = _useState8[0],
-    setFinished = _useState8[1];
-  var _useState9 = (0, _react.useState)({
-      start: 0,
-      end: 0
-    }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    lettersGroup = _useState10[0],
-    setLettersGroup = _useState10[1];
-  var el = (0, _react.useRef)();
-  var code = (0, _react.useRef)();
-  var hackerPuzzleCompleted = translate('puzzle.hacker.congratulations');
-  var checkEnd = function checkEnd(end, actual) {
-    return end > actual.length ? actual.length : end;
-  };
-  var handleFinish = function handleFinish() {
-    playSound('click-ui');
-    var rewards = solution.right.rewards;
-    emitEvent({
-      type: 'addPoints',
-      complex: true,
-      finish: true,
-      payload: rewards
-    });
-    emitEvent({
-      type: 'passPuzzle'
-    });
-  };
-  (0, _react.useEffect)(function () {
-    el.current.focus();
-    if (finished) {
-      disableExit(true);
-    }
-  }, [finished]);
-  (0, _react.useEffect)(function () {
-    setResolveAction(function (callback) {
-      playSound('score');
-      setFinished(true);
-      emitEvent({
-        type: 'hidePuzzleButtons',
-        payload: false
-      });
-      callback();
-    });
-  }, [setResolveAction]);
-  var writeCode = function writeCode() {
-    if (_languages.default[type] && !finished) {
-      if (code.current) code.current.scrollTop = el.current.scrollHeight;
-      var lines = _languages.default[type];
-      var line = lines[currentLine];
-      var totalLength = lines.reduce(function (acc, current) {
-        return (acc.length ? acc.length : acc) + current.length;
-      });
-      var speed = writingSpeed > 0 ? writingSpeed : Math.floor(totalLength / 50) + currentLine;
-      if (line) {
-        var letters = line.split('');
-        var currentTextEnd = checkEnd(lettersGroup.end, letters);
-        var currentText = letters.slice(lettersGroup.start, currentTextEnd);
-        var text = codeContainer + currentText.join('');
-        setProgress(progress + currentText.join('').length);
-        setCodeContainer(text);
-        if (currentTextEnd === letters.length) {
-          if (currentLine + 1 >= lines.length) {
-            playSound('score');
-            setFinished(true);
-          } else {
-            setCurrentLine(currentLine + 1);
-            setCodeContainer("".concat(codeContainer + currentText.join(''), "<br>"));
-            setLettersGroup({
-              start: 0,
-              end: checkEnd(speed, letters)
-            });
-          }
-        } else {
-          setLettersGroup({
-            start: currentTextEnd,
-            end: checkEnd(currentTextEnd + speed, letters)
-          });
-        }
-      }
-    }
-  };
-  var handleKeyPress = function handleKeyPress(event) {
-    event.preventDefault();
-    writeCode();
-  };
-  var ProgressBar = function ProgressBar() {
-    var lines = _languages.default[type];
-    if (lines) {
-      var totalLength = lines.reduce(function (acc, current) {
-        return (acc.length ? acc.length : acc) + current.length;
-      });
-      var percentage = Math.floor(progress * 100 / totalLength);
-      var classProgressLabel = percentage === 100 ? 'puzzle--hacker__percentage percentage--label' : 'puzzle--hacker__percentage';
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "puzzle--hacker__progress"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "puzzle--hacker__progress--item",
-        style: {
-          width: "".concat(Math.floor(progress * 100 / totalLength), "%")
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: classProgressLabel
-      }, percentage, "%")));
-    }
-    return null;
-  };
-  var Code = function Code() {
-    var text = codeContainer;
-    var split = text.split('<br>');
-    if (split.length > 0) {
-      return split.map(function (line, ind) {
-        var newLine = line.replace(/ /g, "\xA0");
-        return /*#__PURE__*/_react.default.createElement("p", {
-          key: "line_".concat(0 + ind)
-        }, newLine);
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement("p", null, text);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    tabIndex: 0,
-    "data-testid": "hacker",
-    ref: el,
-    onKeyDown: handleKeyPress,
-    onTouchStart: handleKeyPress,
-    className: "puzzle--hacker__container background-hacker-".concat(currentTheme.bg)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--hacker__header"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, "Console")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--hacker__body color-hacker-".concat(currentTheme.color, " typography-hacker-").concat(currentTheme.typo)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "puzzle--hacker__code",
-    ref: code
-  }, /*#__PURE__*/_react.default.createElement(Code, null), finished ? /*#__PURE__*/_react.default.createElement(_reactTypist.default, {
-    avgTypingDelay: 110,
-    onCharacterTyped: function onCharacterTyped() {
-      if (code.current) code.current.scrollTop = el.current.scrollHeight;
-    },
-    cursor: {
-      hideWhenDone: true
-    },
-    className: "puzzle--hacker__result"
-  }, /*#__PURE__*/_react.default.createElement(_reactTypist.default.Delay, {
-    ms: 300
-  }), solution.right.desc ? "// ".concat(solution.right.desc) : "".concat(hackerPuzzleCompleted)) : null), /*#__PURE__*/_react.default.createElement(ProgressBar, null)), finished ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "position--absolute bottom center"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__primary gat--btn__cracker",
-    onClick: handleFinish
-  }, translate('screens.continue'))) : null);
-};
-HackerPuzzleComponent.defaultProps = {
-  type: '',
-  writingSpeed: 0,
-  context: {},
-  info: {},
-  themeNumber: 1
-};
-var _default = HackerPuzzleComponent;
-exports.default = _default;

package/dist/components/hacker-puzzle-component/components/languages.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var languages = {
-  js: ["var rows = prompt('How many rows for your multiplication table?');", "var cols = prompt('How many columns for your multiplication table?');", ' ', "if(rows == '' || rows == null)", '     rows = 10;', ' ', "if(cols== '' || cols== null)", '     cols = 10;', ' ', 'createTable(rows, cols);', ' ', 'function createTable(rows, cols)', '{', '  var j=1;', "  var output = '<table border='1' width='500' cellspacing='0'cellpadding='5'>';", ' ', '  for(i=1;i<=rows;i++)', '  {', "   output = output + '<tr>';", '     while(j<=cols)', '     {', "       output = output + '<td>' + i*j + '</td>';", '       j = j+1;', '     }', "   output = output + '</tr>';", '   j = 1;', '  }', ' ', "  output = output + '</table>';", '  document.write(output);', '}'],
-  lua: ['-- Ensure that that the element at i is in the right position,', '-- and return a closure which can be used for continuing the sort.', ' ', 'function quicksorter(i, vec, low, high)', '  if low >= high then', '    return quicksorter', '  else -- low < high', '    -- partition the vector and initialize the child closures', '    local middle = partition(vec, low, high)', '    local left, right = quicksorter', ' ', '-- Create the promise', '    local function self(i, vec, low, high)', '      if i < middle then', '        left = left(i, vec, low, middle-1)', '        return self', '      elseif i > middle then', '        right = right(i, vec, middle+1, high)', '        return self', '      end', '    end', ' ', '-- Force the promise until i is in the right position', '    return self(i, vec, low, high)', '  end', 'end', ' ', 'function lazysort(vec, low, high)', '  local sorter = quicksorter', '  return function(i)', '    sorter = sorter(i, vec, low, high)', '    return vec[i]', '  end', 'end'],
-  python: ['#ask the user to enter four pieces of information', ' ', "firstname = input('Enter your first name: ')", "surname = input('Enter your surname: ')", "email = input('Enter your email: ')", "yearsteaching = input('Enter the number of years teaching: ')", ' ', "file = open('staff.csv','r') #opens the file in read mode", 'found=False #sets whether the user is found to False', ' ', 'for line in file: #reads each line in the file', "    staff = line.split(',') #splits the line into the list called staff", '    if staff[2] == email: #checks if the email entered is in the list', '        found=True #if it is changes found to True', ' ', 'file.close() #closes the file', ' ', 'if found==True: #after the loop checks if the user is found', "    print('Staff member already exists in the file') #displays on screen", 'else:', '  #if the email was not in the file', "    writefile=open('staff.csv','a') #open the file in append mode", "    writefile.write(firstname + ',' + surname + ',' + email + ',' + yearsteaching) #write the new information to the file", '    writefile.close() #close the file', "    print('Staff member added to file')"]
-};
-var _default = languages;
-exports.default = _default;

package/dist/components/hacker-puzzle-component/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _HackerPuzzleComponent = _interopRequireDefault(require("./components/HackerPuzzleComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _HackerPuzzleComponent.default;
-exports.default = _default;

package/dist/components/hacker-puzzle-component/mocks/mockForStory.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockProps3 = exports.mockProps2 = exports.mockProps = void 0;
-var _mocker = require("helpers/mocker");
-var mockProps = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  type: 'js',
-  writingSpeed: 5,
-  info: {
-    hint: {
-      active: false,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        rewards: []
-      }
-    },
-    instructions: 'instructions',
-    description: 'description'
-  }
-};
-exports.mockProps = mockProps;
-var mockProps2 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  type: 'python',
-  writingSpeed: 5,
-  info: {
-    hint: {
-      active: false,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        rewards: []
-      }
-    },
-    instructions: 'instructions',
-    description: 'description'
-  }
-};
-exports.mockProps2 = mockProps2;
-var mockProps3 = {
-  emitEvent: _mocker.emitEvent,
-  soundActions: _mocker.soundActions,
-  keyboardControl: _mocker.keyboardControl,
-  disableExit: function disableExit() {},
-  setResolveAction: function setResolveAction() {},
-  type: 'lua',
-  writingSpeed: 5,
-  info: {
-    hint: {
-      active: false,
-      desc: 'hint',
-      rewards: []
-    },
-    resolve: {
-      rewards: []
-    },
-    solution: {
-      right: {
-        desc: 'correctSolution',
-        rewards: []
-      },
-      wrong: {
-        desc: 'wrongSolution',
-        rewards: []
-      }
-    },
-    instructions: 'instructions',
-    description: 'description'
-  }
-};
-exports.mockProps3 = mockProps3;