@glyphcss/react 0.0.6 → 0.0.7

package/dist/index.cjs

@@ -700,28 +700,15 @@ function GlyphMapControls({
 // src/glyphcss/controls/GlyphFirstPersonControls.tsx
 var import_react13 = require("react");
 var import_glyphcss7 = require("glyphcss");
-function GlyphFirstPersonControls({
-  drag = true,
-  keyboard = true,
-  moveSpeed = 0.05,
-  lookSpeed = 4e-3,
-  invert = false
-}) {
+function GlyphFirstPersonControls(props) {
   const { sceneRef } = useGlyphSceneContext();
   const controlsRef = (0, import_react13.useRef)(null);
-  const propsRef = (0, import_react13.useRef)({ drag, keyboard, moveSpeed, lookSpeed, invert });
-  propsRef.current = { drag, keyboard, moveSpeed, lookSpeed, invert };
+  const propsRef = (0, import_react13.useRef)(props);
+  propsRef.current = props;
   (0, import_react13.useEffect)(() => {
     const scene = sceneRef.current;
     if (!scene) return;
-    const opts = {
-      drag: propsRef.current.drag,
-      keyboard: propsRef.current.keyboard,
-      moveSpeed: propsRef.current.moveSpeed,
-      lookSpeed: propsRef.current.lookSpeed,
-      invert: propsRef.current.invert
-    };
-    const controls = (0, import_glyphcss7.createGlyphFirstPersonControls)(scene, opts);
+    const controls = (0, import_glyphcss7.createGlyphFirstPersonControls)(scene, propsRef.current);
     controlsRef.current = controls;
     return () => {
       controls.destroy();
@@ -729,9 +716,7 @@ function GlyphFirstPersonControls({
     };
   }, [sceneRef]);
   (0, import_react13.useEffect)(() => {
-    const controls = controlsRef.current;
-    if (!controls) return;
-    controls.update({ drag, keyboard, moveSpeed, lookSpeed, invert });
+    controlsRef.current?.update(props);
   });
   return null;
 }

package/dist/index.d.cts

@@ -236,13 +236,23 @@ interface GlyphMapControlsProps {
 declare function GlyphMapControls({ drag, wheel, invert, animate, }: GlyphMapControlsProps): null;
 
 interface GlyphFirstPersonControlsProps {
-    drag?: boolean;
-    keyboard?: boolean;
+    enabled?: boolean;
+    lookEnabled?: boolean;
+    moveEnabled?: boolean;
+    jumpEnabled?: boolean;
+    crouchEnabled?: boolean;
+    lookSensitivity?: number;
+    invertY?: boolean;
     moveSpeed?: number;
-    lookSpeed?: number;
-    invert?: boolean | number;
+    jumpVelocity?: number;
+    gravity?: number;
+    eyeHeight?: number;
+    crouchHeight?: number;
+    groundZ?: number;
+    minPitch?: number;
+    maxPitch?: number;
 }
-declare function GlyphFirstPersonControls({ drag, keyboard, moveSpeed, lookSpeed, invert, }: GlyphFirstPersonControlsProps): null;
+declare function GlyphFirstPersonControls(props: GlyphFirstPersonControlsProps): null;
 
 interface GlyphAxesHelperProps {
     /** Length of each axis bar in world units. Default 1. */

package/dist/index.d.ts

@@ -236,13 +236,23 @@ interface GlyphMapControlsProps {
 declare function GlyphMapControls({ drag, wheel, invert, animate, }: GlyphMapControlsProps): null;
 
 interface GlyphFirstPersonControlsProps {
-    drag?: boolean;
-    keyboard?: boolean;
+    enabled?: boolean;
+    lookEnabled?: boolean;
+    moveEnabled?: boolean;
+    jumpEnabled?: boolean;
+    crouchEnabled?: boolean;
+    lookSensitivity?: number;
+    invertY?: boolean;
     moveSpeed?: number;
-    lookSpeed?: number;
-    invert?: boolean | number;
+    jumpVelocity?: number;
+    gravity?: number;
+    eyeHeight?: number;
+    crouchHeight?: number;
+    groundZ?: number;
+    minPitch?: number;
+    maxPitch?: number;
 }
-declare function GlyphFirstPersonControls({ drag, keyboard, moveSpeed, lookSpeed, invert, }: GlyphFirstPersonControlsProps): null;
+declare function GlyphFirstPersonControls(props: GlyphFirstPersonControlsProps): null;
 
 interface GlyphAxesHelperProps {
     /** Length of each axis bar in world units. Default 1. */

package/dist/index.js

@@ -656,28 +656,15 @@ function GlyphMapControls({
 // src/glyphcss/controls/GlyphFirstPersonControls.tsx
 import { useEffect as useEffect9, useRef as useRef10 } from "react";
 import { createGlyphFirstPersonControls } from "glyphcss";
-function GlyphFirstPersonControls({
-  drag = true,
-  keyboard = true,
-  moveSpeed = 0.05,
-  lookSpeed = 4e-3,
-  invert = false
-}) {
+function GlyphFirstPersonControls(props) {
   const { sceneRef } = useGlyphSceneContext();
   const controlsRef = useRef10(null);
-  const propsRef = useRef10({ drag, keyboard, moveSpeed, lookSpeed, invert });
-  propsRef.current = { drag, keyboard, moveSpeed, lookSpeed, invert };
+  const propsRef = useRef10(props);
+  propsRef.current = props;
   useEffect9(() => {
     const scene = sceneRef.current;
     if (!scene) return;
-    const opts = {
-      drag: propsRef.current.drag,
-      keyboard: propsRef.current.keyboard,
-      moveSpeed: propsRef.current.moveSpeed,
-      lookSpeed: propsRef.current.lookSpeed,
-      invert: propsRef.current.invert
-    };
-    const controls = createGlyphFirstPersonControls(scene, opts);
+    const controls = createGlyphFirstPersonControls(scene, propsRef.current);
     controlsRef.current = controls;
     return () => {
       controls.destroy();
@@ -685,9 +672,7 @@ function GlyphFirstPersonControls({
     };
   }, [sceneRef]);
   useEffect9(() => {
-    const controls = controlsRef.current;
-    if (!controls) return;
-    controls.update({ drag, keyboard, moveSpeed, lookSpeed, invert });
+    controlsRef.current?.update(props);
   });
   return null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glyphcss/react",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "React components for the glyphcss ASCII polygon mesh rendering engine",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -40,8 +40,8 @@
     "access": "public"
   },
   "dependencies": {
-    "glyphcss": "^0.0.6",
-    "@glyphcss/core": "^0.0.6"
+    "glyphcss": "^0.0.7",
+    "@glyphcss/core": "^0.0.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",