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 +6 -4
- package/cjs/react-pixi-alias.development.js +3 -0
- package/cjs/react-pixi-alias.production.min.js +1 -1
- package/cjs/react-pixi-alias.production.min.js.map +1 -1
- package/cjs/react-pixi-fiber.development.js +4828 -4796
- package/cjs/react-pixi-fiber.production.min.js +3 -3
- package/cjs/react-pixi-fiber.production.min.js.map +1 -1
- package/es/react-pixi-alias.development.js +3 -0
- package/es/react-pixi-alias.production.min.js.map +1 -1
- package/es/react-pixi-fiber.development.js +4829 -4797
- package/es/react-pixi-fiber.production.min.js +3 -3
- package/es/react-pixi-fiber.production.min.js.map +1 -1
- package/index.d.ts +79 -33
- package/package.json +6 -4
- package/src/ReactPixiFiberUnknownPropertyHook.js +3 -2
- package/src/Stage/hooks.js +40 -14
- package/src/Stage/legacy.js +21 -6
- package/src/react-pixi-alias/index.js +3 -0
- package/src/utils.js +4 -1
- package/umd/react-pixi-alias.development.js +3 -0
- package/umd/react-pixi-alias.production.min.js +1 -1
- package/umd/react-pixi-alias.production.min.js.map +1 -1
- package/umd/react-pixi-fiber.development.js +4828 -4796
- package/umd/react-pixi-fiber.production.min.js +3 -3
- package/umd/react-pixi-fiber.production.min.js.map +1 -1
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
|
|
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 `
|
|
163
|
-
2. Run `
|
|
164
|
-
3. Run `
|
|
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(
|
|
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":"
|
|
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"}
|