pixi-solid 0.0.9 → 0.0.10

package/dist/index.js

@@ -3,6 +3,7 @@ import { PixiCanvas } from "./pixi-canvas.js";
 import { PIXI_EVENT_NAMES } from "./pixi-events.js";
 import { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, MeshSimple, NineSliceSprite, ParticleContainer, PerspectiveMesh, RenderContainer, RenderLayer, Sprite, Text, TilingSprite } from "./pixi-components.js";
 import { PixiStage } from "./pixi-stage.js";
+import { useResize } from "./use-resize.js";
 import { useTick, useTicker } from "./use-ticker.js";
 
-export { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, MeshSimple, NineSliceSprite, PIXI_EVENT_NAMES, ParticleContainer, PerspectiveMesh, PixiApplication, PixiCanvas, PixiStage, RenderContainer, RenderLayer, Sprite, Text, TilingSprite, usePixiApp, useTick, useTicker };
+export { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, MeshSimple, NineSliceSprite, PIXI_EVENT_NAMES, ParticleContainer, PerspectiveMesh, PixiApplication, PixiCanvas, PixiStage, RenderContainer, RenderLayer, Sprite, Text, TilingSprite, usePixiApp, useResize, useTick, useTicker };

package/dist/types/index.d.ts

@@ -7,4 +7,5 @@ export type { PixiEventHandlerMap } from "./pixi-events";
 export { PIXI_EVENT_NAMES } from "./pixi-events";
 export type { PixiStageProps } from "./pixi-stage";
 export { PixiStage } from "./pixi-stage";
+export { useResize } from "./use-resize";
 export { useTick, useTicker } from "./use-ticker";

package/dist/types/use-resize.d.ts

@@ -0,0 +1,9 @@
+import type * as Pixi from "pixi.js";
+/**
+ * A SolidJS hook that runs a callback function whenever the PixiJS renderer is resized.
+ *
+ * @param resizeCallback A callback function that receives the updated screen dimensions as a `Pixi.Rectangle` object. This function will be called immediately upon hook initialization and then on every subsequent resize event.
+ *
+ * Because we listen for the renderer's "resize" event, this hook will work correctly whether the window is resized or just the DOM element the PixiCanvas is inside changes size.
+ */
+export declare const useResize: (resizeCallback: (screen: Pixi.Rectangle) => void) => void;

package/dist/use-resize.js

@@ -0,0 +1,27 @@
+import { usePixiApp } from "./pixi-application.js";
+import { onCleanup } from "solid-js";
+
+//#region src/use-resize.ts
+/**
+* A SolidJS hook that runs a callback function whenever the PixiJS renderer is resized.
+*
+* @param resizeCallback A callback function that receives the updated screen dimensions as a `Pixi.Rectangle` object. This function will be called immediately upon hook initialization and then on every subsequent resize event.
+*
+* Because we listen for the renderer's "resize" event, this hook will work correctly whether the window is resized or just the DOM element the PixiCanvas is inside changes size.
+*/
+const useResize = (resizeCallback) => {
+	const app = usePixiApp();
+	app.renderer.screen.fit;
+	const handleResize = () => {
+		resizeCallback(app.renderer.screen);
+	};
+	handleResize();
+	app.renderer.addListener("resize", handleResize);
+	onCleanup(() => {
+		app.renderer.removeListener("resize", handleResize);
+	});
+};
+
+//#endregion
+export { useResize };
+//# sourceMappingURL=use-resize.js.map

package/dist/use-resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize.js","names":[],"sources":["../src/use-resize.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { onCleanup } from \"solid-js\";\nimport { usePixiApp } from \"./pixi-application\";\n\n/**\n * A SolidJS hook that runs a callback function whenever the PixiJS renderer is resized.\n *\n * @param resizeCallback A callback function that receives the updated screen dimensions as a `Pixi.Rectangle` object. This function will be called immediately upon hook initialization and then on every subsequent resize event.\n *\n * Because we listen for the renderer's \"resize\" event, this hook will work correctly whether the window is resized or just the DOM element the PixiCanvas is inside changes size.\n */\nexport const useResize = (resizeCallback: (screen: Pixi.Rectangle) => void): void => {\n  const app = usePixiApp();\n\n  app.renderer.screen.fit;\n\n  const handleResize = () => {\n    resizeCallback(app.renderer.screen);\n  };\n\n  // Call once to initialise\n  handleResize();\n\n  app.renderer.addListener(\"resize\", handleResize);\n\n  onCleanup(() => {\n    app.renderer.removeListener(\"resize\", handleResize);\n  });\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,aAAa,mBAA2D;CACnF,MAAM,MAAM,YAAY;AAExB,KAAI,SAAS,OAAO;CAEpB,MAAM,qBAAqB;AACzB,iBAAe,IAAI,SAAS,OAAO;;AAIrC,eAAc;AAEd,KAAI,SAAS,YAAY,UAAU,aAAa;AAEhD,iBAAgB;AACd,MAAI,SAAS,eAAe,UAAU,aAAa;GACnD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixi-solid",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "A library to write PixiJS applications with SolidJS",
   "author": "Luke Thompson",
   "license": "MIT",