react-simple-game-engine 0.2.68 → 0.2.70

package/lib/classes/sound-watcher.d.ts

@@ -2,14 +2,18 @@ import { ReactNode } from "react";
 import { SoundType } from "../export-enums";
 import { SoundManagement } from "../export-types";
 import { Scene } from "./scene";
+declare type SoundWatcherChildProps = {
+    toggle: () => void;
+    set: (on: boolean) => void;
+};
 declare type SoundOnceWatcherProps = {
     scene: Scene;
-    children: (value: SoundManagement[SoundType.ONCE]) => ReactNode;
+    children: (value: SoundManagement[SoundType.ONCE] & SoundWatcherChildProps) => ReactNode;
 };
 export declare function SoundOnceWatcher({ scene, children }: SoundOnceWatcherProps): JSX.Element;
 declare type SoundBackgroundWatcherProps = {
     scene: Scene;
-    children: (value: SoundManagement[SoundType.BACKGROUND]) => ReactNode;
+    children: (value: SoundManagement[SoundType.BACKGROUND] & SoundWatcherChildProps) => ReactNode;
 };
 export declare function SoundBackgroundWatcher({ scene, children, }: SoundBackgroundWatcherProps): JSX.Element;
 export {};

package/lib/classes/sound-watcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sound-watcher.d.ts","sourceRoot":"","sources":["../../src/classes/sound-watcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,aAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;CACjE,CAAC;AACF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAS1E;AAED,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,SAAS,CAAC;CACvE,CAAC;AACF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,GACT,EAAE,2BAA2B,eAU7B"}
+{"version":3,"file":"sound-watcher.d.ts","sourceRoot":"","sources":["../../src/classes/sound-watcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AACpE,OAAO,EAAiB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,aAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,GAAG,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5B,CAAC;AAEF,aAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CACR,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,sBAAsB,KAC5D,SAAS,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,eAwB1E;AAED,aAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CACR,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,sBAAsB,KAClE,SAAS,CAAC;CAChB,CAAC;AACF,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,GACT,EAAE,2BAA2B,eAyB7B"}

package/lib/classes/sound-watcher.js

@@ -10,24 +10,52 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
+import { SoundStoreKey } from "../export-enums";
+import { Saver } from "./saver";
 export function SoundOnceWatcher(_a) {
     var scene = _a.scene, children = _a.children;
     var _b = useState(scene.soundOnceOptions), values = _b[0], setValues = _b[1];
     useEffect(function () {
         return scene.onSoundOnceOptionsChange(function (options) {
-            setValues(__assign({}, options));
+            setValues(function (prev) { return (__assign(__assign({}, prev), options)); });
         });
     }, [scene]);
-    return _jsx(_Fragment, { children: children(values) });
+    var toggle = useCallback(function () {
+        var next = !scene.soundOnceOptions.canPlay;
+        scene.soundOnceOptions = {
+            canPlay: next,
+        };
+        Saver.set(SoundStoreKey.ONCE, next);
+    }, []);
+    var set = useCallback(function (on) {
+        scene.soundOnceOptions = {
+            canPlay: on,
+        };
+        Saver.set(SoundStoreKey.ONCE, on);
+    }, []);
+    return _jsx(_Fragment, { children: children(__assign(__assign({}, values), { toggle: toggle, set: set })) });
 }
 export function SoundBackgroundWatcher(_a) {
     var scene = _a.scene, children = _a.children;
     var _b = useState(scene.soundBackgroundOptions), values = _b[0], setValues = _b[1];
     useEffect(function () {
         return scene.onSoundBackgroundOptionsChange(function (options) {
-            setValues(__assign({}, options));
+            setValues(function (prev) { return (__assign(__assign({}, prev), options)); });
         });
     }, [scene]);
-    return _jsx(_Fragment, { children: children(values) });
+    var toggle = useCallback(function () {
+        var next = !scene.soundBackgroundOptions.canPlay;
+        scene.soundBackgroundOptions = {
+            canPlay: next,
+        };
+        Saver.set(SoundStoreKey.BACKGROUND, next);
+    }, []);
+    var set = useCallback(function (on) {
+        scene.soundBackgroundOptions = {
+            canPlay: on,
+        };
+        Saver.set(SoundStoreKey.BACKGROUND, on);
+    }, []);
+    return _jsx(_Fragment, { children: children(__assign(__assign({}, values), { toggle: toggle, set: set })) });
 }

package/lib/export-enums.d.ts

@@ -17,4 +17,8 @@ export declare enum JoystickDirection {
     LEFT = "LEFT",
     BACKWARD = "BACKWARD"
 }
+export declare enum SoundStoreKey {
+    ONCE = "sound-once",
+    BACKGROUND = "sound-background"
+}
 //# sourceMappingURL=export-enums.d.ts.map

package/lib/export-enums.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export-enums.d.ts","sourceRoot":"","sources":["../src/export-enums.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,IAAA;IACJ,UAAU,IAAA;CACX;AAED,oBAAY,UAAU;IACpB,SAAS,IAAA;IACT,QAAQ,IAAA;CACT;AAED,oBAAY,kBAAkB;IAC5B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}
+{"version":3,"file":"export-enums.d.ts","sourceRoot":"","sources":["../src/export-enums.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,IAAA;IACJ,UAAU,IAAA;CACX;AAED,oBAAY,UAAU;IACpB,SAAS,IAAA;IACT,QAAQ,IAAA;CACT;AAED,oBAAY,kBAAkB;IAC5B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB;AAED,oBAAY,aAAa;IACvB,IAAI,eAAe;IACnB,UAAU,qBAAqB;CAChC"}

package/lib/export-enums.js

@@ -21,3 +21,8 @@ export var JoystickDirection;
     JoystickDirection["LEFT"] = "LEFT";
     JoystickDirection["BACKWARD"] = "BACKWARD";
 })(JoystickDirection || (JoystickDirection = {}));
