@ifiwas/standard-view 2.0.0

package/lib/index.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AmbientLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.AmbientLight;
+  }
+});
+Object.defineProperty(exports, "Arrow", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Arrow;
+  }
+});
+Object.defineProperty(exports, "Axis", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Axis;
+  }
+});
+Object.defineProperty(exports, "BoundingBox", {
+  enumerable: true,
+  get: function get() {
+    return _groups.BoundingBox;
+  }
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Box;
+  }
+});
+Object.defineProperty(exports, "CAMERA_TYPES", {
+  enumerable: true,
+  get: function get() {
+    return _utils.CAMERA_TYPES;
+  }
+});
+Object.defineProperty(exports, "CONTROLS_TYPES", {
+  enumerable: true,
+  get: function get() {
+    return _utils.CONTROLS_TYPES;
+  }
+});
+Object.defineProperty(exports, "Camera", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Camera;
+  }
+});
+Object.defineProperty(exports, "Capsule", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Capsule;
+  }
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Circle;
+  }
+});
+Object.defineProperty(exports, "Cylinder", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Cylinder;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_NORMAL", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_NORMAL;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_NORMAL_VEC3", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_NORMAL_VEC3;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_RIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_RIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_RIGHT_VEC3", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_RIGHT_VEC3;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_UP", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_UP;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_UP_VEC3", {
+  enumerable: true,
+  get: function get() {
+    return _utils.DEFAULT_UP_VEC3;
+  }
+});
+Object.defineProperty(exports, "DirectionalLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.DirectionalLight;
+  }
+});
+Object.defineProperty(exports, "FBX", {
+  enumerable: true,
+  get: function get() {
+    return _groups.FBX;
+  }
+});
+Object.defineProperty(exports, "FPS", {
+  enumerable: true,
+  get: function get() {
+    return _utils.FPS;
+  }
+});
+Object.defineProperty(exports, "GLTF", {
+  enumerable: true,
+  get: function get() {
+    return _groups.GLTF;
+  }
+});
+Object.defineProperty(exports, "Group", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Group;
+  }
+});
+Object.defineProperty(exports, "HemisphereLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.HemisphereLight;
+  }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Label;
+  }
+});
+Object.defineProperty(exports, "Line", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Line;
+  }
+});
+Object.defineProperty(exports, "Mesh", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Mesh;
+  }
+});
+Object.defineProperty(exports, "OBJ", {
+  enumerable: true,
+  get: function get() {
+    return _groups.OBJ;
+  }
+});
+Object.defineProperty(exports, "PCD", {
+  enumerable: true,
+  get: function get() {
+    return _groups.PCD;
+  }
+});
+Object.defineProperty(exports, "Path", {
+  enumerable: true,
+  get: function get() {
+    return _groups.Path;
+  }
+});
+Object.defineProperty(exports, "Plane", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Plane;
+  }
+});
+Object.defineProperty(exports, "PointLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.PointLight;
+  }
+});
+Object.defineProperty(exports, "Polygon", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Polygon;
+  }
+});
+Object.defineProperty(exports, "Quad", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Quad;
+  }
+});
+Object.defineProperty(exports, "RectAreaLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.RectAreaLight;
+  }
+});
+Object.defineProperty(exports, "SIDE_TYPES", {
+  enumerable: true,
+  get: function get() {
+    return _utils.SIDE_TYPES;
+  }
+});
+Object.defineProperty(exports, "Sphere", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Sphere;
+  }
+});
+Object.defineProperty(exports, "SpotLight", {
+  enumerable: true,
+  get: function get() {
+    return _lights.SpotLight;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Text;
+  }
+});
+Object.defineProperty(exports, "Triangle", {
+  enumerable: true,
+  get: function get() {
+    return _primitives.Triangle;
+  }
+});
+Object.defineProperty(exports, "View3D", {
+  enumerable: true,
+  get: function get() {
+    return _views.View3D;
+  }
+});
+Object.defineProperty(exports, "X_AXIS", {
+  enumerable: true,
+  get: function get() {
+    return _utils.X_AXIS;
+  }
+});
+Object.defineProperty(exports, "Y_AXIS", {
+  enumerable: true,
+  get: function get() {
+    return _utils.Y_AXIS;
+  }
+});
+Object.defineProperty(exports, "Z_AXIS", {
+  enumerable: true,
+  get: function get() {
+    return _utils.Z_AXIS;
+  }
+});
+Object.defineProperty(exports, "billboard", {
+  enumerable: true,
+  get: function get() {
+    return _utils.billboard;
+  }
+});
+Object.defineProperty(exports, "generateGroupProps", {
+  enumerable: true,
+  get: function get() {
+    return _groups.generateGroupProps;
+  }
+});
+Object.defineProperty(exports, "useAnimationFrame", {
+  enumerable: true,
+  get: function get() {
+    return _utils.useAnimationFrame;
+  }
+});
+Object.defineProperty(exports, "useFrame", {
+  enumerable: true,
+  get: function get() {
+    return _utils.useFrame;
+  }
+});
+Object.defineProperty(exports, "useViewContext", {
+  enumerable: true,
+  get: function get() {
+    return _utils.useViewContext;
+  }
+});
+var _views = require("./views");
+var _primitives = require("./primitives");
+var _groups = require("./groups");
+var _lights = require("./lights");
+var _utils = require("./utils");

