pixi-solid 0.0.1

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,115 @@
+# Pixi-Solid
+
+A custom renderer for [PixiJS](https://pixijs.com/) that lets you build your scene with [SolidJS](https://www.solidjs.com/) JSX components and its fine-grained signals based reactivity.
+
+[![NPM Version](https://img.shields.io/npm/v/pixi-solid.svg)](https://www.npmjs.com/package/pixi-solid)
+[![License](https://img.shields.io/npm/l/pixi-solid.svg)](https://github.com/your-username/pixi-solid/blob/main/LICENSE)
+
+## Why Pixi-Solid?
+
+`pixi-solid` combines the power of two amazing libraries:
+
+- **PixiJS:** A fast, lightweight, and powerful 2D rendering library.
+- **SolidJS:** A declarative, performant, and reactive JavaScript library for building user interfaces.
+
+By using `pixi-solid`, you can write your PixiJS applications declaratively using JSX, manage state with Solid's powerful reactivity system, and structure your scene as a tree of reusable components. This leads to more maintainable and readable code for complex graphical applications.
+
+It is intended to provide nice abstractions for encapsulating useful functionality and state management to represent the core logic of your application.
+
+In some cases when creating high performance applications like games which may have lots of fast changing state and logic every frame it may be beneficial to escape from SolidJS and use Pixi imperatively.
+In these cases you may want to create an imperative component and update it every frame with the `useTick` method and then wrap it inside a `<Container />` component as an easy way of packaging it.
+
+## Getting Started
+
+### Installation
+
+To install `pixi-solid` along with its peer dependencies, run:
+
+```bash
+npm install pixi-solid pixi.js solid-js
+# or
+yarn add pixi-solid pixi.js solid-js
+# or
+pnpm add pixi-solid pixi.js solid-js
+```
+
+You will also need to configure your build tool to handle Solid's JSX. For Vite, you can use `vite-plugin-solid`.
+
+### Basic Usage
+
+Here's a simple example to get you started. This will render a "Hello World" text on the screen that follows your mouse.
+
+```jsx
+import { render } from "solid-js/web";
+import { PixiApplication, PixiStage, usePixiApp } from "pixi-solid";
+import { Text, FederatedPointerEvent } from "pixi.js";
+import { createSignal, onMount } from "solid-js";
+
+const FollowText = () => {
+  const [position, setPosition] = createSignal({ x: 0, y: 0 });
+
+  const handlePointerMove = (e: FederatedPointerEvent) => {
+    setPosition({ x: e.global.x, y: e.global.y });
+  };
+
+  return (
+    <Text
+      text="Hello World"
+      onglobalpointermove={handlePointerMove}
+      anchor={{ x: 0.5, y: 0.5 }}
+      x={position().x}
+      y={position().y}
+      style={{ fill: "white", fontSize: 24 }}
+    />
+  );
+};
+
+const App = () => (
+  <div style={{ width: "100vw", height: "100vh", display: "flex", "flex-direction": "column" }}>
+    <PixiApplication background={"#1099bb"}>
+      <PixiCanvas>
+        <PixiStage eventMode={"static"}>
+          <FollowText />
+        </PixiStage>
+      </PixiCanvas>
+    </PixiApplication>
+  </div>
+);
+
+render(() => <App />, document.getElementById("root"));
+```
+
+## Core Components & Hooks
+
+### `<PixiApplication>`
+
+This component creates the main PixiJS `Application` instance and provides it to all child components via context. Any options passed to it are forwarded to the `Application` constructor.
+
+### `<PixiCanvas>`
+
+This component creates a `div` and mounts the PixiJS canvas into it. It automatically handles resizing the canvas to fit the container. Your scene components should be placed as children of `<PixiCanvas>`.
+
+### `<PixiStage>`
+
+This component gives us a reference to the Pixi stage which is the top level container of your scene. It is useful for listening to global events.
+
+### `usePixiApp()`
+
+A hook to get access to the PixiJS `Application` instance.
+
+### `useTicker()`
+
+A hook to get access to the Pixi ticker instance.
+
+### `useTick()`
+
+A hook to auto subscribe and unsubscribe to the ticker in sync with the components lifecycle.
+Any function passed in here will be called every frame whilst the component is mounted.
+
+## Contributing
+
+Contributions are welcome! This project is still in its early stages, so feel free to open an issue to report a bug, suggest a feature, or submit a pull request.
+
+## License
+
+This project is licensed under the MIT License.

package/dist/examples/AnimatedSprite.example.jsx

@@ -0,0 +1,17 @@
+import { Texture } from "pixi.js";
+import { AnimatedSprite } from "pixi-solid";
+export const MyAnimatedSpriteComponent = () => {
+    let spriteRef;
+    const textures = [
+        Texture.from("path/to/your/image1.png"),
+        Texture.from("path/to/your/image2.png"),
+        Texture.from("path/to/your/image3.png"),
+    ];
+    const handlePointerDown = (e) => {
+        if (!spriteRef)
+            return;
+        spriteRef.play();
+    };
+    return (<AnimatedSprite textures={textures} ref={spriteRef} autoPlay={true} onpointerdown={handlePointerDown} animationSpeed={0.1} x={100} y={150} anchor={{ x: 0.5, y: 0.5 }}/>);
+};
+//# sourceMappingURL=AnimatedSprite.example.jsx.map

package/dist/examples/AnimatedSprite.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedSprite.example.jsx","sourceRoot":"","sources":["../../src/examples/AnimatedSprite.example.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,IAAI,SAA0C,CAAC;IAE/C,MAAM,QAAQ,GAAG;QACf,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;KACxC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAsB,EAAE,EAAE;QACnD,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,SAAS,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,cAAc,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,aAAa,CAAC,CAAC,iBAAiB,CAAC,CACjC,cAAc,CAAC,CAAC,GAAG,CAAC,CACpB,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/BitmapText.example.jsx

@@ -0,0 +1,8 @@
+import { BitmapFont } from "pixi.js";
+import { BitmapText } from "pixi-solid";
+// Assume a bitmap font is loaded, e.g., using Assets.load
+// BitmapFont.from("my-font-name", { fill: "#ffffff", fontSize: 32 });
+export const MyBitmapTextComponent = () => {
+    return (<BitmapText text="Hello World" style={{ fontFamily: "my-font-name", fontSize: 32, fill: "#ffcc00" }} x={100} y={150} anchor={{ x: 0.5, y: 0.5 }}/>);
+};
+//# sourceMappingURL=BitmapText.example.jsx.map

package/dist/examples/BitmapText.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitmapText.example.jsx","sourceRoot":"","sources":["../../src/examples/BitmapText.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,0DAA0D;AAC1D,sEAAsE;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,aAAa,CAClB,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CACrE,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/Container.example.jsx

@@ -0,0 +1,8 @@
+import { Texture } from "pixi.js";
+import { Container, Sprite } from "pixi-solid";
+export const MyContainerComponent = () => {
+    return (<Container x={50} y={50}>
+      <Sprite texture={Texture.from("path/to/your/image.png")} x={100} y={150} anchor={{ x: 0.5, y: 0.5 }}/>
+    </Container>);
+};
+//# sourceMappingURL=Container.example.jsx.map

package/dist/examples/Container.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.example.jsx","sourceRoot":"","sources":["../../src/examples/Container.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CACL,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACtB;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAChD,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAE/B;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/Graphics.example.jsx

@@ -0,0 +1,7 @@
+import { Graphics } from "pixi-solid";
+export const MyGraphicsComponent = () => {
+    return (<Graphics ref={(graphics) => {
+            graphics.rect(50, 50, 100, 100).fill(0xff0000);
+        }}/>);
+};
+//# sourceMappingURL=Graphics.example.jsx.map

package/dist/examples/Graphics.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graphics.example.jsx","sourceRoot":"","sources":["../../src/examples/Graphics.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChB,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/HTMLText.example.jsx

@@ -0,0 +1,5 @@
+import { HTMLText } from "pixi-solid";
+export const MyHTMLTextComponent = () => {
+    return (<HTMLText text={'<p style="color:white; font-size: 24px;">Hello <b>World</b></p>'} x={100} y={150}/>);
+};
+//# sourceMappingURL=HTMLText.example.jsx.map

package/dist/examples/HTMLText.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLText.example.jsx","sourceRoot":"","sources":["../../src/examples/HTMLText.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,iEAAiE,CAAC,CACxE,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,EACP,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/MeshPlane.example.jsx

@@ -0,0 +1,6 @@
+import { Texture } from "pixi.js";
+import { MeshPlane } from "pixi-solid";
+export const MyMeshPlaneComponent = () => {
+    return <MeshPlane texture={Texture.from("path/to/your/image.png")}/>;
+};
+//# sourceMappingURL=MeshPlane.example.jsx.map

package/dist/examples/MeshPlane.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeshPlane.example.jsx","sourceRoot":"","sources":["../../src/examples/MeshPlane.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAG,CAAC;AACxE,CAAC,CAAC"}

package/dist/examples/MeshRope.example.jsx

@@ -0,0 +1,10 @@
+import { Point, Texture } from "pixi.js";
+import { MeshRope } from "pixi-solid";
+export const MyMeshRopeComponent = () => {
+    const points = [];
+    for (let i = 0; i < 20; i++) {
+        points.push(new Point(i * 40, Math.sin(i * 0.5) * 30));
+    }
+    return <MeshRope texture={Texture.from("path/to/rope.png")} points={points}/>;
+};
+//# sourceMappingURL=MeshRope.example.jsx.map

package/dist/examples/MeshRope.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeshRope.example.jsx","sourceRoot":"","sources":["../../src/examples/MeshRope.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC;AACjF,CAAC,CAAC"}

package/dist/examples/MeshSimple.example.jsx

@@ -0,0 +1,9 @@
+import { Texture } from "pixi.js";
+import { MeshSimple } from "pixi-solid";
+export const MyMeshSimpleComponent = () => {
+    const vertices = new Float32Array([-100, -100, 100, -100, 100, 100, -100, 100]);
+    const uvs = new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]);
+    const indices = new Uint32Array([0, 1, 2, 0, 2, 3]);
+    return (<MeshSimple texture={Texture.from("path/to/your/image.png")} vertices={vertices} uvs={uvs} indices={indices}/>);
+};
+//# sourceMappingURL=MeshSimple.example.jsx.map

package/dist/examples/MeshSimple.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeshSimple.example.jsx","sourceRoot":"","sources":["../../src/examples/MeshSimple.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAChF,MAAM,GAAG,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAChD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,EACjB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/NineSliceSprite.example.jsx

@@ -0,0 +1,7 @@
+import { Texture } from "pixi.js";
+import { NineSliceSprite } from "pixi-solid";
+export const MyNineSliceSpriteComponent = () => {
+    // Assumes a texture that is a 3x3 grid for slicing
+    return (<NineSliceSprite texture={Texture.from("path/to/your/nine-slice-image.png")} leftWidth={20} topHeight={20} rightWidth={20} bottomHeight={20} width={200} height={100}/>);
+};
+//# sourceMappingURL=NineSliceSprite.example.jsx.map

package/dist/examples/NineSliceSprite.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"NineSliceSprite.example.jsx","sourceRoot":"","sources":["../../src/examples/NineSliceSprite.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,mDAAmD;IACnD,OAAO,CACL,CAAC,eAAe,CACd,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAC3D,SAAS,CAAC,CAAC,EAAE,CAAC,CACd,SAAS,CAAC,CAAC,EAAE,CAAC,CACd,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,MAAM,CAAC,CAAC,GAAG,CAAC,EACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/ParticleContainer.example.jsx

@@ -0,0 +1,30 @@
+import { Particle, Texture } from "pixi.js";
+import { ParticleContainer, useTick } from "pixi-solid";
+import { onMount } from "solid-js";
+export const MyParticleContainerComponent = () => {
+    // Get a ref to the ParticleContainer
+    let particleContainer;
+    // Create the particle instances
+    const particles = Array.from({ length: 100 }, () => new Particle({
+        texture: Texture.from("path/to/your/particle.png"),
+        x: Math.random() * 800,
+        y: Math.random() * 600,
+        anchorX: 0.5,
+        anchorY: 0.5,
+    }));
+    // Update the particles imperatively in a useTick hook
+    useTick((ticker) => {
+        particles.forEach((particle) => {
+            particle.rotation += 0.01 * ticker.deltaTime;
+            particle.x = Math.sin(particle.rotation) * 100 + 400;
+            particle.y = Math.cos(particle.rotation) * 100 + 300;
+        });
+    });
+    onMount(() => {
+        if (!particleContainer)
+            return;
+        particleContainer.addParticle(...particles);
+    });
+    return <ParticleContainer ref={particleContainer}/>;
+};
+//# sourceMappingURL=ParticleContainer.example.jsx.map

package/dist/examples/ParticleContainer.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticleContainer.example.jsx","sourceRoot":"","sources":["../../src/examples/ParticleContainer.example.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,qCAAqC;IACrC,IAAI,iBAAqD,CAAC;IAE1D,gCAAgC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAC1B,EAAE,MAAM,EAAE,GAAG,EAAE,EACf,GAAG,EAAE,CACH,IAAI,QAAQ,CAAC;QACX,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC;QAClD,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG;QACtB,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG;QACtB,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,GAAG;KACb,CAAC,CACL,CAAC;IAEF,sDAAsD;IACtD,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACjB,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7B,QAAQ,CAAC,QAAQ,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;YAC7C,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;YACrD,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAC/B,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAG,CAAC;AACvD,CAAC,CAAC"}

package/dist/examples/PerspectiveMesh.example.jsx

@@ -0,0 +1,6 @@
+import { Texture } from "pixi.js";
+import { PerspectiveMesh } from "pixi-solid";
+export const MyPerspectiveMeshComponent = () => {
+    return <PerspectiveMesh texture={Texture.from("path/to/your/image.png")}/>;
+};
+//# sourceMappingURL=PerspectiveMesh.example.jsx.map

package/dist/examples/PerspectiveMesh.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerspectiveMesh.example.jsx","sourceRoot":"","sources":["../../src/examples/PerspectiveMesh.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAG,CAAC;AAC9E,CAAC,CAAC"}

package/dist/examples/PixiApplication.example.jsx

@@ -0,0 +1,12 @@
+import { Texture } from "pixi.js";
+import { PixiApplication, PixiCanvas, PixiStage, Sprite } from "pixi-solid";
+export const PixiApplicationExample = () => {
+    return (<PixiApplication background="#1099bb">
+      <PixiCanvas>
+        <PixiStage>
+          <Sprite texture={Texture.WHITE} x={120} y={80}/>
+        </PixiStage>
+      </PixiCanvas>
+    </PixiApplication>);
+};
+//# sourceMappingURL=PixiApplication.example.jsx.map

package/dist/examples/PixiApplication.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixiApplication.example.jsx","sourceRoot":"","sources":["../../src/examples/PixiApplication.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,CACL,CAAC,eAAe,CAAC,UAAU,CAAC,SAAS,CACnC;MAAA,CAAC,UAAU,CACT;QAAA,CAAC,SAAS,CACR;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/PixiCanvas.example.jsx

@@ -0,0 +1,12 @@
+import { Texture } from "pixi.js";
+import { PixiApplication, PixiCanvas, PixiStage, Sprite } from "pixi-solid";
+export const PixiCanvasExample = () => {
+    return (<PixiApplication>
+      <PixiCanvas style={{ background: "#1099bb" }}>
+        <PixiStage>
+          <Sprite texture={Texture.WHITE} x={100} y={100}/>
+        </PixiStage>
+      </PixiCanvas>
+    </PixiApplication>);
+};
+//# sourceMappingURL=PixiCanvas.example.jsx.map

package/dist/examples/PixiCanvas.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixiCanvas.example.jsx","sourceRoot":"","sources":["../../src/examples/PixiCanvas.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,OAAO,CACL,CAAC,eAAe,CACd;MAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAC3C;QAAA,CAAC,SAAS,CACR;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EACjD;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/PixiStage.example.jsx

@@ -0,0 +1,12 @@
+import { Texture } from "pixi.js";
+import { PixiApplication, PixiCanvas, PixiStage, Sprite } from "pixi-solid";
+export const PixiStageExample = () => {
+    return (<PixiApplication>
+      <PixiCanvas>
+        <PixiStage>
+          <Sprite texture={Texture.WHITE} x={50} y={50}/>
+        </PixiStage>
+      </PixiCanvas>
+    </PixiApplication>);
+};
+//# sourceMappingURL=PixiStage.example.jsx.map

package/dist/examples/PixiStage.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixiStage.example.jsx","sourceRoot":"","sources":["../../src/examples/PixiStage.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,CAAC,eAAe,CACd;MAAA,CAAC,UAAU,CACT;QAAA,CAAC,SAAS,CACR;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/C;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/RenderContainer.example.jsx

@@ -0,0 +1,8 @@
+import { Texture } from "pixi.js";
+import { RenderContainer, Sprite } from "pixi-solid";
+export const MyRenderContainerComponent = () => {
+    return (<RenderContainer>
+      <Sprite texture={Texture.from("path/to/your/image.png")}/>
+    </RenderContainer>);
+};
+//# sourceMappingURL=RenderContainer.example.jsx.map

package/dist/examples/RenderContainer.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderContainer.example.jsx","sourceRoot":"","sources":["../../src/examples/RenderContainer.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,CACL,CAAC,eAAe,CACd;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAC1D;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/RenderLayer.example.jsx

@@ -0,0 +1,10 @@
+import { Texture } from "pixi.js";
+import { RenderLayer, Sprite } from "pixi-solid";
+export const MyRenderLayerComponent = () => {
+    // A RenderLayer can contain other objects.
+    // It's used for advanced rendering effects.
+    return (<RenderLayer>
+      <Sprite texture={Texture.from("path/to/your/image.png")}/>
+    </RenderLayer>);
+};
+//# sourceMappingURL=RenderLayer.example.jsx.map

package/dist/examples/RenderLayer.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderLayer.example.jsx","sourceRoot":"","sources":["../../src/examples/RenderLayer.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,2CAA2C;IAC3C,4CAA4C;IAC5C,OAAO,CACL,CAAC,WAAW,CACV;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAC1D;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/Sprite.example.jsx

@@ -0,0 +1,6 @@
+import { Texture } from "pixi.js";
+import { Sprite } from "pixi-solid";
+export const MySpriteComponent = () => {
+    return (<Sprite texture={Texture.from("path/to/your/image.png")} x={100} y={150} anchor={{ x: 0.5, y: 0.5 }}/>);
+};
+//# sourceMappingURL=Sprite.example.jsx.map

package/dist/examples/Sprite.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.example.jsx","sourceRoot":"","sources":["../../src/examples/Sprite.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAChD,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/Text.example.jsx

@@ -0,0 +1,9 @@
+import { Text } from "pixi-solid";
+export const MyTextComponent = () => {
+    return (<Text text="Hello World" x={100} y={150} style={{
+            fill: "white",
+            fontSize: 24,
+            fontFamily: "Arial",
+        }}/>);
+};
+//# sourceMappingURL=Text.example.jsx.map

package/dist/examples/Text.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.example.jsx","sourceRoot":"","sources":["../../src/examples/Text.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,aAAa,CAClB,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,GAAG,CAAC,CACP,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;SACpB,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/TilingSprite.example.jsx

@@ -0,0 +1,6 @@
+import { Texture } from "pixi.js";
+import { TilingSprite } from "pixi-solid";
+export const MyTilingSpriteComponent = () => {
+    return (<TilingSprite texture={Texture.from("path/to/your/image.png")} width={800} height={600} tilePosition={{ x: 0, y: 0 }}/>);
+};
+//# sourceMappingURL=TilingSprite.example.jsx.map

package/dist/examples/TilingSprite.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"TilingSprite.example.jsx","sourceRoot":"","sources":["../../src/examples/TilingSprite.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,OAAO,CACL,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAChD,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAC7B,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/examples/useTick.example.jsx

@@ -0,0 +1,12 @@
+import { Texture } from "pixi.js";
+import { Sprite, useTick } from "pixi-solid";
+export const UseTickExample = () => {
+    let spriteRef;
+    useTick((ticker) => {
+        if (spriteRef) {
+            spriteRef.rotation += 0.01 * ticker.deltaTime;
+        }
+    });
+    return <Sprite ref={spriteRef} texture={Texture.WHITE} x={100} y={100}/>;
+};
+//# sourceMappingURL=useTick.example.jsx.map

package/dist/examples/useTick.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTick.example.jsx","sourceRoot":"","sources":["../../src/examples/useTick.example.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,IAAI,SAAkC,CAAC;IAEvC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACjB,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,QAAQ,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAG,CAAC;AAC5E,CAAC,CAAC"}

package/dist/examples/useTicker.example.jsx

@@ -0,0 +1,8 @@
+import { Container, useTicker } from "pixi-solid";
+import { onMount } from "solid-js";
+export const MyComponent = () => {
+    const ticker = useTicker();
+    onMount(() => console.log("Ticker running:", ticker.started));
+    return <Container />;
+};
+//# sourceMappingURL=useTicker.example.jsx.map

package/dist/examples/useTicker.example.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTicker.example.jsx","sourceRoot":"","sources":["../../src/examples/useTicker.example.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9D,OAAO,CAAC,SAAS,CAAC,AAAD,EAAG,CAAC;AACvB,CAAC,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { PixiApplication, usePixiApp } from "./pixi-application";
+export { PixiCanvas } from "./pixi-canvas";
+export { AnimatedSprite, BitmapText, Container, Graphics, HTMLText, MeshPlane, MeshRope, MeshSimple, NineSliceSprite, ParticleContainer, PerspectiveMesh, RenderContainer, RenderLayer, Sprite, Text, TilingSprite, } from "./pixi-components";
+export { PIXI_EVENT_NAMES } from "./pixi-events";
+export { PixiStage } from "./pixi-stage";
+export { useTick, useTicker } from "./use-ticker";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,WAAW,EACX,MAAM,EACN,IAAI,EACJ,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/pixi-application.jsx

@@ -0,0 +1,86 @@
+import { Application } from "pixi.js";
+import { createContext, createEffect, createResource, onCleanup, Show, splitProps, useContext, } from "solid-js";
+const PixiAppContext = createContext();
+/**
+ * A custom SolidJS hook to access the root PIXI.Application instance.
+ * This hook must be called from a component that is a descendant of `PixiApplication`.
+ *
+ * @returns The PIXI.Application instance provided by the `PixiApplication` component.
+ * @throws Will throw an error if used outside of a `PixiApplication` context provider.
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const app = usePixiApp();
+ *
+ *   createEffect(() => {
+ *     console.log('App resolution:', app.renderer.resolution);
+ *   });
+ *
+ *   return <Sprite texture={Texture.WHITE} />;
+ * };
+ * ```
+ */
+export const usePixiApp = () => {
+    const app = useContext(PixiAppContext);
+    if (!app) {
+        throw new Error("usePixiApp must be used within a PixiApplication");
+    }
+    return app;
+};
+/**
+ * A SolidJS component that creates and manages a PIXI.Application instance.
+ * It provides the application instance through context to be used by child components
+ * and custom hooks like `usePixiApp`, `useTick`, and `useTicker`.
+ *
+ * This component should only be used once in your application.
+ *
+ * @param props The properties to configure the Pixi.js Application.
+ *
+ * **Example**
+ * {@includeCode ./examples/PixiApplication.example.tsx}
+ */
+export const PixiApplication = (props) => {
+    const [_solidProps, initialisationProps] = splitProps(props, ["ref", "children"]);
+    // TODO: Reinitialise the pixi app if any of the initialisationProps change that we can't set at runtime
+    const [appResource] = createResource(async () => {
+        // Enforce singleton pattern: Check if an app already exists
+        // @ts-expect-error
+        if (globalThis.__PIXI_DEVTOOLS__) {
+            throw new Error("Only one PixiApplication can be active at a time. Multiple instances detected.");
+        }
+        const app = new Application();
+        await app.init({
+            autoDensity: true,
+            resolution: Math.min(window.devicePixelRatio, 2),
+            sharedTicker: true,
+            ...initialisationProps,
+        });
+        return app;
+    });
+    createEffect(() => {
+        const app = appResource();
+        if (app) {
+            if (props.ref) {
+                // Solid converts the ref prop to a callback function
+                props.ref(app.stage);
+            }
+            // TODO: Go through the other props that can be set at runtime and apply them here
+            // e.g. backgroundColor => app.renderer.backgroundColor, etc.
+            app.ticker.autoStart = false;
+            app.ticker.start();
+            // @ts-expect-error
+            globalThis.__PIXI_DEVTOOLS__ = {
+                app,
+            };
+            onCleanup(() => {
+                app.destroy(true, { children: true });
+                // @ts-expect-error
+                globalThis.__PIXI_DEVTOOLS__ = undefined;
+            });
+        }
+    });
+    return (<Show when={appResource()}>
+      {(app) => <PixiAppContext.Provider value={app()}>{props.children}</PixiAppContext.Provider>}
+    </Show>);
+};
+//# sourceMappingURL=pixi-application.jsx.map

package/dist/pixi-application.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixi-application.jsx","sourceRoot":"","sources":["../src/pixi-application.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EACL,aAAa,EACb,YAAY,EACZ,cAAc,EACd,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,GACX,MAAM,UAAU,CAAC;AAElB,MAAM,cAAc,GAAG,aAAa,EAAe,CAAC;AAEpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACvC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAcF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,CAAC,WAAW,EAAE,mBAAmB,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAElF,wGAAwG;IAExG,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,KAAK,IAAI,EAAE;QAC9C,4DAA4D;QAC5D,mBAAmB;QACnB,IAAI,UAAU,CAAC,iBAAiB,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;QACJ,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,MAAM,GAAG,CAAC,IAAI,CAAC;YACb,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;YAChD,YAAY,EAAE,IAAI;YAClB,GAAG,mBAAmB;SACvB,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,GAAG,EAAE;QAChB,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;QAC1B,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;gBACd,qDAAqD;gBACpD,KAAK,CAAC,GAAqC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC1D,CAAC;YAED,kFAAkF;YAClF,6DAA6D;YAE7D,GAAG,CAAC,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;YAC7B,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAEnB,mBAAmB;YACnB,UAAU,CAAC,iBAAiB,GAAG;gBAC7B,GAAG;aACJ,CAAC;YAEF,SAAS,CAAC,GAAG,EAAE;gBACb,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBACtC,mBAAmB;gBACnB,UAAU,CAAC,iBAAiB,GAAG,SAAS,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CACxB;MAAA,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAC7F;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}