pixi-solid 0.0.30 → 0.0.31

package/dist/component-creation.js

@@ -1,5 +1,6 @@
 import { splitProps, createRenderEffect, on } from "solid-js";
-import { PIXI_SOLID_EVENT_HANDLER_NAMES } from "./pixi-events.js";
+import { PIXI_SOLID_EVENT_HANDLER_NAMES } from "./event-names.js";
+import { POINT_PROP_AXIS_NAMES } from "./point-property-names.js";
 import { insert, setProp } from "./renderer.js";
 const SOLID_PROP_KEYS = ["ref", "as", "children"];
 const applyProps = (instance, props, defer) => {
@@ -37,7 +38,8 @@ const createContainerComponent = (PixiClass) => {
   return (props) => {
     const [runtimeProps, initialisationProps] = splitProps(props, [
       ...SOLID_PROP_KEYS,
-      ...PIXI_SOLID_EVENT_HANDLER_NAMES
+      ...PIXI_SOLID_EVENT_HANDLER_NAMES,
+      ...POINT_PROP_AXIS_NAMES
     ]);
     const instance = props.as || new PixiClass(initialisationProps);
     applyProps(instance, initialisationProps, true);

package/dist/component-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-creation.js","sources":["../src/component-creation.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport type { JSX, Ref } from \"solid-js\";\nimport { createRenderEffect, on, splitProps } from \"solid-js\";\nimport type { PixiEventHandlerMap } from \"./pixi-events\";\nimport { PIXI_SOLID_EVENT_HANDLER_NAMES } from \"./pixi-events\";\nimport { insert, setProp } from \"./renderer\";\n\n/**\n * Prop definition for components that CAN have children\n */\nexport type ContainerProps<Component> = PixiEventHandlerMap & {\n  ref?: Ref<Component>;\n  as?: Component;\n  children?: JSX.Element;\n};\n\n/**\n * Prop definition for components that CANNOT have children\n */\nexport type LeafProps<Component> = Omit<ContainerProps<Component>, \"children\">;\n\n/**\n * Prop definition for filter components\n */\nexport type FilterProps<Component> = {\n  ref?: Ref<Component>;\n  as?: Component;\n};\n\n// Keys that are specific to Solid components and not Pixi props\nexport const SOLID_PROP_KEYS = [\"ref\", \"as\", \"children\"] as const;\n\n/**\n * Apply's the props to a Pixi instance with subsriptions to maintain reactivity.\n *\n * @param instance The Pixi instance we want to apply props to.\n * @param props The props object.\n * @param defer Defers the createRenderEffect so the props aren't set on the first run.\n * This is useful because setting initialisation props can have unintended side effects.\n * Notibly in AnimatedSprite, if we set the textures roperty after instantiation it will stop the instance from playing.\n */\nexport const applyProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n  defer?: boolean,\n) => {\n  for (const key in props) {\n    if (key === \"as\") continue;\n\n    if (key === \"ref\") {\n      createRenderEffect(() => {\n        // Solid converts the ref prop to a callback function\n        (props[key] as unknown as (arg: any) => void)(instance);\n      });\n    } else if (key === \"children\") {\n      if (!(\"addChild\" in instance)) {\n        throw new Error(`Cannot set children on non-container instance.`);\n      }\n      createRenderEffect(() => {\n        insert(instance, () => props.children);\n      });\n    } else if (defer) {\n      createRenderEffect(\n        on(\n          () => props[key as keyof typeof props],\n          () => {\n            setProp(instance, key, props[key as keyof typeof props]);\n          },\n          { defer },\n        ),\n      );\n    } else {\n      createRenderEffect(() => {\n        setProp(instance, key, props[key as keyof typeof props]);\n      });\n    }\n  }\n};\n\nexport const createContainerComponent = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends object,\n>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (\n    props: Omit<OptionsType, \"children\"> & ContainerProps<InstanceType>,\n  ): InstanceType & JSX.Element => {\n    const [runtimeProps, initialisationProps] = splitProps(props, [\n      ...SOLID_PROP_KEYS,\n      ...PIXI_SOLID_EVENT_HANDLER_NAMES,\n    ]);\n\n    const instance = props.as || new PixiClass(initialisationProps as any);\n\n    applyProps(instance, initialisationProps, true);\n    applyProps(instance, runtimeProps);\n\n    return instance as InstanceType & JSX.Element;\n  };\n};\n\nexport const createLeafComponent = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends object,\n>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (\n    props: Omit<OptionsType, \"children\"> & LeafProps<InstanceType>,\n  ): InstanceType & JSX.Element => {\n    return createContainerComponent<InstanceType, OptionsType>(PixiClass)(props);\n  };\n};\n\nexport const createFilterComponent = <InstanceType extends Pixi.Filter, OptionsType extends object>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (props: OptionsType & FilterProps<InstanceType>): InstanceType & JSX.Element => {\n    const [runtimeProps, initialisationProps] = splitProps(props, [\"ref\", \"as\"]);\n\n    const instance = props.as || new PixiClass(initialisationProps as any);\n\n    for (const key in initialisationProps) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        createRenderEffect(() => {\n          // Solid converts the ref prop to a callback function\n          (props[key] as unknown as (arg: any) => void)(instance);\n        });\n      } else if (key === \"children\") {\n        throw new Error(`Cannot set children on non-container instance.`);\n      } else {\n        createRenderEffect(\n          on(\n            () => props[key as keyof typeof initialisationProps],\n            () => {\n              (instance as any)[key] = initialisationProps[key];\n            },\n            { defer: true },\n          ),\n        );\n      }\n    }\n\n    for (const key in runtimeProps) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        createRenderEffect(() => {\n          // Solid converts the ref prop to a callback function\n          (props[key] as unknown as (arg: any) => void)(instance);\n        });\n      }\n    }\n\n    return instance as InstanceType & JSX.Element;\n  };\n};\n"],"names":[],"mappings":";;;AA8BO,MAAM,kBAAkB,CAAC,OAAO,MAAM,UAAU;AAWhD,MAAM,aAAa,CAIxB,UACA,OACA,UACG;AACH,aAAW,OAAO,OAAO;AACvB,QAAI,QAAQ,KAAM;AAElB,QAAI,QAAQ,OAAO;AACjB,yBAAmB,MAAM;AAEtB,cAAM,GAAG,EAAoC,QAAQ;AAAA,MACxD,CAAC;AAAA,IACH,WAAW,QAAQ,YAAY;AAC7B,UAAI,EAAE,cAAc,WAAW;AAC7B,cAAM,IAAI,MAAM,gDAAgD;AAAA,MAClE;AACA,yBAAmB,MAAM;AACvB,eAAO,UAAU,MAAM,MAAM,QAAQ;AAAA,MACvC,CAAC;AAAA,IACH,WAAW,OAAO;AAChB;AAAA,QACE;AAAA,UACE,MAAM,MAAM,GAAyB;AAAA,UACrC,MAAM;AACJ,oBAAQ,UAAU,KAAK,MAAM,GAAyB,CAAC;AAAA,UACzD;AAAA,UACA,EAAE,MAAA;AAAA,QAAM;AAAA,MACV;AAAA,IAEJ,OAAO;AACL,yBAAmB,MAAM;AACvB,gBAAQ,UAAU,KAAK,MAAM,GAAyB,CAAC;AAAA,MACzD,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B,CAItC,cACG;AACH,SAAO,CACL,UAC+B;AAC/B,UAAM,CAAC,cAAc,mBAAmB,IAAI,WAAW,OAAO;AAAA,MAC5D,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACJ;AAED,UAAM,WAAW,MAAM,MAAM,IAAI,UAAU,mBAA0B;AAErE,eAAW,UAAU,qBAAqB,IAAI;AAC9C,eAAW,UAAU,YAAY;AAEjC,WAAO;AAAA,EACT;AACF;AAEO,MAAM,sBAAsB,CAIjC,cACG;AACH,SAAO,CACL,UAC+B;AAC/B,WAAO,yBAAoD,SAAS,EAAE,KAAK;AAAA,EAC7E;AACF;"}
+{"version":3,"file":"component-creation.js","sources":["../src/component-creation.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport type { JSX, Ref } from \"solid-js\";\nimport { createRenderEffect, on, splitProps } from \"solid-js\";\nimport type { PixiEventHandlerMap } from \"./event-names\";\nimport { PIXI_SOLID_EVENT_HANDLER_NAMES } from \"./event-names\";\nimport type { PointAxisPropName } from \"./point-property-names\";\nimport { POINT_PROP_AXIS_NAMES } from \"./point-property-names\";\nimport { insert, setProp } from \"./renderer\";\n\n/**\n * Prop definition for components that CAN have children\n */\nexport type ContainerProps<Component> = PixiEventHandlerMap &\n  PointAxisProps & {\n    ref?: Ref<Component>;\n    as?: Component;\n    children?: JSX.Element;\n  };\n\nexport type PointAxisProps = Partial<Record<PointAxisPropName, number>>;\n\n/**\n * Prop definition for components that CANNOT have children\n */\nexport type LeafProps<Component> = Omit<ContainerProps<Component>, \"children\">;\n\n/**\n * Prop definition for filter components\n */\nexport type FilterProps<Component> = {\n  ref?: Ref<Component>;\n  as?: Component;\n};\n\n// Keys that are specific to Solid components and not Pixi props\nexport const SOLID_PROP_KEYS = [\"ref\", \"as\", \"children\"] as const;\n\n/**\n * Apply's the props to a Pixi instance with subsriptions to maintain reactivity.\n *\n * @param instance The Pixi instance we want to apply props to.\n * @param props The props object.\n * @param defer Defers the createRenderEffect so the props aren't set on the first run.\n * This is useful because setting initialisation props can have unintended side effects.\n * Notibly in AnimatedSprite, if we set the textures roperty after instantiation it will stop the instance from playing.\n */\nexport const applyProps = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends ContainerProps<InstanceType>,\n>(\n  instance: InstanceType,\n  props: OptionsType,\n  defer?: boolean,\n) => {\n  for (const key in props) {\n    if (key === \"as\") continue;\n\n    if (key === \"ref\") {\n      createRenderEffect(() => {\n        // Solid converts the ref prop to a callback function\n        (props[key] as unknown as (arg: any) => void)(instance);\n      });\n    } else if (key === \"children\") {\n      if (!(\"addChild\" in instance)) {\n        throw new Error(`Cannot set children on non-container instance.`);\n      }\n      createRenderEffect(() => {\n        insert(instance, () => props.children);\n      });\n    } else if (defer) {\n      createRenderEffect(\n        on(\n          () => props[key as keyof typeof props],\n          () => {\n            setProp(instance, key, props[key as keyof typeof props]);\n          },\n          { defer },\n        ),\n      );\n    } else {\n      createRenderEffect(() => {\n        setProp(instance, key, props[key as keyof typeof props]);\n      });\n    }\n  }\n};\n\nexport const createContainerComponent = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends object,\n>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (\n    props: Omit<OptionsType, \"children\"> & ContainerProps<InstanceType>,\n  ): InstanceType & JSX.Element => {\n    const [runtimeProps, initialisationProps] = splitProps(props, [\n      ...SOLID_PROP_KEYS,\n      ...PIXI_SOLID_EVENT_HANDLER_NAMES,\n      ...POINT_PROP_AXIS_NAMES,\n    ]);\n\n    const instance = props.as || new PixiClass(initialisationProps as any);\n\n    applyProps(instance, initialisationProps, true);\n    applyProps(instance, runtimeProps);\n\n    return instance as InstanceType & JSX.Element;\n  };\n};\n\nexport const createLeafComponent = <\n  InstanceType extends Pixi.Container,\n  OptionsType extends object,\n>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (\n    props: Omit<OptionsType, \"children\"> & LeafProps<InstanceType>,\n  ): InstanceType & JSX.Element => {\n    return createContainerComponent<InstanceType, OptionsType>(PixiClass)(props);\n  };\n};\n\nexport const createFilterComponent = <InstanceType extends Pixi.Filter, OptionsType extends object>(\n  PixiClass: new (props: OptionsType) => InstanceType,\n) => {\n  return (props: OptionsType & FilterProps<InstanceType>): InstanceType & JSX.Element => {\n    const [runtimeProps, initialisationProps] = splitProps(props, [\"ref\", \"as\"]);\n\n    const instance = props.as || new PixiClass(initialisationProps as any);\n\n    for (const key in initialisationProps) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        createRenderEffect(() => {\n          // Solid converts the ref prop to a callback function\n          (props[key] as unknown as (arg: any) => void)(instance);\n        });\n      } else if (key === \"children\") {\n        throw new Error(`Cannot set children on non-container instance.`);\n      } else {\n        createRenderEffect(\n          on(\n            () => props[key as keyof typeof initialisationProps],\n            () => {\n              (instance as any)[key] = initialisationProps[key];\n            },\n            { defer: true },\n          ),\n        );\n      }\n    }\n\n    for (const key in runtimeProps) {\n      if (key === \"as\") continue;\n\n      if (key === \"ref\") {\n        createRenderEffect(() => {\n          // Solid converts the ref prop to a callback function\n          (props[key] as unknown as (arg: any) => void)(instance);\n        });\n      }\n    }\n\n    return instance as InstanceType & JSX.Element;\n  };\n};\n"],"names":[],"mappings":";;;;AAmCO,MAAM,kBAAkB,CAAC,OAAO,MAAM,UAAU;AAWhD,MAAM,aAAa,CAIxB,UACA,OACA,UACG;AACH,aAAW,OAAO,OAAO;AACvB,QAAI,QAAQ,KAAM;AAElB,QAAI,QAAQ,OAAO;AACjB,yBAAmB,MAAM;AAEtB,cAAM,GAAG,EAAoC,QAAQ;AAAA,MACxD,CAAC;AAAA,IACH,WAAW,QAAQ,YAAY;AAC7B,UAAI,EAAE,cAAc,WAAW;AAC7B,cAAM,IAAI,MAAM,gDAAgD;AAAA,MAClE;AACA,yBAAmB,MAAM;AACvB,eAAO,UAAU,MAAM,MAAM,QAAQ;AAAA,MACvC,CAAC;AAAA,IACH,WAAW,OAAO;AAChB;AAAA,QACE;AAAA,UACE,MAAM,MAAM,GAAyB;AAAA,UACrC,MAAM;AACJ,oBAAQ,UAAU,KAAK,MAAM,GAAyB,CAAC;AAAA,UACzD;AAAA,UACA,EAAE,MAAA;AAAA,QAAM;AAAA,MACV;AAAA,IAEJ,OAAO;AACL,yBAAmB,MAAM;AACvB,gBAAQ,UAAU,KAAK,MAAM,GAAyB,CAAC;AAAA,MACzD,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B,CAItC,cACG;AACH,SAAO,CACL,UAC+B;AAC/B,UAAM,CAAC,cAAc,mBAAmB,IAAI,WAAW,OAAO;AAAA,MAC5D,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,CACJ;AAED,UAAM,WAAW,MAAM,MAAM,IAAI,UAAU,mBAA0B;AAErE,eAAW,UAAU,qBAAqB,IAAI;AAC9C,eAAW,UAAU,YAAY;AAEjC,WAAO;AAAA,EACT;AACF;AAEO,MAAM,sBAAsB,CAIjC,cACG;AACH,SAAO,CACL,UAC+B;AAC/B,WAAO,yBAAoD,SAAS,EAAE,KAAK;AAAA,EAC7E;AACF;"}

package/dist/{pixi-events.js → event-names.js}

@@ -72,4 +72,4 @@ export {
   PIXI_EVENT_NAMES,
   PIXI_SOLID_EVENT_HANDLER_NAMES
 };
-//# sourceMappingURL=pixi-events.js.map
+//# sourceMappingURL=event-names.js.map

package/dist/event-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-names.js","sources":["../src/event-names.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport 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_SOLID_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: Set<string> = new Set(PIXI_SOLID_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"],"names":[],"mappings":"AAGO,MAAM,mBAAyD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iCAAiC,iBAAiB;AAAA,EAC7D,CAAC,cAAc,KAAK,SAAS;AAC/B;AAQO,MAAM,8BAA2C,IAAI,IAAI,8BAA8B;"}

package/dist/index.js

@@ -1,8 +1,8 @@
+import { PIXI_EVENT_NAMES, PIXI_SOLID_EVENT_HANDLER_NAMES } from "./event-names.js";
 import { onResize } from "./on-resize.js";
 import { PixiApplication, TickerProvider, createAsyncDelay, delay, getPixiApp, getTicker, onTick, usePixiScreen } from "./pixi-application.js";
 import { PixiCanvas } from "./pixi-canvas.js";
 import { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, NineSliceSprite, ParticleContainer, PerspectiveMesh, RenderContainer, RenderLayer, Sprite, Text, TilingSprite } from "./pixi-components.js";
-import { PIXI_EVENT_NAMES, PIXI_SOLID_EVENT_HANDLER_NAMES } from "./pixi-events.js";
 import { PixiStage } from "./pixi-stage.js";
 export {
   AnimatedSprite,

package/dist/pixi-application.js

@@ -1,6 +1,6 @@
 import { createComponent } from "solid-js/web";
 import { Application } from "pixi.js";
-import { createContext, useContext, splitProps, createResource, createEffect, onCleanup, Show, batch } from "solid-js";
+import { useContext, createContext, onCleanup, splitProps, createResource, createEffect, on, Show, batch } from "solid-js";
 import { createMutable } from "solid-js/store";
 const PixiAppContext = createContext();
 const TickerContext = createContext();
@@ -26,12 +26,7 @@ const PixiApplication = (props) => {
   });
   const [appResource] = createResource(async () => {
     const app = new Application();
-    await app.init({
-      autoDensity: true,
-      resolution: Math.min(window.devicePixelRatio, 2),
-      sharedTicker: true,
-      ...initialisationProps
-    });
+    await app.init(initialisationProps);
     return app;
   });
   const updatePixiScreenStore = (screen) => {
@@ -46,7 +41,7 @@ const PixiApplication = (props) => {
       pixiScreenDimensions.y = screen.y;
     });
   };
-  createEffect(() => {
+  createEffect(on(appResource, () => {
     const app = appResource();
     if (app) {
       if (props.ref) {
@@ -66,7 +61,7 @@ const PixiApplication = (props) => {
         });
       });
     }
-  });
+  }));
   return createComponent(Show, {
     get when() {
       return appResource();

package/dist/pixi-application.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixi-application.js","sources":["../src/pixi-application.tsx"],"sourcesContent":["import type { ApplicationOptions, Rectangle, Ticker, TickerCallback } from \"pixi.js\";\nimport { Application } from \"pixi.js\";\nimport type { JSX, ParentProps, Ref } from \"solid-js\";\nimport { batch, createContext, createEffect, createResource, onCleanup, Show, splitProps, useContext } from \"solid-js\";\nimport { createMutable } from \"solid-js/store\";\n\nexport type PixiScreenDimensions = {\n  width: number;\n  height: number;\n  left: number;\n  right: number;\n  bottom: number;\n  top: number;\n  x: number;\n  y: number;\n};\n\nconst PixiAppContext = createContext<Application>();\nconst TickerContext = createContext<Ticker>();\nconst PixiScreenContext = createContext<Readonly<PixiScreenDimensions>>();\n\n/**\n * A custom SolidJS hook to access the root PIXI.Application instance.\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n *\n * @returns The PIXI.Application instance provided by the `PixiApplication` component.\n * @throws Will throw an error if used outside of a `PixiApplication` context provider.\n */\nexport const getPixiApp = () => {\n  const app = useContext(PixiAppContext);\n  if (!app) {\n    throw new Error(\"getPixiApp must be used within a PixiApplication\");\n  }\n  return app;\n};\n\n/**\n * Props for the `PixiApplication` component. It extends the PIXI.ApplicationOptions\n * to allow passing configuration directly to the Pixi.js Application constructor,\n * but omits properties that are handled by the component itself.\n */\nexport type PixiApplicationProps = Partial<Omit<ApplicationOptions, \"children\" | \"resizeTo\">> & {\n  ref?: Ref<Application>;\n  children?: JSX.Element;\n};\n\n/**\n * A SolidJS component that creates and manages a PIXI.Application instance.\n * It provides the application instance through context to be used by child components\n * and custom hooks like `getPixiApp`, `onTick`, and `getTicker`.\n *\n * This component should only be used once in your application.\n *\n * @param props The properties to configure the Pixi.js Application.\n *\n */\nexport const PixiApplication = (props: PixiApplicationProps) => {\n  const [, initialisationProps] = splitProps(props, [\"ref\", \"children\"]);\n  const pixiScreenDimensions = createMutable<PixiScreenDimensions>({\n    width: 800,\n    height: 600,\n    left: 0,\n    right: 800,\n    top: 0,\n    bottom: 600,\n    x: 0,\n    y: 0,\n  });\n\n  // TODO: Split props into initialisation props and runtime props\n\n  const [appResource] = createResource(async () => {\n    const app = new Application();\n    await app.init({\n      autoDensity: true,\n      resolution: Math.min(window.devicePixelRatio, 2),\n      sharedTicker: true,\n      ...initialisationProps,\n    });\n\n    return app;\n  });\n\n  const updatePixiScreenStore = (screen: Rectangle) => {\n    batch(() => {\n      pixiScreenDimensions.width = screen.width;\n      pixiScreenDimensions.height = screen.height;\n      pixiScreenDimensions.left = screen.x;\n      pixiScreenDimensions.top = screen.y;\n      pixiScreenDimensions.right = screen.x + screen.width;\n      pixiScreenDimensions.bottom = screen.y + screen.height;\n      pixiScreenDimensions.x = screen.x;\n      pixiScreenDimensions.y = screen.y;\n    });\n  };\n\n  createEffect(() => {\n    const app = appResource();\n    if (app) {\n      if (props.ref) {\n        // Solid converts the ref prop to a callback function\n        (props.ref as unknown as (arg: any) => void)(app);\n      }\n\n      // TODO: Go through the other props that can be set at runtime and apply them here\n      // e.g. backgroundColor => app.renderer.backgroundColor, etc.\n\n      app.ticker.autoStart = false;\n      app.ticker.start();\n\n      updatePixiScreenStore(app.renderer.screen);\n\n      const handleResize = () => {\n        updatePixiScreenStore(app.renderer.screen);\n      };\n\n      app.renderer.addListener(\"resize\", handleResize);\n\n      onCleanup(() => {\n        app.renderer.removeListener(\"resize\", handleResize);\n        app.destroy(true, { children: true });\n      });\n    }\n  });\n\n  return (\n    <Show when={appResource()}>\n      {(app) => (\n        <PixiAppContext.Provider value={app()}>\n          <TickerContext.Provider value={app().ticker}>\n            <PixiScreenContext.Provider value={pixiScreenDimensions}>{props.children}</PixiScreenContext.Provider>\n          </TickerContext.Provider>\n        </PixiAppContext.Provider>\n      )}\n    </Show>\n  );\n};\n\nexport type TickerProviderProps = ParentProps<{ ticker: Ticker }>;\n\n/**\n * This is only required if you want a ticker without the Application.\n * It provides context for the `onTick` and `getTicker` hooks so we can run tests that use them without having to instantate a Pixi Application.\n *\n * You need to pass in the ticker instance you want to use so it can be manually controled form the outside for testing.\n */\nexport const TickerProvider = (props: TickerProviderProps) => {\n  return <TickerContext.Provider value={props.ticker}>{props.children}</TickerContext.Provider>;\n};\n\n/**\n * getTicker\n *\n * A custom SolidJS hook that provides access to the PIXI.Application's shared Ticker instance.\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n * Or a descendant of `TickerProvider` if being used for testing without an application.\n *\n * @returns The PIXI.Ticker instance from the application context.\n * @throws Will throw an error if used outside of a `PixiApplication` or `TickerProvider` context.\n */\nexport const getTicker = (): Ticker => {\n  const ticker = useContext(TickerContext);\n  if (!ticker) {\n    throw new Error(\"getTicker must be used within a PixiApplication or a TickerProvider\");\n  }\n  return ticker;\n};\n\n/**\n * onTick\n *\n * A custom SolidJS hook that registers a callback function to be executed on every frame\n * of the PIXI.Application's ticker. The callback is automatically removed when the\n * component or hook's owning computation is cleaned up.\n *\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n * Or a descendant of `TickerProvider` if being used for testing without an application.\n *\n * @param tickerCallback - The function to call on each ticker update. It receives\n * the `PIXI.Ticker` instance as its argument.\n *\n */\nexport const onTick = (tickerCallback: TickerCallback<Ticker>): void => {\n  const ticker = useContext(TickerContext);\n\n  if (!ticker) {\n    throw new Error(\"onTick must be used within a PixiApplication or a TickerProvider\");\n  }\n\n  ticker.add(tickerCallback);\n  onCleanup(() => {\n    ticker.remove(tickerCallback);\n  });\n};\n\nconst asyncDelay = async (ticker: Ticker, delayMs: number) => {\n  let timeDelayed = 0;\n\n  let resolvePromise: (value: void | PromiseLike<void>) => void;\n\n  const promise = new Promise<void>((resolve) => {\n    resolvePromise = resolve;\n  });\n\n  const internalCallback = () => {\n    timeDelayed += ticker.deltaMS;\n    if (timeDelayed < delayMs) return;\n    resolvePromise();\n  };\n\n  ticker.add(internalCallback);\n\n  await promise;\n\n  ticker.remove(internalCallback);\n};\n\n/**\n * Create a delay function that waits until a given number of milliseconds has passed on the current Ticker context before resolving.\n *\n * This function must be called inside a `PixiApplication` or `TickerProvider` context.\n *\n * @returns An async function we can await to delay events in sync with time passed on the Ticker.\n *\n * Simply await for it to resolve in an async context.\n *\n * @note It will not resolve if the ticker is paused or stopped.\n *\n * @throws {Error} If called outside of a `PixiApplication` or `TickerProvider` context.\n */\nexport const createAsyncDelay = (): ((delayMs: number) => Promise<void>) => {\n  const ticker = useContext(TickerContext);\n\n  if (!ticker) {\n    throw new Error(\n      \"`createDelay` must be used within a PixiApplication or a TickerProvider. The returned `delay` function can be called in an async context but `createDelay` must be called in a synchronous scope within a PixiApplication or a TickerProvider\"\n    );\n  }\n  const delayWithTicker = (delayMs: number) => asyncDelay(ticker, delayMs);\n\n  return delayWithTicker;\n};\n\n/**\n * Runs a callback when a given number of milliseconds has passed on the ticker.\n *\n * It is guaranteed to be in sync with the shared ticker and uses accumulated deltaMs not an external time measurement.\n *\n * @param delayMs - Number of milliseconds to wait (measured in the ticker's time units).\n *\n * @param callback - A callback function that will fire when the delayMs time has passed.\n *\n * @throws {Error} If called outside of a `PixiApplication` or `TickerProvider` context.\n *\n * @note It will not run the callback if the ticker is paused or stopped.\n *\n */\nexport const delay = (delayMs: number, callback?: () => void): void => {\n  const ticker = useContext(TickerContext);\n  if (!ticker) {\n    throw new Error(\n      \"`createDelay` must be used within a PixiApplication or a TickerProvider. The returned `delay` function can be called in an async context but `createDelay` must be called in a synchronous scope within a PixiApplication or a TickerProvider\"\n    );\n  }\n\n  let timeDelayed = 0;\n\n  const internalCallback = () => {\n    timeDelayed += ticker.deltaMS;\n    if (timeDelayed < delayMs) return;\n    callback?.();\n    ticker.remove(internalCallback);\n  };\n\n  ticker.add(internalCallback);\n};\n\n/**\n * A hook that provides the current dimensions of the Pixi application's screen as a reactive object.\n * The properties of the returned object will update automatically when the screen size changes and can be subscribed to reactively.\n *\n * @returns An object containing the width and height of the Pixi screen.\n * @throws Will throw an error if not used within a `<PixiApplication>` component.\n */\nexport const usePixiScreen = (): Readonly<PixiScreenDimensions> => {\n  const pixiScreen = useContext(PixiScreenContext);\n  if (!pixiScreen) {\n    throw new Error(\"usePixiScreen must be used within a PixiApplication\");\n  }\n  return pixiScreen;\n};\n"],"names":["PixiAppContext","createContext","TickerContext","PixiScreenContext","getPixiApp","app","useContext","Error","PixiApplication","props","initialisationProps","splitProps","pixiScreenDimensions","createMutable","width","height","left","right","top","bottom","x","y","appResource","createResource","Application","init","autoDensity","resolution","Math","min","window","devicePixelRatio","sharedTicker","updatePixiScreenStore","screen","batch","createEffect","ref","ticker","autoStart","start","renderer","handleResize","addListener","onCleanup","removeListener","destroy","children","_$createComponent","Show","when","Provider","value","TickerProvider","getTicker","onTick","tickerCallback","add","remove","asyncDelay","delayMs","timeDelayed","resolvePromise","promise","Promise","resolve","internalCallback","deltaMS","createAsyncDelay","delayWithTicker","delay","callback","usePixiScreen","pixiScreen"],"mappings":"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"}
+{"version":3,"file":"pixi-application.js","sources":["../src/pixi-application.tsx"],"sourcesContent":["import type { ApplicationOptions, Rectangle, Ticker, TickerCallback } from \"pixi.js\";\nimport { Application } from \"pixi.js\";\nimport type { JSX, ParentProps, Ref } from \"solid-js\";\nimport {\n  batch,\n  createContext,\n  createEffect,\n  createResource,\n  on,\n  onCleanup,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { createMutable } from \"solid-js/store\";\n\nexport type PixiScreenDimensions = {\n  width: number;\n  height: number;\n  left: number;\n  right: number;\n  bottom: number;\n  top: number;\n  x: number;\n  y: number;\n};\n\nconst PixiAppContext = createContext<Application>();\nconst TickerContext = createContext<Ticker>();\nconst PixiScreenContext = createContext<Readonly<PixiScreenDimensions>>();\n\n/**\n * A custom SolidJS hook to access the root PIXI.Application instance.\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n *\n * @returns The PIXI.Application instance provided by the `PixiApplication` component.\n * @throws Will throw an error if used outside of a `PixiApplication` context provider.\n */\nexport const getPixiApp = () => {\n  const app = useContext(PixiAppContext);\n  if (!app) {\n    throw new Error(\"getPixiApp must be used within a PixiApplication\");\n  }\n  return app;\n};\n\n/**\n * Props for the `PixiApplication` component. It extends the PIXI.ApplicationOptions\n * to allow passing configuration directly to the Pixi.js Application constructor,\n * but omits properties that are handled by the component itself.\n */\nexport type PixiApplicationProps = Partial<Omit<ApplicationOptions, \"children\" | \"resizeTo\">> & {\n  ref?: Ref<Application>;\n  children?: JSX.Element;\n};\n\n/**\n * A SolidJS component that creates and manages a PIXI.Application instance.\n * It provides the application instance through context to be used by child components\n * and custom hooks like `getPixiApp`, `onTick`, and `getTicker`.\n *\n * This component should only be used once in your application.\n *\n * @param props The properties to configure the Pixi.js Application.\n *\n */\nexport const PixiApplication = (props: PixiApplicationProps) => {\n  const [, initialisationProps] = splitProps(props, [\"ref\", \"children\"]);\n  const pixiScreenDimensions = createMutable<PixiScreenDimensions>({\n    width: 800,\n    height: 600,\n    left: 0,\n    right: 800,\n    top: 0,\n    bottom: 600,\n    x: 0,\n    y: 0,\n  });\n\n  const [appResource] = createResource(async () => {\n    const app = new Application();\n    await app.init(initialisationProps);\n\n    return app;\n  });\n\n  const updatePixiScreenStore = (screen: Rectangle) => {\n    batch(() => {\n      pixiScreenDimensions.width = screen.width;\n      pixiScreenDimensions.height = screen.height;\n      pixiScreenDimensions.left = screen.x;\n      pixiScreenDimensions.top = screen.y;\n      pixiScreenDimensions.right = screen.x + screen.width;\n      pixiScreenDimensions.bottom = screen.y + screen.height;\n      pixiScreenDimensions.x = screen.x;\n      pixiScreenDimensions.y = screen.y;\n    });\n  };\n\n  createEffect(\n    on(appResource, () => {\n      const app = appResource();\n      if (app) {\n        if (props.ref) {\n          // Solid converts the ref prop to a callback function\n          (props.ref as unknown as (arg: any) => void)(app);\n        }\n\n        app.ticker.autoStart = false;\n        app.ticker.start();\n\n        updatePixiScreenStore(app.renderer.screen);\n\n        const handleResize = () => {\n          updatePixiScreenStore(app.renderer.screen);\n        };\n\n        app.renderer.addListener(\"resize\", handleResize);\n\n        onCleanup(() => {\n          app.renderer.removeListener(\"resize\", handleResize);\n          app.destroy(true, { children: true });\n        });\n      }\n    })\n  );\n\n  return (\n    <Show when={appResource()}>\n      {(app) => (\n        <PixiAppContext.Provider value={app()}>\n          <TickerContext.Provider value={app().ticker}>\n            <PixiScreenContext.Provider value={pixiScreenDimensions}>{props.children}</PixiScreenContext.Provider>\n          </TickerContext.Provider>\n        </PixiAppContext.Provider>\n      )}\n    </Show>\n  );\n};\n\nexport type TickerProviderProps = ParentProps<{ ticker: Ticker }>;\n\n/**\n * This is only required if you want a ticker without the Application.\n * It provides context for the `onTick` and `getTicker` hooks so we can run tests that use them without having to instantate a Pixi Application.\n *\n * You need to pass in the ticker instance you want to use so it can be manually controled form the outside for testing.\n */\nexport const TickerProvider = (props: TickerProviderProps) => {\n  return <TickerContext.Provider value={props.ticker}>{props.children}</TickerContext.Provider>;\n};\n\n/**\n * getTicker\n *\n * A custom SolidJS hook that provides access to the PIXI.Application's shared Ticker instance.\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n * Or a descendant of `TickerProvider` if being used for testing without an application.\n *\n * @returns The PIXI.Ticker instance from the application context.\n * @throws Will throw an error if used outside of a `PixiApplication` or `TickerProvider` context.\n */\nexport const getTicker = (): Ticker => {\n  const ticker = useContext(TickerContext);\n  if (!ticker) {\n    throw new Error(\"getTicker must be used within a PixiApplication or a TickerProvider\");\n  }\n  return ticker;\n};\n\n/**\n * onTick\n *\n * A custom SolidJS hook that registers a callback function to be executed on every frame\n * of the PIXI.Application's ticker. The callback is automatically removed when the\n * component or hook's owning computation is cleaned up.\n *\n * This hook must be called from a component that is a descendant of `PixiApplication`.\n * Or a descendant of `TickerProvider` if being used for testing without an application.\n *\n * @param tickerCallback - The function to call on each ticker update. It receives\n * the `PIXI.Ticker` instance as its argument.\n *\n */\nexport const onTick = (tickerCallback: TickerCallback<Ticker>): void => {\n  const ticker = useContext(TickerContext);\n\n  if (!ticker) {\n    throw new Error(\"onTick must be used within a PixiApplication or a TickerProvider\");\n  }\n\n  ticker.add(tickerCallback);\n  onCleanup(() => {\n    ticker.remove(tickerCallback);\n  });\n};\n\nconst asyncDelay = async (ticker: Ticker, delayMs: number) => {\n  // TODO: Make this abortable.\n  let timeDelayed = 0;\n\n  let resolvePromise: (value: void | PromiseLike<void>) => void;\n\n  const promise = new Promise<void>((resolve) => {\n    resolvePromise = resolve;\n  });\n\n  const internalCallback = () => {\n    timeDelayed += ticker.deltaMS;\n    if (timeDelayed < delayMs) return;\n    resolvePromise();\n  };\n\n  ticker.add(internalCallback);\n\n  await promise;\n\n  ticker.remove(internalCallback);\n};\n\n/**\n * Create a delay function that waits until a given number of milliseconds has passed on the current Ticker context before resolving.\n *\n * This function must be called inside a `PixiApplication` or `TickerProvider` context.\n *\n * @returns An async function we can await to delay events in sync with time passed on the Ticker.\n *\n * Simply await for it to resolve in an async context.\n *\n * @note It will not resolve if the ticker is paused or stopped.\n *\n * @throws {Error} If called outside of a `PixiApplication` or `TickerProvider` context.\n */\nexport const createAsyncDelay = (): ((delayMs: number) => Promise<void>) => {\n  const ticker = useContext(TickerContext);\n\n  if (!ticker) {\n    throw new Error(\n      \"`createDelay` must be used within a PixiApplication or a TickerProvider. The returned `delay` function can be called in an async context but `createDelay` must be called in a synchronous scope within a PixiApplication or a TickerProvider\"\n    );\n  }\n  const delayWithTicker = (delayMs: number) => asyncDelay(ticker, delayMs);\n\n  return delayWithTicker;\n};\n\n/**\n * Runs a callback when a given number of milliseconds has passed on the ticker.\n *\n * It is guaranteed to be in sync with the shared ticker and uses accumulated deltaMs not an external time measurement.\n *\n * @param delayMs - Number of milliseconds to wait (measured in the ticker's time units).\n *\n * @param callback - A callback function that will fire when the delayMs time has passed.\n *\n * @throws {Error} If called outside of a `PixiApplication` or `TickerProvider` context.\n *\n * @note It will not run the callback if the ticker is paused or stopped.\n *\n */\nexport const delay = (delayMs: number, callback?: () => void): void => {\n  const ticker = useContext(TickerContext);\n  if (!ticker) {\n    throw new Error(\n      \"`createDelay` must be used within a PixiApplication or a TickerProvider. The returned `delay` function can be called in an async context but `createDelay` must be called in a synchronous scope within a PixiApplication or a TickerProvider\"\n    );\n  }\n\n  let timeDelayed = 0;\n\n  const internalCallback = () => {\n    timeDelayed += ticker.deltaMS;\n    if (timeDelayed < delayMs) return;\n    callback?.();\n    ticker.remove(internalCallback);\n  };\n\n  ticker.add(internalCallback);\n};\n\n/**\n * A hook that provides the current dimensions of the Pixi application's screen as a reactive object.\n * The properties of the returned object will update automatically when the screen size changes and can be subscribed to reactively.\n *\n * @returns An object containing the width and height of the Pixi screen.\n * @throws Will throw an error if not used within a `<PixiApplication>` component.\n */\nexport const usePixiScreen = (): Readonly<PixiScreenDimensions> => {\n  const pixiScreen = useContext(PixiScreenContext);\n  if (!pixiScreen) {\n    throw new Error(\"usePixiScreen must be used within a PixiApplication\");\n  }\n  return pixiScreen;\n};\n"],"names":["PixiAppContext","createContext","TickerContext","PixiScreenContext","getPixiApp","app","useContext","Error","PixiApplication","props","initialisationProps","splitProps","pixiScreenDimensions","createMutable","width","height","left","right","top","bottom","x","y","appResource","createResource","Application","init","updatePixiScreenStore","screen","batch","createEffect","on","ref","ticker","autoStart","start","renderer","handleResize","addListener","onCleanup","removeListener","destroy","children","_$createComponent","Show","when","Provider","value","TickerProvider","getTicker","onTick","tickerCallback","add","remove","asyncDelay","delayMs","timeDelayed","resolvePromise","promise","Promise","resolve","internalCallback","deltaMS","createAsyncDelay","delayWithTicker","delay","callback","usePixiScreen","pixiScreen"],"mappings":"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"}

package/dist/pixi-stage.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixi-stage.js","sources":["../src/pixi-stage.tsx"],"sourcesContent":["import type { Container, ContainerOptions } from \"pixi.js\";\nimport type { JSX, Ref } from \"solid-js\";\nimport { applyProps } from \"./component-creation\";\nimport { getPixiApp } from \"./pixi-application\";\nimport type { PixiEventHandlerMap } from \"./pixi-events\";\n\nexport type PixiStageProps = PixiEventHandlerMap &\n  Omit<ContainerOptions, \"children\"> & {\n    ref?: Ref<Container>;\n    children?: JSX.Element;\n  };\n\n/**\n * PixiStage\n *\n * The root container for rendering Pixi display objects. This component\n * uses the application stage (`pixiApp.stage`) as the mount point and\n * applies props and event handlers to it.\n *\n * Props:\n * - `ref` (optional): receives the stage container reference.\n * - Event handler props (e.g. `onpointerdown`) are forwarded to the stage.\n * - Any other container options supported by Pixi may be passed.\n *\n * Children passed to `PixiStage` are inserted into the application stage.\n */\nexport const PixiStage = (props: PixiStageProps): JSX.Element => {\n  const pixiApp = getPixiApp();\n\n  applyProps(pixiApp.stage, props);\n\n  return <>{pixiApp.stage}</>;\n};\n"],"names":["PixiStage","props","pixiApp","getPixiApp","applyProps","stage","_$memo"],"mappings":";;;AA0BO,MAAMA,YAAYA,CAACC,UAAuC;AAC/D,QAAMC,UAAUC,WAAAA;AAEhBC,aAAWF,QAAQG,OAAOJ,KAAK;AAE/B,SAAAK,KAAA,MAAUJ,QAAQG,KAAK;AACzB;"}
+{"version":3,"file":"pixi-stage.js","sources":["../src/pixi-stage.tsx"],"sourcesContent":["import type { Container, ContainerOptions } from \"pixi.js\";\nimport type { JSX, Ref } from \"solid-js\";\nimport { applyProps } from \"./component-creation\";\nimport type { PixiEventHandlerMap } from \"./event-names\";\nimport { getPixiApp } from \"./pixi-application\";\n\nexport type PixiStageProps = PixiEventHandlerMap &\n  Omit<ContainerOptions, \"children\"> & {\n    ref?: Ref<Container>;\n    children?: JSX.Element;\n  };\n\n/**\n * PixiStage\n *\n * The root container for rendering Pixi display objects. This component\n * uses the application stage (`pixiApp.stage`) as the mount point and\n * applies props and event handlers to it.\n *\n * Props:\n * - `ref` (optional): receives the stage container reference.\n * - Event handler props (e.g. `onpointerdown`) are forwarded to the stage.\n * - Any other container options supported by Pixi may be passed.\n *\n * Children passed to `PixiStage` are inserted into the application stage.\n */\nexport const PixiStage = (props: PixiStageProps): JSX.Element => {\n  const pixiApp = getPixiApp();\n\n  applyProps(pixiApp.stage, props);\n\n  return <>{pixiApp.stage}</>;\n};\n"],"names":["PixiStage","props","pixiApp","getPixiApp","applyProps","stage","_$memo"],"mappings":";;;AA0BO,MAAMA,YAAYA,CAACC,UAAuC;AAC/D,QAAMC,UAAUC,WAAAA;AAEhBC,aAAWF,QAAQG,OAAOJ,KAAK;AAE/B,SAAAK,KAAA,MAAUJ,QAAQG,KAAK;AACzB;"}

