@ohos-ports/react-three-drei 10.7.7-beta.0

package/web/Select.js

@@ -0,0 +1,171 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import * as THREE from 'three';
+import { SelectionBox } from 'three-stdlib';
+import { useThree } from '@react-three/fiber';
+import { shallow } from 'zustand/shallow';
+
+const context = /* @__PURE__ */React.createContext([]);
+function Select({
+  box,
+  multiple,
+  children,
+  onChange,
+  onChangePointerUp,
+  border = '1px solid #55aaff',
+  backgroundColor = 'rgba(75, 160, 255, 0.1)',
+  filter: customFilter = item => item,
+  ...props
+}) {
+  const [downed, down] = React.useState(false);
+  const {
+    setEvents,
+    camera,
+    raycaster,
+    gl,
+    controls,
+    size,
+    get
+  } = useThree();
+  const [hovered, hover] = React.useState(false);
+  const [active, dispatch] = React.useReducer(
+  // @ts-expect-error
+  (state, {
+    object,
+    shift
+  }) => {
+    if (object === undefined) return [];else if (Array.isArray(object)) return object;else if (!shift) return state[0] === object ? [] : [object];
+    // @ts-expect-error
+    else if (state.includes(object)) return state.filter(o => o !== object);else return [object, ...state];
+  }, []);
+  React.useEffect(() => {
+    if (downed) onChange == null || onChange(active);else onChangePointerUp == null || onChangePointerUp(active);
+  }, [active, downed]);
+  const onClick = React.useCallback(e => {
+    e.stopPropagation();
+    dispatch({
+      object: customFilter([e.object])[0],
+      shift: multiple && e.shiftKey
+    });
+  }, []);
+  const onPointerMissed = React.useCallback(e => !hovered && dispatch({}), [hovered]);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (!box || !multiple) return;
+    const selBox = new SelectionBox(camera, ref.current);
+    const element = document.createElement('div');
+    element.style.pointerEvents = 'none';
+    element.style.border = border;
+    element.style.backgroundColor = backgroundColor;
+    element.style.position = 'fixed';
+    const startPoint = new THREE.Vector2();
+    const pointTopLeft = new THREE.Vector2();
+    const pointBottomRight = new THREE.Vector2();
+    const oldRaycasterEnabled = get().events.enabled;
+    const oldControlsEnabled = controls == null ? void 0 : controls.enabled;
+    let isDown = false;
+    function prepareRay(event, vec) {
+      const {
+        offsetX,
+        offsetY
+      } = event;
+      const {
+        width,
+        height
+      } = size;
+      vec.set(offsetX / width * 2 - 1, -(offsetY / height) * 2 + 1);
+    }
+    function onSelectStart(event) {
+      var _gl$domElement$parent;
+      if (controls) controls.enabled = false;
+      setEvents({
+        enabled: false
+      });
+      down(isDown = true);
+      (_gl$domElement$parent = gl.domElement.parentElement) == null || _gl$domElement$parent.appendChild(element);
+      element.style.left = `${event.clientX}px`;
+      element.style.top = `${event.clientY}px`;
+      element.style.width = '0px';
+      element.style.height = '0px';
+      startPoint.x = event.clientX;
+      startPoint.y = event.clientY;
+    }
+    function onSelectMove(event) {
+      pointBottomRight.x = Math.max(startPoint.x, event.clientX);
+      pointBottomRight.y = Math.max(startPoint.y, event.clientY);
+      pointTopLeft.x = Math.min(startPoint.x, event.clientX);
+      pointTopLeft.y = Math.min(startPoint.y, event.clientY);
+      element.style.left = `${pointTopLeft.x}px`;
+      element.style.top = `${pointTopLeft.y}px`;
+      element.style.width = `${pointBottomRight.x - pointTopLeft.x}px`;
+      element.style.height = `${pointBottomRight.y - pointTopLeft.y}px`;
+    }
+    function onSelectOver() {
+      if (isDown) {
+        var _element$parentElemen;
+        if (controls) controls.enabled = oldControlsEnabled;
+        setEvents({
+          enabled: oldRaycasterEnabled
+        });
+        down(isDown = false);
+        (_element$parentElemen = element.parentElement) == null || _element$parentElemen.removeChild(element);
+      }
+    }
+    function pointerDown(event) {
+      if (event.shiftKey) {
+        onSelectStart(event);
+        prepareRay(event, selBox.startPoint);
+      }
+    }
+    let previous = [];
+    function pointerMove(event) {
+      if (isDown) {
+        onSelectMove(event);
+        prepareRay(event, selBox.endPoint);
+        const allSelected = selBox.select().sort(o => o.uuid).filter(o => o.isMesh);
+        if (!shallow(allSelected, previous)) {
+          previous = allSelected;
+          dispatch({
+            object: customFilter(allSelected)
+          });
+        }
+      }
+    }
+    function pointerUp(event) {
+      if (isDown) onSelectOver();
+    }
+    document.addEventListener('pointerdown', pointerDown, {
+      passive: true
+    });
+    document.addEventListener('pointermove', pointerMove, {
+      passive: true,
+      capture: true
+    });
+    document.addEventListener('pointerup', pointerUp, {
+      passive: true
+    });
+    return () => {
+      document.removeEventListener('pointerdown', pointerDown);
+      document.removeEventListener('pointermove', pointerMove, true);
+      document.removeEventListener('pointerup', pointerUp);
+    };
+  }, [size.width, size.height, raycaster, camera, controls, gl]);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: ref,
+    onClick: onClick,
+    onPointerOver: () => hover(true),
+    onPointerOut: () => hover(false),
+    onPointerMissed: onPointerMissed
+  }, props), /*#__PURE__*/React.createElement(context.Provider, {
+    value: active
+  }, children));
+}
+
+// The return type is explicitly declared here because otherwise TypeScript will emit `THREE.Object3D<THREE.Event>[]`.
+// The meaning of the generic parameter for `Object3D` was changed in r156, so it should not be included so that it
+// works with all versions of @types/three.
+function useSelect() {
+  return React.useContext(context);
+}
+
+export { Select, useSelect };

