react-pixi-fiber 2.0.0-alpha.1 → 2.0.0-rc.2

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.
package/README.md CHANGED
@@ -6,7 +6,7 @@
6
6
  <h1>ReactPixiFiber – React Fiber renderer for PixiJS</h1>
7
7
 
8
8
  <p>
9
- ReactPixiFiber is a JavaScript library for writing <a href="https://pixijs.com/">PixiJS</a> applications using <a href="https://reactjs.org/">React</a> declarative style in React 16 and above.
9
+ ReactPixiFiber is a JavaScript library for writing <a href="https://pixijs.com/">PixiJS</a> applications using <a href="https://reactjs.org/">React</a> declarative style in React 18 and above.
10
10
  <br />
11
11
  For React <16.0.0 see <a href="https://github.com/Izzimach/react-pixi">react-pixi</a>.
12
12
  </p>
@@ -104,6 +104,8 @@ The HTML-like syntax; [called JSX](https://reactjs.org/docs/introducing-jsx.html
104
104
  <strong>With ReactDOM (React 16 and 17)</strong>
105
105
  </summary>
106
106
 
107
+ React 16 and 17 are supported by `react-pixi-fiber@1.x` only. `react-pixi-fiber@2.x` requires React 18.2 or newer.
108
+
107
109
  ```jsx harmony
108
110
  import { render } from "react-dom";
109
111
  import { Sprite, Stage } from "react-pixi-fiber";
@@ -159,9 +161,9 @@ This example will render [`PIXI.Text`] object into a [Root Container] of PIXI Ap
159
161
 
160
162
  ## Running Examples
161
163
 
162
- 1. Run `yarn install` (or `npm install`) in the repository root.
163
- 2. Run `yarn install` (or `npm install`) in the `examples` directory.
164
- 3. Run `yarn start` (or `npm run start`) in the `examples` directory.
164
+ 1. Run `npm install` in the repository root.
165
+ 2. Run `npm install` in the `examples` directory.
166
+ 3. Run `npm run start` in the `examples` directory.
165
167
  4. Wait few seconds and browse examples that will open in new browser window.
166
168
 
167
169
 
@@ -32,7 +32,10 @@ var ReactPixiFiber__namespace = /*#__PURE__*/_interopNamespace(ReactPixiFiber);
32
32
  // Note: ReactPIXI.factories is not supported
33
33
 
34
34
  var CustomPIXIComponent = ReactPixiFiber__namespace.CustomPIXIComponent;
35
+ // react-pixi exposed the legacy ReactDOM API, keep it for compatibility.
36
+ // eslint-disable-next-line react/no-deprecated
35
37
  var render = ReactDOM__default["default"].render;
38
+ // eslint-disable-next-line react/no-deprecated
36
39
  var unmountComponentAtNode = ReactDOM__default["default"].unmountComponentAtNode;
37
40
  var BitmapText = ReactPixiFiber__namespace.BitmapText;
38
41
  var DisplayObjectContainer = ReactPixiFiber__namespace.Container;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-dom"),t=require("react-pixi-fiber");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=r(e),i=n(t),p=i.CustomPIXIComponent,a=o.default.render,u=o.default.unmountComponentAtNode,s=i.BitmapText,c=i.Container,l=i.Graphics,x=i.ParticleContainer,f=i.Sprite,d=i.Stage,m=i.Text,C=i.TilingSprite,b={CustomPIXIComponent:p,render:a,unmountComponentAtNode:u,BitmapText:s,DisplayObjectContainer:c,Graphics:l,ParticleContainer:x,Sprite:f,Stage:d,Text:m,TilingSprite:C};exports.BitmapText=s,exports.CustomPIXIComponent=p,exports.DisplayObjectContainer=c,exports.Graphics=l,exports.ParticleContainer=x,exports.Sprite=f,exports.Stage=d,exports.Text=m,exports.TilingSprite=C,exports.default=b,exports.render=a,exports.unmountComponentAtNode=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-dom"),t=require("react-pixi-fiber");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=r(e),i=n(t),p=i.CustomPIXIComponent,a=o.default.render,u=o.default.unmountComponentAtNode,s=i.BitmapText,c=i.Container,l=i.Graphics,x=i.ParticleContainer,f=i.Sprite,d=i.Stage,m=i.Text,C=i.TilingSprite,b={CustomPIXIComponent:p,render:a,unmountComponentAtNode:u,BitmapText:s,DisplayObjectContainer:c,Graphics:l,ParticleContainer:x,Sprite:f,Stage:d,Text:m,TilingSprite:C};exports.BitmapText=s,exports.CustomPIXIComponent=p,exports.DisplayObjectContainer=c,exports.Graphics=l,exports.ParticleContainer=x,exports.Sprite=f,exports.Stage=d,exports.Text=m,exports.TilingSprite=C,exports.default=b,exports.render=a,exports.unmountComponentAtNode=u;
2
2
  //# sourceMappingURL=react-pixi-alias.production.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"react-pixi-alias.production.min.js","sources":["../src/react-pixi-alias/index.js"],"sourcesContent":["import ReactDOM from \"react-dom\";\nimport * as ReactPixiFiber from \"react-pixi-fiber\";\n\n// react-pixi like API\n// Note: ReactPIXI.factories is not supported\n\nexport const CustomPIXIComponent = ReactPixiFiber.CustomPIXIComponent;\nexport const render = ReactDOM.render;\nexport const unmountComponentAtNode = ReactDOM.unmountComponentAtNode;\nexport const BitmapText = ReactPixiFiber.BitmapText;\nexport const DisplayObjectContainer = ReactPixiFiber.Container;\nexport const Graphics = ReactPixiFiber.Graphics;\nexport const ParticleContainer = ReactPixiFiber.ParticleContainer;\nexport const Sprite = ReactPixiFiber.Sprite;\nexport const Stage = ReactPixiFiber.Stage;\nexport const Text = ReactPixiFiber.Text;\nexport const TilingSprite = ReactPixiFiber.TilingSprite;\n\nconst ReactPIXI = {\n // Render methods\n CustomPIXIComponent,\n render,\n unmountComponentAtNode,\n // Components\n BitmapText,\n DisplayObjectContainer,\n Graphics,\n ParticleContainer,\n Sprite,\n Stage,\n Text,\n TilingSprite,\n};\n\nexport default ReactPIXI;\n"],"names":["CustomPIXIComponent","ReactPixiFiber","render","ReactDOM","unmountComponentAtNode","BitmapText","DisplayObjectContainer","Container","Graphics","ParticleContainer","Sprite","Stage","Text","TilingSprite","ReactPIXI"],"mappings":"sfAMaA,EAAsBC,EAAeD,oBACrCE,EAASC,EAAQ,QAACD,OAClBE,EAAyBD,EAAQ,QAACC,uBAClCC,EAAaJ,EAAeI,WAC5BC,EAAyBL,EAAeM,UACxCC,EAAWP,EAAeO,SAC1BC,EAAoBR,EAAeQ,kBACnCC,EAAST,EAAeS,OACxBC,EAAQV,EAAeU,MACvBC,EAAOX,EAAeW,KACtBC,EAAeZ,EAAeY,aAErCC,EAAY,CAEhBd,oBAAAA,EACAE,OAAAA,EACAE,uBAAAA,EAEAC,WAAAA,EACAC,uBAAAA,EACAE,SAAAA,EACAC,kBAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,aAAAA"}
1
+ {"version":3,"file":"react-pixi-alias.production.min.js","sources":["../src/react-pixi-alias/index.js"],"sourcesContent":["import ReactDOM from \"react-dom\";\nimport * as ReactPixiFiber from \"react-pixi-fiber\";\n\n// react-pixi like API\n// Note: ReactPIXI.factories is not supported\n\nexport const CustomPIXIComponent = ReactPixiFiber.CustomPIXIComponent;\n// react-pixi exposed the legacy ReactDOM API, keep it for compatibility.\n// eslint-disable-next-line react/no-deprecated\nexport const render = ReactDOM.render;\n// eslint-disable-next-line react/no-deprecated\nexport const unmountComponentAtNode = ReactDOM.unmountComponentAtNode;\nexport const BitmapText = ReactPixiFiber.BitmapText;\nexport const DisplayObjectContainer = ReactPixiFiber.Container;\nexport const Graphics = ReactPixiFiber.Graphics;\nexport const ParticleContainer = ReactPixiFiber.ParticleContainer;\nexport const Sprite = ReactPixiFiber.Sprite;\nexport const Stage = ReactPixiFiber.Stage;\nexport const Text = ReactPixiFiber.Text;\nexport const TilingSprite = ReactPixiFiber.TilingSprite;\n\nconst ReactPIXI = {\n // Render methods\n CustomPIXIComponent,\n render,\n unmountComponentAtNode,\n // Components\n BitmapText,\n DisplayObjectContainer,\n Graphics,\n ParticleContainer,\n Sprite,\n Stage,\n Text,\n TilingSprite,\n};\n\nexport default ReactPIXI;\n"],"names":["CustomPIXIComponent","ReactPixiFiber","render","ReactDOM","unmountComponentAtNode","BitmapText","DisplayObjectContainer","Container","Graphics","ParticleContainer","Sprite","Stage","Text","TilingSprite","ReactPIXI"],"mappings":"ofAMaA,EAAsBC,EAAeD,oBAGrCE,EAASC,EAAQ,QAACD,OAElBE,EAAyBD,EAAQ,QAACC,uBAClCC,EAAaJ,EAAeI,WAC5BC,EAAyBL,EAAeM,UACxCC,EAAWP,EAAeO,SAC1BC,EAAoBR,EAAeQ,kBACnCC,EAAST,EAAeS,OACxBC,EAAQV,EAAeU,MACvBC,EAAOX,EAAeW,KACtBC,EAAeZ,EAAeY,aAErCC,EAAY,CAEhBd,oBAAAA,EACAE,OAAAA,EACAE,uBAAAA,EAEAC,WAAAA,EACAC,uBAAAA,EACAE,SAAAA,EACAC,kBAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,KAAAA,EACAC,aAAAA"}