package/dist/point-property-names.js

@@ -0,0 +1,38 @@
+const POINT_PROP_NAMES = [
+  "position",
+  "scale",
+  "pivot",
+  "skew",
+  "anchor",
+  "tilePosition",
+  "tileScale"
+];
+const POINT_PROP_NAMES_SET = new Set(POINT_PROP_NAMES);
+const POINT_PROP_AXIS_NAMES = [
+  "positionX",
+  "positionY",
+  "scaleX",
+  "scaleY",
+  "pivotX",
+  "pivotY",
+  "skewX",
+  "skewY",
+  "anchorX",
+  "anchorY",
+  "tilePositionX",
+  "tilePositionY",
+  "tileScaleX",
+  "tileScaleY"
+];
+const POINT_PROP_AXIS_NAMES_SET = new Set(POINT_PROP_AXIS_NAMES);
+const ALL_VALID_PROP_NAMES_SET = /* @__PURE__ */ new Set([
+  ...POINT_PROP_NAMES_SET,
+  ...POINT_PROP_AXIS_NAMES_SET
+]);
+export {
+  ALL_VALID_PROP_NAMES_SET,
+  POINT_PROP_AXIS_NAMES,
+  POINT_PROP_AXIS_NAMES_SET,
+  POINT_PROP_NAMES_SET
+};
+//# sourceMappingURL=point-property-names.js.map

