fix: add annotations for tree-shaking (#1684)

Author: CodyJasonBennett

src/core/AccumulativeShadows.tsx

@@ -4,6 +4,7 @@ import { extend, ReactThreeFiber, useFrame, useThree } from '@react-three/fiber'
 import { shaderMaterial } from './shaderMaterial'
 import { DiscardMaterial } from '../materials/DiscardMaterial'
 import { ForwardRefComponent } from '../helpers/ts-utils'
+import { version } from '../helpers/constants'
 
 function isLight(object: any): object is THREE.Light {
   return object.isLight
@@ -72,11 +73,13 @@ declare global {
   }
 }
 
-export const accumulativeContext = React.createContext<AccumulativeContext>(null as unknown as AccumulativeContext)
+export const accumulativeContext = /* @__PURE__ */ React.createContext<AccumulativeContext>(
+  null as unknown as AccumulativeContext
+)
 
-const SoftShadowMaterial = shaderMaterial(
+const SoftShadowMaterial = /* @__PURE__ */ shaderMaterial(
   {
-    color: new THREE.Color(),
+    color: /* @__PURE__ */ new THREE.Color(),
     blend: 2.0,
     alphaTest: 0.75,
     opacity: 0,
@@ -97,14 +100,14 @@ const SoftShadowMaterial = shaderMaterial(
      vec4 sampledDiffuseColor = texture2D(map, vUv);
      gl_FragColor = vec4(color * sampledDiffuseColor.r * blend, max(0.0, (1.0 - (sampledDiffuseColor.r + sampledDiffuseColor.g + sampledDiffuseColor.b) / alphaTest)) * opacity);
      #include <tonemapping_fragment>
-     #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
+     #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
    }`
 )
 
 export const AccumulativeShadows: ForwardRefComponent<
   JSX.IntrinsicElements['group'] & AccumulativeShadowsProps,
   AccumulativeContext
-> = React.forwardRef(
+> = /* @__PURE__ */ React.forwardRef(
   (
     {
       children,
@@ -253,7 +256,7 @@ export type RandomizedLightProps = {
 export const RandomizedLight: ForwardRefComponent<
   JSX.IntrinsicElements['group'] & RandomizedLightProps,
   AccumulativeLightContext
-> = React.forwardRef(
+> = /* @__PURE__ */ React.forwardRef(
   (
     {
       castShadow = true,
@@ -266,7 +269,7 @@ export const RandomizedLight: ForwardRefComponent<
       position = [0, 0, 0],
       radius = 1,
       amount = 8,
-      intensity = parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 155 ? Math.PI : 1,
+      intensity = version >= 155 ? Math.PI : 1,
       ambient = 0.5,
       ...props
     }: JSX.IntrinsicElements['group'] & RandomizedLightProps,

src/core/ArcballControls.tsx

@@ -23,55 +23,55 @@ export type ArcballControlsProps = Omit<
   'ref'
 >
 
-export const ArcballControls: ForwardRefComponent<ArcballControlsProps, ArcballControlsImpl> = forwardRef<
-  ArcballControlsImpl,
-  ArcballControlsProps
->(({ camera, makeDefault, regress, domElement, onChange, onStart, onEnd, ...restProps }, ref) => {
-  const invalidate = useThree((state) => state.invalidate)
-  const defaultCamera = useThree((state) => state.camera)
-  const gl = useThree((state) => state.gl)
-  const events = useThree((state) => state.events) as EventManager<HTMLElement>
-  const set = useThree((state) => state.set)
-  const get = useThree((state) => state.get)
-  const performance = useThree((state) => state.performance)
-  const explCamera = camera || defaultCamera
-  const explDomElement = (domElement || events.connected || gl.domElement) as HTMLElement
-  const controls = useMemo(() => new ArcballControlsImpl(explCamera), [explCamera])
+export const ArcballControls: ForwardRefComponent<ArcballControlsProps, ArcballControlsImpl> =
+  /* @__PURE__ */ forwardRef<ArcballControlsImpl, ArcballControlsProps>(
+    ({ camera, makeDefault, regress, domElement, onChange, onStart, onEnd, ...restProps }, ref) => {
+      const invalidate = useThree((state) => state.invalidate)
+      const defaultCamera = useThree((state) => state.camera)
+      const gl = useThree((state) => state.gl)
+      const events = useThree((state) => state.events) as EventManager<HTMLElement>
+      const set = useThree((state) => state.set)
+      const get = useThree((state) => state.get)
+      const performance = useThree((state) => state.performance)
+      const explCamera = camera || defaultCamera
+      const explDomElement = (domElement || events.connected || gl.domElement) as HTMLElement
+      const controls = useMemo(() => new ArcballControlsImpl(explCamera), [explCamera])
 
-  useFrame(() => {
-    if (controls.enabled) controls.update()
-  }, -1)
+      useFrame(() => {
+        if (controls.enabled) controls.update()
+      }, -1)
 
-  useEffect(() => {
-    controls.connect(explDomElement)
-    return () => void controls.dispose()
-  }, [explDomElement, regress, controls, invalidate])
+      useEffect(() => {
+        controls.connect(explDomElement)
+        return () => void controls.dispose()
+      }, [explDomElement, regress, controls, invalidate])
 
-  useEffect(() => {
-    const callback = (e: Event) => {
-      invalidate()
-      if (regress) performance.regress()
-      if (onChange) onChange(e)
-    }
+      useEffect(() => {
+        const callback = (e: Event) => {
+          invalidate()
+          if (regress) performance.regress()
+          if (onChange) onChange(e)
+        }
 
-    controls.addEventListener('change', callback)
-    if (onStart) controls.addEventListener('start', onStart)
-    if (onEnd) controls.addEventListener('end', onEnd)
+        controls.addEventListener('change', callback)
+        if (onStart) controls.addEventListener('start', onStart)
+        if (onEnd) controls.addEventListener('end', onEnd)
 
-    return () => {
-      controls.removeEventListener('change', callback)
-      if (onStart) controls.removeEventListener('start', onStart)
-      if (onEnd) controls.removeEventListener('end', onEnd)
-    }
-  }, [onChange, onStart, onEnd])
+        return () => {
+          controls.removeEventListener('change', callback)
+          if (onStart) controls.removeEventListener('start', onStart)
+          if (onEnd) controls.removeEventListener('end', onEnd)
+        }
+      }, [onChange, onStart, onEnd])
 
-  useEffect(() => {
-    if (makeDefault) {
-      const old = get().controls
-      set({ controls })
-      return () => set({ controls: old })
-    }
-  }, [makeDefault, controls])
+      useEffect(() => {
+        if (makeDefault) {
+          const old = get().controls
+          set({ controls })
+          return () => set({ controls: old })
+        }
+      }, [makeDefault, controls])
 
-  return <primitive ref={ref} object={controls} {...restProps} />
-})
+      return <primitive ref={ref} object={controls} {...restProps} />
+    }
+  )