@gamelearn/arcade-components 0.18.5 → 0.18.7
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/arcade-render/element/index.js +4 -0
- package/dist/components/arcade-render/scene/useCameraPan.js +5 -3
- package/dist/components/pdf-component/components/PdfComponent.js +16 -1
- package/dist/components/pdf-component/components/PdfVisor.js +5 -0
- package/dist/helpers/useGLB.js +1 -1
- package/package.json +1 -1
|
@@ -74,7 +74,7 @@ var useCameraPan = function useCameraPan(lookingSide) {
|
|
|
74
74
|
var moveCamera = (0, _react.useCallback)(function (delta) {
|
|
75
75
|
var goal = cameraRotation.current[lookingSide];
|
|
76
76
|
|
|
77
|
-
if (camera.quaternion) {
|
|
77
|
+
if (camera.quaternion && goal) {
|
|
78
78
|
if (!camera.quaternion.equals(goal)) {
|
|
79
79
|
camera.quaternion.rotateTowards(goal, delta * SPEED);
|
|
80
80
|
} else {
|
|
@@ -96,8 +96,10 @@ var useCameraPan = function useCameraPan(lookingSide) {
|
|
|
96
96
|
}
|
|
97
97
|
}, [camera]);
|
|
98
98
|
(0, _react.useEffect)(function () {
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
if (cameraLoaded) {
|
|
100
|
+
movingCamera.current = true;
|
|
101
|
+
}
|
|
102
|
+
}, [lookingSide, cameraLoaded]);
|
|
101
103
|
(0, _react.useEffect)(function () {
|
|
102
104
|
if (cameraLoaded) {
|
|
103
105
|
setCameraRotationView();
|
|
@@ -75,6 +75,12 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
75
75
|
payload: item
|
|
76
76
|
});
|
|
77
77
|
}, [item, emitEvent]);
|
|
78
|
+
|
|
79
|
+
var _useState3 = (0, _react.useState)(false),
|
|
80
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
81
|
+
onlyOnePage = _useState4[0],
|
|
82
|
+
setOnlyOnePage = _useState4[1];
|
|
83
|
+
|
|
78
84
|
(0, _react.useEffect)(function () {
|
|
79
85
|
if (!visible) {
|
|
80
86
|
emitFinish();
|
|
@@ -93,9 +99,15 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
93
99
|
setcloseVisible(true);
|
|
94
100
|
};
|
|
95
101
|
|
|
102
|
+
var readNumberOfPages = function readNumberOfPages(e) {
|
|
103
|
+
if (e === 1) {
|
|
104
|
+
setOnlyOnePage(true);
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
|
|
96
108
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
109
|
className: "".concat(viewed ? 'notes--results' : '')
|
|
98
|
-
}, !viewed && closeVisible && /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
+
}, (onlyOnePage || !viewed && closeVisible) && /*#__PURE__*/_react.default.createElement("div", {
|
|
99
111
|
className: "position--absolute top right z-index1"
|
|
100
112
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
101
113
|
type: "button",
|
|
@@ -104,6 +116,9 @@ var PdfComponent = function PdfComponent(_ref) {
|
|
|
104
116
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
105
117
|
className: "icon-close"
|
|
106
118
|
}))), url && /*#__PURE__*/_react.default.createElement(_PdfVisor.default, {
|
|
119
|
+
emitNumberOfPages: function emitNumberOfPages(e) {
|
|
120
|
+
return readNumberOfPages(e);
|
|
121
|
+
},
|
|
107
122
|
url: url,
|
|
108
123
|
endPdf: endPdf,
|
|
109
124
|
translate: translate
|
|
@@ -34,6 +34,7 @@ _reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/lib
|
|
|
34
34
|
var PdfVisor = function PdfVisor(_ref) {
|
|
35
35
|
var url = _ref.url,
|
|
36
36
|
endPdf = _ref.endPdf,
|
|
37
|
+
emitNumberOfPages = _ref.emitNumberOfPages,
|
|
37
38
|
translate = _ref.translate;
|
|
38
39
|
var scrollElement = (0, _react.useRef)();
|
|
39
40
|
|
|
@@ -54,6 +55,10 @@ var PdfVisor = function PdfVisor(_ref) {
|
|
|
54
55
|
|
|
55
56
|
var scale = (0, _deviceDetection.DeviceDetection)() ? 1 : 2;
|
|
56
57
|
var handleLoadSucess = (0, _react.useCallback)(function (pdf) {
|
|
58
|
+
if (pdf.numPages) {
|
|
59
|
+
emitNumberOfPages(pdf.numPages);
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
setPages(pdf.numPages);
|
|
58
63
|
|
|
59
64
|
var timeOut = function timeOut() {
|
package/dist/helpers/useGLB.js
CHANGED
|
@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
16
|
// We need this to reuse GLTF and DRACO loaders for Arcade working
|
|
17
17
|
// in Mobile devices, drei.useGLTF instances new loaders every time is
|
|
18
18
|
// used
|
|
19
|
-
var dracoDecoderPath = 'https://www.gstatic.com/draco/
|
|
19
|
+
var dracoDecoderPath = 'https://www.gstatic.com/draco/v1/decoders/'; // TODO: Maybe download those files to statics.gamelearn
|
|
20
20
|
|
|
21
21
|
var whiteImage = new Image();
|
|
22
22
|
whiteImage.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII=';
|