package/dist/point-property-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point-property-names.js","sources":["../src/point-property-names.ts"],"sourcesContent":["const POINT_PROP_NAMES = [\n  \"position\",\n  \"scale\",\n  \"pivot\",\n  \"skew\",\n  \"anchor\",\n  \"tilePosition\",\n  \"tileScale\",\n] as const;\n\nexport const POINT_PROP_NAMES_SET: Set<string> = new Set(POINT_PROP_NAMES);\n\nexport const POINT_PROP_AXIS_NAMES = [\n  \"positionX\",\n  \"positionY\",\n  \"scaleX\",\n  \"scaleY\",\n  \"pivotX\",\n  \"pivotY\",\n  \"skewX\",\n  \"skewY\",\n  \"anchorX\",\n  \"anchorY\",\n  \"tilePositionX\",\n  \"tilePositionY\",\n  \"tileScaleX\",\n  \"tileScaleY\",\n] as const;\n\nexport type PointAxisPropName = (typeof POINT_PROP_AXIS_NAMES)[number];\n\nexport const POINT_PROP_AXIS_NAMES_SET: Set<string> = new Set(POINT_PROP_AXIS_NAMES);\n\nexport const ALL_VALID_PROP_NAMES_SET: Set<string> = new Set([\n  ...POINT_PROP_NAMES_SET,\n  ...POINT_PROP_AXIS_NAMES_SET,\n]);\n"],"names":[],"mappings":"AAAA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAoC,IAAI,IAAI,gBAAgB;AAElE,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,MAAM,4BAAyC,IAAI,IAAI,qBAAqB;AAE5E,MAAM,+CAA4C,IAAI;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AACL,CAAC;"}

