@gamelearn/arcade-components 0.4.2-beta-terminal → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.js +0 -8
- package/package.json +1 -1
- package/dist/components/terminal-puzzle-component/components/FilesGroup/Item.js +0 -32
- package/dist/components/terminal-puzzle-component/components/FilesGroup/index.js +0 -74
- package/dist/components/terminal-puzzle-component/components/Image/index.js +0 -26
- package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js +0 -163
- package/dist/components/terminal-puzzle-component/components/Visor/index.js +0 -133
- package/dist/components/terminal-puzzle-component/components/utils/index.js +0 -29
- package/dist/components/terminal-puzzle-component/index.js +0 -13
- package/dist/components/terminal-puzzle-component/mocks/mockForStory.js +0 -190
package/dist/components/index.js
CHANGED
|
@@ -149,12 +149,6 @@ Object.defineProperty(exports, "WriterPuzzleComponent", {
|
|
|
149
149
|
return _writerPuzzleComponent.default;
|
|
150
150
|
}
|
|
151
151
|
});
|
|
152
|
-
Object.defineProperty(exports, "TerminalPuzzleComponent", {
|
|
153
|
-
enumerable: true,
|
|
154
|
-
get: function get() {
|
|
155
|
-
return _terminalPuzzleComponent.default;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
152
|
Object.defineProperty(exports, "DragItemPuzzleComponent", {
|
|
159
153
|
enumerable: true,
|
|
160
154
|
get: function get() {
|
|
@@ -208,8 +202,6 @@ var _webBuilderPuzzleComponent = _interopRequireDefault(require("./web-builder-p
|
|
|
208
202
|
|
|
209
203
|
var _writerPuzzleComponent = _interopRequireDefault(require("./writer-puzzle-component"));
|
|
210
204
|
|
|
211
|
-
var _terminalPuzzleComponent = _interopRequireDefault(require("./terminal-puzzle-component"));
|
|
212
|
-
|
|
213
205
|
var _dragItemPuzzleComponent = _interopRequireDefault(require("./drag-item-puzzle-component"));
|
|
214
206
|
|
|
215
207
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
package/package.json
CHANGED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("../utils");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
var Item = function Item(_ref) {
|
|
15
|
-
var item = _ref.item,
|
|
16
|
-
selectItem = _ref.selectItem;
|
|
17
|
-
var filename = item.name;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement("li", {
|
|
19
|
-
className: "puzzle--terminal__folder__list--item"
|
|
20
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
-
title: filename,
|
|
22
|
-
className: "puzzle--terminal__item id-".concat(item.id),
|
|
23
|
-
onClick: function onClick() {
|
|
24
|
-
return !item.fixed ? selectItem(item) : null;
|
|
25
|
-
}
|
|
26
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
27
|
-
className: "puzzle--terminal__icon ".concat(_utils.ICONS[item.type])
|
|
28
|
-
}), /*#__PURE__*/_react.default.createElement("span", null, filename)));
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
var _default = Item;
|
|
32
|
-
exports.default = _default;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _Item = _interopRequireDefault(require("./Item"));
|
|
11
|
-
|
|
12
|
-
var _utils = require("../utils");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var FilesGroup = function FilesGroup(_ref) {
|
|
17
|
-
var initFile = _ref.initFile,
|
|
18
|
-
backFile = _ref.backFile,
|
|
19
|
-
file = _ref.file,
|
|
20
|
-
closeFolder = _ref.closeFolder,
|
|
21
|
-
selectItem = _ref.selectItem;
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.id === 'init' ? /*#__PURE__*/_react.default.createElement("ul", {
|
|
23
|
-
className: "puzzle--terminal__folder__list desktop"
|
|
24
|
-
}, file.children.map(function (item) {
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_Item.default, {
|
|
26
|
-
key: item.fileId,
|
|
27
|
-
selectItem: selectItem,
|
|
28
|
-
item: item
|
|
29
|
-
});
|
|
30
|
-
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
31
|
-
className: "puzzle--terminal__folder__list desktop"
|
|
32
|
-
}, initFile.children.map(function (item) {
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_Item.default, {
|
|
34
|
-
key: item.fileId,
|
|
35
|
-
selectItem: selectItem,
|
|
36
|
-
item: item
|
|
37
|
-
});
|
|
38
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
-
className: "puzzle--terminal__folder"
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
-
className: "puzzle--terminal__folder--head"
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
43
|
-
onClick: function onClick() {
|
|
44
|
-
return backFile();
|
|
45
|
-
},
|
|
46
|
-
className: "puzzle--terminal__folder--back"
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
48
|
-
className: "icon-back"
|
|
49
|
-
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
50
|
-
className: "puzzle--terminal__folder--head__icon ".concat(_utils.ICONS[file.type])
|
|
51
|
-
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
52
|
-
className: "text"
|
|
53
|
-
}, file.name), /*#__PURE__*/_react.default.createElement("span", {
|
|
54
|
-
onClick: function onClick() {
|
|
55
|
-
return closeFolder();
|
|
56
|
-
},
|
|
57
|
-
className: "puzzle--terminal__folder--close"
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
59
|
-
className: "icon-close"
|
|
60
|
-
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
61
|
-
className: "puzzle--terminal__folder--body"
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
63
|
-
className: "puzzle--terminal__folder__list"
|
|
64
|
-
}, file.children.map(function (item) {
|
|
65
|
-
return /*#__PURE__*/_react.default.createElement(_Item.default, {
|
|
66
|
-
key: item.fileId,
|
|
67
|
-
selectItem: selectItem,
|
|
68
|
-
item: item
|
|
69
|
-
});
|
|
70
|
-
}))))));
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
var _default = FilesGroup;
|
|
74
|
-
exports.default = _default;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
var Image = function Image(_ref) {
|
|
13
|
-
var document = _ref.document,
|
|
14
|
-
name = _ref.name,
|
|
15
|
-
isWallpaper = _ref.isWallpaper;
|
|
16
|
-
var imageUrl = (document === null || document === void 0 ? void 0 : document.url) || null;
|
|
17
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
|
-
className: "puzzle--terminal__image ".concat(isWallpaper ? 'puzzle--terminal__image--wallpaper' : '')
|
|
19
|
-
}, imageUrl ? /*#__PURE__*/_react.default.createElement("img", {
|
|
20
|
-
src: imageUrl,
|
|
21
|
-
alt: name
|
|
22
|
-
}) : null);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var _default = Image;
|
|
26
|
-
exports.default = _default;
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Visor = _interopRequireDefault(require("./Visor"));
|
|
13
|
-
|
|
14
|
-
var _Image = _interopRequireDefault(require("./Image"));
|
|
15
|
-
|
|
16
|
-
var _FilesGroup = _interopRequireDefault(require("./FilesGroup"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
23
|
-
|
|
24
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
25
|
-
|
|
26
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
27
|
-
|
|
28
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
29
|
-
|
|
30
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
31
|
-
|
|
32
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
|
-
|
|
34
|
-
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."); }
|
|
35
|
-
|
|
36
|
-
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); }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
-
|
|
42
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
-
|
|
44
|
-
var DEFAULT_IMG = 'https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg';
|
|
45
|
-
var FIXED_ITEMS = [{
|
|
46
|
-
fileId: 'ids1',
|
|
47
|
-
type: 'world',
|
|
48
|
-
fixed: true,
|
|
49
|
-
name: 'Web builder 3.0'
|
|
50
|
-
}, {
|
|
51
|
-
fileId: 'ids2',
|
|
52
|
-
type: 'cracker',
|
|
53
|
-
fixed: true,
|
|
54
|
-
name: 'Decoder.exe'
|
|
55
|
-
}, {
|
|
56
|
-
fileId: 'ids3',
|
|
57
|
-
type: 'terminal',
|
|
58
|
-
fixed: true,
|
|
59
|
-
name: 'terminal'
|
|
60
|
-
}];
|
|
61
|
-
|
|
62
|
-
var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
|
|
63
|
-
var emitEvent = _ref.emitEvent,
|
|
64
|
-
items = _ref.items,
|
|
65
|
-
backgroundImage = _ref.backgroundImage,
|
|
66
|
-
solution = _ref.solution,
|
|
67
|
-
info = _ref.info,
|
|
68
|
-
disableExit = _ref.disableExit;
|
|
69
|
-
|
|
70
|
-
// todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
|
|
71
|
-
var _useState = (0, _react.useState)({}),
|
|
72
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
73
|
-
file = _useState2[0],
|
|
74
|
-
selectFile = _useState2[1];
|
|
75
|
-
|
|
76
|
-
var _useState3 = (0, _react.useState)(false),
|
|
77
|
-
_useState4 = _slicedToArray(_useState3, 1),
|
|
78
|
-
resolved = _useState4[0];
|
|
79
|
-
|
|
80
|
-
var _useState5 = (0, _react.useState)([]),
|
|
81
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
82
|
-
breadcrumb = _useState6[0],
|
|
83
|
-
setBreadcrumb = _useState6[1];
|
|
84
|
-
|
|
85
|
-
var translate = function translate(id) {
|
|
86
|
-
return emitEvent({
|
|
87
|
-
type: 'translate',
|
|
88
|
-
payload: id
|
|
89
|
-
});
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
var initFile = (0, _react.useMemo)(function () {
|
|
93
|
-
return {
|
|
94
|
-
name: 'init',
|
|
95
|
-
children: [].concat(FIXED_ITEMS, _toConsumableArray(items)),
|
|
96
|
-
id: 'init'
|
|
97
|
-
};
|
|
98
|
-
}, [items]);
|
|
99
|
-
var selectItem = (0, _react.useCallback)(function (item) {
|
|
100
|
-
selectFile(item);
|
|
101
|
-
setBreadcrumb([].concat(_toConsumableArray(breadcrumb), [item]));
|
|
102
|
-
|
|
103
|
-
if (item.type !== 'folder') {
|
|
104
|
-
disableExit(true);
|
|
105
|
-
}
|
|
106
|
-
}, [breadcrumb, disableExit]);
|
|
107
|
-
(0, _react.useEffect)(function () {
|
|
108
|
-
selectFile(initFile);
|
|
109
|
-
setBreadcrumb([initFile]);
|
|
110
|
-
}, [initFile]);
|
|
111
|
-
|
|
112
|
-
var backFile = function backFile() {
|
|
113
|
-
var breadcrumbLength = breadcrumb.length - 1;
|
|
114
|
-
var newBreadcrumb = breadcrumb.filter(function (_, i) {
|
|
115
|
-
return breadcrumbLength > i;
|
|
116
|
-
});
|
|
117
|
-
selectFile(breadcrumb[breadcrumbLength - 1]);
|
|
118
|
-
setBreadcrumb(newBreadcrumb);
|
|
119
|
-
disableExit(false);
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
var closeFolder = function closeFolder() {
|
|
123
|
-
var initItem = breadcrumb[0];
|
|
124
|
-
selectFile(initItem);
|
|
125
|
-
setBreadcrumb([initItem]);
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
var resolvePuzzle = function resolvePuzzle() {
|
|
129
|
-
emitEvent({
|
|
130
|
-
type: 'addPoints',
|
|
131
|
-
payload: info.solution.right.rewards
|
|
132
|
-
});
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
var backgroundURL = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url) || DEFAULT_IMG;
|
|
136
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
137
|
-
className: "puzzle--terminal"
|
|
138
|
-
}, file.children ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Image.default, {
|
|
139
|
-
isWallpaper: true,
|
|
140
|
-
document: {
|
|
141
|
-
url: backgroundURL
|
|
142
|
-
}
|
|
143
|
-
}), /*#__PURE__*/_react.default.createElement(_FilesGroup.default, {
|
|
144
|
-
backFile: backFile,
|
|
145
|
-
initFile: initFile,
|
|
146
|
-
selectItem: selectItem,
|
|
147
|
-
breadcrumb: breadcrumb,
|
|
148
|
-
closeFolder: closeFolder,
|
|
149
|
-
file: file,
|
|
150
|
-
translate: translate
|
|
151
|
-
})) : /*#__PURE__*/_react.default.createElement(_Visor.default, {
|
|
152
|
-
backFile: backFile,
|
|
153
|
-
resolvePuzzle: resolvePuzzle,
|
|
154
|
-
info: info,
|
|
155
|
-
showContinue: !resolved,
|
|
156
|
-
solution: solution,
|
|
157
|
-
file: file,
|
|
158
|
-
translate: translate
|
|
159
|
-
}));
|
|
160
|
-
};
|
|
161
|
-
|
|
162
|
-
var _default = TerminalPuzzleComponent;
|
|
163
|
-
exports.default = _default;
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _videoVisor = _interopRequireDefault(require("../../../video-visor"));
|
|
11
|
-
|
|
12
|
-
var _pdfComponent = require("../../../pdf-component");
|
|
13
|
-
|
|
14
|
-
var _Image = _interopRequireDefault(require("../Image"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
-
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
|
-
|
|
22
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
-
|
|
24
|
-
var ICONS = {
|
|
25
|
-
image: 'image-icon',
|
|
26
|
-
video: 'video-icon',
|
|
27
|
-
embedded_video: 'video-icon',
|
|
28
|
-
pdf: 'pdf-icon',
|
|
29
|
-
terminal: 'console-icon',
|
|
30
|
-
cracker: 'cracker-icon',
|
|
31
|
-
folder: 'folder-icon',
|
|
32
|
-
world: 'world-icon'
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var Visor = function Visor(_ref) {
|
|
36
|
-
var _file$document;
|
|
37
|
-
|
|
38
|
-
var file = _ref.file,
|
|
39
|
-
solution = _ref.solution,
|
|
40
|
-
showContinue = _ref.showContinue,
|
|
41
|
-
info = _ref.info,
|
|
42
|
-
resolvePuzzle = _ref.resolvePuzzle,
|
|
43
|
-
backFile = _ref.backFile,
|
|
44
|
-
translate = _ref.translate;
|
|
45
|
-
var fileId = file.fileId;
|
|
46
|
-
var url = ((_file$document = file.document) === null || _file$document === void 0 ? void 0 : _file$document.url) || '';
|
|
47
|
-
var COMPONENTS = {
|
|
48
|
-
image: {
|
|
49
|
-
component: _Image.default,
|
|
50
|
-
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
51
|
-
url: url
|
|
52
|
-
})
|
|
53
|
-
},
|
|
54
|
-
video: {
|
|
55
|
-
component: _videoVisor.default,
|
|
56
|
-
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
57
|
-
url: url,
|
|
58
|
-
endVideo: resolvePuzzle
|
|
59
|
-
})
|
|
60
|
-
},
|
|
61
|
-
embedded_video: {
|
|
62
|
-
component: _videoVisor.default,
|
|
63
|
-
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
64
|
-
url: url
|
|
65
|
-
})
|
|
66
|
-
},
|
|
67
|
-
pdf: {
|
|
68
|
-
component: _pdfComponent.PdfVisor,
|
|
69
|
-
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
70
|
-
url: url,
|
|
71
|
-
translate: translate
|
|
72
|
-
})
|
|
73
|
-
},
|
|
74
|
-
application: {
|
|
75
|
-
component: _pdfComponent.PdfVisor,
|
|
76
|
-
props: _objectSpread(_objectSpread({}, file), {}, {
|
|
77
|
-
url: url
|
|
78
|
-
})
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
if (!COMPONENTS[file.type]) {
|
|
83
|
-
return null;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
var View = COMPONENTS[file.type].component;
|
|
87
|
-
var viewProps = COMPONENTS[file.type].props;
|
|
88
|
-
var filename = file.name;
|
|
89
|
-
var title = filename.replace(/.jpg|.png|.pdf|.mp4/gi, '');
|
|
90
|
-
var solutionId = solution.fileId;
|
|
91
|
-
|
|
92
|
-
var Feedback = function Feedback(_ref2) {
|
|
93
|
-
var status = _ref2.status,
|
|
94
|
-
feedback = _ref2.feedback;
|
|
95
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
-
className: "puzzle--terminal__visor--message ".concat(status)
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
98
|
-
className: "puzzle--terminal__visor--file"
|
|
99
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
100
|
-
className: "puzzle--terminal__icon ".concat(ICONS[file.type])
|
|
101
|
-
}), /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("span", {
|
|
102
|
-
className: "title"
|
|
103
|
-
}, feedback ? translate(feedback) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement("span", {
|
|
104
|
-
onClick: function onClick() {
|
|
105
|
-
return backFile();
|
|
106
|
-
},
|
|
107
|
-
className: "puzzle--terminal__folder--close"
|
|
108
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
109
|
-
className: "icon-close"
|
|
110
|
-
})));
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
114
|
-
className: "puzzle--terminal__visor"
|
|
115
|
-
}, fileId === solutionId ? /*#__PURE__*/_react.default.createElement(Feedback, {
|
|
116
|
-
status: "success",
|
|
117
|
-
feedback: info.solution.right.desc
|
|
118
|
-
}) : /*#__PURE__*/_react.default.createElement(Feedback, {
|
|
119
|
-
status: "failed",
|
|
120
|
-
feedback: info.solution.wrong.desc
|
|
121
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
-
className: "puzzle--terminal__visor--body"
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement(View, viewProps)), /*#__PURE__*/_react.default.createElement("div", {
|
|
124
|
-
className: "puzzle--terminal__button"
|
|
125
|
-
}, fileId === solutionId && showContinue ? /*#__PURE__*/_react.default.createElement("button", {
|
|
126
|
-
className: "gat--btn gat--btn__primary green",
|
|
127
|
-
type: "button",
|
|
128
|
-
onClick: resolvePuzzle
|
|
129
|
-
}, translate('screens.continue')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))));
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
var _default = Visor;
|
|
133
|
-
exports.default = _default;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.formatUrl = formatUrl;
|
|
7
|
-
exports.ICONS = void 0;
|
|
8
|
-
|
|
9
|
-
/* eslint-disable import/prefer-default-export */
|
|
10
|
-
function formatUrl(url, host) {
|
|
11
|
-
if (url && !url.includes('http')) {
|
|
12
|
-
return host + url;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
return url;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
var ICONS = {
|
|
19
|
-
image: 'image-icon',
|
|
20
|
-
video: 'video-icon',
|
|
21
|
-
embedded_video: 'video-icon',
|
|
22
|
-
pdf: 'pdf-icon',
|
|
23
|
-
terminal: 'console-icon',
|
|
24
|
-
cracker: 'cracker-icon',
|
|
25
|
-
folder: 'folder-icon',
|
|
26
|
-
application: 'pdf-icon',
|
|
27
|
-
world: 'world-icon'
|
|
28
|
-
};
|
|
29
|
-
exports.ICONS = ICONS;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _TerminalPuzzleComponent = _interopRequireDefault(require("./components/TerminalPuzzleComponent"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
var _default = _TerminalPuzzleComponent.default;
|
|
13
|
-
exports.default = _default;
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.realMockProps = exports.mockProps = void 0;
|
|
7
|
-
|
|
8
|
-
var emitEvent = function emitEvent() {
|
|
9
|
-
console.log('Emit event called');
|
|
10
|
-
return 'translated';
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
var disableExit = function disableExit(p) {
|
|
14
|
-
console.log('disable exit', p);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var mockProps = {
|
|
18
|
-
emitEvent: emitEvent,
|
|
19
|
-
disableExit: disableExit,
|
|
20
|
-
items: [{
|
|
21
|
-
children: [{
|
|
22
|
-
children: [{
|
|
23
|
-
id: 'labelId12',
|
|
24
|
-
name: 'rfc6749.jpg',
|
|
25
|
-
type: 'image',
|
|
26
|
-
document: {
|
|
27
|
-
url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif'
|
|
28
|
-
}
|
|
29
|
-
}],
|
|
30
|
-
id: '0',
|
|
31
|
-
type: 'folder',
|
|
32
|
-
name: 'folder0'
|
|
33
|
-
}],
|
|
34
|
-
id: '1',
|
|
35
|
-
type: 'folder',
|
|
36
|
-
name: 'Mis documentos'
|
|
37
|
-
}, {
|
|
38
|
-
children: [{
|
|
39
|
-
id: 'labelId15',
|
|
40
|
-
name: 'bitcoin.mp4',
|
|
41
|
-
document: {
|
|
42
|
-
url: 'https://s3-eu-west-1.amazonaws.com/statics.triskelion.gamelearn.io/triskelion-statics/videos/ada_hack.mp4'
|
|
43
|
-
},
|
|
44
|
-
type: 'video'
|
|
45
|
-
}, {
|
|
46
|
-
id: 'labelId26',
|
|
47
|
-
name: 'youtube',
|
|
48
|
-
document: {
|
|
49
|
-
url: 'https://www.youtube.com/embed/5KcuphEhO8Q'
|
|
50
|
-
},
|
|
51
|
-
type: 'embedded_video'
|
|
52
|
-
}],
|
|
53
|
-
id: '2',
|
|
54
|
-
type: 'folder',
|
|
55
|
-
name: 'Web Builder 3.0'
|
|
56
|
-
}, {
|
|
57
|
-
children: [{
|
|
58
|
-
id: 'labelId18',
|
|
59
|
-
name: 'bitcoin.pdf',
|
|
60
|
-
type: 'application',
|
|
61
|
-
document: {
|
|
62
|
-
url: 'https://min.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/pdf/602e36b777cf020011920783/ZULU%CC%81-PDF%20Cromo%202md.pdf'
|
|
63
|
-
}
|
|
64
|
-
}],
|
|
65
|
-
id: '3',
|
|
66
|
-
type: 'folder',
|
|
67
|
-
name: 'Decoder.exe'
|
|
68
|
-
}, {
|
|
69
|
-
children: [{
|
|
70
|
-
id: 'labelId25',
|
|
71
|
-
name: 'bitcoin.pdf',
|
|
72
|
-
document: {
|
|
73
|
-
url: 'https://gl-lms-storage.s3-eu-west-1.amazonaws.com/stag/clients/58dccfba26561500117caf53/documents/01.+Demo+Presentacion+DE.pdf'
|
|
74
|
-
},
|
|
75
|
-
type: 'pdf'
|
|
76
|
-
}],
|
|
77
|
-
id: '4',
|
|
78
|
-
type: 'folder',
|
|
79
|
-
name: 'consola'
|
|
80
|
-
}],
|
|
81
|
-
info: {
|
|
82
|
-
hint: {
|
|
83
|
-
active: true,
|
|
84
|
-
desc: 'hint',
|
|
85
|
-
rewards: []
|
|
86
|
-
},
|
|
87
|
-
resolve: {
|
|
88
|
-
rewards: []
|
|
89
|
-
},
|
|
90
|
-
solution: {
|
|
91
|
-
right: {
|
|
92
|
-
desc: 'correctSolution',
|
|
93
|
-
rewards: [{}]
|
|
94
|
-
},
|
|
95
|
-
wrong: {
|
|
96
|
-
desc: 'wrongSolution',
|
|
97
|
-
rewards: [{}]
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
instructions: 'instructions',
|
|
101
|
-
description: 'description'
|
|
102
|
-
},
|
|
103
|
-
backgroundImage: {
|
|
104
|
-
url: "https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg"
|
|
105
|
-
},
|
|
106
|
-
solution: {
|
|
107
|
-
id: 'recursoId12',
|
|
108
|
-
name: 'rfc6749.txt',
|
|
109
|
-
type: 'text/plain'
|
|
110
|
-
},
|
|
111
|
-
nodeId: 'terminal-puzzle-component'
|
|
112
|
-
};
|
|
113
|
-
exports.mockProps = mockProps;
|
|
114
|
-
var realMockProps = {
|
|
115
|
-
emitEvent: emitEvent,
|
|
116
|
-
disableExit: disableExit,
|
|
117
|
-
backgroundImage: {
|
|
118
|
-
url: "https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg"
|
|
119
|
-
},
|
|
120
|
-
info: {
|
|
121
|
-
solution: {
|
|
122
|
-
right: {
|
|
123
|
-
desc: 'desc_iVkka4ta',
|
|
124
|
-
rewards: [],
|
|
125
|
-
desc_labelId: 'desc_iVkka4ta'
|
|
126
|
-
},
|
|
127
|
-
wrong: {
|
|
128
|
-
desc: 'desc_iVkkawvw',
|
|
129
|
-
rewards: [],
|
|
130
|
-
desc_labelId: 'desc_iVkkawvw'
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
hint: {
|
|
134
|
-
active: false,
|
|
135
|
-
desc: '',
|
|
136
|
-
rewards: [],
|
|
137
|
-
desc_labelId: 'desc_iVkkaJvH'
|
|
138
|
-
},
|
|
139
|
-
resolve: {
|
|
140
|
-
rewards: []
|
|
141
|
-
},
|
|
142
|
-
title_labelId: 'title_iVkkZ4x0',
|
|
143
|
-
instructions_labelId: 'instructions_iVkkZVX9',
|
|
144
|
-
description_labelId: 'description_iVkkZdyu'
|
|
145
|
-
},
|
|
146
|
-
items: [{
|
|
147
|
-
children: [{
|
|
148
|
-
id: 'id_0_0_iVkkaq0g',
|
|
149
|
-
name: 'perro_grande.jpg',
|
|
150
|
-
type: 'image',
|
|
151
|
-
document: {
|
|
152
|
-
url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif'
|
|
153
|
-
},
|
|
154
|
-
fileId: 'zpty9nt7cqg75fhu',
|
|
155
|
-
name_labelId: 'name_0_0_iVkkawK4',
|
|
156
|
-
id_labelId: 'id_0_0_iVkkaq0g'
|
|
157
|
-
}],
|
|
158
|
-
fileId: 'omowudjngccrq8nv',
|
|
159
|
-
type: 'folder',
|
|
160
|
-
name: 'Pikachu',
|
|
161
|
-
name_labelId: 'name_0_iVkkauVv',
|
|
162
|
-
id_labelId: 'id_0_iVkkam3Z'
|
|
163
|
-
}, {
|
|
164
|
-
children: [{
|
|
165
|
-
id: 'id_1_0_iVkkaAvS',
|
|
166
|
-
name: 'pdf_01',
|
|
167
|
-
document: {
|
|
168
|
-
url: 'https://min.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/pdf/602e36b777cf020011920783/ZULU%CC%81-PDF%20Cromo%202md.pdf'
|
|
169
|
-
},
|
|
170
|
-
type: 'pdf',
|
|
171
|
-
fileId: '4ehqd9lpdo2cpri2',
|
|
172
|
-
name_labelId: 'name_1_0_iVkkaUOF',
|
|
173
|
-
id_labelId: 'id_1_0_iVkkaAvS'
|
|
174
|
-
}],
|
|
175
|
-
fileId: 'ye37ebez1te7c6u3',
|
|
176
|
-
type: 'folder',
|
|
177
|
-
name: 'charmander',
|
|
178
|
-
name_labelId: 'name_1_iVkkaCRv',
|
|
179
|
-
id_labelId: 'id_1_iVkkaF5m'
|
|
180
|
-
}],
|
|
181
|
-
solution: {
|
|
182
|
-
id: 'id_0_0_iVkkaq0g',
|
|
183
|
-
name: 'perro_grande.jpg',
|
|
184
|
-
type: 'image',
|
|
185
|
-
fileId: 'zpty9nt7cqg75fhu',
|
|
186
|
-
name_labelId: 'name_0_0_iVkkawK4',
|
|
187
|
-
id_labelId: 'id_0_0_iVkkaq0g'
|
|
188
|
-
}
|
|
189
|
-
};
|
|
190
|
-
exports.realMockProps = realMockProps;
|