react-simple-game-engine 0.2.94 → 0.2.96

package/lib/classes/saver.d.ts

@@ -1,10 +1,12 @@
-declare type Typed = never | undefined | BooleanConstructor | StringConstructor | NumberConstructor;
+declare type Typed = never | undefined | BooleanConstructor | StringConstructor | NumberConstructor | Record<string, any> | Record<string, any>[];
 declare type ValueType<V extends any = undefined, T extends Typed = Typed> = V extends undefined ? T extends BooleanConstructor ? boolean : T extends StringConstructor ? string : T extends NumberConstructor ? number : V : V;
 declare class _Saver {
+    static STORAGE_PREFIX: string;
     private store;
     constructor();
     set<V extends any = any>(key: string, value: V): void;
     get<V extends any = undefined, T extends Typed = Typed>(key: string, type?: T): ValueType<V, T>;
+    getWithDefault<V extends any = undefined, T extends Typed = Typed>(key: string, defaultValue: any, type?: T): ValueType<V, T>;
 }
 export declare const Saver: _Saver;
 export {};

package/lib/classes/saver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"saver.d.ts","sourceRoot":"","sources":["../../src/classes/saver.ts"],"names":[],"mappings":"AAAA,aAAK,KAAK,GACN,KAAK,GACL,SAAS,GACT,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,CAAC;AAEtB,aAAK,SAAS,CACZ,CAAC,SAAS,GAAG,GAAG,SAAS,EACzB,CAAC,SAAS,KAAK,GAAG,KAAK,IACrB,CAAC,SAAS,SAAS,GACnB,CAAC,SAAS,kBAAkB,GAC1B,OAAO,GACP,CAAC,SAAS,iBAAiB,GAC3B,MAAM,GACN,CAAC,SAAS,iBAAiB,GAC3B,MAAM,GACN,CAAC,GACH,CAAC,CAAC;AAEN,cAAM,MAAM;IACV,OAAO,CAAC,KAAK,CAAuB;;IAOpC,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAIrD,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,SAAS,EAAE,CAAC,SAAS,KAAK,GAAG,KAAK,EACpD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,CAAC,GACP,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;CAyBnB;AAED,eAAO,MAAM,KAAK,QAAe,CAAC"}
+{"version":3,"file":"saver.d.ts","sourceRoot":"","sources":["../../src/classes/saver.ts"],"names":[],"mappings":"AAAA,aAAK,KAAK,GACN,KAAK,GACL,SAAS,GACT,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,GACjB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;AAE1B,aAAK,SAAS,CACZ,CAAC,SAAS,GAAG,GAAG,SAAS,EACzB,CAAC,SAAS,KAAK,GAAG,KAAK,IACrB,CAAC,SAAS,SAAS,GACnB,CAAC,SAAS,kBAAkB,GAC1B,OAAO,GACP,CAAC,SAAS,iBAAiB,GAC3B,MAAM,GACN,CAAC,SAAS,iBAAiB,GAC3B,MAAM,GACN,CAAC,GACH,CAAC,CAAC;AAEN,cAAM,MAAM;IACV,MAAM,CAAC,cAAc,SAAY;IACjC,OAAO,CAAC,KAAK,CAAuB;;IAQpC,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAIrD,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,SAAS,EAAE,CAAC,SAAS,KAAK,GAAG,KAAK,EACpD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,CAAC,GACP,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IA0BlB,cAAc,CAAC,CAAC,SAAS,GAAG,GAAG,SAAS,EAAE,CAAC,SAAS,KAAK,GAAG,KAAK,EAC/D,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,GAAG,EACjB,IAAI,CAAC,EAAE,CAAC,GACP,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;CAKnB;AAED,eAAO,MAAM,KAAK,QAAe,CAAC"}

package/lib/classes/saver.js

