react-simple-game-engine 0.2.11 → 0.2.14
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/lib/classes/scene.d.ts +5 -1
- package/lib/classes/scene.d.ts.map +1 -1
- package/lib/classes/scene.js +12 -3
- package/lib/ui-components/game-bootstrap.d.ts +2 -1
- package/lib/ui-components/game-bootstrap.d.ts.map +1 -1
- package/lib/ui-components/game-bootstrap.js +9 -4
- package/lib/ui-components/logger.d.ts +3 -0
- package/lib/ui-components/logger.d.ts.map +1 -0
- package/lib/ui-components/logger.js +113 -0
- package/lib/ui-components/scene-runner.d.ts.map +1 -1
- package/lib/ui-components/scene-runner.js +3 -1
- package/lib/utils.d.ts +1 -0
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +17 -0
- package/package.json +3 -2
package/lib/classes/scene.d.ts
CHANGED
@@ -20,7 +20,10 @@ export declare type AssetsFailBehavior = {
|
|
20
20
|
}[]) => ReactElement;
|
21
21
|
};
|
22
22
|
declare type SoundOptionsChangeListener<O extends SoundType> = (options: SoundManagement[O]) => void;
|
23
|
-
declare type LoadAssetsListener = (loadedAssets: boolean
|
23
|
+
declare type LoadAssetsListener = (loadedAssets: boolean, errors?: {
|
24
|
+
type: AssetErrorType;
|
25
|
+
detail: any;
|
26
|
+
}[]) => void;
|
24
27
|
declare type EntityPropsChangeListener<V = any> = (value: V) => void;
|
25
28
|
declare type ProcessStateChangeListener = (isForeground: boolean) => void;
|
26
29
|
export declare abstract class Scene<UIP = any> {
|
@@ -61,6 +64,7 @@ export declare abstract class Scene<UIP = any> {
|
|
61
64
|
protected getUIProps(): UIP;
|
62
65
|
get loadedAssets(): boolean;
|
63
66
|
private set loadedAssets(value);
|
67
|
+
private set loadedAssetsError(value);
|
64
68
|
onProcessStateChangeListener(func: ProcessStateChangeListener): () => void;
|
65
69
|
onSoundOnceOptionsChange(func: SoundOptionsChangeListener<SoundType.ONCE>): () => void;
|
66
70
|
onSoundBackgroundOptionsChange(func: SoundOptionsChangeListener<SoundType.BACKGROUND>): () => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,MAAM,EACN,eAAe,EAEf,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,aAAK,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,CAAC;AACpE,oBAAY,kBAAkB,GAC1B;IACE,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,CACP,MAAM,EAAE;QAAE,IAAI,EAAE,cAAc,CAAC;QAAC,MAAM,EAAE,GAAG,CAAA;KAAE,EAAE,KAC5C,YAAY,CAAC;CACnB,CAAC;AACN,aAAK,0BAA0B,CAAC,CAAC,SAAS,SAAS,IAAI,CACrD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,KACxB,IAAI,CAAC;AACV,aAAK,kBAAkB,GAAG,
|
1
|
+
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,MAAM,EACN,eAAe,EAEf,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,aAAK,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,CAAC;AACpE,oBAAY,kBAAkB,GAC1B;IACE,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,CACP,MAAM,EAAE;QAAE,IAAI,EAAE,cAAc,CAAC;QAAC,MAAM,EAAE,GAAG,CAAA;KAAE,EAAE,KAC5C,YAAY,CAAC;CACnB,CAAC;AACN,aAAK,0BAA0B,CAAC,CAAC,SAAS,SAAS,IAAI,CACrD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,KACxB,IAAI,CAAC;AACV,aAAK,kBAAkB,GAAG,CACxB,YAAY,EAAE,OAAO,EACrB,MAAM,CAAC,EAAE;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,GAAG,CAAA;CAAE,EAAE,KAC7C,IAAI,CAAC;AACV,aAAK,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC7D,aAAK,0BAA0B,GAAG,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAElE,8BAAsB,KAAK,CAAC,GAAG,GAAG,GAAG;IACnC,OAAO,CAAC,EAAE,CAAqB;IAC/B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,iBAAiB,CAEwB;IACjD,OAAO,CAAC,kBAAkB,CAAqB;IAC/C,OAAO,CAAC,wBAAwB,CAAwB;IAExD,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAGpC;IACP,OAAO,CAAC,QAAQ,CAAC,qCAAqC,CACjD;IACL,OAAO,CAAC,QAAQ,CAAC,+BAA+B,CAC3C;IACL,OAAO,CAAC,QAAQ,CAAC,2BAA2B,CACvC;IACL,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAe;IAC3C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgB;IAE7C,SAAgB,MAAM,EAAE,KAAK,EAAE,CAAM;IACrC,SAAgB,OAAO,EAAE,MAAM,EAAE,CAAM;IACvC,SAAgB,SAAS,EAAE,MAAM,CAA8C;IAExE,WAAW,EAAE,MAAM,CAAK;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,eAAe,CAAC;aAEhB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAAC,UAAU,CAAC,EAAE;;IAY3E,IAAI,gBAAgB;;;QAEnB;IAED,IAAI,EAAE,qCAGL;IAED,IAAI,OAAO,QAEV;IAED,IAAI,sBAAsB,IAAI,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,CAElE;IAED,IAAI,gBAAgB,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAEtD;IAED,IAAI,sBAAsB,CACxB,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAMxD;IAED,IAAI,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAKrE;IAED,OAAO,CAAC,gBAAgB;IAYxB,SAAS,CAAC,eAAe,IAAI,eAAe;IAI5C,SAAS,CAAC,MAAM;IAEhB,SAAS,CAAC,UAAU,IAAI,GAAG;IAI3B,IAAI,YAAY,IAIuB,OAAO,CAF7C;IAED,OAAO,KAAK,YAAY,QAGvB;IAED,OAAO,KAAK,iBAAiB,QAI5B;IAED,4BAA4B,CAAC,IAAI,EAAE,0BAA0B;IAW7D,wBAAwB,CAAC,IAAI,EAAE,0BAA0B,CAAC,SAAS,CAAC,IAAI,CAAC;IAUzE,8BAA8B,CAC5B,IAAI,EAAE,0BAA0B,CAAC,SAAS,CAAC,UAAU,CAAC;IAWxD,mBAAmB,CAAC,CAAC,GAAG,GAAG,EACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAepC,8BAA8B,CAAC,YAAY,EAAE,OAAO;IAOpD,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAOrD,iBAAiB,CAAC,IAAI,EAAE,kBAAkB;IAI1C,UAAU;IAQV,aAAa,CAAC,GAAG,EAAE,MAAM;YAIX,WAAW;YAcX,UAAU;IAcxB,aAAa,CAAC,GAAG,QAAQ,EAAE,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE;IAcjD,YAAY,CAChB,GAAG,QAAQ,EAAE,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE;IAsBxE,UAAU,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE;IAgB5B,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE;IAc3B,UAAU,CACd,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAChC,EAAE,IAAY,EAAE,MAAM,EAAE,GAAE,kBAAuB;IA+C7C,YAAY;IAElB,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE;QACrC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;KACjC,GAAG,MAAM,CAAC,CAAC,CAAC;IAIb,kBAAkB;IAelB,SAAS,CAAC,MAAM,EAAE,MAAM;IAsCxB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,QAAQ;IAElB,MAAM;CAUP"}
|
package/lib/classes/scene.js
CHANGED
@@ -132,6 +132,14 @@ var Scene = /** @class */ (function () {
|
|
132
132
|
enumerable: false,
|
133
133
|
configurable: true
|
134
134
|
});
|
135
|
+
Object.defineProperty(Scene.prototype, "loadedAssetsError", {
|
136
|
+
set: function (errors) {
|
137
|
+
var _a;
|
138
|
+
(_a = this.loadAssetsListener) === null || _a === void 0 ? void 0 : _a.call(this, this._loadedAssets, errors);
|
139
|
+
},
|
140
|
+
enumerable: false,
|
141
|
+
configurable: true
|
142
|
+
});
|
135
143
|
Scene.prototype.onProcessStateChangeListener = function (func) {
|
136
144
|
var listeners = this.processStateChangeListeners;
|
137
145
|
listeners.push(func);
|
@@ -392,7 +400,7 @@ var Scene = /** @class */ (function () {
|
|
392
400
|
Scene.prototype.loadAssets = function (delay, _a) {
|
393
401
|
var _b = _a === void 0 ? {} : _a, _c = _b.skip, skip = _c === void 0 ? false : _c, render = _b.render;
|
394
402
|
return __awaiter(this, void 0, void 0, function () {
|
395
|
-
var result, hasErrors;
|
403
|
+
var result, hasErrors, errors_1;
|
396
404
|
return __generator(this, function (_d) {
|
397
405
|
switch (_d.label) {
|
398
406
|
case 0:
|
@@ -432,11 +440,12 @@ var Scene = /** @class */ (function () {
|
|
432
440
|
result = _d.sent();
|
433
441
|
hasErrors = result.some(function (rs) { return rs === null || rs === void 0 ? void 0 : rs.error; });
|
434
442
|
if (hasErrors && !skip) {
|
443
|
+
errors_1 = result.filter(function (rs) { return !!(rs === null || rs === void 0 ? void 0 : rs.error); });
|
435
444
|
// this.loadedAssets = false;
|
436
445
|
this._renderAssetsFail = function () {
|
437
|
-
|
438
|
-
return render ? render(errors) : errors;
|
446
|
+
return render ? render(errors_1) : errors_1;
|
439
447
|
};
|
448
|
+
this.loadedAssetsError = errors_1;
|
440
449
|
}
|
441
450
|
else {
|
442
451
|
// when dont have error or skip error
|
@@ -3,7 +3,8 @@ import { SceneClass } from "../classes/scene-management";
|
|
3
3
|
import { SceneRunnerPublicProps } from "./scene-runner";
|
4
4
|
declare type WorldViewProps = SceneRunnerPublicProps & {
|
5
5
|
scenes: SceneClass[];
|
6
|
+
logPopup?: boolean;
|
6
7
|
};
|
7
|
-
export declare function GameBootstrap({ scenes, ...props }: WorldViewProps): JSX.Element;
|
8
|
+
export declare function GameBootstrap({ logPopup, scenes, ...props }: WorldViewProps): JSX.Element;
|
8
9
|
export {};
|
9
10
|
//# sourceMappingURL=game-bootstrap.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"game-bootstrap.d.ts","sourceRoot":"","sources":["../../src/ui-components/game-bootstrap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,UAAU,EAAE,MAAM,6BAA6B,CAAC;
|
1
|
+
{"version":3,"file":"game-bootstrap.d.ts","sourceRoot":"","sources":["../../src/ui-components/game-bootstrap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAe,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAErE,aAAK,cAAc,GAAG,sBAAsB,GAAG;IAC7C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAqC3E"}
|
@@ -20,17 +20,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
23
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
24
24
|
import { useEffect, useMemo, useState } from "react";
|
25
25
|
import { SceneManagement } from "../classes/scene-management";
|
26
|
+
import { Logger } from "./logger";
|
26
27
|
import { SceneRunner } from "./scene-runner";
|
27
28
|
export function GameBootstrap(_a) {
|
28
|
-
var scenes = _a.scenes, props = __rest(_a, ["scenes"]);
|
29
|
+
var logPopup = _a.logPopup, scenes = _a.scenes, props = __rest(_a, ["logPopup", "scenes"]);
|
29
30
|
var sceneManagement = useMemo(function () {
|
30
31
|
return new SceneManagement(scenes);
|
31
32
|
}, [scenes]);
|
32
33
|
var _b = useState(sceneManagement.currentScene), currentScene = _b[0], setCurrentScene = _b[1];
|
33
34
|
var _c = useState(currentScene.loadedAssets), setLoadedAssets = _c[1];
|
35
|
+
var _d = useState([]), setLoadAssetsError = _d[1];
|
34
36
|
useEffect(function () {
|
35
37
|
sceneManagement.onChangeScene(function (scene) {
|
36
38
|
setCurrentScene(scene);
|
@@ -38,9 +40,12 @@ export function GameBootstrap(_a) {
|
|
38
40
|
});
|
39
41
|
}, [sceneManagement]);
|
40
42
|
useEffect(function () {
|
41
|
-
currentScene.onLoadAssetNotify(function (isLoaded) {
|
43
|
+
currentScene.onLoadAssetNotify(function (isLoaded, errors) {
|
42
44
|
setLoadedAssets(isLoaded);
|
45
|
+
if (errors) {
|
46
|
+
setLoadAssetsError(errors);
|
47
|
+
}
|
43
48
|
});
|
44
49
|
}, [currentScene]);
|
45
|
-
return (_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId));
|
50
|
+
return (_jsxs(_Fragment, { children: [_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId), logPopup && _jsx(Logger, {})] }));
|
46
51
|
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/ui-components/logger.tsx"],"names":[],"mappings":";AAIA,wBAAgB,MAAM,gCAoGrB"}
|
@@ -0,0 +1,113 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
14
|
+
if (ar || !(i in from)) {
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
16
|
+
ar[i] = from[i];
|
17
|
+
}
|
18
|
+
}
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
20
|
+
};
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
22
|
+
import { useCallback, useMemo, useRef, useState } from "react";
|
23
|
+
import ReactDOM from "react-dom";
|
24
|
+
import { toText } from "../utils";
|
25
|
+
export function Logger() {
|
26
|
+
var _a = useState([]), messages = _a[0], setMessages = _a[1];
|
27
|
+
var refList = useRef(null);
|
28
|
+
var container = useMemo(function () {
|
29
|
+
var c = document.createElement("div");
|
30
|
+
c.style.zIndex = "4";
|
31
|
+
c.style.position = "fixed";
|
32
|
+
c.style.top = "0";
|
33
|
+
c.style.right = "0";
|
34
|
+
document.body.appendChild(c);
|
35
|
+
return c;
|
36
|
+
}, []);
|
37
|
+
var pushMessage = useCallback(function (args) {
|
38
|
+
setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [
|
39
|
+
args
|
40
|
+
.map(function (arg) {
|
41
|
+
return arg && typeof arg === "object"
|
42
|
+
? toText(arg)
|
43
|
+
: arg === null
|
44
|
+
? "null"
|
45
|
+
: arg === undefined
|
46
|
+
? "undefined"
|
47
|
+
: arg;
|
48
|
+
})
|
49
|
+
.join(", "),
|
50
|
+
], false); });
|
51
|
+
if (refList.current) {
|
52
|
+
refList.current.scrollTop = refList.current.scrollHeight;
|
53
|
+
}
|
54
|
+
}, []);
|
55
|
+
useMemo(function () {
|
56
|
+
var originLog = console.log.bind(console);
|
57
|
+
console.log = function () {
|
58
|
+
var args = [];
|
59
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
60
|
+
args[_i] = arguments[_i];
|
61
|
+
}
|
62
|
+
originLog.apply(void 0, args);
|
63
|
+
pushMessage(args);
|
64
|
+
};
|
65
|
+
var originError = console.error.bind(console);
|
66
|
+
console.error = function () {
|
67
|
+
var args = [];
|
68
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
69
|
+
args[_i] = arguments[_i];
|
70
|
+
}
|
71
|
+
originError.apply(void 0, args);
|
72
|
+
pushMessage(args);
|
73
|
+
};
|
74
|
+
var originWarn = console.warn.bind(console);
|
75
|
+
console.warn = function () {
|
76
|
+
var args = [];
|
77
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
78
|
+
args[_i] = arguments[_i];
|
79
|
+
}
|
80
|
+
originWarn.apply(void 0, args);
|
81
|
+
pushMessage(args);
|
82
|
+
};
|
83
|
+
var originInfo = console.info.bind(console);
|
84
|
+
console.info = function () {
|
85
|
+
var args = [];
|
86
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
87
|
+
args[_i] = arguments[_i];
|
88
|
+
}
|
89
|
+
originInfo.apply(void 0, args);
|
90
|
+
pushMessage(args);
|
91
|
+
};
|
92
|
+
}, [pushMessage]);
|
93
|
+
return ReactDOM.createPortal(messages.length ? (_jsxs("div", __assign({ style: {
|
94
|
+
width: "calc(50vw - 200px)",
|
95
|
+
height: "calc(50vh - 50px)",
|
96
|
+
minWidth: 200,
|
97
|
+
minHeight: 150,
|
98
|
+
position: "absolute",
|
99
|
+
top: 5,
|
100
|
+
right: 5,
|
101
|
+
padding: 5,
|
102
|
+
backgroundColor: "#0000007b",
|
103
|
+
color: "#fff",
|
104
|
+
fontSize: "0.8rem",
|
105
|
+
display: "flex",
|
106
|
+
flexDirection: "column",
|
107
|
+
} }, { children: [_jsx("div", __assign({ style: { width: "100%", display: "flex", justifyContent: "flex-end" } }, { children: _jsx("p", __assign({ onClick: function () { return setMessages([]); } }, { children: "X Clear" })) })), _jsx("div", __assign({ style: {
|
108
|
+
flex: 1,
|
109
|
+
width: "100%",
|
110
|
+
overflowX: "hidden",
|
111
|
+
overflowY: "auto",
|
112
|
+
}, ref: refList }, { children: messages.map(function (mss, i) { return (_jsxs("p", { children: ["- ", mss] }, i)); }) }))] }))) : null, container);
|
113
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,
|
1
|
+
{"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,eA2IlB"}
|
@@ -86,8 +86,10 @@ export function SceneRunner(_a) {
|
|
86
86
|
if (Array.isArray(rendered)) {
|
87
87
|
return (_jsx("div", __assign({ style: {
|
88
88
|
backgroundColor: "#f28181a1",
|
89
|
+
minHeight: 100,
|
90
|
+
padding: 10,
|
89
91
|
color: "#000",
|
90
|
-
} }, { children: rendered.map(function (item) { return (_jsxs("p", { children: [item.type, ": ", item.detail] })); }) })));
|
92
|
+
} }, { children: rendered.map(function (item, i) { return (_jsxs("p", { children: ["- ", item.type, ": ", item.detail] }, i)); }) })));
|
91
93
|
}
|
92
94
|
return rendered;
|
93
95
|
})()
|
package/lib/utils.d.ts
CHANGED
package/lib/utils.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAiChB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B"}
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,SAAS,GACf,OAAO,CAAC,KAAK,CAAC,CAiChB;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B;AAED,wBAAsB,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAC3C,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,CAAC,CAAC,EACtE,KAAK,SAAI,GACR,OAAO,CAAC,CAAC,EAAE,CAAC,CAkBd;AAED,wBAAgB,aAAa;;;EAiB5B;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gCAetE"}
|
package/lib/utils.js
CHANGED
@@ -180,3 +180,20 @@ export function useWindowSize() {
|
|
180
180
|
}, []);
|
181
181
|
return size;
|
182
182
|
}
|
183
|
+
export function toText(obj) {
|
184
|
+
var arr = Array.isArray(obj) ? obj : [obj];
|
185
|
+
try {
|
186
|
+
return "[".concat(arr
|
187
|
+
.map(function (o) {
|
188
|
+
return o && typeof o === "object"
|
189
|
+
? "{".concat(Object.keys(o)
|
190
|
+
.map(function (k) { return "".concat(k, ": ").concat(o[k]); })
|
191
|
+
.join(", "), "}")
|
192
|
+
: o;
|
193
|
+
})
|
194
|
+
.join(", "), "]");
|
195
|
+
}
|
196
|
+
catch (error) {
|
197
|
+
return obj;
|
198
|
+
}
|
199
|
+
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "react-simple-game-engine",
|
3
|
-
"version": "0.2.
|
3
|
+
"version": "0.2.14",
|
4
4
|
"description": "",
|
5
5
|
"main": "lib/index.js",
|
6
6
|
"types": "lib",
|
@@ -12,8 +12,9 @@
|
|
12
12
|
"p5": "^1.4.1"
|
13
13
|
},
|
14
14
|
"devDependencies": {
|
15
|
-
"@types/react": "^18.0.17",
|
16
15
|
"@types/node": "^16.7.13",
|
16
|
+
"@types/react": "^18.0.17",
|
17
|
+
"@types/react-dom": "^18.0.6",
|
17
18
|
"typescript": "^4.4.2"
|
18
19
|
},
|
19
20
|
"scripts": {
|