@fonsecabarreto/genesis-gl-react 0.1.32 → 0.1.34

package/dist/chunk-YFZKO7RD.js

@@ -0,0 +1,153 @@
+import {
+  useCameraControls
+} from "./chunk-7AGC27WM.js";
+
+// src/hooks/useModel.ts
+import { useEffect, useRef, useState } from "react";
+function useModel(context, options) {
+  const [result, setResult] = useState({
+    model: null,
+    loading: false,
+    error: null
+  });
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  useEffect(() => {
+    if (!context?.scene || !context?.loadOBJ || !context?.webglCore) return;
+    const { scene, loadOBJ, webglCore } = context;
+    const { name, objUrl, postLoad, ...loadOpts } = optionsRef.current;
+    let cancelled = false;
+    setResult({ model: null, loading: true, error: null });
+    loadOBJ(objUrl, loadOpts).then(async (model) => {
+      if (cancelled) return;
+      if (postLoad) await postLoad(model, webglCore);
+      scene.add(name, model);
+      setResult({ model, loading: false, error: null });
+    }).catch((err) => {
+      if (cancelled) return;
+      const error = err instanceof Error ? err : new Error(String(err));
+      setResult({ model: null, loading: false, error });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [context?.scene, context?.loadOBJ, context?.webglCore]);
+  return result;
+}
+
+// src/hooks/useModelRotation.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+function useModelRotation(model) {
+  const [rotation, setRotationState] = useState2([0, 0, 0]);
+  const modelRef = useRef2(model);
+  modelRef.current = model;
+  useEffect2(() => {
+    if (model) setRotationState([...model.rotation]);
+  }, [model]);
+  const setRotation = useCallback((x, y, z) => {
+    const m = modelRef.current;
+    if (!m) return;
+    m.setRotation(x, y, z);
+    setRotationState([x, y, z]);
+  }, []);
+  const rotate = useCallback((dx, dy, dz) => {
+    const m = modelRef.current;
+    if (!m) return;
+    const [cx, cy, cz] = m.rotation;
+    const nx = cx + dx;
+    const ny = cy + dy;
+    const nz = cz + dz;
+    m.setRotation(nx, ny, nz);
+    setRotationState([nx, ny, nz]);
+  }, []);
+  return { rotation, setRotation, rotate };
+}
+
+// src/hooks/useCameraMouseDrag.ts
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { MouseDragControl } from "@fonsecabarreto/genesis-gl-core/Core";
+var SENSITIVITY = 8e-3;
+function useCameraMouseDrag(ctx, canvasRef) {
+  const { rotate } = useCameraControls(ctx);
+  const rotateRef = useRef3(rotate);
+  rotateRef.current = rotate;
+  useEffect3(() => {
+    const el = canvasRef.current;
+    if (!el || !ctx) return;
+    const drag = new MouseDragControl(el);
+    const onDrag = (dx, dy, button) => {
+      if (button !== 2) return;
+      rotateRef.current(-dx * SENSITIVITY, dy * SENSITIVITY);
+    };
+    drag.onChange(onDrag);
+    drag.enable();
+    const onMouseDown = (e) => {
+      if (e.button !== 2) return;
+      el.style.cursor = "grabbing";
+    };
+    const onMouseUp = (e) => {
+      if (e.button !== 2) return;
+      el.style.cursor = "grab";
+    };
+    const onMouseEnter = () => {
+      el.style.cursor = "grab";
+    };
+    const onMouseLeave = () => {
+      el.style.cursor = "";
+    };
+    const onContextMenu = (e) => e.preventDefault();
+    el.addEventListener("mousedown", onMouseDown);
+    el.addEventListener("mouseenter", onMouseEnter);
+    el.addEventListener("mouseleave", onMouseLeave);
+    window.addEventListener("mouseup", onMouseUp);
+    el.addEventListener("contextmenu", onContextMenu);
+    return () => {
+      drag.disable();
+      el.removeEventListener("mousedown", onMouseDown);
+      el.removeEventListener("mouseenter", onMouseEnter);
+      el.removeEventListener("mouseleave", onMouseLeave);
+      window.removeEventListener("mouseup", onMouseUp);
+      el.removeEventListener("contextmenu", onContextMenu);
+      el.style.cursor = "";
+    };
+  }, [ctx]);
+}
+
+// src/hooks/useGroundShadow.ts
+import { useEffect as useEffect4 } from "react";
+import {
+  Model,
+  createGroundShadow
+} from "@fonsecabarreto/genesis-gl-core/Core";
+var SHADOW_ID = "__ground_shadow__";
+function useGroundShadow(context, options = {}) {
+  const { y, radius, opacity, color } = options;
+  useEffect4(() => {
+    if (!context?.scene || !context?.webglCore) return;
+    const { scene, webglCore } = context;
+    const mesh = createGroundShadow(webglCore, { y, radius, opacity, color });
+    mesh.isCollidable = false;
+    const model = new Model([mesh]);
+    scene.add(SHADOW_ID, model);
+    return () => {
+      scene.remove(SHADOW_ID);
+    };
+  }, [
+    context?.scene,
+    context?.webglCore,
+    y,
+    radius,
+    opacity,
+    color?.[0],
+    color?.[1],
+    color?.[2]
+  ]);
+}
+
+export {
+  useModel,
+  useModelRotation,
+  useCameraMouseDrag,
+  useGroundShadow
+};
+//# sourceMappingURL=chunk-YFZKO7RD.js.map

package/dist/chunk-YFZKO7RD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useModel.ts","../src/hooks/useModelRotation.ts","../src/hooks/useCameraMouseDrag.ts","../src/hooks/useGroundShadow.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { Model, WebGLCore } from '@fonsecabarreto/genesis-gl-core/Core';\nimport type { GenesisGLContext, LoadOBJOptions } from './useGenesisGL';\n\nexport interface UseModelOptions extends LoadOBJOptions {\n  name: string;\n  objUrl: string;\n  postLoad?: (model: Model, webglCore: WebGLCore) => Promise<void> | void;\n}\n\nexport interface UseModelResult {\n  model: Model | null;\n  loading: boolean;\n  error: Error | null;\n}\n\nexport function useModel(\n  context: GenesisGLContext | null,\n  options: UseModelOptions,\n): UseModelResult {\n  const [result, setResult] = useState<UseModelResult>({\n    model: null,\n    loading: false,\n    error: null,\n  });\n\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  useEffect(() => {\n    if (!context?.scene || !context?.loadOBJ || !context?.webglCore) return;\n\n    const { scene, loadOBJ, webglCore } = context;\n    const { name, objUrl, postLoad, ...loadOpts } = optionsRef.current;\n    let cancelled = false;\n\n    setResult({ model: null, loading: true, error: null });\n\n    loadOBJ(objUrl, loadOpts)\n      .then(async (model) => {\n        if (cancelled) return;\n        if (postLoad) await postLoad(model, webglCore);\n        scene.add(name, model);\n        setResult({ model, loading: false, error: null });\n      })\n      .catch((err: unknown) => {\n        if (cancelled) return;\n        const error = err instanceof Error ? err : new Error(String(err));\n        setResult({ model: null, loading: false, error });\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [context?.scene, context?.loadOBJ, context?.webglCore]);\n\n  return result;\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { Model } from '@fonsecabarreto/genesis-gl-core/Core';\n\ntype Rotation = [number, number, number];\n\nexport interface UseModelRotationResult {\n  rotation: Rotation;\n  setRotation: (x: number, y: number, z: number) => void;\n  rotate: (dx: number, dy: number, dz: number) => void;\n}\n\nexport function useModelRotation(model: Model | null): UseModelRotationResult {\n  const [rotation, setRotationState] = useState<Rotation>([0, 0, 0]);\n  const modelRef = useRef(model);\n  modelRef.current = model;\n\n  useEffect(() => {\n    if (model) setRotationState([...model.rotation]);\n  }, [model]);\n\n  const setRotation = useCallback((x: number, y: number, z: number) => {\n    const m = modelRef.current;\n    if (!m) return;\n    m.setRotation(x, y, z);\n    setRotationState([x, y, z]);\n  }, []);\n\n  const rotate = useCallback((dx: number, dy: number, dz: number) => {\n    const m = modelRef.current;\n    if (!m) return;\n    const [cx, cy, cz] = m.rotation;\n    const nx = cx + dx;\n    const ny = cy + dy;\n    const nz = cz + dz;\n    m.setRotation(nx, ny, nz);\n    setRotationState([nx, ny, nz]);\n  }, []);\n\n  return { rotation, setRotation, rotate };\n}\n","import { useEffect, useRef } from 'react';\nimport { MouseDragControl } from '@fonsecabarreto/genesis-gl-core/Core';\nimport { useCameraControls } from './useCameraControls';\nimport type { GenesisGLContext } from './useGenesisGL';\n\nconst SENSITIVITY = 0.008;\n\nexport function useCameraMouseDrag(\n  ctx: GenesisGLContext | null,\n  canvasRef: React.RefObject<HTMLElement | null>,\n) {\n  const { rotate } = useCameraControls(ctx);\n  const rotateRef = useRef(rotate);\n  rotateRef.current = rotate;\n\n  useEffect(() => {\n    const el = canvasRef.current;\n    if (!el || !ctx) return;\n\n    const drag = new MouseDragControl(el);\n\n    const onDrag = (dx: number, dy: number, button: number) => {\n      if (button !== 2) return;\n      rotateRef.current(-dx * SENSITIVITY, dy * SENSITIVITY);\n    };\n\n    drag.onChange(onDrag);\n    drag.enable();\n\n    const onMouseDown = (e: MouseEvent) => {\n      if (e.button !== 2) return;\n      el.style.cursor = 'grabbing';\n    };\n\n    const onMouseUp = (e: MouseEvent) => {\n      if (e.button !== 2) return;\n      el.style.cursor = 'grab';\n    };\n\n    const onMouseEnter = () => {\n      el.style.cursor = 'grab';\n    };\n\n    const onMouseLeave = () => {\n      el.style.cursor = '';\n    };\n\n    const onContextMenu = (e: Event) => e.preventDefault();\n\n    el.addEventListener('mousedown', onMouseDown);\n    el.addEventListener('mouseenter', onMouseEnter);\n    el.addEventListener('mouseleave', onMouseLeave);\n    window.addEventListener('mouseup', onMouseUp);\n    el.addEventListener('contextmenu', onContextMenu);\n\n    return () => {\n      drag.disable();\n      el.removeEventListener('mousedown', onMouseDown);\n      el.removeEventListener('mouseenter', onMouseEnter);\n      el.removeEventListener('mouseleave', onMouseLeave);\n      window.removeEventListener('mouseup', onMouseUp);\n      el.removeEventListener('contextmenu', onContextMenu);\n      el.style.cursor = '';\n    };\n  }, [ctx]);\n}\n","import { useEffect } from 'react';\nimport {\n  Model,\n  createGroundShadow,\n  type GroundShadowOptions,\n} from '@fonsecabarreto/genesis-gl-core/Core';\nimport type { GenesisGLContext } from './useGenesisGL';\n\nconst SHADOW_ID = '__ground_shadow__';\n\nexport function useGroundShadow(\n  context: GenesisGLContext | null,\n  options: GroundShadowOptions = {},\n) {\n  const { y, radius, opacity, color } = options;\n\n  useEffect(() => {\n    if (!context?.scene || !context?.webglCore) return;\n    const { scene, webglCore } = context;\n\n    const mesh = createGroundShadow(webglCore, { y, radius, opacity, color });\n    mesh.isCollidable = false;\n    const model = new Model([mesh]);\n    scene.add(SHADOW_ID, model);\n\n    return () => {\n      scene.remove(SHADOW_ID);\n    };\n  }, [\n    context?.scene,\n    context?.webglCore,\n    y,\n    radius,\n    opacity,\n    color?.[0],\n    color?.[1],\n    color?.[2],\n  ]);\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useEffect","useRef","useRef","useEffect","useEffect"]}

package/dist/components/index.d.ts

@@ -11,11 +11,35 @@ interface GenesisGLCanvasProps {
     initialYaw?: number;
     initialPitch?: number;
     initialZoom?: number;
+    /** RGBA clear color, e.g. [0.05, 0.05, 0.05, 1] */
+    background?: [number, number, number, number];
     style?: React.CSSProperties;
     className?: string;
 }
 declare const GenesisGLCanvas: React.ForwardRefExoticComponent<GenesisGLCanvasProps & React.RefAttributes<HTMLCanvasElement>>;
 
+interface ViewportGizmoProps {
+    context: GenesisGLContext | null;
+    /** Size of the gizmo widget in px. Default 96 */
+    size?: number;
+    /** Corner to anchor in. Default 'top-right' */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    style?: React.CSSProperties;
+}
+declare function ViewportGizmo({ context, size, position, style, }: ViewportGizmoProps): react_jsx_runtime.JSX.Element;
+
+interface OrbitArrowsProps {
+    context: GenesisGLContext | null;
+    /** World-space centre the rings are drawn around. Default [0,0,0] */
+    center?: [number, number, number];
+    /** Radius of the orbit rings in world units. Default 1.2 */
+    radius?: number;
+    /** How many points to sample per arc. Default 48 */
+    segments?: number;
+    style?: React.CSSProperties;
+}
+declare function OrbitArrows({ context, center, radius, segments, style, }: OrbitArrowsProps): react_jsx_runtime.JSX.Element | null;
+
 interface RotationControlsProps {
     context: GenesisGLContext | null;
     style?: React.CSSProperties;
@@ -57,4 +81,4 @@ interface FaceSkinProps {
 }
 declare function FaceSkin({ context, model, corners, children, style, className, surfaceWidth, surfaceHeight, }: FaceSkinProps): react_jsx_runtime.JSX.Element | null;
 
-export { FaceSkin as FaceLabel, type FaceSkinProps as FaceLabelProps, FaceSkin, type FaceSkinProps, GenesisGLCanvas, type GenesisGLCanvasProps, RotationControls, type RotationControlsProps };
+export { FaceSkin as FaceLabel, type FaceSkinProps as FaceLabelProps, FaceSkin, type FaceSkinProps, GenesisGLCanvas, type GenesisGLCanvasProps, OrbitArrows, type OrbitArrowsProps, RotationControls, type RotationControlsProps, ViewportGizmo, type ViewportGizmoProps };

package/dist/components/index.js

@@ -1,13 +1,17 @@
 import {
   FaceSkin,
   GenesisGLCanvas,
-  RotationControls
-} from "../chunk-R4MI3LWV.js";
-import "../chunk-MAGVIIUT.js";
+  OrbitArrows,
+  RotationControls,
+  ViewportGizmo
+} from "../chunk-5SN3UL2T.js";
+import "../chunk-7AGC27WM.js";
 export {
   FaceSkin as FaceLabel,
   FaceSkin,
   GenesisGLCanvas,
-  RotationControls
+  OrbitArrows,
+  RotationControls,
+  ViewportGizmo
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.d.ts

@@ -1,6 +1,6 @@
 import { L as LoadOBJOptions, G as GenesisGLContext } from '../useGenesisGL-VdB4J3Hl.js';
 export { U as UseGenesisGLOptions, u as useGenesisGL } from '../useGenesisGL-VdB4J3Hl.js';
-import { Renderer, Model, WebGLCore } from '@fonsecabarreto/genesis-gl-core/Core';
+import { Renderer, Model, WebGLCore, GroundShadowOptions } from '@fonsecabarreto/genesis-gl-core/Core';
 
 interface UseRendererOptions {
     renderer: Renderer | null;
@@ -61,4 +61,6 @@ declare function useCameraControls(ctx: GenesisGLContext | null): UseCameraContr
 
 declare function useCameraMouseDrag(ctx: GenesisGLContext | null, canvasRef: React.RefObject<HTMLElement | null>): void;
 
-export { type CameraState, GenesisGLContext, LoadOBJOptions, type ScreenPoint, type UseCameraControlsResult, type UseModelOptions, type UseModelResult, type UseModelRotationResult, type UseRendererOptions, useCameraControls, useCameraMouseDrag, useModel, useModelRotation, useRenderer, useWorldToScreen };
+declare function useGroundShadow(context: GenesisGLContext | null, options?: GroundShadowOptions): void;
+
+export { type CameraState, GenesisGLContext, LoadOBJOptions, type ScreenPoint, type UseCameraControlsResult, type UseModelOptions, type UseModelResult, type UseModelRotationResult, type UseRendererOptions, useCameraControls, useCameraMouseDrag, useGroundShadow, useModel, useModelRotation, useRenderer, useWorldToScreen };

package/dist/hooks/index.js

@@ -1,18 +1,20 @@
 import {
+  useCameraMouseDrag,
+  useGroundShadow,
   useModel,
   useModelRotation
-} from "../chunk-GDDOUPFO.js";
+} from "../chunk-YFZKO7RD.js";
 import {
   useCameraControls,
-  useCameraMouseDrag,
   useGenesisGL,
   useRenderer,
   useWorldToScreen
-} from "../chunk-MAGVIIUT.js";
+} from "../chunk-7AGC27WM.js";
 export {
   useCameraControls,
   useCameraMouseDrag,
   useGenesisGL,
+  useGroundShadow,
   useModel,
   useModelRotation,
   useRenderer,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { G as GenesisGLContext, L as LoadOBJOptions, U as UseGenesisGLOptions, u as useGenesisGL } from './useGenesisGL-VdB4J3Hl.js';
-export { CameraState, ScreenPoint, UseCameraControlsResult, UseModelOptions, UseModelResult, UseModelRotationResult, UseRendererOptions, useCameraControls, useCameraMouseDrag, useModel, useModelRotation, useRenderer, useWorldToScreen } from './hooks/index.js';
-export { FaceLabel, FaceLabelProps, FaceLabel as FaceSkin, FaceLabelProps as FaceSkinProps, GenesisGLCanvas, GenesisGLCanvasProps, RotationControls, RotationControlsProps } from './components/index.js';
+export { CameraState, ScreenPoint, UseCameraControlsResult, UseModelOptions, UseModelResult, UseModelRotationResult, UseRendererOptions, useCameraControls, useCameraMouseDrag, useGroundShadow, useModel, useModelRotation, useRenderer, useWorldToScreen } from './hooks/index.js';
+export { FaceLabel, FaceLabelProps, FaceLabel as FaceSkin, FaceLabelProps as FaceSkinProps, GenesisGLCanvas, GenesisGLCanvasProps, OrbitArrows, OrbitArrowsProps, RotationControls, RotationControlsProps, ViewportGizmo, ViewportGizmoProps } from './components/index.js';
 export { Model, Renderer, Scene, Viewport, WebGLCore } from '@fonsecabarreto/genesis-gl-core/Core';
 export { loadOBJWithMTL } from '@fonsecabarreto/genesis-gl-core/Core/utils/parse-obj';
 import 'react';

package/dist/index.js

@@ -1,19 +1,22 @@
 import {
   FaceSkin,
   GenesisGLCanvas,
-  RotationControls
-} from "./chunk-R4MI3LWV.js";
+  OrbitArrows,
+  RotationControls,
+  ViewportGizmo
+} from "./chunk-5SN3UL2T.js";
 import {
+  useCameraMouseDrag,
+  useGroundShadow,
   useModel,
   useModelRotation
-} from "./chunk-GDDOUPFO.js";
+} from "./chunk-YFZKO7RD.js";
 import {
   useCameraControls,
-  useCameraMouseDrag,
   useGenesisGL,
   useRenderer,
   useWorldToScreen
-} from "./chunk-MAGVIIUT.js";
+} from "./chunk-7AGC27WM.js";
 
 // src/index.ts
 import { loadOBJWithMTL } from "@fonsecabarreto/genesis-gl-core/Core/utils/parse-obj";
@@ -21,11 +24,14 @@ export {
   FaceSkin as FaceLabel,
   FaceSkin,
   GenesisGLCanvas,
+  OrbitArrows,
   RotationControls,
+  ViewportGizmo,
   loadOBJWithMTL,
   useCameraControls,
   useCameraMouseDrag,
   useGenesisGL,
+  useGroundShadow,
   useModel,
   useModelRotation,
   useRenderer,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './hooks';\nexport * from './components';\nexport type {\n  Scene,\n  Viewport,\n  Renderer,\n  Model,\n  WebGLCore,\n} from '@fonsecabarreto/genesis-gl-core/Core';\nexport { loadOBJWithMTL } from '@fonsecabarreto/genesis-gl-core/Core/utils/parse-obj';\n"],"mappings":";;;;;;;;;;;;;;;;;;AASA,SAAS,sBAAsB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './hooks';\nexport * from './components';\nexport type {\n  Scene,\n  Viewport,\n  Renderer,\n  Model,\n  WebGLCore,\n} from '@fonsecabarreto/genesis-gl-core/Core';\nexport { loadOBJWithMTL } from '@fonsecabarreto/genesis-gl-core/Core/utils/parse-obj';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,SAAS,sBAAsB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fonsecabarreto/genesis-gl-react",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "description": "React integration for GenesisGL — WebGL 3D engine",
   "author": "Lucas Fonseca Barreto",
   "license": "MIT",