react-simple-game-engine 0.1.61 → 0.1.64

package/lib/ui-components/SceneRunner.js

@@ -0,0 +1,43 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, } from "react";
+import { Sketch } from "./Sketch";
+export function SceneRunner(_a) {
+    var assetsDelay = _a.assetsDelay, current = _a.current, width = _a.width, height = _a.height, AssetsLoader = _a.assetsLoader;
+    var _b = useState(false), isBootDone = _b[0], setBootDone = _b[1];
+    useEffect(function () {
+        current.loadAssets(assetsDelay);
+    }, [current, assetsDelay]);
+    var setup = function (camera) {
+        current.bootstrap(camera);
+        setBootDone(true);
+    };
+    var draw = function () {
+        current.action();
+    };
+    var assetsLoader = useMemo(function () {
+        if (typeof AssetsLoader === "function") {
+            return _jsx(AssetsLoader, {});
+        }
+        return (AssetsLoader !== null && AssetsLoader !== void 0 ? AssetsLoader : _jsx("div", { children: "Assets loading..." }));
+    }, [AssetsLoader]);
+    return current.loadedAssets ? (_jsxs("div", __assign({ style: { width: width, height: height, position: "relative" } }, { children: [_jsx(Sketch, { width: width, height: height, onSetup: setup, onDraw: draw }), _jsx("div", __assign({ style: {
+                    position: "absolute",
+                    top: 0,
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    userSelect: "none",
+                    zIndex: 2,
+                } }, { children: isBootDone ? (_jsx(current.UI, __assign({ scene: current }, current.UIProps))) : (_jsx("div", {})) }))] }))) : (assetsLoader);
+}

package/lib/ui-components/ScenesProcess.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SceneClass } from "../classes/scene-management";
+import { SceneRunnerPublicProps } from "./SceneRunner";
+declare type WorldViewProps = SceneRunnerPublicProps & {
+    list: SceneClass[];
+};
+export declare function ScenesProcess({ list, ...props }: WorldViewProps): JSX.Element;
+export {};
+//# sourceMappingURL=ScenesProcess.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScenesProcess.d.ts","sourceRoot":"","sources":["../../src/ui-components/ScenesProcess.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAmB,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAe,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEpE,aAAK,cAAc,GAAG,sBAAsB,GAAG;IAC7C,IAAI,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eA8B/D"}

package/lib/ui-components/ScenesProcess.js

@@ -0,0 +1,46 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { SceneManagement } from "../classes/scene-management";
+import { SceneRunner } from "./SceneRunner";
+export function ScenesProcess(_a) {
+    var list = _a.list, props = __rest(_a, ["list"]);
+    var sceneManagement = useMemo(function () {
+        return new SceneManagement(list);
+    }, [list]);
+    var _b = useState(sceneManagement.currentScene), currentScene = _b[0], setCurrentScene = _b[1];
+    var _c = useState(currentScene.loadedAssets), setLoadedAssets = _c[1];
+    useEffect(function () {
+        sceneManagement.onChangeScene(function (scene) {
+            setCurrentScene(scene);
+            setLoadedAssets(scene.loadedAssets);
+        });
+    }, [sceneManagement]);
+    useEffect(function () {
+        currentScene.onLoadAssetNotify(function (isLoaded) {
+            setLoadedAssets(isLoaded);
+        });
+    }, [currentScene]);
+    return (_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId));
+}

package/lib/ui-components/Sketch.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Camera } from "../classes/camera";
+declare type SketchProps = {
+    onSetup: (camera: Camera) => void;
+    onDraw: () => void;
+    onPreload?: () => void;
+    width: number;
+    height: number;
+};
+export declare function Sketch({ onSetup, onDraw, onPreload, width, height, }: SketchProps): JSX.Element;
+export {};
+//# sourceMappingURL=Sketch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sketch.d.ts","sourceRoot":"","sources":["../../src/ui-components/Sketch.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,aAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,WAAW,eAgCb"}