+export var SoundStoreKey;
+(function (SoundStoreKey) {
+    SoundStoreKey["ONCE"] = "sound-once";
+    SoundStoreKey["BACKGROUND"] = "sound-background";
+})(SoundStoreKey || (SoundStoreKey = {}));

package/lib/ui-components/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/ui-components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EAKZ,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,KAAK,0GA8FhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/ui-components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,YAAY,EAKZ,aAAa,EAEd,MAAM,OAAO,CAAC;AAGf,aAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,KAAK,0GAuEhB,CAAC"}

package/lib/ui-components/modal.js

@@ -15,7 +15,6 @@ import * as ReactDOM from "react-dom";
 export var Modal = forwardRef(function (_a, ref) {
     var _b;
     var backgroundStyle = _a.backgroundStyle, trigger = _a.children, content = _a.content, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, onClose = _a.onClose, _d = _a.event, event = _d === void 0 ? "onClick" : _d;
-    var refModal = useRef(null);
     var _e = useState(defaultOpen), isOpen = _e[0], setOpen = _e[1];
     var container = useMemo(function () {
         var c = document.createElement("div");
@@ -38,26 +37,6 @@ export var Modal = forwardRef(function (_a, ref) {
         setOpen(false);
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, [onClose]);
-    useEffect(function () {
-        if (isOpen) {
-            var handleClickClose_1 = function () {
-                setTimeout(function () {
-                    handleClose();
-                }, 0);
-            };
-            var buttons_1 = refModal.current.querySelectorAll('[data-role="close"]');
-            for (var _i = 0, _a = Array.from(buttons_1); _i < _a.length; _i++) {
-                var btn = _a[_i];
-                btn.addEventListener("click", handleClickClose_1);
-            }
-            return function () {
-                for (var _i = 0, _a = Array.from(buttons_1); _i < _a.length; _i++) {
-                    var btn = _a[_i];
-                    btn.removeEventListener("click", handleClickClose_1);
-                }
-            };
-        }
-    }, [isOpen, handleClose]);
     useImperativeHandle(ref, function () { return ({
         open: handleOpen,
         close: handleClose,
@@ -68,8 +47,27 @@ export var Modal = forwardRef(function (_a, ref) {
                     _b), trigger.props.children)
                 : null, ReactDOM.createPortal(isOpen ? (_jsx(ModalWrap, { content: content, backgroundStyle: backgroundStyle, handleClose: handleClose })) : null, container)] }));
 });
-var ModalWrap = memo(forwardRef(function (_a, ref) {
+var ModalWrap = memo(function (_a) {
     var content = _a.content, backgroundStyle = _a.backgroundStyle, handleClose = _a.handleClose;
+    var refModal = useRef(null);
+    useEffect(function () {
+        var handleClickClose = function () {
+            setTimeout(function () {
+                handleClose();
+            }, 0);
+        };
+        var buttons = refModal.current.querySelectorAll('[data-role="close"]');
+        for (var _i = 0, _a = Array.from(buttons); _i < _a.length; _i++) {
+            var btn = _a[_i];
+            btn.addEventListener("click", handleClickClose);
+        }
+        return function () {
+            for (var _i = 0, _a = Array.from(buttons); _i < _a.length; _i++) {
+                var btn = _a[_i];
+                btn.removeEventListener("click", handleClickClose);
+            }
+        };
+    }, [handleClose]);
     var el = useMemo(function () {
         return cloneElement(content, {
             close: handleClose,
@@ -90,10 +88,10 @@ var ModalWrap = memo(forwardRef(function (_a, ref) {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-            }, ref: ref }, { children: [_jsx("div", { style: __assign({ width: "100%", height: "100%", position: "absolute", zIndex: 0 }, backgroundStyle), onClick: handleClose }), _jsx("main", __assign({ style: {
+            }, ref: refModal }, { children: [_jsx("div", { style: __assign({ width: "100%", height: "100%", position: "absolute", zIndex: 0 }, backgroundStyle), onClick: handleClose }), _jsx("main", __assign({ style: {
                         position: "relative",
                         zIndex: 1,
                         minWidth: "200px",
                         minHeight: "200px",
                     } }, { children: el }))] })) })));
-}));
+});

package/package.json

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