package/web/View.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),n=require("@react-three/fiber"),c=require("tunnel-rat");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),o=i(t),u=i(r),s=a(c);const f=new u.Color,d=s.default();function m(e,t){const{right:r,top:n,left:c,bottom:a,width:i,height:l}=t,o=t.bottom<0||n>e.height||r<0||t.left>e.width,u=e.top+e.height-a;return{position:{width:i,height:l,left:c-e.left,top:n,bottom:u,right:r},isOffscreen:o}}function g(e,{left:t,bottom:r,width:n,height:c}){let a;const i=n/c;var l;return(l=e.camera)&&l.isOrthographicCamera?e.camera.manual?e.camera.updateProjectionMatrix():e.camera.left===n/-2&&e.camera.right===n/2&&e.camera.top===c/2&&e.camera.bottom===c/-2||(Object.assign(e.camera,{left:n/-2,right:n/2,top:c/2,bottom:c/-2}),e.camera.updateProjectionMatrix()):e.camera.aspect!==i&&(e.camera.aspect=i,e.camera.updateProjectionMatrix()),a=e.gl.autoClear,e.gl.autoClear=!1,e.gl.setViewport(t,r,n,c),e.gl.setScissor(t,r,n,c),e.gl.setScissorTest(!0),a}function h(e,t){e.gl.setScissorTest(!1),e.gl.autoClear=t}function p(e){e.gl.getClearColor(f),e.gl.setClearColor(f,e.gl.getClearAlpha()),e.gl.clear(!0,!0)}function v({visible:e=!0,canvasSize:t,scene:r,index:c,children:a,frames:i,rect:l,track:u}){const s=n.useThree(),[f,d]=o.useState(!1);let v=0;return n.useFrame((n=>{var c;(i===1/0||v<=i)&&(u&&(l.current=null==(c=u.current)?void 0:c.getBoundingClientRect()),v++);if(l.current){const{position:c,isOffscreen:i}=m(t,l.current);if(f!==i&&d(i),e&&!f&&l.current){const e=g(n,c);n.gl.render(a?n.scene:r,n.camera),h(n,e)}}}),c),o.useLayoutEffect((()=>{const r=l.current;if(r&&(!e||!f)){const{position:e}=m(t,r),n=g(s,e);p(s),h(s,n)}}),[e,f]),o.useEffect((()=>{if(!u)return;const e=l.current,r=s.get().events.connected;return s.setEvents({connected:u.current}),()=>{if(e){const{position:r}=m(t,e),n=g(s,r);p(s),h(s,n)}s.setEvents({connected:r})}}),[u]),o.createElement(o.Fragment,null,a,o.createElement("group",{onPointerOver:()=>null}))}const b=o.forwardRef((({track:e,visible:t=!0,index:r=1,id:c,style:a,className:i,frames:s=1/0,children:f,...d},m)=>{var g,h,p,b;const E=o.useRef(null),{size:w,scene:C}=n.useThree(),[x]=o.useState((()=>new u.Scene)),[O,y]=o.useReducer((()=>!0),!1),j=o.useCallback(((t,r)=>{if(E.current&&e&&e.current&&t.target===e.current){const{width:e,height:n,left:c,top:a}=E.current,i=t.clientX-c,l=t.clientY-a;r.pointer.set(i/e*2-1,-l/n*2+1),r.raycaster.setFromCamera(r.pointer,r.camera)}}),[E,e]);return o.useEffect((()=>{var t;e&&(E.current=null==(t=e.current)?void 0:t.getBoundingClientRect()),y()}),[e]),o.createElement("group",l.default({ref:m},d),O&&n.createPortal(o.createElement(v,{visible:t,canvasSize:w,frames:s,scene:C,track:e,rect:E,index:r},f),x,{events:{compute:j,priority:r},size:{width:null==(g=E.current)?void 0:g.width,height:null==(h=E.current)?void 0:h.height,top:null==(p=E.current)?void 0:p.top,left:null==(b=E.current)?void 0:b.left}}))})),E=o.forwardRef((({as:e="div",id:t,visible:r,className:n,style:c,index:a=1,track:i,frames:u=1/0,children:s,...f},m)=>{const g=o.useId(),h=o.useRef(null);return o.useImperativeHandle(m,(()=>h.current)),o.createElement(o.Fragment,null,o.createElement(e,l.default({ref:h,id:t,className:n,style:c},f)),o.createElement(d.In,null,o.createElement(b,{visible:r,key:g,track:h,frames:u,index:a},s)))})),w=(()=>{const e=o.forwardRef(((e,t)=>o.useContext(n.context)?o.createElement(b,l.default({ref:t},e)):o.createElement(E,l.default({ref:t},e))));return e.Port=()=>o.createElement(d.Out,null),e})();exports.View=w;

