pixi-solid 0.0.8 → 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/pixi-events.js

@@ -32,7 +32,37 @@ const PIXI_EVENT_NAMES = [
 	"wheel",
 	"globalmousemove",
 	"globalpointermove",
-	"globaltouchmove"
+	"globaltouchmove",
+	"clickcapture",
+	"mousedowncapture",
+	"mouseentercapture",
+	"mouseleavecapture",
+	"mousemovecapture",
+	"mouseoutcapture",
+	"mouseovercapture",
+	"mouseupcapture",
+	"mouseupoutsidecapture",
+	"pointercancelcapture",
+	"pointerdowncapture",
+	"pointerentercapture",
+	"pointerleavecapture",
+	"pointermovecapture",
+	"pointeroutcapture",
+	"pointerovercapture",
+	"pointertapcapture",
+	"pointerupcapture",
+	"pointerupoutsidecapture",
+	"rightclickcapture",
+	"rightdowncapture",
+	"rightupcapture",
+	"rightupoutsidecapture",
+	"tapcapture",
+	"touchcancelcapture",
+	"touchendcapture",
+	"touchendoutsidecapture",
+	"touchmovecapture",
+	"touchstartcapture",
+	"wheelcapture"
 ];
 const PIXI_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map((eventName) => `on${eventName}`);
 const PIXI_EVENT_HANDLER_NAME_SET = new Set(PIXI_EVENT_HANDLER_NAMES);

package/dist/pixi-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixi-events.js","names":["PIXI_EVENT_NAMES: (keyof AllFederatedEventMap)[]","PIXI_EVENT_HANDLER_NAME_SET: Readonly<Set<(typeof PIXI_EVENT_HANDLER_NAMES)[number]>>","allEventsAreHandled: AllEventsAreHandled"],"sources":["../src/pixi-events.ts"],"sourcesContent":["import type { AllFederatedEventMap } from \"pixi.js\";\n\nexport const PIXI_EVENT_NAMES: (keyof AllFederatedEventMap)[] = [\n  \"click\",\n  \"mousedown\",\n  \"mouseenter\",\n  \"mouseleave\",\n  \"mousemove\",\n  \"mouseout\",\n  \"mouseover\",\n  \"mouseup\",\n  \"mouseupoutside\",\n  \"pointercancel\",\n  \"pointerdown\",\n  \"pointerenter\",\n  \"pointerleave\",\n  \"pointermove\",\n  \"pointerout\",\n  \"pointerover\",\n  \"pointertap\",\n  \"pointerup\",\n  \"pointerupoutside\",\n  \"rightclick\",\n  \"rightdown\",\n  \"rightup\",\n  \"rightupoutside\",\n  \"tap\",\n  \"touchcancel\",\n  \"touchend\",\n  \"touchendoutside\",\n  \"touchmove\",\n  \"touchstart\",\n  \"wheel\",\n  \"globalmousemove\",\n  \"globalpointermove\",\n  \"globaltouchmove\",\n] as const;\n\nexport const PIXI_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map(\n  (eventName) => `on${eventName}` as const,\n);\n\nexport type PixiEventHandlerMap = {\n  [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?: (event: AllFederatedEventMap[K]) => void;\n};\n\nexport const PIXI_EVENT_HANDLER_NAME_SET: Readonly<Set<(typeof PIXI_EVENT_HANDLER_NAMES)[number]>> =\n  new Set(PIXI_EVENT_HANDLER_NAMES);\n\n/**\n * This is a type-safe check that ensures `PIXI_EVENT_NAMES` includes every key from Pixi's `AllFederatedEventMap` type.\n * It will cause a build error if any event names are missing.\n */\ntype MissingKeys = Exclude<keyof AllFederatedEventMap, (typeof PIXI_EVENT_NAMES)[number]>;\ntype AllEventsAreHandled = MissingKeys extends never\n  ? true\n  : `Error: Missing event keys: ${MissingKeys}`;\nconst allEventsAreHandled: AllEventsAreHandled = true;\nvoid allEventsAreHandled;\n"],"mappings":";AAEA,MAAaA,mBAAmD;CAC9D;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA2B,iBAAiB,KACtD,cAAc,KAAK,YACrB;AAMD,MAAaC,8BACX,IAAI,IAAI,yBAAyB"}
+{"version":3,"file":"pixi-events.js","names":["PIXI_EVENT_NAMES: (keyof FederatedEventEmitterTypes)[]","PIXI_EVENT_HANDLER_NAME_SET: Readonly<Set<(typeof PIXI_EVENT_HANDLER_NAMES)[number]>>","allEventsAreHandled: AllEventsAreHandled"],"sources":["../src/pixi-events.ts"],"sourcesContent":["import type { FederatedEventEmitterTypes } from \"pixi.js\";\n\nexport const PIXI_EVENT_NAMES: (keyof FederatedEventEmitterTypes)[] = [\n  \"click\",\n  \"mousedown\",\n  \"mouseenter\",\n  \"mouseleave\",\n  \"mousemove\",\n  \"mouseout\",\n  \"mouseover\",\n  \"mouseup\",\n  \"mouseupoutside\",\n  \"pointercancel\",\n  \"pointerdown\",\n  \"pointerenter\",\n  \"pointerleave\",\n  \"pointermove\",\n  \"pointerout\",\n  \"pointerover\",\n  \"pointertap\",\n  \"pointerup\",\n  \"pointerupoutside\",\n  \"rightclick\",\n  \"rightdown\",\n  \"rightup\",\n  \"rightupoutside\",\n  \"tap\",\n  \"touchcancel\",\n  \"touchend\",\n  \"touchendoutside\",\n  \"touchmove\",\n  \"touchstart\",\n  \"wheel\",\n  \"globalmousemove\",\n  \"globalpointermove\",\n  \"globaltouchmove\",\n  \"clickcapture\",\n  \"mousedowncapture\",\n  \"mouseentercapture\",\n  \"mouseleavecapture\",\n  \"mousemovecapture\",\n  \"mouseoutcapture\",\n  \"mouseovercapture\",\n  \"mouseupcapture\",\n  \"mouseupoutsidecapture\",\n  \"pointercancelcapture\",\n  \"pointerdowncapture\",\n  \"pointerentercapture\",\n  \"pointerleavecapture\",\n  \"pointermovecapture\",\n  \"pointeroutcapture\",\n  \"pointerovercapture\",\n  \"pointertapcapture\",\n  \"pointerupcapture\",\n  \"pointerupoutsidecapture\",\n  \"rightclickcapture\",\n  \"rightdowncapture\",\n  \"rightupcapture\",\n  \"rightupoutsidecapture\",\n  \"tapcapture\",\n  \"touchcancelcapture\",\n  \"touchendcapture\",\n  \"touchendoutsidecapture\",\n  \"touchmovecapture\",\n  \"touchstartcapture\",\n  \"wheelcapture\",\n] as const;\n\nexport const PIXI_EVENT_HANDLER_NAMES = PIXI_EVENT_NAMES.map(\n  (eventName) => `on${eventName}` as const,\n);\n\nexport type PixiEventHandlerMap = {\n  [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?:\n    | null\n    | ((...args: FederatedEventEmitterTypes[K]) => void);\n};\n\nexport const PIXI_EVENT_HANDLER_NAME_SET: Readonly<Set<(typeof PIXI_EVENT_HANDLER_NAMES)[number]>> =\n  new Set(PIXI_EVENT_HANDLER_NAMES);\n\n/**\n * This is a type-safe check that ensures `PIXI_EVENT_NAMES` includes every key from Pixi's `AllFederatedEventMap` type.\n * It will cause a build error if any event names are missing.\n */\ntype MissingKeys = Exclude<keyof FederatedEventEmitterTypes, (typeof PIXI_EVENT_NAMES)[number]>;\ntype AllEventsAreHandled = MissingKeys extends never\n  ? true\n  : `Error: Missing event keys: ${MissingKeys}`;\nconst allEventsAreHandled: AllEventsAreHandled = true;\nvoid allEventsAreHandled;\n"],"mappings":";AAEA,MAAaA,mBAAyD;CACpE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA2B,iBAAiB,KACtD,cAAc,KAAK,YACrB;AAQD,MAAaC,8BACX,IAAI,IAAI,yBAAyB"}

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/pixi-events.d.ts

