pixi-solid 0.1.12 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { onCleanup } from "solid-js";
1
+ import { onCleanup, batch } from "solid-js";
2
2
  import { createStore } from "solid-js/store";
3
3
  const createPixiScreenStore = (renderer) => {
4
4
  const [pixiScreen, setPixiScreen] = createStore({
@@ -20,7 +20,12 @@ const createPixiScreenStore = (renderer) => {
20
20
  y: renderer.screen.y
21
21
  });
22
22
  const handleResize = () => {
23
- setPixiScreen(renderer.screen);
23
+ batch(() => {
24
+ setPixiScreen("width", renderer.screen.width);
25
+ setPixiScreen("height", renderer.screen.height);
26
+ setPixiScreen("x", renderer.screen.x);
27
+ setPixiScreen("y", renderer.screen.y);
28
+ });
24
29
  };
25
30
  renderer.addListener("resize", handleResize);
26
31
  onCleanup(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"pixi-screen-store.js","sources":["../../src/use-pixi-screen/pixi-screen-store.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { onCleanup } from \"solid-js\";\nimport { createStore } 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\nexport const createPixiScreenStore = (renderer: Pixi.Renderer): Readonly<PixiScreenDimensions> => {\n const [pixiScreen, setPixiScreen] = createStore<PixiScreenDimensions>({\n width: renderer.screen.width,\n height: renderer.screen.height,\n get left() {\n return this.x;\n },\n get right() {\n return this.x + this.width;\n },\n get top() {\n return this.y;\n },\n get bottom() {\n return this.y + this.height;\n },\n x: renderer.screen.x,\n y: renderer.screen.y,\n });\n\n const handleResize = () => {\n setPixiScreen(renderer.screen);\n };\n\n renderer.addListener(\"resize\", handleResize);\n\n onCleanup(() => {\n renderer.removeListener(\"resize\", handleResize);\n });\n\n return pixiScreen;\n};\n"],"names":[],"mappings":";;AAeO,MAAM,wBAAwB,CAAC,aAA4D;AAChG,QAAM,CAAC,YAAY,aAAa,IAAI,YAAkC;AAAA,IACpE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,SAAS,OAAO;AAAA,IACxB,IAAI,OAAO;AACT,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,KAAK,IAAI,KAAK;AAAA,IACvB;AAAA,IACA,IAAI,MAAM;AACR,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,SAAS;AACX,aAAO,KAAK,IAAI,KAAK;AAAA,IACvB;AAAA,IACA,GAAG,SAAS,OAAO;AAAA,IACnB,GAAG,SAAS,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,eAAe,MAAM;AACzB,kBAAc,SAAS,MAAM;AAAA,EAC/B;AAEA,WAAS,YAAY,UAAU,YAAY;AAE3C,YAAU,MAAM;AACd,aAAS,eAAe,UAAU,YAAY;AAAA,EAChD,CAAC;AAED,SAAO;AACT;"}
1
+ {"version":3,"file":"pixi-screen-store.js","sources":["../../src/use-pixi-screen/pixi-screen-store.ts"],"sourcesContent":["import type * as Pixi from \"pixi.js\";\nimport { batch, onCleanup } from \"solid-js\";\nimport { createStore } 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\nexport const createPixiScreenStore = (renderer: Pixi.Renderer): Readonly<PixiScreenDimensions> => {\n const [pixiScreen, setPixiScreen] = createStore<PixiScreenDimensions>({\n width: renderer.screen.width,\n height: renderer.screen.height,\n get left() {\n return this.x;\n },\n get right() {\n return this.x + this.width;\n },\n get top() {\n return this.y;\n },\n get bottom() {\n return this.y + this.height;\n },\n x: renderer.screen.x,\n y: renderer.screen.y,\n });\n\n const handleResize = () => {\n batch(() => {\n setPixiScreen(\"width\", renderer.screen.width);\n setPixiScreen(\"height\", renderer.screen.height);\n setPixiScreen(\"x\", renderer.screen.x);\n setPixiScreen(\"y\", renderer.screen.y);\n });\n };\n\n renderer.addListener(\"resize\", handleResize);\n\n onCleanup(() => {\n renderer.removeListener(\"resize\", handleResize);\n });\n\n return pixiScreen;\n};\n"],"names":[],"mappings":";;AAeO,MAAM,wBAAwB,CAAC,aAA4D;AAChG,QAAM,CAAC,YAAY,aAAa,IAAI,YAAkC;AAAA,IACpE,OAAO,SAAS,OAAO;AAAA,IACvB,QAAQ,SAAS,OAAO;AAAA,IACxB,IAAI,OAAO;AACT,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,KAAK,IAAI,KAAK;AAAA,IACvB;AAAA,IACA,IAAI,MAAM;AACR,aAAO,KAAK;AAAA,IACd;AAAA,IACA,IAAI,SAAS;AACX,aAAO,KAAK,IAAI,KAAK;AAAA,IACvB;AAAA,IACA,GAAG,SAAS,OAAO;AAAA,IACnB,GAAG,SAAS,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,eAAe,MAAM;AACzB,UAAM,MAAM;AACV,oBAAc,SAAS,SAAS,OAAO,KAAK;AAC5C,oBAAc,UAAU,SAAS,OAAO,MAAM;AAC9C,oBAAc,KAAK,SAAS,OAAO,CAAC;AACpC,oBAAc,KAAK,SAAS,OAAO,CAAC;AAAA,IACtC,CAAC;AAAA,EACH;AAEA,WAAS,YAAY,UAAU,YAAY;AAE3C,YAAU,MAAM;AACd,aAAS,eAAe,UAAU,YAAY;AAAA,EAChD,CAAC;AAED,SAAO;AACT;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixi-solid",
3
- "version": "0.1.12",
3
+ "version": "0.1.13",
4
4
  "private": false,
5
5
  "description": "A library to write PixiJS applications with SolidJS",
6
6
  "homepage": "https://lukecarlthompson.github.io/pixi-solid/",