package/web/View.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as THREE from 'three';
+type CanvasSize = {
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+};
+export type ContainerProps = {
+    visible: boolean;
+    scene: THREE.Scene;
+    index: number;
+    children?: React.ReactNode;
+    frames: number;
+    rect: React.RefObject<DOMRect>;
+    track?: React.RefObject<HTMLElement>;
+    canvasSize: CanvasSize;
+};
+export type ViewProps = {
+    as?: string;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    visible?: boolean;
+    index?: number;
+    frames?: number;
+    children?: React.ReactNode;
+    track?: React.RefObject<HTMLElement>;
+};
+export type ViewportProps = {
+    Port: () => React.JSX.Element;
+} & React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLElement | THREE.Group>>;
+export declare const View: ViewportProps;
+export {};

package/web/View.js

@@ -0,0 +1,259 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import * as THREE from 'three';
+import { context, useThree, createPortal, useFrame } from '@react-three/fiber';
+import tunnel from 'tunnel-rat';
+
+const isOrthographicCamera = def => def && def.isOrthographicCamera;
+const col = /* @__PURE__ */new THREE.Color();
+const tracked = /* @__PURE__ */tunnel();
+function computeContainerPosition(canvasSize, trackRect) {
+  const {
+    right,
+    top,
+    left: trackLeft,
+    bottom: trackBottom,
+    width,
+    height
+  } = trackRect;
+  const isOffscreen = trackRect.bottom < 0 || top > canvasSize.height || right < 0 || trackRect.left > canvasSize.width;
+  const canvasBottom = canvasSize.top + canvasSize.height;
+  const bottom = canvasBottom - trackBottom;
+  const left = trackLeft - canvasSize.left;
+  return {
+    position: {
+      width,
+      height,
+      left,
+      top,
+      bottom,
+      right
+    },
+    isOffscreen
+  };
+}
+function prepareSkissor(state, {
+  left,
+  bottom,
+  width,
+  height
+}) {
+  let autoClear;
+  const aspect = width / height;
+  if (isOrthographicCamera(state.camera)) {
+    if (!state.camera.manual) {
+      if (state.camera.left !== width / -2 || state.camera.right !== width / 2 || state.camera.top !== height / 2 || state.camera.bottom !== height / -2) {
+        Object.assign(state.camera, {
+          left: width / -2,
+          right: width / 2,
+          top: height / 2,
+          bottom: height / -2
+        });
+        state.camera.updateProjectionMatrix();
+      }
+    } else {
+      state.camera.updateProjectionMatrix();
+    }
+  } else if (state.camera.aspect !== aspect) {
+    state.camera.aspect = aspect;
+    state.camera.updateProjectionMatrix();
+  }
+  autoClear = state.gl.autoClear;
+  state.gl.autoClear = false;
+  state.gl.setViewport(left, bottom, width, height);
+  state.gl.setScissor(left, bottom, width, height);
+  state.gl.setScissorTest(true);
+  return autoClear;
+}
+function finishSkissor(state, autoClear) {
+  // Restore the default state
+  state.gl.setScissorTest(false);
+  state.gl.autoClear = autoClear;
+}
+function clear(state) {
+  state.gl.getClearColor(col);
+  state.gl.setClearColor(col, state.gl.getClearAlpha());
+  state.gl.clear(true, true);
+}
+function Container({
+  visible = true,
+  canvasSize,
+  scene,
+  index,
+  children,
+  frames,
+  rect,
+  track
+}) {
+  const rootState = useThree();
+  const [isOffscreen, setOffscreen] = React.useState(false);
+  let frameCount = 0;
+  useFrame(state => {
+    if (frames === Infinity || frameCount <= frames) {
+      var _track$current;
+      if (track) rect.current = (_track$current = track.current) == null ? void 0 : _track$current.getBoundingClientRect();
+      frameCount++;
+    }
+    if (rect.current) {
+      const {
+        position,
+        isOffscreen: _isOffscreen
+      } = computeContainerPosition(canvasSize, rect.current);
+      if (isOffscreen !== _isOffscreen) setOffscreen(_isOffscreen);
+      if (visible && !isOffscreen && rect.current) {
+        const autoClear = prepareSkissor(state, position);
+        // When children are present render the portalled scene, otherwise the default scene
+        state.gl.render(children ? state.scene : scene, state.camera);
+        finishSkissor(state, autoClear);
+      }
+    }
+  }, index);
+  React.useLayoutEffect(() => {
+    const curRect = rect.current;
+    if (curRect && (!visible || !isOffscreen)) {
+      // If the view is not visible clear it once, but stop rendering afterwards!
+      const {
+        position
+      } = computeContainerPosition(canvasSize, curRect);
+      const autoClear = prepareSkissor(rootState, position);
+      clear(rootState);
+      finishSkissor(rootState, autoClear);
+    }
+  }, [visible, isOffscreen]);
+  React.useEffect(() => {
+    if (!track) return;
+    const curRect = rect.current;
+    // Connect the event layer to the tracking element
+    const old = rootState.get().events.connected;
+    rootState.setEvents({
+      connected: track.current
+    });
+    return () => {
+      if (curRect) {
+        const {
+          position
+        } = computeContainerPosition(canvasSize, curRect);
+        const autoClear = prepareSkissor(rootState, position);
+        clear(rootState);
+        finishSkissor(rootState, autoClear);
+      }
+      rootState.setEvents({
+        connected: old
+      });
+    };
+  }, [track]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement("group", {
+    onPointerOver: () => null
+  }));
+}
+const CanvasView = /* @__PURE__ */React.forwardRef(({
+  track,
+  visible = true,
+  index = 1,
+  id,
+  style,
+  className,
+  frames = Infinity,
+  children,
+  ...props
+}, fref) => {
+  var _rect$current, _rect$current2, _rect$current3, _rect$current4;
+  const rect = React.useRef(null);
+  const {
+    size,
+    scene
+  } = useThree();
+  const [virtualScene] = React.useState(() => new THREE.Scene());
+  const [ready, toggle] = React.useReducer(() => true, false);
+  const compute = React.useCallback((event, state) => {
+    if (rect.current && track && track.current && event.target === track.current) {
+      const {
+        width,
+        height,
+        left,
+        top
+      } = rect.current;
+      const x = event.clientX - left;
+      const y = event.clientY - top;
+      state.pointer.set(x / width * 2 - 1, -(y / height) * 2 + 1);
+      state.raycaster.setFromCamera(state.pointer, state.camera);
+    }
+  }, [rect, track]);
+  React.useEffect(() => {
+    var _track$current2;
+    // We need the tracking elements bounds beforehand in order to inject it into the portal
+    if (track) rect.current = (_track$current2 = track.current) == null ? void 0 : _track$current2.getBoundingClientRect();
+    // And now we can proceed
+    toggle();
+  }, [track]);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    ref: fref
+  }, props), ready && createPortal(/*#__PURE__*/React.createElement(Container, {
+    visible: visible,
+    canvasSize: size,
+    frames: frames,
+    scene: scene,
+    track: track,
+    rect: rect,
+    index: index
+  }, children), virtualScene, {
+    events: {
+      compute,
+      priority: index
+    },
+    size: {
+      width: (_rect$current = rect.current) == null ? void 0 : _rect$current.width,
+      height: (_rect$current2 = rect.current) == null ? void 0 : _rect$current2.height,
+      // @ts-ignore
+      top: (_rect$current3 = rect.current) == null ? void 0 : _rect$current3.top,
+      // @ts-ignore
+      left: (_rect$current4 = rect.current) == null ? void 0 : _rect$current4.left
+    }
+  }));
+});
+const HtmlView = /* @__PURE__ */React.forwardRef(({
+  as: El = 'div',
+  id,
+  visible,
+  className,
+  style,
+  index = 1,
+  track,
+  frames = Infinity,
+  children,
+  ...props
+}, fref) => {
+  const uuid = React.useId();
+  const ref = React.useRef(null);
+  React.useImperativeHandle(fref, () => ref.current);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(El, _extends({
+    ref: ref,
+    id: id,
+    className: className,
+    style: style
+  }, props)), /*#__PURE__*/React.createElement(tracked.In, null, /*#__PURE__*/React.createElement(CanvasView, {
+    visible: visible,
+    key: uuid,
+    track: ref,
+    frames: frames,
+    index: index
+  }, children)));
+});
+const View = /* @__PURE__ */(() => {
+  const _View = /*#__PURE__*/React.forwardRef((props, fref) => {
+    // If we're inside a canvas we should be able to access the context store
+    const store = React.useContext(context);
+    // If that's not the case we render a tunnel
+    if (!store) return /*#__PURE__*/React.createElement(HtmlView, _extends({
+      ref: fref
+    }, props));
+    // Otherwise a plain canvas-view
+    else return /*#__PURE__*/React.createElement(CanvasView, _extends({
+      ref: fref
+    }, props));
+  });
+  _View.Port = () => /*#__PURE__*/React.createElement(tracked.Out, null);
+  return _View;
+})();
+
+export { View };

