pixi-solid 0.0.12 → 0.0.13

package/dist/pixi-canvas.js

@@ -1,35 +1,35 @@
-import { template as l, insert as u, effect as f, style as m, className as d, use as p } from "solid-js/web";
-import { createRenderEffect as z, onMount as y, onCleanup as x } from "solid-js";
-import { usePixiApp as b } from "./pixi-application.js";
-var R = /* @__PURE__ */ l("<div>");
-const q = (o) => {
-  let r;
-  const e = b();
-  e.canvas.style.display = "block", z(() => {
-    if (o.children === void 0)
+import { template as c, insert as u, effect as f, style as y, className as m, use as d } from "solid-js/web";
+import { createRenderEffect as p, onMount as z, onCleanup as b } from "solid-js";
+import { usePixiApp as h } from "./pixi-application.js";
+var x = /* @__PURE__ */ c("<div style=position:relative>");
+const T = (r) => {
+  let t;
+  const e = h();
+  e.canvas.style.display = "block", e.canvas.style.position = "absolute", e.canvas.style.top = "0", e.canvas.style.left = "0", e.canvas.style.width = "100%", e.canvas.style.height = "100%", p(() => {
+    if (r.children === void 0)
       throw new Error("PixiCanvas requires the `PixiStage` component to render.");
   });
-  let n, s;
-  return y(() => {
-    r && (n = e.resizeTo, e.resizeTo = r, e.queueResize(), s = new ResizeObserver(() => {
+  let n, a;
+  return z(() => {
+    t && (n = e.resizeTo, e.resizeTo = t, e.queueResize(), a = new ResizeObserver(() => {
       e.queueResize();
-    }), s.observe(r));
-  }), x(() => {
-    r && (e.resizeTo = n, s?.disconnect(), s = void 0);
+    }), a.observe(t));
+  }), b(() => {
+    t && (e.resizeTo = n, a?.disconnect(), a = void 0);
   }), (() => {
-    var t = R(), a = r;
-    return typeof a == "function" ? p(a, t) : r = t, u(t, () => e.canvas), f((i) => {
-      var c = {
-        ...typeof o.style == "object" ? o.style : {}
-      }, v = o.className;
-      return i.e = m(t, c, i.e), v !== i.t && d(t, i.t = v), i;
+    var s = x(), o = t;
+    return typeof o == "function" ? d(o, s) : t = s, u(s, () => e.canvas), f((i) => {
+      var v = {
+        ...typeof r.style == "object" ? r.style : {}
+      }, l = r.className;
+      return i.e = y(s, v, i.e), l !== i.t && m(s, i.t = l), i;
     }, {
       e: void 0,
       t: void 0
-    }), t;
+    }), s;
   })();
 };
 export {
-  q as PixiCanvas
+  T as PixiCanvas
 };
 //# sourceMappingURL=pixi-canvas.js.map

package/dist/pixi-canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixi-canvas.js","sources":["../src/pixi-canvas.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { createRenderEffect, onCleanup, onMount } from \"solid-js\";\nimport { usePixiApp } from \"./pixi-application\";\n\n/**\n * PixiCanvas\n *\n * A small wrapper that mounts the PIXI application's canvas element into the DOM\n * and automatically resizes it.\n *\n * - Requires a surrounding `PixiApplication` component.\n * - Requires a `PixiStage` component as a child.\n *\n * Props:\n * @param props.children - JSX content to render inside the canvas wrapper. Use `PixiStage` as the only child.\n */\n\nexport const PixiCanvas = (props: {\n  children: JSX.Element;\n  style?: JSX.CSSProperties | undefined;\n  className?: string;\n}): JSX.Element => {\n  let canvasWrapElement: HTMLDivElement | undefined;\n\n  const pixiApp = usePixiApp();\n  pixiApp.canvas.style.display = \"block\";\n\n  createRenderEffect(() => {\n    if (props.children === undefined) {\n      throw new Error(\"PixiCanvas requires the `PixiStage` component to render.\");\n    }\n  });\n\n  let previousResizeTo: typeof pixiApp.resizeTo;\n  let resizeObserver: ResizeObserver | undefined;\n\n  onMount(() => {\n    if (!canvasWrapElement) return;\n    previousResizeTo = pixiApp.resizeTo;\n    pixiApp.resizeTo = canvasWrapElement;\n    pixiApp.queueResize();\n    resizeObserver = new ResizeObserver(() => {\n      pixiApp.queueResize();\n    });\n    resizeObserver.observe(canvasWrapElement);\n  });\n\n  onCleanup(() => {\n    if (!canvasWrapElement) return;\n    pixiApp.resizeTo = previousResizeTo;\n    resizeObserver?.disconnect();\n    resizeObserver = undefined;\n  });\n\n  return (\n    <div\n      ref={canvasWrapElement}\n      style={{\n        ...(typeof props.style === \"object\" ? props.style : {}),\n      }}\n      class={props.className}\n    >\n      {pixiApp.canvas}\n    </div>\n  );\n};\n"],"names":["PixiCanvas","props","canvasWrapElement","pixiApp","usePixiApp","canvas","style","display","createRenderEffect","children","undefined","Error","previousResizeTo","resizeObserver","onMount","resizeTo","queueResize","ResizeObserver","observe","onCleanup","disconnect","_el$","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","className","e","_$style","t","_$className"],"mappings":";;;;AAiBO,MAAMA,IAAaA,CAACC,MAIR;AACjB,MAAIC;AAEJ,QAAMC,IAAUC,EAAAA;AAChBD,EAAAA,EAAQE,OAAOC,MAAMC,UAAU,SAE/BC,EAAmB,MAAM;AACvB,QAAIP,EAAMQ,aAAaC;AACrB,YAAM,IAAIC,MAAM,0DAA0D;AAAA,EAE9E,CAAC;AAED,MAAIC,GACAC;AAEJC,SAAAA,EAAQ,MAAM;AACZ,IAAKZ,MACLU,IAAmBT,EAAQY,UAC3BZ,EAAQY,WAAWb,GACnBC,EAAQa,YAAAA,GACRH,IAAiB,IAAII,eAAe,MAAM;AACxCd,MAAAA,EAAQa,YAAAA;AAAAA,IACV,CAAC,GACDH,EAAeK,QAAQhB,CAAiB;AAAA,EAC1C,CAAC,GAEDiB,EAAU,MAAM;AACd,IAAKjB,MACLC,EAAQY,WAAWH,GACnBC,GAAgBO,WAAAA,GAChBP,IAAiBH;AAAAA,EACnB,CAAC,IAED,MAAA;AAAA,QAAAW,IAAAC,EAAAA,GAAAC,IAESrB;AAAiB,kBAAAqB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAAjBnB,IAAiBmB,GAAAI,EAAAJ,GAAA,MAMrBlB,EAAQE,MAAM,GAAAqB,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IALR;AAAA,QACL,GAAI,OAAO3B,EAAMK,SAAU,WAAWL,EAAMK,QAAQ,CAAA;AAAA,MAAC,GACtDuB,IACM5B,EAAM6B;AAASH,aAAAA,EAAAI,IAAAC,EAAAX,GAAAO,GAAAD,EAAAI,CAAA,GAAAF,MAAAF,EAAAM,KAAAC,EAAAb,GAAAM,EAAAM,IAAAJ,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAArB;AAAAA,MAAAuB,GAAAvB;AAAAA,IAAAA,CAAA,GAAAW;AAAAA,EAAA,GAAA;AAK5B;"}
+{"version":3,"file":"pixi-canvas.js","sources":["../src/pixi-canvas.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { createRenderEffect, onCleanup, onMount } from \"solid-js\";\nimport { usePixiApp } from \"./pixi-application\";\n\n/**\n * PixiCanvas\n *\n * A small wrapper that mounts the PIXI application's canvas element into the DOM\n * and automatically resizes it.\n *\n * - Requires a surrounding `PixiApplication` component.\n * - Requires a `PixiStage` component as a child.\n *\n * Props:\n * @param props.children - JSX content to render inside the canvas wrapper. Use `PixiStage` as the only child.\n */\n\nexport const PixiCanvas = (props: {\n  children: JSX.Element;\n  style?: JSX.CSSProperties | undefined;\n  className?: string;\n}): JSX.Element => {\n  let canvasWrapElement: HTMLDivElement | undefined;\n\n  const pixiApp = usePixiApp();\n  pixiApp.canvas.style.display = \"block\";\n  pixiApp.canvas.style.position = \"absolute\";\n  pixiApp.canvas.style.top = \"0\";\n  pixiApp.canvas.style.left = \"0\";\n  pixiApp.canvas.style.width = \"100%\";\n  pixiApp.canvas.style.height = \"100%\";\n\n  createRenderEffect(() => {\n    if (props.children === undefined) {\n      throw new Error(\"PixiCanvas requires the `PixiStage` component to render.\");\n    }\n  });\n\n  let previousResizeTo: typeof pixiApp.resizeTo;\n  let resizeObserver: ResizeObserver | undefined;\n\n  onMount(() => {\n    if (!canvasWrapElement) return;\n    previousResizeTo = pixiApp.resizeTo;\n    pixiApp.resizeTo = canvasWrapElement;\n    pixiApp.queueResize();\n    resizeObserver = new ResizeObserver(() => {\n      pixiApp.queueResize();\n    });\n    resizeObserver.observe(canvasWrapElement);\n  });\n\n  onCleanup(() => {\n    if (!canvasWrapElement) return;\n    pixiApp.resizeTo = previousResizeTo;\n    resizeObserver?.disconnect();\n    resizeObserver = undefined;\n  });\n\n  return (\n    <div\n      ref={canvasWrapElement}\n      style={{\n        position: \"relative\",\n        ...(typeof props.style === \"object\" ? props.style : {}),\n      }}\n      class={props.className}\n    >\n      {pixiApp.canvas}\n    </div>\n  );\n};\n"],"names":["PixiCanvas","props","canvasWrapElement","pixiApp","usePixiApp","canvas","style","display","position","top","left","width","height","createRenderEffect","children","undefined","Error","previousResizeTo","resizeObserver","onMount","resizeTo","queueResize","ResizeObserver","observe","onCleanup","disconnect","_el$","_tmpl$","_ref$","_$use","_$insert","_$effect","_p$","_v$","_v$2","className","e","_$style","t","_$className"],"mappings":";;;;AAiBO,MAAMA,IAAaA,CAACC,MAIR;AACjB,MAAIC;AAEJ,QAAMC,IAAUC,EAAAA;AAChBD,EAAAA,EAAQE,OAAOC,MAAMC,UAAU,SAC/BJ,EAAQE,OAAOC,MAAME,WAAW,YAChCL,EAAQE,OAAOC,MAAMG,MAAM,KAC3BN,EAAQE,OAAOC,MAAMI,OAAO,KAC5BP,EAAQE,OAAOC,MAAMK,QAAQ,QAC7BR,EAAQE,OAAOC,MAAMM,SAAS,QAE9BC,EAAmB,MAAM;AACvB,QAAIZ,EAAMa,aAAaC;AACrB,YAAM,IAAIC,MAAM,0DAA0D;AAAA,EAE9E,CAAC;AAED,MAAIC,GACAC;AAEJC,SAAAA,EAAQ,MAAM;AACZ,IAAKjB,MACLe,IAAmBd,EAAQiB,UAC3BjB,EAAQiB,WAAWlB,GACnBC,EAAQkB,YAAAA,GACRH,IAAiB,IAAII,eAAe,MAAM;AACxCnB,MAAAA,EAAQkB,YAAAA;AAAAA,IACV,CAAC,GACDH,EAAeK,QAAQrB,CAAiB;AAAA,EAC1C,CAAC,GAEDsB,EAAU,MAAM;AACd,IAAKtB,MACLC,EAAQiB,WAAWH,GACnBC,GAAgBO,WAAAA,GAChBP,IAAiBH;AAAAA,EACnB,CAAC,IAED,MAAA;AAAA,QAAAW,IAAAC,EAAAA,GAAAC,IAES1B;AAAiB,kBAAA0B,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAAjBxB,IAAiBwB,GAAAI,EAAAJ,GAAA,MAOrBvB,EAAQE,MAAM,GAAA0B,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IANR;AAAA,QAEL,GAAI,OAAOhC,EAAMK,SAAU,WAAWL,EAAMK,QAAQ,CAAA;AAAA,MAAC,GACtD4B,IACMjC,EAAMkC;AAASH,aAAAA,EAAAI,IAAAC,EAAAX,GAAAO,GAAAD,EAAAI,CAAA,GAAAF,MAAAF,EAAAM,KAAAC,EAAAb,GAAAM,EAAAM,IAAAJ,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAArB;AAAAA,MAAAuB,GAAAvB;AAAAA,IAAAA,CAAA,GAAAW;AAAAA,EAAA,GAAA;AAK5B;"}

package/package.json

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