@@ -1,7 +1,7 @@
-import type { AllFederatedEventMap } from "pixi.js";
-export declare const PIXI_EVENT_NAMES: (keyof AllFederatedEventMap)[];
-export declare const PIXI_EVENT_HANDLER_NAMES: ("onclick" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onmouseupoutside" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointertap" | "onpointerup" | "onpointerupoutside" | "onrightclick" | "onrightdown" | "onrightup" | "onrightupoutside" | "ontap" | "ontouchcancel" | "ontouchend" | "ontouchendoutside" | "ontouchmove" | "ontouchstart" | "onwheel" | "onglobalmousemove" | "onglobalpointermove" | "onglobaltouchmove")[];
+import type { FederatedEventEmitterTypes } from "pixi.js";
+export declare const PIXI_EVENT_NAMES: (keyof FederatedEventEmitterTypes)[];
+export declare const PIXI_EVENT_HANDLER_NAMES: ("onclick" | "onmousedown" | "onmouseenter" | "onmouseleave" | "onmousemove" | "onmouseout" | "onmouseover" | "onmouseup" | "onmouseupoutside" | "onpointercancel" | "onpointerdown" | "onpointerenter" | "onpointerleave" | "onpointermove" | "onpointerout" | "onpointerover" | "onpointertap" | "onpointerup" | "onpointerupoutside" | "onrightclick" | "onrightdown" | "onrightup" | "onrightupoutside" | "ontap" | "ontouchcancel" | "ontouchend" | "ontouchendoutside" | "ontouchmove" | "ontouchstart" | "onwheel" | "onglobalmousemove" | "onglobalpointermove" | "onglobaltouchmove" | "onclickcapture" | "onmousedowncapture" | "onmouseentercapture" | "onmouseleavecapture" | "onmousemovecapture" | "onmouseoutcapture" | "onmouseovercapture" | "onmouseupcapture" | "onmouseupoutsidecapture" | "onpointercancelcapture" | "onpointerdowncapture" | "onpointerentercapture" | "onpointerleavecapture" | "onpointermovecapture" | "onpointeroutcapture" | "onpointerovercapture" | "onpointertapcapture" | "onpointerupcapture" | "onpointerupoutsidecapture" | "onrightclickcapture" | "onrightdowncapture" | "onrightupcapture" | "onrightupoutsidecapture" | "ontapcapture" | "ontouchcancelcapture" | "ontouchendcapture" | "ontouchendoutsidecapture" | "ontouchmovecapture" | "ontouchstartcapture" | "onwheelcapture")[];
 export type PixiEventHandlerMap = {
-    [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?: (event: AllFederatedEventMap[K]) => void;
+    [K in (typeof PIXI_EVENT_NAMES)[number] as `on${K}`]?: null | ((...args: FederatedEventEmitterTypes[K]) => void);
 };
 export declare const PIXI_EVENT_HANDLER_NAME_SET: Readonly<Set<(typeof PIXI_EVENT_HANDLER_NAMES)[number]>>;

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.8",
+  "version": "0.0.10",
   "description": "A library to write PixiJS applications with SolidJS",
   "author": "Luke Thompson",
   "license": "MIT",