package/web/WebcamVideoTexture.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("suspend-react"),u=require("../core/VideoTexture.cjs.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("three"),require("@react-three/fiber"),require("hls.js");var n=c(e),a=i(r);const o=r.forwardRef((({constraints:e={audio:!1,video:{facingMode:"user"}},...c},i)=>{const o=t.suspend((()=>navigator.mediaDevices.getUserMedia(e)),[]);return r.useEffect((()=>()=>{null==o||o.getTracks().forEach((e=>e.stop())),t.clear([])}),[o]),a.createElement(u.VideoTexture,n.default({ref:i},c,{src:o}))}));exports.WebcamVideoTexture=o;

package/web/WebcamVideoTexture.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as THREE from 'three';
+import { VideoTextureProps } from '../core/VideoTexture';
+export type WebcamVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
+    constraints?: MediaStreamConstraints;
+};
+export declare const WebcamVideoTexture: React.ForwardRefExoticComponent<Omit<{
+    children?: (texture: THREE.VideoTexture) => React.ReactNode;
+    src: string | MediaProvider | null;
+} & {
+    unsuspend?: keyof HTMLVideoElementEventMap;
+    start?: boolean;
+    hls?: Parameters<(userConfig?: Partial<import("hls.js").HlsConfig> | undefined) => Promise<import("hls.js").default | null>>[0];
+    onVideoFrame?: VideoFrameRequestCallback;
+} & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">>, "src"> & {
+    constraints?: MediaStreamConstraints;
+} & React.RefAttributes<THREE.VideoTexture>>;