package/dist/renderer.js

@@ -1,6 +1,7 @@
 import { Text } from "pixi.js";
 import { createRenderer } from "solid-js/universal";
-import { PIXI_EVENT_HANDLER_NAME_SET } from "./pixi-events.js";
+import { isEventProperty, setEventProperty } from "./set-event-property.js";
+import { isPointProperty, setPointProperty } from "./set-point-property.js";
 const {
   effect,
   memo,
@@ -27,17 +28,16 @@ const {
     textNode.text = value;
   },
   setProperty(node, name, value, prev) {
+    if (isPointProperty(name)) {
+      setPointProperty(node, name, value);
+      return;
+    }
     if (name in node) {
       node[name] = value;
       return;
     }
-    if (PIXI_EVENT_HANDLER_NAME_SET.has(name)) {
-      const eventName = name.slice(2);
-      if (prev) {
-        node.removeEventListener(eventName, prev);
-      }
-      node.addEventListener(eventName, value);
-      return;
+    if (isEventProperty(name)) {
+      setEventProperty(node, name, value, prev);
     }
   },
   insertNode(parent2, node, anchor) {

package/dist/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","sources":["../src/renderer.tsx"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { Text as PixiText } from \"pixi.js\";\nimport { createRenderer } from \"solid-js/universal\";\nimport type { PIXI_EVENT_NAMES, PixiEventHandlerMap } from \"./pixi-events\";\nimport { PIXI_EVENT_HANDLER_NAME_SET } from \"./pixi-events\";\n\nexport const {\n  effect,\n  memo,\n  createComponent,\n  createElement,\n  createTextNode,\n  insertNode,\n  insert,\n  setProp,\n  mergeProps,\n  use,\n  render,\n  spread,\n} = createRenderer<Pixi.Container>({\n  createElement(name: string) {\n    // This function is for lowercase string tags like `<container />`.\n    // To support tree-shaking, we require users to import components\n    // directly and use them with an uppercase name like `<Container />`,\n    // which does not call this function.\n    throw new Error(\n      `Cannot create element \"${name}\". Please import components directly from 'pixi-solid' and use them with a capital letter.`\n    );\n  },\n  createTextNode(value) {\n    return new PixiText({ text: value });\n  },\n  replaceText(textNode: PixiText, value) {\n    textNode.text = value;\n  },\n  setProperty(node, name, value, prev) {\n    if (name in node) {\n      (node as any)[name] = value;\n      return;\n    }\n\n    // Check for event listeners and handle them appropriately.\n    if (PIXI_EVENT_HANDLER_NAME_SET.has(name as keyof PixiEventHandlerMap)) {\n      // Remove the 'on' prefix to get the actual event name.\n      const eventName = name.slice(2) as (typeof PIXI_EVENT_NAMES)[number];\n\n      if (prev) {\n        node.removeEventListener(eventName, prev as any);\n      }\n      node.addEventListener(eventName, value as any);\n      return;\n    }\n  },\n  insertNode(parent, node, anchor) {\n    // RenderLayer uses `attach` instead of `addChild`.\n    if (\"attach\" in parent && typeof parent.attach === \"function\") {\n      parent.attach(node);\n      // Note: `attach` does not support anchoring, so we ignore the anchor.\n      return;\n    }\n\n    if (!(\"addChildAt\" in parent) || !(\"addChild\" in parent) || typeof parent.addChild !== \"function\") {\n      throw new Error(\"Parent does not support children.\");\n    }\n\n    if (anchor) {\n      parent.addChildAt(node, parent.children.indexOf(anchor));\n    } else {\n      parent.addChild(node);\n    }\n  },\n  isTextNode(node) {\n    return node instanceof PixiText;\n  },\n  removeNode(_, node) {\n    // RenderLayer uses `detach` instead of `removeChild`.\n    if (\"detach\" in parent && typeof parent.detach === \"function\") {\n      parent.detach(node);\n      return;\n    }\n\n    node.removeFromParent();\n    node.destroy({ children: true });\n  },\n  getParentNode(node) {\n    return node?.parent ?? undefined;\n  },\n  getFirstChild(node) {\n    return node.children?.[0];\n  },\n  getNextSibling(node) {\n    if (!node.parent) return undefined;\n    const index = node.parent.children.indexOf(node);\n    // Return the next child if it exists, otherwise undefined.\n    return index > -1 ? node.parent.children[index + 1] : undefined;\n  },\n});\n"],"names":["effect","memo","createComponent","createElement","createTextNode","insertNode","insert","setProp","mergeProps","use","render","spread","createRenderer","name","Error","value","PixiText","text","replaceText","textNode","setProperty","node","prev","PIXI_EVENT_HANDLER_NAME_SET","has","eventName","slice","removeEventListener","addEventListener","parent","anchor","attach","addChild","addChildAt","children","indexOf","isTextNode","removeNode","_","detach","removeFromParent","destroy","getParentNode","undefined","getFirstChild","getNextSibling","index"],"mappings":";;;AAMO,MAAM;AAAA,EACXA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,IAAIC,eAA+B;AAAA,EACjCT,cAAcU,MAAc;AAK1B,UAAM,IAAIC,MACR,0BAA0BD,IAAI,4FAChC;AAAA,EACF;AAAA,EACAT,eAAeW,OAAO;AACpB,WAAO,IAAIC,KAAS;AAAA,MAAEC,MAAMF;AAAAA,IAAAA,CAAO;AAAA,EACrC;AAAA,EACAG,YAAYC,UAAoBJ,OAAO;AACrCI,aAASF,OAAOF;AAAAA,EAClB;AAAA,EACAK,YAAYC,MAAMR,MAAME,OAAOO,MAAM;AACnC,QAAIT,QAAQQ,MAAM;AACfA,WAAaR,IAAI,IAAIE;AACtB;AAAA,IACF;AAGA,QAAIQ,4BAA4BC,IAAIX,IAAiC,GAAG;AAEtE,YAAMY,YAAYZ,KAAKa,MAAM,CAAC;AAE9B,UAAIJ,MAAM;AACRD,aAAKM,oBAAoBF,WAAWH,IAAW;AAAA,MACjD;AACAD,WAAKO,iBAAiBH,WAAWV,KAAY;AAC7C;AAAA,IACF;AAAA,EACF;AAAA,EACAV,WAAWwB,SAAQR,MAAMS,QAAQ;AAE/B,QAAI,YAAYD,WAAU,OAAOA,QAAOE,WAAW,YAAY;AAC7DF,cAAOE,OAAOV,IAAI;AAElB;AAAA,IACF;AAEA,QAAI,EAAE,gBAAgBQ,YAAW,EAAE,cAAcA,YAAW,OAAOA,QAAOG,aAAa,YAAY;AACjG,YAAM,IAAIlB,MAAM,mCAAmC;AAAA,IACrD;AAEA,QAAIgB,QAAQ;AACVD,cAAOI,WAAWZ,MAAMQ,QAAOK,SAASC,QAAQL,MAAM,CAAC;AAAA,IACzD,OAAO;AACLD,cAAOG,SAASX,IAAI;AAAA,IACtB;AAAA,EACF;AAAA,EACAe,WAAWf,MAAM;AACf,WAAOA,gBAAgBL;AAAAA,EACzB;AAAA,EACAqB,WAAWC,GAAGjB,MAAM;AAElB,QAAI,YAAYQ,UAAU,OAAOA,OAAOU,WAAW,YAAY;AAC7DV,aAAOU,OAAOlB,IAAI;AAClB;AAAA,IACF;AAEAA,SAAKmB,iBAAAA;AACLnB,SAAKoB,QAAQ;AAAA,MAAEP,UAAU;AAAA,IAAA,CAAM;AAAA,EACjC;AAAA,EACAQ,cAAcrB,MAAM;AAClB,WAAOA,MAAMQ,UAAUc;AAAAA,EACzB;AAAA,EACAC,cAAcvB,MAAM;AAClB,WAAOA,KAAKa,WAAW,CAAC;AAAA,EAC1B;AAAA,EACAW,eAAexB,MAAM;AACnB,QAAI,CAACA,KAAKQ,OAAQ,QAAOc;AACzB,UAAMG,QAAQzB,KAAKQ,OAAOK,SAASC,QAAQd,IAAI;AAE/C,WAAOyB,QAAQ,KAAKzB,KAAKQ,OAAOK,SAASY,QAAQ,CAAC,IAAIH;AAAAA,EACxD;AACF,CAAC;"}
+{"version":3,"file":"renderer.js","sources":["../src/renderer.tsx"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { Text as PixiText } from \"pixi.js\";\nimport { createRenderer } from \"solid-js/universal\";\nimport { isEventProperty, setEventProperty } from \"./set-event-property\";\nimport { isPointProperty, setPointProperty } from \"./set-point-property\";\n\nexport const {\n  effect,\n  memo,\n  createComponent,\n  createElement,\n  createTextNode,\n  insertNode,\n  insert,\n  setProp,\n  mergeProps,\n  use,\n  render,\n  spread,\n} = createRenderer<Pixi.Container>({\n  createElement(name: string) {\n    // This function is for lowercase string tags like `<container />`.\n    // To support tree-shaking, we require users to import components\n    // directly and use them with an uppercase name like `<Container />`,\n    // which does not call this function.\n    throw new Error(\n      `Cannot create element \"${name}\". Please import components directly from 'pixi-solid' and use them with a capital letter.`\n    );\n  },\n  createTextNode(value) {\n    return new PixiText({ text: value });\n  },\n  replaceText(textNode: PixiText, value) {\n    textNode.text = value;\n  },\n  setProperty(node, name, value, prev) {\n    if (isPointProperty(name)) {\n      setPointProperty(node, name, value);\n      return;\n    }\n\n    if (name in node) {\n      (node as any)[name] = value;\n      return;\n    }\n\n    if (isEventProperty(name)) {\n      setEventProperty(node, name, value, prev);\n    }\n  },\n  insertNode(parent, node, anchor) {\n    // RenderLayer uses `attach` instead of `addChild`.\n    if (\"attach\" in parent && typeof parent.attach === \"function\") {\n      parent.attach(node);\n      // Note: `attach` does not support anchoring, so we ignore the anchor.\n      return;\n    }\n\n    if (!(\"addChildAt\" in parent) || !(\"addChild\" in parent) || typeof parent.addChild !== \"function\") {\n      throw new Error(\"Parent does not support children.\");\n    }\n\n    if (anchor) {\n      parent.addChildAt(node, parent.children.indexOf(anchor));\n    } else {\n      parent.addChild(node);\n    }\n  },\n  isTextNode(node) {\n    return node instanceof PixiText;\n  },\n  removeNode(_, node) {\n    // RenderLayer uses `detach` instead of `removeChild`.\n    if (\"detach\" in parent && typeof parent.detach === \"function\") {\n      parent.detach(node);\n      return;\n    }\n\n    node.removeFromParent();\n    node.destroy({ children: true });\n  },\n  getParentNode(node) {\n    return node?.parent ?? undefined;\n  },\n  getFirstChild(node) {\n    return node.children?.[0];\n  },\n  getNextSibling(node) {\n    if (!node.parent) return undefined;\n    const index = node.parent.children.indexOf(node);\n    // Return the next child if it exists, otherwise undefined.\n    return index > -1 ? node.parent.children[index + 1] : undefined;\n  },\n});\n"],"names":["effect","memo","createComponent","createElement","createTextNode","insertNode","insert","setProp","mergeProps","use","render","spread","createRenderer","name","Error","value","PixiText","text","replaceText","textNode","setProperty","node","prev","isPointProperty","setPointProperty","isEventProperty","setEventProperty","parent","anchor","attach","addChild","addChildAt","children","indexOf","isTextNode","removeNode","_","detach","removeFromParent","destroy","getParentNode","undefined","getFirstChild","getNextSibling","index"],"mappings":";;;;AAMO,MAAM;AAAA,EACXA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,IAAIC,eAA+B;AAAA,EACjCT,cAAcU,MAAc;AAK1B,UAAM,IAAIC,MACR,0BAA0BD,IAAI,4FAChC;AAAA,EACF;AAAA,EACAT,eAAeW,OAAO;AACpB,WAAO,IAAIC,KAAS;AAAA,MAAEC,MAAMF;AAAAA,IAAAA,CAAO;AAAA,EACrC;AAAA,EACAG,YAAYC,UAAoBJ,OAAO;AACrCI,aAASF,OAAOF;AAAAA,EAClB;AAAA,EACAK,YAAYC,MAAMR,MAAME,OAAOO,MAAM;AACnC,QAAIC,gBAAgBV,IAAI,GAAG;AACzBW,uBAAiBH,MAAMR,MAAME,KAAK;AAClC;AAAA,IACF;AAEA,QAAIF,QAAQQ,MAAM;AACfA,WAAaR,IAAI,IAAIE;AACtB;AAAA,IACF;AAEA,QAAIU,gBAAgBZ,IAAI,GAAG;AACzBa,uBAAiBL,MAAMR,MAAME,OAAOO,IAAI;AAAA,IAC1C;AAAA,EACF;AAAA,EACAjB,WAAWsB,SAAQN,MAAMO,QAAQ;AAE/B,QAAI,YAAYD,WAAU,OAAOA,QAAOE,WAAW,YAAY;AAC7DF,cAAOE,OAAOR,IAAI;AAElB;AAAA,IACF;AAEA,QAAI,EAAE,gBAAgBM,YAAW,EAAE,cAAcA,YAAW,OAAOA,QAAOG,aAAa,YAAY;AACjG,YAAM,IAAIhB,MAAM,mCAAmC;AAAA,IACrD;AAEA,QAAIc,QAAQ;AACVD,cAAOI,WAAWV,MAAMM,QAAOK,SAASC,QAAQL,MAAM,CAAC;AAAA,IACzD,OAAO;AACLD,cAAOG,SAAST,IAAI;AAAA,IACtB;AAAA,EACF;AAAA,EACAa,WAAWb,MAAM;AACf,WAAOA,gBAAgBL;AAAAA,EACzB;AAAA,EACAmB,WAAWC,GAAGf,MAAM;AAElB,QAAI,YAAYM,UAAU,OAAOA,OAAOU,WAAW,YAAY;AAC7DV,aAAOU,OAAOhB,IAAI;AAClB;AAAA,IACF;AAEAA,SAAKiB,iBAAAA;AACLjB,SAAKkB,QAAQ;AAAA,MAAEP,UAAU;AAAA,IAAA,CAAM;AAAA,EACjC;AAAA,EACAQ,cAAcnB,MAAM;AAClB,WAAOA,MAAMM,UAAUc;AAAAA,EACzB;AAAA,EACAC,cAAcrB,MAAM;AAClB,WAAOA,KAAKW,WAAW,CAAC;AAAA,EAC1B;AAAA,EACAW,eAAetB,MAAM;AACnB,QAAI,CAACA,KAAKM,OAAQ,QAAOc;AACzB,UAAMG,QAAQvB,KAAKM,OAAOK,SAASC,QAAQZ,IAAI;AAE/C,WAAOuB,QAAQ,KAAKvB,KAAKM,OAAOK,SAASY,QAAQ,CAAC,IAAIH;AAAAA,EACxD;AACF,CAAC;"}

package/dist/set-event-property.js

@@ -0,0 +1,14 @@
+import { PIXI_EVENT_HANDLER_NAME_SET } from "./event-names.js";
+const isEventProperty = (name) => PIXI_EVENT_HANDLER_NAME_SET.has(name);
+const setEventProperty = (node, name, eventHandler, prevEventHandler) => {
+  const eventName = name.slice(2);
+  if (prevEventHandler) {
+    node.removeEventListener(eventName, prevEventHandler);
+  }
+  node.addEventListener(eventName, eventHandler);
+};
+export {
+  isEventProperty,
+  setEventProperty
+};
+//# sourceMappingURL=set-event-property.js.map

package/dist/set-event-property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-event-property.js","sources":["../src/set-event-property.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport type { PIXI_EVENT_NAMES } from \"./event-names\";\nimport { PIXI_EVENT_HANDLER_NAME_SET } from \"./event-names\";\n\nexport const isEventProperty = (name: string): boolean => PIXI_EVENT_HANDLER_NAME_SET.has(name);\n\nexport const setEventProperty = (\n  node: Pixi.Container,\n  name: string,\n  eventHandler: any,\n  prevEventHandler?: any,\n): void => {\n  // Remove the 'on' prefix to get the actual event name.\n  const eventName = name.slice(2) as (typeof PIXI_EVENT_NAMES)[number];\n\n  if (prevEventHandler) {\n    node.removeEventListener(eventName, prevEventHandler);\n  }\n  node.addEventListener(eventName, eventHandler);\n};\n"],"names":[],"mappings":";AAIO,MAAM,kBAAkB,CAAC,SAA0B,4BAA4B,IAAI,IAAI;AAEvF,MAAM,mBAAmB,CAC9B,MACA,MACA,cACA,qBACS;AAET,QAAM,YAAY,KAAK,MAAM,CAAC;AAE9B,MAAI,kBAAkB;AACpB,SAAK,oBAAoB,WAAW,gBAAgB;AAAA,EACtD;AACA,OAAK,iBAAiB,WAAW,YAAY;AAC/C;"}