package/lib/lights/AmbientLight.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as THREE from "three";
+interface AmbientLightProps {
+    color?: string | THREE.Color;
+    intensity?: number;
+}
+declare const AmbientLightMemo: React.NamedExoticComponent<AmbientLightProps>;
+export default AmbientLightMemo;

package/lib/lights/AmbientLight.js

@@ -0,0 +1,37 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _excluded = ["color", "intensity"]; // AmbientalLight.tsx
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+var AmbientLight = function AmbientLight(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "white" : _ref$color,
+    _ref$intensity = _ref.intensity,
+    intensity = _ref$intensity === void 0 ? 1 : _ref$intensity,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _color = useMemo(function updateColor() {
+    return new THREE.Color(color);
+  }, [color]);
+  return (
+    /*#__PURE__*/
+    // @ts-ignore: Property 'ambientLight' does not exist on type 'JSX.IntrinsicElements'
+    React.createElement("ambientLight", _extends({
+      color: _color,
+      intensity: intensity
+    }, otherProps))
+  );
+};
+var AmbientLightMemo = memo(AmbientLight);
+AmbientLightMemo.displayName = "AmbientLight";
+var _default = exports["default"] = AmbientLightMemo;

package/lib/lights/DirectionalLight.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { CommonLightWithShadowsProps } from "./LightWithShadows";
+interface DirectionalLightProps extends CommonLightWithShadowsProps {
+    target?: Array<number>;
+    helperSize?: number;
+}
+declare const DirectionalLightMemo: React.NamedExoticComponent<DirectionalLightProps>;
+export default DirectionalLightMemo;

package/lib/lights/DirectionalLight.js

@@ -0,0 +1,43 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _LightWithShadows = _interopRequireDefault(require("./LightWithShadows"));
+var _excluded = ["color", "intensity", "helperSize", "helperColor"]; // DirectionalLight.tsx
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+var DirectionalLight = function DirectionalLight(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "white" : _ref$color,
+    _ref$intensity = _ref.intensity,
+    intensity = _ref$intensity === void 0 ? 1 : _ref$intensity,
+    _ref$helperSize = _ref.helperSize,
+    helperSize = _ref$helperSize === void 0 ? 1 : _ref$helperSize,
+    helperColor = _ref.helperColor,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var lightParams = useMemo(function updateLightParams() {
+    return [color, intensity];
+  }, [color, intensity]);
+  var helperParams = useMemo(function updateHelperParams() {
+    return [helperSize, helperColor || color];
+  }, [helperSize, helperColor, color]);
+  return /*#__PURE__*/React.createElement(_LightWithShadows["default"], _extends({
+    THREELight: THREE.DirectionalLight,
+    THREEHelper: THREE.DirectionalLightHelper,
+    lightParams: lightParams,
+    helperParams: helperParams
+  }, otherProps));
+};
+var DirectionalLightMemo = memo(DirectionalLight);
+DirectionalLightMemo.displayName = "DirectionalLight";
+var _default = exports["default"] = DirectionalLightMemo;

package/lib/lights/HemisphereLight.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+interface HemisphereLightProps {
+    position?: Array<number>;
+    color?: string;
+    skyColor?: string;
+    groundColor?: string;
+    intensity?: number;
+    helper?: boolean;
+    helperSize?: number;
+    children?: any;
+}
+declare const HemisphereLightMemo: React.NamedExoticComponent<HemisphereLightProps>;
+export default HemisphereLightMemo;

package/lib/lights/HemisphereLight.js