package/web/WebcamVideoTexture.js

@@ -0,0 +1,33 @@
+import _extends from '@babel/runtime/helpers/esm/extends';
+import * as React from 'react';
+import { forwardRef, useEffect } from 'react';
+import { suspend, clear } from 'suspend-react';
+import { VideoTexture } from '../core/VideoTexture.js';
+
+/**
+ * Create a video texture from [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia)
+ */
+const WebcamVideoTexture = /* @__PURE__ */forwardRef(({
+  constraints = {
+    audio: false,
+    video: {
+      facingMode: 'user'
+    }
+  },
+  ...props
+}, fref) => {
+  const mediaStream = suspend(() => navigator.mediaDevices.getUserMedia(constraints), []);
+  useEffect(() => {
+    return () => {
+      mediaStream == null || mediaStream.getTracks().forEach(track => track.stop());
+      clear([]);
+    };
+  }, [mediaStream]);
+  return /*#__PURE__*/React.createElement(VideoTexture, _extends({
+    ref: fref
+  }, props, {
+    src: mediaStream
+  }));
+});
+
+export { WebcamVideoTexture };

package/web/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Html.cjs.js"),r=require("./CycleRaycast.cjs.js"),s=require("./useCursor.cjs.js"),o=require("./Loader.cjs.js"),t=require("./ScrollControls.cjs.js"),i=require("./PresentationControls.cjs.js"),a=require("./KeyboardControls.cjs.js"),c=require("./Select.cjs.js"),u=require("./View.cjs.js"),n=require("./pivotControls/index.cjs.js"),p=require("./ScreenVideoTexture.cjs.js"),j=require("./WebcamVideoTexture.cjs.js"),l=require("./FaceControls.cjs.js"),x=require("./DragControls.cjs.js"),d=require("./FaceLandmarker.cjs.js"),q=require("./Facemesh.cjs.js"),m=require("../core/Billboard.cjs.js"),C=require("../core/ScreenSpace.cjs.js"),h=require("../core/ScreenSizer.cjs.js"),S=require("../core/QuadraticBezierLine.cjs.js"),M=require("../core/CubicBezierLine.cjs.js"),T=require("../core/CatmullRomLine.cjs.js"),b=require("../core/Line.cjs.js"),P=require("../core/PositionalAudio.cjs.js"),f=require("../core/Text.cjs.js"),g=require("../core/Text3D.cjs.js"),v=require("../core/Effects.cjs.js"),F=require("../core/GradientTexture.cjs.js"),B=require("../core/Image.cjs.js"),A=require("../core/Edges.cjs.js"),L=require("../core/Outlines.cjs.js"),D=require("../core/Trail.cjs.js"),y=require("../core/Sampler.cjs.js"),k=require("../core/ComputedAttribute.cjs.js"),E=require("../core/Clone.cjs.js"),G=require("../core/MarchingCubes.cjs.js"),R=require("../core/Decal.cjs.js"),w=require("../core/Svg.cjs.js"),z=require("../core/Gltf.cjs.js"),I=require("../core/AsciiRenderer.cjs.js"),O=require("../core/Splat.cjs.js"),V=require("../core/OrthographicCamera.cjs.js"),H=require("../core/PerspectiveCamera.cjs.js"),K=require("../core/CubeCamera.cjs.js"),W=require("../core/DeviceOrientationControls.cjs.js"),Q=require("../core/FlyControls.cjs.js"),N=require("../core/MapControls.cjs.js"),U=require("../core/OrbitControls.cjs.js"),X=require("../core/TrackballControls.cjs.js"),_=require("../core/ArcballControls.cjs.js"),J=require("../core/TransformControls.cjs.js"),Y=require("../core/PointerLockControls.cjs.js"),Z=require("../core/FirstPersonControls.cjs.js"),$=require("../core/CameraControls.cjs.js"),ee=require("camera-controls"),re=require("../core/MotionPathControls.cjs.js"),se=require("../core/GizmoHelper.cjs.js"),oe=require("../core/GizmoViewcube.cjs.js"),te=require("../core/GizmoViewport.cjs.js"),ie=require("../core/Grid.cjs.js"),ae=require("../core/CubeTexture.cjs.js"),ce=require("../core/Fbx.cjs.js"),ue=require("../core/Ktx2.cjs.js"),ne=require("../core/Progress.cjs.js"),pe=require("../core/Texture.cjs.js"),je=require("../core/VideoTexture.cjs.js"),le=require("../core/useFont.cjs.js"),xe=require("../core/useSpriteLoader.cjs.js"),de=require("../core/Helper.cjs.js"),qe=require("../core/Stats.cjs.js"),me=require("../core/StatsGl.cjs.js"),Ce=require("../core/useDepthBuffer.cjs.js"),he=require("../core/useAspect.cjs.js"),Se=require("../core/useCamera.cjs.js"),Me=require("../core/DetectGPU.cjs.js"),Te=require("../core/Bvh.cjs.js"),be=require("../core/useContextBridge.cjs.js"),Pe=require("../core/useAnimations.cjs.js"),fe=require("../core/Fbo.cjs.js"),ge=require("../core/useIntersect.cjs.js"),ve=require("../core/useBoxProjectedEnv.cjs.js"),Fe=require("../core/BBAnchor.cjs.js"),Be=require("../core/TrailTexture.cjs.js"),Ae=require("../core/Example.cjs.js"),Le=require("../core/SpriteAnimator.cjs.js"),De=require("../core/CurveModifier.cjs.js"),ye=require("../core/MeshDistortMaterial.cjs.js"),ke=require("../core/MeshWobbleMaterial.cjs.js"),Ee=require("../core/MeshReflectorMaterial.cjs.js"),Ge=require("../core/MeshRefractionMaterial.cjs.js"),Re=require("../core/MeshTransmissionMaterial.cjs.js"),we=require("../core/MeshDiscardMaterial.cjs.js"),ze=require("../core/MultiMaterial.cjs.js"),Ie=require("../core/PointMaterial.cjs.js"),Oe=require("../core/shaderMaterial.cjs.js"),Ve=require("../core/softShadows.cjs.js"),He=require("../core/shapes.cjs.js"),Ke=require("../core/RoundedBox.cjs.js"),We=require("../core/ScreenQuad.cjs.js"),Qe=require("../core/Center.cjs.js"),Ne=require("../core/Resize.cjs.js"),Ue=require("../core/Bounds.cjs.js"),Xe=require("../core/CameraShake.cjs.js"),_e=require("../core/Float.cjs.js"),Je=require("../core/Stage.cjs.js"),Ye=require("../core/Backdrop.cjs.js"),Ze=require("../core/Shadow.cjs.js"),$e=require("../core/Caustics.cjs.js"),er=require("../core/ContactShadows.cjs.js"),rr=require("../core/AccumulativeShadows.cjs.js"),sr=require("../core/SpotLight.cjs.js"),or=require("../core/Environment.cjs.js"),tr=require("../core/Lightformer.cjs.js"),ir=require("../core/Sky.cjs.js"),ar=require("../core/Stars.cjs.js"),cr=require("../core/Cloud.cjs.js"),ur=require("../core/Sparkles.cjs.js"),nr=require("../core/useEnvironment.cjs.js"),pr=require("../core/MatcapTexture.cjs.js"),jr=require("../core/NormalTexture.cjs.js"),lr=require("../core/Wireframe.cjs.js"),xr=require("../core/ShadowAlpha.cjs.js"),dr=require("../core/Points.cjs.js"),qr=require("../core/Instances.cjs.js"),mr=require("../core/Segments.cjs.js"),Cr=require("../core/Detailed.cjs.js"),hr=require("../core/Preload.cjs.js"),Sr=require("../core/BakeShadows.cjs.js"),Mr=require("../core/meshBounds.cjs.js"),Tr=require("../core/AdaptiveDpr.cjs.js"),br=require("../core/AdaptiveEvents.cjs.js"),Pr=require("../core/PerformanceMonitor.cjs.js"),fr=require("../core/RenderTexture.cjs.js"),gr=require("../core/RenderCubeTexture.cjs.js"),vr=require("../core/Mask.cjs.js"),Fr=require("../core/Hud.cjs.js"),Br=require("../core/Fisheye.cjs.js"),Ar=require("../core/MeshPortalMaterial.cjs.js"),Lr=require("../core/calculateScaleFactor.cjs.js");function Dr(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@babel/runtime/helpers/extends"),require("react"),require("react-dom/client"),require("three"),require("@react-three/fiber"),require("zustand"),require("maath"),require("@use-gesture/react"),require("zustand/middleware"),require("three-stdlib"),require("zustand/shallow"),require("tunnel-rat"),require("./pivotControls/AxisArrow.cjs.js"),require("./pivotControls/context.cjs.js"),require("./pivotControls/AxisRotator.cjs.js"),require("./pivotControls/PlaneSlider.cjs.js"),require("./pivotControls/ScalingSphere.cjs.js"),require("suspend-react"),require("hls.js"),require("troika-three-text"),require("../helpers/constants.cjs.js"),require("meshline"),require("stats.js"),require("../helpers/useEffectfulState.cjs.js"),require("stats-gl"),require("detect-gpu"),require("three-mesh-bvh"),require("../helpers/deprecated.cjs.js"),require("../materials/BlurPass.cjs.js"),require("../materials/ConvolutionMaterial.cjs.js"),require("../materials/MeshReflectorMaterial.cjs.js"),require("../materials/MeshRefractionMaterial.cjs.js"),require("../materials/DiscardMaterial.cjs.js"),require("@monogrid/gainmap-js"),require("../helpers/environment-assets.cjs.js"),require("../materials/SpotLightMaterial.cjs.js"),require("../materials/WireframeMaterial.cjs.js");var yr=Dr(ee);exports.Html=e.Html,exports.CycleRaycast=r.CycleRaycast,exports.useCursor=s.useCursor,exports.Loader=o.Loader,exports.Scroll=t.Scroll,exports.ScrollControls=t.ScrollControls,exports.useScroll=t.useScroll,exports.PresentationControls=i.PresentationControls,exports.KeyboardControls=a.KeyboardControls,exports.useKeyboardControls=a.useKeyboardControls,exports.Select=c.Select,exports.useSelect=c.useSelect,exports.View=u.View,exports.PivotControls=n.PivotControls,exports.ScreenVideoTexture=p.ScreenVideoTexture,exports.WebcamVideoTexture=j.WebcamVideoTexture,exports.FaceControls=l.FaceControls,exports.useFaceControls=l.useFaceControls,exports.DragControls=x.DragControls,exports.FaceLandmarker=d.FaceLandmarker,exports.FaceLandmarkerDefaults=d.FaceLandmarkerDefaults,exports.useFaceLandmarker=d.useFaceLandmarker,exports.Facemesh=q.Facemesh,exports.FacemeshDatas=q.FacemeshDatas,exports.FacemeshEye=q.FacemeshEye,exports.FacemeshEyeDefaults=q.FacemeshEyeDefaults,exports.Billboard=m.Billboard,exports.ScreenSpace=C.ScreenSpace,exports.ScreenSizer=h.ScreenSizer,exports.QuadraticBezierLine=S.QuadraticBezierLine,exports.CubicBezierLine=M.CubicBezierLine,exports.CatmullRomLine=T.CatmullRomLine,exports.Line=b.Line,exports.PositionalAudio=P.PositionalAudio,exports.Text=f.Text,exports.Text3D=g.Text3D,exports.Effects=v.Effects,exports.isWebGL2Available=v.isWebGL2Available,exports.GradientTexture=F.GradientTexture,exports.GradientType=F.GradientType,exports.Image=B.Image,exports.Edges=A.Edges,exports.Outlines=L.Outlines,exports.Trail=D.Trail,exports.useTrail=D.useTrail,exports.Sampler=y.Sampler,exports.useSurfaceSampler=y.useSurfaceSampler,exports.ComputedAttribute=k.ComputedAttribute,exports.Clone=E.Clone,exports.MarchingCube=G.MarchingCube,exports.MarchingCubes=G.MarchingCubes,exports.MarchingPlane=G.MarchingPlane,exports.Decal=R.Decal,exports.Svg=w.Svg,exports.Gltf=z.Gltf,exports.useGLTF=z.useGLTF,exports.AsciiRenderer=I.AsciiRenderer,exports.Splat=O.Splat,exports.OrthographicCamera=V.OrthographicCamera,exports.PerspectiveCamera=H.PerspectiveCamera,exports.CubeCamera=K.CubeCamera,exports.useCubeCamera=K.useCubeCamera,exports.DeviceOrientationControls=W.DeviceOrientationControls,exports.FlyControls=Q.FlyControls,exports.MapControls=N.MapControls,exports.OrbitControls=U.OrbitControls,exports.TrackballControls=X.TrackballControls,exports.ArcballControls=_.ArcballControls,exports.TransformControls=J.TransformControls,exports.PointerLockControls=Y.PointerLockControls,exports.FirstPersonControls=Z.FirstPersonControls,exports.CameraControls=$.CameraControls,Object.defineProperty(exports,"CameraControlsImpl",{enumerable:!0,get:function(){return yr.default}}),exports.MotionPathControls=re.MotionPathControls,exports.useMotion=re.useMotion,exports.GizmoHelper=se.GizmoHelper,exports.useGizmoContext=se.useGizmoContext,exports.GizmoViewcube=oe.GizmoViewcube,exports.GizmoViewport=te.GizmoViewport,exports.Grid=ie.Grid,exports.CubeTexture=ae.CubeTexture,exports.useCubeTexture=ae.useCubeTexture,exports.Fbx=ce.Fbx,exports.useFBX=ce.useFBX,exports.Ktx2=ue.Ktx2,exports.useKTX2=ue.useKTX2,exports.Progress=ne.Progress,exports.useProgress=ne.useProgress,exports.IsObject=pe.IsObject,exports.Texture=pe.Texture,exports.useTexture=pe.useTexture,exports.VideoTexture=je.VideoTexture,exports.useVideoTexture=je.useVideoTexture,exports.useFont=le.useFont,exports.checkIfFrameIsEmpty=xe.checkIfFrameIsEmpty,exports.getFirstFrame=xe.getFirstFrame,exports.useSpriteLoader=xe.useSpriteLoader,exports.Helper=de.Helper,exports.useHelper=de.useHelper,exports.Stats=qe.Stats,exports.StatsGl=me.StatsGl,exports.useDepthBuffer=Ce.useDepthBuffer,exports.useAspect=he.useAspect,exports.useCamera=Se.useCamera,exports.DetectGPU=Me.DetectGPU,exports.useDetectGPU=Me.useDetectGPU,exports.Bvh=Te.Bvh,exports.useBVH=Te.useBVH,exports.useContextBridge=be.useContextBridge,exports.useAnimations=Pe.useAnimations,exports.Fbo=fe.Fbo,exports.useFBO=fe.useFBO,exports.useIntersect=ge.useIntersect,exports.useBoxProjectedEnv=ve.useBoxProjectedEnv,exports.BBAnchor=Fe.BBAnchor,exports.TrailTexture=Be.TrailTexture,exports.useTrailTexture=Be.useTrailTexture,exports.Example=Ae.Example,exports.SpriteAnimator=Le.SpriteAnimator,exports.useSpriteAnimator=Le.useSpriteAnimator,exports.CurveModifier=De.CurveModifier,exports.MeshDistortMaterial=ye.MeshDistortMaterial,exports.MeshWobbleMaterial=ke.MeshWobbleMaterial,exports.MeshReflectorMaterial=Ee.MeshReflectorMaterial,exports.MeshRefractionMaterial=Ge.MeshRefractionMaterial,exports.MeshTransmissionMaterial=Re.MeshTransmissionMaterial,exports.MeshDiscardMaterial=we.MeshDiscardMaterial,exports.MultiMaterial=ze.MultiMaterial,exports.PointMaterial=Ie.PointMaterial,exports.PointMaterialImpl=Ie.PointMaterialImpl,exports.shaderMaterial=Oe.shaderMaterial,exports.SoftShadows=Ve.SoftShadows,exports.Box=He.Box,exports.Capsule=He.Capsule,exports.Circle=He.Circle,exports.Cone=He.Cone,exports.Cylinder=He.Cylinder,exports.Dodecahedron=He.Dodecahedron,exports.Extrude=He.Extrude,exports.Icosahedron=He.Icosahedron,exports.Lathe=He.Lathe,exports.Octahedron=He.Octahedron,exports.Plane=He.Plane,exports.Polyhedron=He.Polyhedron,exports.Ring=He.Ring,exports.Shape=He.Shape,exports.Sphere=He.Sphere,exports.Tetrahedron=He.Tetrahedron,exports.Torus=He.Torus,exports.TorusKnot=He.TorusKnot,exports.Tube=He.Tube,exports.RoundedBox=Ke.RoundedBox,exports.RoundedBoxGeometry=Ke.RoundedBoxGeometry,exports.ScreenQuad=We.ScreenQuad,exports.Center=Qe.Center,exports.Resize=Ne.Resize,exports.Bounds=Ue.Bounds,exports.useBounds=Ue.useBounds,exports.CameraShake=Xe.CameraShake,exports.Float=_e.Float,exports.Stage=Je.Stage,exports.Backdrop=Ye.Backdrop,exports.Shadow=Ze.Shadow,exports.Caustics=$e.Caustics,exports.ContactShadows=er.ContactShadows,exports.AccumulativeShadows=rr.AccumulativeShadows,exports.RandomizedLight=rr.RandomizedLight,exports.accumulativeContext=rr.accumulativeContext,exports.SpotLight=sr.SpotLight,exports.SpotLightShadow=sr.SpotLightShadow,exports.Environment=or.Environment,exports.EnvironmentCube=or.EnvironmentCube,exports.EnvironmentMap=or.EnvironmentMap,exports.EnvironmentPortal=or.EnvironmentPortal,exports.Lightformer=tr.Lightformer,exports.Sky=ir.Sky,exports.calcPosFromAngles=ir.calcPosFromAngles,exports.Stars=ar.Stars,exports.Cloud=cr.Cloud,exports.CloudInstance=cr.CloudInstance,exports.Clouds=cr.Clouds,exports.Sparkles=ur.Sparkles,exports.useEnvironment=nr.useEnvironment,exports.MatcapTexture=pr.MatcapTexture,exports.useMatcapTexture=pr.useMatcapTexture,exports.NormalTexture=jr.NormalTexture,exports.useNormalTexture=jr.useNormalTexture,exports.Wireframe=lr.Wireframe,exports.ShadowAlpha=xr.ShadowAlpha,exports.Point=dr.Point,exports.Points=dr.Points,exports.PointsBuffer=dr.PointsBuffer,exports.PositionPoint=dr.PositionPoint,exports.Instance=qr.Instance,exports.InstancedAttribute=qr.InstancedAttribute,exports.Instances=qr.Instances,exports.Merged=qr.Merged,exports.PositionMesh=qr.PositionMesh,exports.createInstances=qr.createInstances,exports.Segment=mr.Segment,exports.SegmentObject=mr.SegmentObject,exports.Segments=mr.Segments,exports.Detailed=Cr.Detailed,exports.Preload=hr.Preload,exports.BakeShadows=Sr.BakeShadows,exports.meshBounds=Mr.meshBounds,exports.AdaptiveDpr=Tr.AdaptiveDpr,exports.AdaptiveEvents=br.AdaptiveEvents,exports.PerformanceMonitor=Pr.PerformanceMonitor,exports.usePerformanceMonitor=Pr.usePerformanceMonitor,exports.RenderTexture=fr.RenderTexture,exports.RenderCubeTexture=gr.RenderCubeTexture,exports.Mask=vr.Mask,exports.useMask=vr.useMask,exports.Hud=Fr.Hud,exports.Fisheye=Br.Fisheye,exports.MeshPortalMaterial=Ar.MeshPortalMaterial,exports.calculateScaleFactor=Lr.calculateScaleFactor;

package/web/index.d.ts

@@ -0,0 +1,17 @@
+export { Html } from './Html';
+export { CycleRaycast } from './CycleRaycast';
+export { useCursor } from './useCursor';
+export { Loader } from './Loader';
+export * from './ScrollControls';
+export * from './PresentationControls';
+export * from './KeyboardControls';
+export * from './Select';
+export * from '../core';
+export * from './View';
+export * from './pivotControls';
+export * from './ScreenVideoTexture';
+export * from './WebcamVideoTexture';
+export * from './FaceControls';
+export { DragControls } from './DragControls';
+export * from './FaceLandmarker';
+export * from './Facemesh';