package/dist/set-point-property.js

@@ -0,0 +1,22 @@
+import { ALL_VALID_PROP_NAMES_SET, POINT_PROP_NAMES_SET, POINT_PROP_AXIS_NAMES_SET } from "./point-property-names.js";
+const isPointProperty = (propName) => ALL_VALID_PROP_NAMES_SET.has(propName);
+const setPointProperty = (node, name, value) => {
+  if (typeof value === "object" && value !== null) {
+    node[name].set(value.x, value.y);
+    return;
+  }
+  if (typeof value === "number") {
+    if (POINT_PROP_NAMES_SET.has(name)) {
+      node[name].set(value);
+    } else if (POINT_PROP_AXIS_NAMES_SET.has(name)) {
+      const axisName = name[name.length - 1].toLowerCase();
+      const propertyName = name.slice(0, -1);
+      node[propertyName][axisName] = value;
+    }
+  }
+};
+export {
+  isPointProperty,
+  setPointProperty
+};
+//# sourceMappingURL=set-point-property.js.map

package/dist/set-point-property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-point-property.js","sources":["../src/set-point-property.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport {\n  ALL_VALID_PROP_NAMES_SET,\n  POINT_PROP_AXIS_NAMES_SET,\n  POINT_PROP_NAMES_SET,\n} from \"./point-property-names\";\n\nexport const isPointProperty = (propName: string): boolean =>\n  ALL_VALID_PROP_NAMES_SET.has(propName);\n\nexport const setPointProperty = <T>(node: Pixi.Container, name: string, value: T): void => {\n  if (typeof value === \"object\" && value !== null) {\n    (node as any)[name].set((value as any).x, (value as any).y);\n    return;\n  }\n\n  if (typeof value === \"number\") {\n    if (POINT_PROP_NAMES_SET.has(name)) {\n      (node as any)[name].set(value);\n    } else if (POINT_PROP_AXIS_NAMES_SET.has(name)) {\n      const axisName = name[name.length - 1].toLowerCase();\n      const propertyName = name.slice(0, -1);\n      (node as any)[propertyName][axisName] = value;\n    }\n  }\n};\n"],"names":[],"mappings":";AAOO,MAAM,kBAAkB,CAAC,aAC9B,yBAAyB,IAAI,QAAQ;AAEhC,MAAM,mBAAmB,CAAI,MAAsB,MAAc,UAAmB;AACzF,MAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC9C,SAAa,IAAI,EAAE,IAAK,MAAc,GAAI,MAAc,CAAC;AAC1D;AAAA,EACF;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,QAAI,qBAAqB,IAAI,IAAI,GAAG;AACjC,WAAa,IAAI,EAAE,IAAI,KAAK;AAAA,IAC/B,WAAW,0BAA0B,IAAI,IAAI,GAAG;AAC9C,YAAM,WAAW,KAAK,KAAK,SAAS,CAAC,EAAE,YAAA;AACvC,YAAM,eAAe,KAAK,MAAM,GAAG,EAAE;AACpC,WAAa,YAAY,EAAE,QAAQ,IAAI;AAAA,IAC1C;AAAA,EACF;AACF;"}