@@ -6,10 +6,10 @@ var _Saver = /** @class */ (function () {
             : console.log("Initial saver fail");
     }
     _Saver.prototype.set = function (key, value) {
-        this.store.setItem(key, JSON.stringify(value));
+        this.store.setItem("".concat(_Saver.STORAGE_PREFIX).concat(key), JSON.stringify(value));
     };
     _Saver.prototype.get = function (key, type) {
-        var raw = this.store.getItem(key);
+        var raw = this.store.getItem("".concat(_Saver.STORAGE_PREFIX).concat(key));
         var parsed = (raw == null ? raw : JSON.parse(raw));
         if (type === Boolean) {
             if (raw == null) {
@@ -31,6 +31,11 @@ var _Saver = /** @class */ (function () {
         }
         return parsed;
     };
+    _Saver.prototype.getWithDefault = function (key, defaultValue, type) {
+        var value = this.get(key, type);
+        return value === undefined ? defaultValue : value;
+    };
+    _Saver.STORAGE_PREFIX = "rsgn::";
     return _Saver;
 }());
 export var Saver = new _Saver();

package/lib/hooks/watcher.d.ts

@@ -0,0 +1,3 @@
+import { Scene } from "../classes/scene";
+export declare function useWatcher<IV extends Record<string, any> = Record<string, any>>(scene: Scene, name: string | string[], initialValues: IV): IV;
+//# sourceMappingURL=watcher.d.ts.map

package/lib/hooks/watcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watcher.d.ts","sourceRoot":"","sources":["../../src/hooks/watcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,wBAAgB,UAAU,CACxB,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACpD,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAqBzD"}

package/lib/hooks/watcher.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useState } from "react";
+export function useWatcher(scene, name, initialValues) {
+    var names = Array.isArray(name) ? name : [name];
+    var _a = useState(initialValues), values = _a[0], setValues = _a[1];
+    useEffect(function () {
+        var unsubs = names.map(function (name) {
+            return scene.onEntityPropsChange(name, function (value) {
+                setValues(function (prev) {
+                    var _a;
+                    return (__assign(__assign({}, prev), (_a = {}, _a[name] = value, _a)));
+                });
+            });
+        });
+        return function () {
+            for (var _i = 0, unsubs_1 = unsubs; _i < unsubs_1.length; _i++) {
+                var unsub = unsubs_1[_i];
+                unsub();
+            }
+        };
+    }, __spreadArray(__spreadArray([], names, true), [scene], false));
+    return values;
+}

package/lib/ui-components/game-bootstrap.d.ts.map

@@ -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;AAG1E,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,eAsL3E"}
+{"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;AAG1E,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,eAqM3E"}

package/lib/ui-components/game-bootstrap.js

@@ -55,7 +55,7 @@ export function GameBootstrap(_a) {
         document.head.appendChild(style);
         var gameRootClass = getClassname("game-root");
         var gameLoggerClass = getClassname("game-logger");
-        style.appendChild(document.createTextNode("\n          .".concat(getClassname("assets-fail-view"), "{\n            background-color: #f28181a1;\n            min-height: 100px;\n            padding: 10px;\n            color: #000;\n          }\n          \n          .").concat(getClassname("game-modal"), " {\n            position: fixed;\n            top: 0;\n            left: 0;\n          }\n\n          .").concat(getClassname("scene-modal-stack"), "{\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 0;\n            z-index: 2;\n          }\n          \n          .").concat(getClassname("modal-content-main"), "{\n            position: relative;\n            z-index: 1;\n            min-width: 200px;\n            min-height: 200px;\n          }\n\n          .").concat(getClassname("modal-content-closer"), "{\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            z-index: 0;\n          }\n          .").concat(getClassname("modal-content-centered"), "{\n            width: 100%;\n            height: 100%;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n          }\n\n          .").concat(getClassname("modal-content-wrap"), "{\n            width: 100%;\n            height: 100%;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .").concat(gameRootClass, ", .").concat(gameRootClass, " *,\n          .").concat(gameLoggerClass, ", .").concat(gameLoggerClass, " *\n          {\n              box-sizing: border-box;\n              -webkit-touch-callout: none;\n              -webkit-tap-highlight-color: none;\n              -webkit-user-select: none;\n              -ms-user-select: none;\n              user-select: none;\n              text-size-adjust: none;\n          }\n\n          .").concat(gameRootClass, " {\n            overflow: hidden;\n            position: relative;\n          }\n\n          .").concat(gameLoggerClass, " {\n            z-index: 4;\n            position: fixed;\n            top:0;\n            right:0;\n          }\n\n          .").concat(getClassname("message-stack"), " {\n              width: cacl(100vw - 40px);\n              max-width: 300px;\n              max-height: calc(50vh - 50px);\n              min-width: 200px;\n              min-height: 150px;\n              position: absolute;\n              top: 5px;\n              right: 5px;\n              padding: 5px;\n              background-color: #0000007b;\n              color: #fff;\n              font-size: 0.8rem;\n\n              display: flex;\n              flex-direction: column;\n          }\n\n          .").concat(getClassname("message-stack-heading"), "{\n            width: 100%;\n            display: flex;\n            justify-content: flex-end;\n          }\n\n          .").concat(getClassname("message-stack-content"), "{\n            flex: 1;\n            width: 100%;\n            overflow-x: hidden;\n            overflow-y: auto;\n          }\n\n\n          .").concat(getClassname("float-container"), " {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .").concat(getClassname("float-container"), " > div {\n            position: relative;\n            width: 100%;\n            height: 100%;\n          }\n\n          .").concat(getClassname("ui-control"), " {\n            position: absolute;\n            display: inline-flex;\n          }\n    ")));
+        style.appendChild(document.createTextNode("\n          .".concat(getClassname("assets-fail-view"), "{\n            background-color: #f28181a1;\n            min-height: 100px;\n            padding: 10px;\n            color: #000;\n          }\n          \n          .").concat(getClassname("game-modal"), " {\n            position: fixed;\n            top: 0;\n            left: 0;\n          }\n\n          .").concat(getClassname("scene-modal-stack"), "{\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 0;\n            z-index: 2;\n          }\n          \n          .").concat(getClassname("modal-content-main"), "{\n            position: relative;\n            z-index: 1;\n            min-width: 200px;\n            min-height: 200px;\n          }\n\n          .").concat(getClassname("modal-content-closer"), "{\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            z-index: 0;\n          }\n          .").concat(getClassname("modal-content-centered"), "{\n            width: 100%;\n            height: 100%;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n          }\n\n          .").concat(getClassname("modal-content-wrap"), "{\n            width: 100%;\n            height: 100%;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .").concat(gameRootClass, ", .").concat(gameRootClass, " *,\n          .").concat(gameLoggerClass, ", .").concat(gameLoggerClass, " *\n          {\n              box-sizing: border-box;\n              -webkit-touch-callout: none;\n              -webkit-tap-highlight-color: none;\n              -webkit-user-select: none;\n              -ms-user-select: none;\n              user-select: none;\n              text-size-adjust: none;\n          }\n\n          .").concat(gameRootClass, " {\n            overflow: hidden;\n            position: relative;\n          }\n\n          .").concat(gameLoggerClass, " {\n            z-index: 4;\n            position: fixed;\n            top:0;\n            right:0;\n          }\n\n          .").concat(getClassname("message-stack"), " {\n              width: cacl(100vw - 40px);\n              max-width: 300px;\n              max-height: calc(50vh - 50px);\n              min-width: 200px;\n              min-height: 150px;\n              position: absolute;\n              top: 5px;\n              right: 5px;\n              padding: 5px;\n              background-color: #0000007b;\n              color: #fff;\n              font-size: 0.8rem;\n\n              display: flex;\n              flex-direction: column;\n          }\n\n          .").concat(getClassname("message-stack-heading"), "{\n            width: 100%;\n            display: flex;\n            justify-content: flex-end;\n          }\n\n          .").concat(getClassname("message-stack-content"), "{\n            flex: 1;\n            width: 100%;\n            overflow-x: hidden;\n            overflow-y: auto;\n          }\n\n\n          .").concat(getClassname("float-container"), " {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .").concat(getClassname("float-container"), " > div {\n            position: relative;\n            width: 100%;\n            height: 100%;\n          }\n\n          .").concat(getClassname("ui-control"), " {\n            position: absolute;\n            display: inline-flex;\n          }\n\n          .").concat(getClassname("scaler-container"), " {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            top: 0;\n            left: 0;\n          }\n\n          .").concat(getClassname("scaler-container"), " > div {\n            transform-origin: left top;\n            position: relative;\n            top: 50%;\n            left: 50%;\n          }\n    ")));
     }, []);
     return (_jsxs(_Fragment, { children: [_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId), logPopup && _jsx(Logger, {})] }));
 }

package/lib/ui-components/scaler-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaler-container.d.ts","sourceRoot":"","sources":["../../src/ui-components/scaler-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,aAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,eA0BtB"}
+{"version":3,"file":"scaler-container.d.ts","sourceRoot":"","sources":["../../src/ui-components/scaler-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,aAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,eActB"}

package/lib/ui-components/scaler-container.js

@@ -10,21 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassname } from "../utils";
 export function ScalerContainer(_a) {
     var width = _a.width, height = _a.height, value = _a.value, children = _a.children;
-    return (_jsx("div", __assign({ style: {
-            width: "100%",
-            height: "100%",
-            position: "relative",
-            top: 0,
-            left: 0,
-        } }, { children: _jsx("div", __assign({ style: {
+    return (_jsx("div", __assign({ className: getClassname("scaler-container") }, { children: _jsx("div", __assign({ style: {
                 width: width,
                 height: height,
                 transform: "scale(".concat(value, ") translate(-50%, -50%)"),
-                transformOrigin: "left top",
-                position: "relative",
-                top: "50%",
-                left: "50%",
             } }, { children: children })) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.2.94",
+  "version": "0.2.96",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",