cubeforge 0.4.2 → 0.4.4

package/dist/index.d.ts

@@ -133,8 +133,10 @@ interface SpriteProps {
     tint?: string;
     /** Tint opacity 0-1 */
     tintOpacity?: number;
+    /** Overall opacity 0-1 (default 1) */
+    opacity?: number;
 }
-declare function Sprite({ width, height, color, src, offsetX, offsetY, zIndex, visible, flipX, flipY, anchorX, anchorY, frameIndex, frameWidth, frameHeight, frameColumns, atlas, frame, tileX, tileY, tileSizeX, tileSizeY, sampling, blendMode, layer, tint, tintOpacity, }: SpriteProps): null;
+declare function Sprite({ width, height, color, src, offsetX, offsetY, zIndex, visible, flipX, flipY, anchorX, anchorY, frameIndex, frameWidth, frameHeight, frameColumns, atlas, frame, tileX, tileY, tileSizeX, tileSizeY, sampling, blendMode, layer, tint, tintOpacity, opacity, }: SpriteProps): null;
 
 interface TextProps {
     text: string;

package/dist/index.js

@@ -1830,6 +1830,7 @@ function createSprite(opts) {
     frameIndex: 0,
     blendMode: "normal",
     layer: "default",
+    opacity: 1,
     ...opts
   };
 }
@@ -3263,7 +3264,7 @@ var Canvas2DRenderer = class {
   }
   ctx;
   clear(color) {
-    if (color) {
+    if (color && color !== "transparent") {
       this.ctx.fillStyle = color;
       this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
     } else {
@@ -12718,7 +12719,8 @@ function Sprite({
   blendMode = "normal",
   layer = "default",
   tint,
-  tintOpacity
+  tintOpacity,
+  opacity = 1
 }) {
   const resolvedFrameIndex = atlas && frame != null ? atlas[frame] ?? 0 : frameIndex;
   const engine = useContext6(EngineContext);
@@ -12759,7 +12761,8 @@ function Sprite({
       blendMode,
       layer,
       tint,
-      tintOpacity
+      tintOpacity,
+      opacity
     });
     engine.ecs.addComponent(entityId, comp);
     if (src) {
@@ -12786,7 +12789,22 @@ function Sprite({
     comp.layer = layer;
     comp.tint = tint;
     comp.tintOpacity = tintOpacity;
-  }, [color, visible, flipX, flipY, zIndex, resolvedFrameIndex, blendMode, layer, tint, tintOpacity, engine, entityId]);
+    comp.opacity = opacity;
+  }, [
+    color,
+    visible,
+    flipX,
+    flipY,
+    zIndex,
+    resolvedFrameIndex,
+    blendMode,
+    layer,
+    tint,
+    tintOpacity,
+    opacity,
+    engine,
+    entityId
+  ]);
   return null;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cubeforge",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "React-first 2D browser game engine",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,8 +21,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "tsup": "^8.0.0"