package/dist/types/component-creation.d.ts

@@ -1,14 +1,16 @@
 import type * as Pixi from "pixi.js";
 import type { JSX, Ref } from "solid-js";
-import type { PixiEventHandlerMap } from "./pixi-events";
+import type { PixiEventHandlerMap } from "./event-names";
+import type { PointAxisPropName } from "./point-property-names";
 /**
  * Prop definition for components that CAN have children
  */
-export type ContainerProps<Component> = PixiEventHandlerMap & {
+export type ContainerProps<Component> = PixiEventHandlerMap & PointAxisProps & {
     ref?: Ref<Component>;
     as?: Component;
     children?: JSX.Element;
 };
+export type PointAxisProps = Partial<Record<PointAxisPropName, number>>;
 /**
  * Prop definition for components that CANNOT have children
  */

package/dist/types/{pixi-events.d.ts → event-names.d.ts}

@@ -4,4 +4,4 @@ export declare const PIXI_SOLID_EVENT_HANDLER_NAMES: ("onclick" | "onmousedown"
 export type PixiEventHandlerMap = {
     [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_SOLID_EVENT_HANDLER_NAMES)[number]>>;
+export declare const PIXI_EVENT_HANDLER_NAME_SET: Set<string>;

package/dist/types/index.d.ts

@@ -1,10 +1,11 @@
 export type { ContainerProps, LeafProps } from "./component-creation";
+export type { PixiEventHandlerMap } from "./event-names";
+export { PIXI_EVENT_NAMES, PIXI_SOLID_EVENT_HANDLER_NAMES } from "./event-names";
 export { onResize } from "./on-resize";
 export type { PixiApplicationProps, PixiScreenDimensions } from "./pixi-application";
 export { createAsyncDelay, delay, getPixiApp, getTicker, onTick, PixiApplication, TickerProvider, usePixiScreen, } from "./pixi-application";
 export { PixiCanvas } from "./pixi-canvas";
 export { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, NineSliceSprite, ParticleContainer, PerspectiveMesh, RenderContainer, RenderLayer, Sprite, Text, TilingSprite, } from "./pixi-components";
-export type { PixiEventHandlerMap } from "./pixi-events";
-export { PIXI_EVENT_NAMES, PIXI_SOLID_EVENT_HANDLER_NAMES } from "./pixi-events";
 export type { PixiStageProps } from "./pixi-stage";
 export { PixiStage } from "./pixi-stage";
+export type { PointAxisPropName } from "./point-property-names";

package/dist/types/pixi-components.d.ts

@@ -10,7 +10,7 @@ export declare const BitmapText: (props: Omit<Pixi.TextOptions<Pixi.TextStyle, P
 /**
  * A SolidJS component that renders a `PIXI.Container`.
  */
-export declare const Container: (props: Omit<Pixi.ContainerOptions<Pixi.ContainerChild>, "children"> & import("./pixi-events").PixiEventHandlerMap & {
+export declare const Container: (props: Omit<Pixi.ContainerOptions<Pixi.ContainerChild>, "children"> & import("./event-names").PixiEventHandlerMap & Partial<Record<"positionX" | "positionY" | "scaleX" | "scaleY" | "pivotX" | "pivotY" | "skewX" | "skewY" | "anchorX" | "anchorY" | "tilePositionX" | "tilePositionY" | "tileScaleX" | "tileScaleY", number>> & {
     ref?: import("solid-js").Ref<Pixi.Container<Pixi.ContainerChild>> | undefined;
     as?: Pixi.Container<Pixi.ContainerChild> | undefined;
     children?: import("solid-js").JSX.Element;
@@ -49,7 +49,7 @@ export declare const PerspectiveMesh: (props: Omit<Pixi.PerspectivePlaneOptions,
 /**
  * A SolidJS component that renders a `PIXI.RenderContainer`.
  */
-export declare const RenderContainer: (props: Omit<Pixi.RenderContainerOptions, "children"> & import("./pixi-events").PixiEventHandlerMap & {
+export declare const RenderContainer: (props: Omit<Pixi.RenderContainerOptions, "children"> & import("./event-names").PixiEventHandlerMap & Partial<Record<"positionX" | "positionY" | "scaleX" | "scaleY" | "pivotX" | "pivotY" | "skewX" | "skewY" | "anchorX" | "anchorY" | "tilePositionX" | "tilePositionY" | "tileScaleX" | "tileScaleY", number>> & {
     ref?: import("solid-js").Ref<Pixi.RenderContainer> | undefined;
     as?: Pixi.RenderContainer | undefined;
     children?: import("solid-js").JSX.Element;
@@ -57,7 +57,7 @@ export declare const RenderContainer: (props: Omit<Pixi.RenderContainerOptions,
 /**
  * A SolidJS component that renders a `PIXI.RenderLayer`.
  */
-export declare const RenderLayer: (props: Omit<Pixi.RenderLayerOptions, "children"> & import("./pixi-events").PixiEventHandlerMap & {
+export declare const RenderLayer: (props: Omit<Pixi.RenderLayerOptions, "children"> & import("./event-names").PixiEventHandlerMap & Partial<Record<"positionX" | "positionY" | "scaleX" | "scaleY" | "pivotX" | "pivotY" | "skewX" | "skewY" | "anchorX" | "anchorY" | "tilePositionX" | "tilePositionY" | "tileScaleX" | "tileScaleY", number>> & {
     ref?: import("solid-js").Ref<Pixi.RenderLayer> | undefined;
     as?: Pixi.RenderLayer | undefined;
     children?: import("solid-js").JSX.Element;

package/dist/types/pixi-stage.d.ts

@@ -1,6 +1,6 @@
 import type { Container, ContainerOptions } from "pixi.js";
 import type { JSX, Ref } from "solid-js";
-import type { PixiEventHandlerMap } from "./pixi-events";
+import type { PixiEventHandlerMap } from "./event-names";
 export type PixiStageProps = PixiEventHandlerMap & Omit<ContainerOptions, "children"> & {
     ref?: Ref<Container>;
     children?: JSX.Element;

package/dist/types/point-property-names.d.ts

@@ -0,0 +1,5 @@
+export declare const POINT_PROP_NAMES_SET: Set<string>;
+export declare const POINT_PROP_AXIS_NAMES: readonly ["positionX", "positionY", "scaleX", "scaleY", "pivotX", "pivotY", "skewX", "skewY", "anchorX", "anchorY", "tilePositionX", "tilePositionY", "tileScaleX", "tileScaleY"];
+export type PointAxisPropName = (typeof POINT_PROP_AXIS_NAMES)[number];
+export declare const POINT_PROP_AXIS_NAMES_SET: Set<string>;
+export declare const ALL_VALID_PROP_NAMES_SET: Set<string>;

package/dist/types/set-event-property.d.ts

@@ -0,0 +1,3 @@
+import type * as Pixi from "pixi.js";
+export declare const isEventProperty: (name: string) => boolean;
+export declare const setEventProperty: (node: Pixi.Container, name: string, eventHandler: any, prevEventHandler?: any) => void;

package/dist/types/set-point-property.d.ts

@@ -0,0 +1,3 @@
+import type * as Pixi from "pixi.js";
+export declare const isPointProperty: (propName: string) => boolean;
+export declare const setPointProperty: <T>(node: Pixi.Container, name: string, value: T) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixi-solid",
   "private": false,
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "A library to write PixiJS applications with SolidJS",
   "author": "Luke Thompson",
   "license": "MIT",
@@ -35,7 +35,6 @@
     "dev": "vite",
     "prebuild": "rm -rf dist",
     "build": "vite build && tsc --project tsconfig.build.json --emitDeclarationOnly",
-    "build:docs": "typedoc --options typedoc.config.js",
     "preview": "vite preview",
     "preinstall": "npx only-allow pnpm",
     "test": "echo \"A dummy test\""

package/dist/pixi-events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixi-events.js","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_SOLID_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<\n  Set<(typeof PIXI_SOLID_EVENT_HANDLER_NAMES)[number]>\n> = new Set(PIXI_SOLID_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"],"names":[],"mappings":"AAEO,MAAM,mBAAyD;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iCAAiC,iBAAiB;AAAA,EAC7D,CAAC,cAAc,KAAK,SAAS;AAC/B;AAQO,MAAM,8BAET,IAAI,IAAI,8BAA8B;"}