package/lib/ui-components/Sketch.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Camera } from "../classes/camera";
+import { P5 } from "../classes/p5";
+export function Sketch(_a) {
+    var onSetup = _a.onSetup, onDraw = _a.onDraw, onPreload = _a.onPreload, width = _a.width, height = _a.height;
+    var refContainer = useRef(null);
+    useEffect(function () {
+        var sketch = function (s) {
+            var camera = new Camera(width, height);
+            s.preload = function () {
+                return onPreload === null || onPreload === void 0 ? void 0 : onPreload();
+            };
+            s.setup = function () {
+                s.createCanvas(width, height).parent(refContainer.current);
+                onSetup(camera);
+            };
+            s.draw = function () {
+                s.scale(camera.scaleX, camera.scaleY);
+                s.background(0);
+                s.imageMode(s.CENTER);
+                s.rectMode(s.CENTER);
+                onDraw();
+            };
+        };
+        var p5 = new P5(sketch);
+        return function () {
+            p5.remove();
+        };
+        // eslint-disable-next-line
+    }, []);
+    return _jsx("div", { style: { backgroundColor: "#000" }, ref: refContainer });
+}

package/lib/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../src/utilities.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/lib/utilities.js

@@ -0,0 +1,2 @@
+export * from "./classes/watcher";
+export * from "./classes/sound-watcher";

package/lib/utils.d.ts

@@ -0,0 +1,8 @@
+import { Sound } from "./classes/sound";
+import { SoundType } from "./export-enums";
+import { Avatar } from "./export-types";
+export declare function createAssetImage(src: string): Promise<Avatar>;
+export declare function createAssetSound(src: string, type?: SoundType): Promise<Sound>;
+export declare function tick(delay?: number): Promise<unknown>;
+export declare function copyProperties(source: Record<string, any>, target: Record<string, any>): void;
+//# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,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,CAWhB;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"}

package/lib/utils.js

@@ -0,0 +1,97 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import OutofScopeP5 from "p5";
+import { Sound } from "./classes/sound";
+var outofScopeP5;
+document.addEventListener("DOMContentLoaded", function () {
+    var noop = document.createElement("div");
+    noop.style.position = "absolute";
+    noop.style.zIndex = "-1";
+    noop.style.top = "-100%";
+    noop.style.left = "-100%";
+    document.body.appendChild(noop);
+    setTimeout(function () {
+        outofScopeP5 = new OutofScopeP5(function (skt) { }, noop);
+    }, 0);
+});
+export function createAssetImage(src) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (res, rej) {
+                    outofScopeP5.loadImage(src, res, rej);
+                })];
+        });
+    });
+}
+export function createAssetSound(src, type) {
+    return __awaiter(this, void 0, void 0, function () {
+        var media;
+        return __generator(this, function (_a) {
+            media = new Sound(type);
+            return [2 /*return*/, new Promise(function (res, rej) {
+                    media.native.onloadedmetadata = function () {
+                        res(media);
+                    };
+                    media.native.onerror = function (error) {
+                        rej(error);
+                    };
+                    media.native.src = src;
+                })];
+        });
+    });
+}
+export function tick(delay) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (res) {
+                    if (delay != null) {
+                        setTimeout(res, delay);
+                    }
+                    else {
+                        // wait forever
+                    }
+                })];
+        });
+    });
+}
+export function copyProperties(source, target) {
+    for (var key in target) {
+        if (target[key] !== undefined) {
+            source[key] = target[key];
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.1.61",
+  "version": "0.1.64",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",
@@ -21,11 +21,7 @@
     "build": "rm -rf lib && tsc -p ."
   },
   "files": [
-    "/lib/index.d.ts",
-    "/lib/utilities.d.ts",
-    "/lib/export-types.d.ts",
-    "/lib/export-interfaces.d.ts",
-    "/lib/export-enums.d.ts"
+    "/lib"
   ],
   "keywords": [
     "game engine",