@gamelearn/arcade-components 1.12.0 → 1.12.1

package/dist/components/index.js

@@ -5,12 +5,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AnimateElement", {
-  enumerable: true,
-  get: function get() {
-    return _AnimateElement.default;
-  }
-});
 Object.defineProperty(exports, "AnimationComponent", {
   enumerable: true,
   get: function get() {
@@ -23,12 +17,6 @@ Object.defineProperty(exports, "AutoEvaluationComponent", {
     return _autoEvaluationComponent.default;
   }
 });
-Object.defineProperty(exports, "Background", {
-  enumerable: true,
-  get: function get() {
-    return _background.default;
-  }
-});
 Object.defineProperty(exports, "CardsSelectorPuzzleComponent", {
   enumerable: true,
   get: function get() {
@@ -47,12 +35,6 @@ Object.defineProperty(exports, "ChainedImageClickPuzzleComponent", {
     return _chainedImageClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "ClickableArea", {
-  enumerable: true,
-  get: function get() {
-    return _ClickableArea.default;
-  }
-});
 Object.defineProperty(exports, "ComicComponent", {
   enumerable: true,
   get: function get() {
@@ -95,18 +77,6 @@ Object.defineProperty(exports, "DragItemPuzzleComponent", {
     return _dragItemPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "Element", {
-  enumerable: true,
-  get: function get() {
-    return _element.default;
-  }
-});
-Object.defineProperty(exports, "ElementList", {
-  enumerable: true,
-  get: function get() {
-    return _elementsList.default;
-  }
-});
 Object.defineProperty(exports, "FrameImageClickComponent", {
   enumerable: true,
   get: function get() {
@@ -191,24 +161,12 @@ Object.defineProperty(exports, "PdfVisor", {
     return _pdfComponent.PdfVisor;
   }
 });
-Object.defineProperty(exports, "Poster", {
-  enumerable: true,
-  get: function get() {
-    return _Poster.default;
-  }
-});
 Object.defineProperty(exports, "ReferralComponent", {
   enumerable: true,
   get: function get() {
     return _referralComponent.default;
   }
 });
-Object.defineProperty(exports, "Scene", {
-  enumerable: true,
-  get: function get() {
-    return _scene.default;
-  }
-});
 Object.defineProperty(exports, "SurveyComponent", {
   enumerable: true,
   get: function get() {
@@ -270,20 +228,6 @@ Object.defineProperty(exports, "ZoomTest", {
   }
 });
 
-var _scene = _interopRequireDefault(require("./arcade-render/scene"));
-
-var _elementsList = _interopRequireDefault(require("./arcade-render/elements-list"));
-
-var _ClickableArea = _interopRequireDefault(require("./arcade-render/elements-list/ClickableArea"));
-
-var _Poster = _interopRequireDefault(require("./arcade-render/elements-list/Poster"));
-
-var _background = _interopRequireDefault(require("./arcade-render/background"));
-
-var _element = _interopRequireDefault(require("./arcade-render/element"));
-
-var _AnimateElement = _interopRequireDefault(require("./arcade-render/element/AnimateElement"));
-
 var _noticeComponent = _interopRequireDefault(require("./notice-component"));
 
 var _inventoryItem = _interopRequireDefault(require("./inventory-item"));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "main": "dist/index.js",
   "files": [
     "dist",

package/dist/components/arcade-render/background/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _sceneElements = _interopRequireDefault(require("./scene-elements"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Background = function Background(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? {} : _ref$data;
-  if (Object.keys(data).length === 0) return null;
-  return /*#__PURE__*/_react.default.createElement(_sceneElements.default, {
-    objects: Object.values(data)
-  });
-};
-
-var _default = Background;
-exports.default = _default;

package/dist/components/arcade-render/background/scene-elements/customGeometry/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CustomGeometry = function CustomGeometry(_ref) {
-  var type = _ref.type,
-      args = _ref.args;
-
-  switch (type) {
-    case 'BoxBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("boxBufferGeometry", {
-          args: args
-        });
-      }
-
-    case 'SphereBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("sphereBufferGeometry", {
-          args: args
-        });
-      }
-
-    case 'PlaneBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("planeBufferGeometry", {
-          args: args
-        });
-      }
-
-    default:
-      {
-        return null;
-      }
-  }
-};
-
-var _default = CustomGeometry;
-exports.default = _default;

package/dist/components/arcade-render/background/scene-elements/index.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _drei = require("@react-three/drei");
-
-var _fiber = require("@react-three/fiber");
-
-var _three = require("three");
-
-var _element = _interopRequireDefault(require("../../element"));
-
-var _customGeometry = _interopRequireDefault(require("./customGeometry"));
-
-var _light = _interopRequireDefault(require("../../light"));
-
-var _excluded = ["material"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var SceneElements = function SceneElements(_ref) {
-  var objects = _ref.objects;
-  var scene = (0, _fiber.useThree)(function (state) {
-    return state.scene;
-  });
-  var fog = objects.find(function (object) {
-    return object.type === 'FOG';
-  });
-
-  if (fog) {
-    scene.fog = new _three.FogExp2(fog.color, fog.density);
-  }
-
-  return /*#__PURE__*/_react.default.createElement("group", {
-    name: "BACKGROUND"
-  }, objects.map(function (_ref2, i) {
-    var _object$userData, _object$userData2, _object$userData3;
-
-    var material = _ref2.material,
-        object = _objectWithoutProperties(_ref2, _excluded);
-
-    if ((_object$userData = object.userData) !== null && _object$userData !== void 0 && _object$userData.isPrimitive) {
-      return /*#__PURE__*/_react.default.createElement("mesh", _extends({
-        key: object.uid || "".concat(object.name, "_").concat(i)
-      }, object, {
-        onBeforeRender: function onBeforeRender() {
-          _three.DefaultLoadingManager.onStart(1, 0, 1);
-        },
-        onAfterRender: function onAfterRender() {
-          _three.DefaultLoadingManager.onProgress(1, 1, 1);
-
-          _three.DefaultLoadingManager.onLoad();
-        }
-      }), /*#__PURE__*/_react.default.createElement(_customGeometry.default, {
-        type: object.userData.primitiveType,
-        args: object.userData.props
-      }), /*#__PURE__*/_react.default.createElement("meshLambertMaterial", material));
-    }
-
-    if (object.url && object.userData.resourceId) {
-      return /*#__PURE__*/_react.default.createElement(_element.default, _extends({
-        key: object.uid || "".concat(object.userData.resourceId, "_").concat(i),
-        url: object.url,
-        position: object.position,
-        rotation: object.rotation,
-        scale: object.scale,
-        material: material,
-        onPointerMove: undefined
-      }, object));
-    }
-
-    if ((object === null || object === void 0 ? void 0 : (_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.data) === 'camera') {
-      return /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, _extends({
-        makeDefault: object.defaultCamera
-      }, object, {
-        key: object.name,
-        onUpdate: function onUpdate(self) {
-          self.layers.enableAll();
-        }
-      }));
-    } // lights
-
-
-    if ((object === null || object === void 0 ? void 0 : (_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.data) === 'light') {
-      return /*#__PURE__*/_react.default.createElement(_light.default, _extends({}, object, {
-        key: object.name
-      }));
-    }
-
-    return null;
-  }));
-};
-
-var _default = SceneElements;
-exports.default = _default;

package/dist/components/arcade-render/element/AnimateElement.js

@@ -1,136 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _drei = require("@react-three/drei");
-
-var _useGLB2 = _interopRequireDefault(require("../../../helpers/useGLB"));
-
-var _BoundingBox = _interopRequireDefault(require("./BoundingBox"));
-
-var _excluded = ["model", "position", "rotation", "animationUrl", "enableBounding", "layers", "pauseAtStart", "onClick", "onPointerOver", "onPointerOut"];
-
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-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; }
-
-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; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var AnimateElement = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var model = _ref.model,
-      position = _ref.position,
-      rotation = _ref.rotation,
-      animationUrl = _ref.animationUrl,
-      enableBounding = _ref.enableBounding,
-      layers = _ref.layers,
-      pauseAtStart = _ref.pauseAtStart,
-      onClick = _ref.onClick,
-      onPointerOver = _ref.onPointerOver,
-      onPointerOut = _ref.onPointerOut,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useGLB = (0, _useGLB2.default)(animationUrl),
-      animations = _useGLB.animations;
-
-  var _useAnimations = (0, _drei.useAnimations)(animations),
-      animationRef = _useAnimations.ref,
-      mixer = _useAnimations.mixer;
-
-  var mouseEvents = {
-    onClick: onClick,
-    onPointerOver: onPointerOver,
-    onPointerOut: onPointerOut,
-    onPointerCancel: props.onPointerCancel,
-    onPointerDown: props.onPointerDown,
-    onPointerEnter: props.onPointerEnter,
-    onPointerLeave: props.onPointerLeave,
-    onPointerMove: props.onPointerMove,
-    onPointerUp: props.onPointerUp
-  };
-
-  var currentProps = _objectSpread(_objectSpread({}, enableBounding ? {} : mouseEvents), props);
-
-  var getRef = function getRef(node) {
-    if (ref) {
-      if (ref instanceof Function) {
-        ref(node);
-      } else {
-        ref.current = node;
-      }
-    }
-
-    animationRef.current = node;
-  };
-
-  (0, _react.useEffect)(function () {
-    if (animationRef.current) {
-      mixer.stopAllAction();
-      var clip = animations[0];
-      animationRef.current.userData.defaultAnim = clip;
-      animationRef.current.userData.mixer = mixer;
-
-      if (clip) {
-        var action = mixer.clipAction(clip, animationRef.current);
-        action.play();
-
-        if (animationRef.current.brother) {
-          animationRef.current.brother.updatePosition();
-        }
-
-        if (pauseAtStart) {
-          action.paused = true;
-        }
-      }
-    }
-  }, [mixer, animations, pauseAtStart, animationRef]);
-  (0, _react.useEffect)(function () {
-    if (model.brother) {
-      model.brother.updatePosition();
-    }
-  }, [model, position, rotation, currentProps.scale]);
-  return /*#__PURE__*/_react.default.createElement("group", {
-    visible: props.visible
-  }, enableBounding ? /*#__PURE__*/_react.default.createElement(_BoundingBox.default, _extends({
-    model: model,
-    layers: layers
-  }, mouseEvents)) : null, /*#__PURE__*/_react.default.createElement("primitive", _extends({
-    ref: getRef,
-    object: model,
-    position: position,
-    rotation: rotation,
-    raycast: enableBounding ? function () {} : _drei.meshBounds
-  }, currentProps)));
-});
-
-AnimateElement.defaultProps = {
-  onClick: function onClick() {},
-  onPointerOver: function onPointerOver() {},
-  onPointerOut: function onPointerOut() {},
-  onPointerCancel: function onPointerCancel() {},
-  onPointerDown: function onPointerDown() {},
-  onPointerEnter: function onPointerEnter() {},
-  onPointerLeave: function onPointerLeave() {},
-  onPointerMove: function onPointerMove() {},
-  onPointerUp: function onPointerUp() {}
-};
-var _default = AnimateElement;
-exports.default = _default;

package/dist/components/arcade-render/element/BoundingBox.js

@@ -1,65 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _three = require("three");
-
-var _excluded = ["model", "visible"];
-
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var BoundingBox = function BoundingBox(_ref) {
-  var model = _ref.model,
-      visible = _ref.visible,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var bounding = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    if (model && bounding.current) {
-      var updatePosition = function updatePosition() {
-        var box = new _three.Box3().setFromObject(model);
-        var size = box.getSize(new _three.Vector3());
-        bounding.current.position.copy(model.position);
-        bounding.current.rotation.copy(model.rotation);
-        bounding.current.scale.copy(size);
-        bounding.current.scale.x /= 2;
-        bounding.current.position.y += size.y / 2;
-      };
-
-      updatePosition();
-      bounding.current.updatePosition = updatePosition;
-      model.brother = bounding.current;
-    }
-  }, [model]);
-  return /*#__PURE__*/_react.default.createElement("mesh", _extends({
-    ref: bounding
-  }, props), /*#__PURE__*/_react.default.createElement("boxGeometry", {
-    args: [1, 1, 1]
-  }), /*#__PURE__*/_react.default.createElement("meshBasicMaterial", {
-    color: "grey",
-    visible: false
-  }));
-};
-
-BoundingBox.defaultProps = {
-  rotation: [0, 0, 0],
-  position: [0, 0, 0],
-  visible: true
-};
-var _default = BoundingBox;
-exports.default = _default;

package/dist/components/arcade-render/element/Projection.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _fiber = require("@react-three/fiber");
-
-var _helpers = require("../../../helpers");
-
-var Projection = function Projection(_ref) {
-  var object = _ref.object,
-      element = _ref.element;
-  var domNode = document.getElementById('elements-projection');
-
-  var _useThree = (0, _fiber.useThree)(),
-      gl = _useThree.gl,
-      camera = _useThree.camera;
-
-  var pos = (0, _helpers.getObjectPosition)(object, camera, gl.domElement);
-  (0, _react.useLayoutEffect)(function () {
-    var existingEl = document.getElementById(element.uid);
-    var div = existingEl || document.createElement('div');
-    div.setAttribute('id', element.uid);
-    div.setAttribute('x', pos.x);
-    div.setAttribute('y', pos.y);
-    div.setAttribute('type', element.type);
-    div.setAttribute('name', element.name);
-    if (!existingEl) domNode.appendChild(div);
-  });
-  return null;
-};
-
-var _default = Projection;
-exports.default = _default;