@@ -0,0 +1,108 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _Sphere = _interopRequireDefault(require("../primitives/Sphere"));
+var _excluded = ["position", "color", "groundColor", "intensity", "helper", "helperSize", "skyColor"]; // HemispherealLight.tsx
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var useMemo = React.useMemo,
+  memo = React.memo;
+/**
+ * HemisphereLightHelper
+ *
+ * @react-three/fiber's reconciler switchInstance function for re-rendering
+ * components with new arguments, the order of execution is removeChild,
+ * recursiveRemove, dispose, and delete. Since children are removed before
+ * disposing a three.js object, if the dispose function references the
+ * children, an array reference crash occurs.
+ *
+ * HemisphereLightHelper's dispose function calls:
+ *    this.children[0].geometry.dispose();
+ *    this.children[0].material.dispose();
+ * where this.children[0] is refering to the Octahedron that represents the
+ * hemisphere light. Unfortunatley, three.js's poor choice of array
+ * referencing and @react-three/fiber's order of component removal causes
+ * an array reference crash (since the children were recursively removed,
+ * and only an empty array exists at the HemisphereLightHelper's dispose call).
+ *
+ * See RectAreaLight.js for more details, since the same issue exists for
+ * that light helper too.
+ *
+ * Ultimately, THREE.HemisphereLightHelper / hemisphereLightHelper cannot
+ * safely re-render through @react-three/fiber's reconciler.
+ *
+ * This is the custom HemisphereLightHelper.
+ */
+function HemisphereLightHelper(_ref) {
+  var helperSize = _ref.helperSize,
+    color = _ref.color,
+    groundColor = _ref.groundColor;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Sphere["default"], {
+    radius: helperSize,
+    widthSegments: 10,
+    heightSegments: 10,
+    thetaStart: 0,
+    thetaLength: Math.PI * 0.5,
+    color: color,
+    wireframe: true
+  }), /*#__PURE__*/React.createElement(_Sphere["default"], {
+    radius: helperSize,
+    widthSegments: 10,
+    heightSegments: 10,
+    thetaStart: Math.PI * 0.5,
+    thetaLength: Math.PI,
+    color: groundColor,
+    wireframe: true
+  }));
+}
+var HemisphereLight = function HemisphereLight(_ref2) {
+  var _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? [0, 10, 0] : _ref2$position,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? "lightskyblue" : _ref2$color,
+    _ref2$groundColor = _ref2.groundColor,
+    groundColor = _ref2$groundColor === void 0 ? "sandybrown" : _ref2$groundColor,
+    _ref2$intensity = _ref2.intensity,
+    intensity = _ref2$intensity === void 0 ? 1 : _ref2$intensity,
+    _ref2$helper = _ref2.helper,
+    helper = _ref2$helper === void 0 ? false : _ref2$helper,
+    _ref2$helperSize = _ref2.helperSize,
+    helperSize = _ref2$helperSize === void 0 ? 1 : _ref2$helperSize,
+    skyColor = _ref2.skyColor,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  var _color = useMemo(function updatedColor() {
+    return new THREE.Color(skyColor || color);
+  }, [color, skyColor]);
+  var _groundColor = useMemo(function updateGroundColor() {
+    return new THREE.Color(groundColor);
+  }, [groundColor]);
+  var helperProps = useMemo(function updateHelperProps() {
+    return {
+      helperSize: helperSize,
+      color: _color,
+      groundColor: _groundColor
+    };
+  }, [helperSize, _color, _groundColor]);
+  return (
+    /*#__PURE__*/
+    // @ts-ignore: Property 'hemisphereLight' does not exist on type 'JSX.IntrinsicElements'
+    React.createElement("hemisphereLight", _extends({
+      color: _color,
+      groundColor: _groundColor,
+      position: position,
+      intensity: intensity
+    }, otherProps), helper && /*#__PURE__*/React.createElement(HemisphereLightHelper, helperProps))
+  );
+};
+var HemisphereLightMemo = memo(HemisphereLight);
+HemisphereLightMemo.displayName = "HemisphereLight";
+var _default = exports["default"] = HemisphereLightMemo;

package/lib/lights/LightWithShadows.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as THREE from "three";
+export interface CommonLightWithShadowsProps {
+    position?: Array<number>;
+    intensity?: number;
+    color?: string | THREE.Color;
+    castShadow?: boolean;
+    shadowCameraNear?: number;
+    shadowCameraFar?: number;
+    shadowMapWidth?: number;
+    shadowMapHeight?: number;
+    helper?: boolean;
+    helperColor?: string;
+    children?: any;
+}
+interface LightWithShadowsProps extends CommonLightWithShadowsProps {
+    THREELight: any;
+    THREEHelper: any;
+    lightParams: Array<any>;
+    helperParams: Array<any>;
+    target?: Array<number>;
+}
+declare const LightWithShadowsMemo: React.NamedExoticComponent<LightWithShadowsProps>;
+export default LightWithShadowsMemo;