@inglorious/renderer-react-dom 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/renderer-react-dom",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A renderer for the Inglorious Engine, using React components.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -18,14 +18,14 @@
     "./*": "./src/*"
   },
   "files": [
-    "src/*"
+    "src"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@inglorious/engine": "0.8.0",
-    "@inglorious/utils": "2.0.0"
+    "@inglorious/engine": "0.10.0",
+    "@inglorious/utils": "2.2.0"
   },
   "devDependencies": {
     "eslint": "^9.34.0",

package/src/game/scene/index.jsx

@@ -7,7 +7,7 @@ import classes from "./scene.module.scss"
 export default function Scene({ entities, children }) {
   const dispatch = useDispatch()
 
-  const [, , width, height] = entities.game.bounds
+  const [gameWidth, gameHeight] = entities.game.size
 
   const ref = useRef()
   const mouseHandlers = track(ref.current, {
@@ -17,7 +17,7 @@ export default function Scene({ entities, children }) {
   return (
     <div
       className={classes.scene}
-      style={{ "--width": `${width}px`, "--height": `${height}px` }}
+      style={{ "--width": `${gameWidth}px`, "--height": `${gameHeight}px` }}
       ref={ref}
       {...mouseHandlers}
     >

package/src/hocs/with-absolute-position/index.jsx

@@ -4,7 +4,7 @@ import classes from "./with-absolute-position.module.scss"
 
 export function withAbsolutePosition(Component) {
   return function AbsolutePosition(props) {
-    const [, , , screenHeight] = props.entities.game.bounds
+    const [, gameHeight] = props.entities.game.size
     const { position = zero() } = props.entity
 
     const [x, y, z] = position
@@ -13,7 +13,7 @@ export function withAbsolutePosition(Component) {
       <Component
         {...props}
         className={classes.withAbsolutePosition}
-        style={{ "--x": `${x}px`, "--y": `${screenHeight - y - z}px` }}
+        style={{ "--x": `${x}px`, "--y": `${gameHeight - y - z}px` }}
       />
     )
   }