23.1 Stable

Author: OttCS

README.md

@@ -1,10 +1,8 @@
 <header class="card">
 <h1 class="zephyr">ZephyrJS</h1>
-<p><strong>Expands <a href="https://github.com/pixijs/pixijs" class="pixi">PixiJS</a> for easy interactive projects!</strong></p>
+<p><strong>Expands <a href="https://github.com/pixijs/pixijs" class="pixi" id="compatibility">PixiJS</a> for easy interactive projects!</strong></p>
 </header>
 
-<p class="pixi" id="compatibility"></p>
-
 <h2>Tell Me Why</h2>
 <p>PixiJS on its own is very powerful, but a lot of work is needed to make it work for web-based interactive content. PhaserIO is exclusively used to make games, and not all of the functionality is translatable back to Pixi. ZephyrJS is for more than just games, made to be usable with interactive projects of any sort. It also directly ADDS to PixiJS instead of wrapping it, letting you use the full functionality of Pixi so that what you've gotten used to can still be used outside of Zephyr.</p>
 

documentation/README.md

@@ -29,7 +29,7 @@
   <dl>
     <dt>PIXI.Mouse.setContainer(domElement)</dt>
     <dd>What the mouse’s coordinates should be scaled according to (Generally, this should be your Pixi app.view).</dd>
-    <dd><strong class="nightly">NOTE</strong>: There has been a bug report about passing in an element that hasn't been appended to the DOM. This has been addressed in Nightly version 22.12.26, and will be going into Stable in Zephyr 23.1. If not using one of these versions, please ensure your mouse container has been appended to the DOM BEFORE setting it as the mouse container.</dd>
+    <dd><strong class="warning">NOTE</strong>: Please ensure that this element has already been appended to the DOM. As of version 23.1, calling this method an unappended element will print a console error about using an "invalid element".</dd>
     <dt>PIXI.Mouse.down([mouse button])</dt>
     <dd>Returns true if the button is actively pressed down.</dd>
     <dd class="return">Boolean</dd>

index.html

@@ -19,6 +19,7 @@
                 let s = document.querySelector('#link-to-other');
                 s.href = 'https://github.com/ZephyrJS-Project/ZephyrJS';
                 s.textContent = 'ZephyrJS Github';
+                document.querySelector("#compatibility").textContent = PIXI.Zephyr.compatible;
             })
         });
     </script>

nightly/zephyr.js

@@ -5,7 +5,7 @@ PIXI.Audio = {};
 PIXI.File = {};
 
 PIXI.Zephyr = {
-    version: "ZephyrJS 22.12.26",
+    version: "ZephyrJS 23.1.6",
     compatible: "PixiJS v7.0.5",
     useKeys: () => {
         PIXI.Keys.map = new Map();

stable/pixi.js

@@ -42,6 +42,10 @@ dd {
     color: var(--mid);
 }
 
+.warning {
+    color: var(--warning);
+}
+
 .return {
     color: var(--comfort);
 }