react-simple-game-engine 0.0.7 → 0.0.8

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

@@ -1,10 +1,13 @@
-/// <reference types="react" />
+import { ComponentType, ReactNode } from "react";
 import { Scene } from "../classes/scene";
-declare type SceneRunnerProps = {
-    current: Scene;
+export declare type SceneRunnerPublicProps = {
     width: number;
     height: number;
+    assetsLoader?: ReactNode | ComponentType;
+};
+declare type SceneRunnerProps = SceneRunnerPublicProps & {
+    current: Scene;
 };
-export declare function SceneRunner({ current, width, height }: SceneRunnerProps): JSX.Element;
+export declare function SceneRunner({ current, width, height, assetsLoader: AssetsLoader, }: SceneRunnerProps): JSX.Element;
 export {};
 //# sourceMappingURL=SceneRunner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SceneRunner.d.ts","sourceRoot":"","sources":["../../src/ui-components/SceneRunner.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,aAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,eAiCvE"}
+{"version":3,"file":"SceneRunner.d.ts","sourceRoot":"","sources":["../../src/ui-components/SceneRunner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,eAwClB"}

package/lib/ui-components/SceneRunner.js

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useMemo, } from "react";
 import { Sketch } from "./Sketch";
 export function SceneRunner(_a) {
-    var current = _a.current, width = _a.width, height = _a.height;
+    var current = _a.current, width = _a.width, height = _a.height, AssetsLoader = _a.assetsLoader;
     useEffect(function () {
         current.loadAssets();
     }, [current]);
@@ -23,6 +23,12 @@ export function SceneRunner(_a) {
     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,
@@ -31,5 +37,5 @@ export function SceneRunner(_a) {
                     right: 0,
                     userSelect: "none",
                     zIndex: 2,
-                } }, { children: _jsx(current.UI, __assign({}, current.UIProps)) }))] }))) : (_jsx("div", { children: "Assets loading..." }));
+                } }, { children: _jsx(current.UI, __assign({}, current.UIProps)) }))] }))) : (assetsLoader);
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScenesProcess.d.ts","sourceRoot":"","sources":["../../src/ui-components/ScenesProcess.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,eA+BpE"}
+{"version":3,"file":"ScenesProcess.d.ts","sourceRoot":"","sources":["../../src/ui-components/ScenesProcess.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAe,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEpE,aAAK,cAAc,GAAG,sBAAsB,GAAG;IAC7C,IAAI,EAAE,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;CACxD,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eA8B/D"}

package/lib/ui-components/ScenesProcess.js

@@ -1,9 +1,31 @@
+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, width = _a.width, height = _a.height;
+    var list = _a.list, props = __rest(_a, ["list"]);
     var sceneManagement = useMemo(function () {
         return new SceneManagement(list);
     }, [list]);
@@ -20,5 +42,5 @@ export function ScenesProcess(_a) {
             setLoadedAssets(isLoaded);
         });
     }, [currentScene]);
-    return (_jsx(SceneRunner, { current: currentScene, width: width, height: height }, currentScene.sessionId));
+    return (_jsx(SceneRunner, __assign({ current: currentScene }, props), currentScene.sessionId));
 }

package/package.json

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