unreal-toolkit 0.1.12 → 0.1.14

package/README.md

@@ -1,10 +1,10 @@
 # Unreal Toolkit - Classic Edition
-A universal runtime library for advanced Unreal Engine web game development. The **Unreal Toolkit** enables interoperability
+A runtime library for advanced Unreal Engine web game development. The **Unreal Toolkit** enables interoperability
 with your hosted Unreal Engine streaming web application.
 
 <a href="https://www.npmjs.com/package/unreal-toolkit-next">Next Edition (ES6)</a>
 <br/>
-<a href="https://github.com/MackeyK24/UnrealToolkit/tree/master/Runtime">Browser Edition (CDN)</a>
+<a href="https://github.com/codewrxai/UnrealToolkit/cdn">Browser Edition (CDN)</a>
 
 
 ## Default Installation (UMD)
@@ -19,11 +19,34 @@ import UnrealToolkit from 'unreal-toolkit';
 
 * Unreal Toolkit Message Bus Usage
 ```typescript
-// Post window message
-UnrealToolkit.EventBus.PostWindowMessage("myevent", ["Hello World!"]);
+// Post WM_HELLO message to Unreal Engine
+UnrealToolkit.EventBus.PostWindowMessage("WM_HELLO", ["Hello World!"]);
 
-// Handle window message
-UnrealToolkit.EventBus.OnWindowMessage("myevent", (args:string[]) => {
+// Handle WM_MY_EVENT message from Unreal Engine
+UnrealToolkit.EventBus.OnWindowMessage("WM_MY_EVENT", (args:string[]) => {
    console.log("My Event Args: ", args);
 });
-```
+```
+
+* Unreal Toolkit Content Frame Style
+```css
+iframe {
+   position: absolute;
+   width: 100%;
+   height: 100%;
+   min-height: 100vh;
+   border: none;
+   outline: none;
+   z-index: 0;
+}
+```
+
+* Unreal Toolkit Content Frame Window
+```html
+<iframe
+  src="your.unrealtoolkitproject.com"
+  crossorigin="anonymous"
+  allow="cross-origin-isolated"
+  sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-pointer-lock">
+</iframe>
+```

package/dist/index.d.ts

@@ -8,11 +8,11 @@ export declare class UnrealToolkit {
     /** Unreal Toolkit event message bus
      * @example
      * ```typescript
-     * // Post myevent window message
-     * UnrealToolkit.EventBus.PostWindowMessage("myevent", ["Hello World!"]);
+     * // Post WM_HELLO message to Unreal Engine
+     * UnrealToolkit.EventBus.PostWindowMessage("WM_HELLO", ["Hello World!"]);
      *
-     * // Handle myevent window message
-     * UnrealToolkit.EventBus.OnWindowMessage("myevent", (args:string[]) => {
+     * // Handle WM_MY_EVENT message from Unreal Engine
+     * UnrealToolkit.EventBus.OnWindowMessage("WM_MY_EVENT", (args:string[]) => {
      *    console.log("My Event Args: ", args);
      * });
      * ```
@@ -26,6 +26,7 @@ export declare class UnrealToolkit {
 export declare class UnrealMessageBus {
     static AllowedOrigin: string;
     static TargetOrigin: string;
+    static ContentFrames: NodeListOf<HTMLIFrameElement>;
     constructor();
     /** Post event bus message
      * @param name The message to post
@@ -53,6 +54,10 @@ export declare class UnrealMessageBus {
      * @returns void
      */
     Dispose(): void;
+    /** Resets the content frame list
+     * @returns void
+     */
+    ResetContentFrames(): void;
     /** Handle window message event
      * @param event The message event to handle
      * @returns void

package/dist/unreal.toolkit.d.ts

@@ -8,11 +8,11 @@ export declare class UnrealToolkit {
     /** Unreal Toolkit event message bus
      * @example
      * ```typescript
-     * // Post myevent window message
-     * UnrealToolkit.EventBus.PostWindowMessage("myevent", ["Hello World!"]);
+     * // Post WM_HELLO message to Unreal Engine
+     * UnrealToolkit.EventBus.PostWindowMessage("WM_HELLO", ["Hello World!"]);
      *
-     * // Handle myevent window message
-     * UnrealToolkit.EventBus.OnWindowMessage("myevent", (args:string[]) => {
+     * // Handle WM_MY_EVENT message from Unreal Engine
+     * UnrealToolkit.EventBus.OnWindowMessage("WM_MY_EVENT", (args:string[]) => {
      *    console.log("My Event Args: ", args);
      * });
      * ```
@@ -26,6 +26,7 @@ export declare class UnrealToolkit {
 export declare class UnrealMessageBus {
     static AllowedOrigin: string;
     static TargetOrigin: string;
+    static ContentFrames: NodeListOf<HTMLIFrameElement>;
     constructor();
     /** Post event bus message
      * @param name The message to post
@@ -53,6 +54,10 @@ export declare class UnrealMessageBus {
      * @returns void
      */
     Dispose(): void;
+    /** Resets the content frame list
+     * @returns void
+     */
+    ResetContentFrames(): void;
     /** Handle window message event
      * @param event The message event to handle
      * @returns void

package/dist/unreal.toolkit.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.UnrealToolkit=n():e.UnrealToolkit=n()}(this,(()=>(()=>{"use strict";var e={d:(n,t)=>{for(var i in t)e.o(t,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:t[i]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},n={};e.d(n,{default:()=>o});var t=function(){function e(){}return Object.defineProperty(e,"EventBus",{get:function(){return null==e._EventBus&&(e._EventBus=new i),e._EventBus},enumerable:!1,configurable:!0}),e._EventBus=null,e}(),i=function(){function e(){this.ListenerDictionary={},this.HandleWindowMessage=this.HandleWindowMessage.bind(this),window.top.addEventListener("message",this.HandleWindowMessage)}return e.prototype.PostWindowMessage=function(n,t){try{window.top.postMessage({source:"unrealtoolkit",message:n,args:t},e.TargetOrigin)}catch(e){console.warn(e)}},e.prototype.OnWindowMessage=function(e,n){var t;null==this.ListenerDictionary[e]?(t=[],this.ListenerDictionary[e]=t):t=this.ListenerDictionary[e],t.findIndex((function(e){return n==e}))<0&&t.push(n)},e.prototype.RemoveHandler=function(e,n){var t=this.ListenerDictionary[e];if(null!=t){var i=t.findIndex((function(e){return n==e}));i>=0&&t.splice(i,1)}},e.prototype.ResetHandlers=function(){this.ListenerDictionary={}},e.prototype.Dispose=function(){this.ResetHandlers(),window.top.removeEventListener("message",this.HandleWindowMessage)},e.prototype.HandleWindowMessage=function(n){if(null!=n&&null!=n.origin&&null!=n.data&&null!=n.data.source&&null!=n.data.message)try{if(null!=e.AllowedOrigin&&""!==e.AllowedOrigin&&"*"!==e.AllowedOrigin&&n.origin!==e.AllowedOrigin)return void console.warn("UnrealMessageBus: Invalid Origin: "+n.origin);this.OnDispatchMessage(n.data.message,null!=n.data.args?n.data.args:null)}catch(e){console.warn(e)}},e.prototype.OnDispatchMessage=function(e,n){void 0===n&&(n=null);var t=this.ListenerDictionary[e];null!=t&&t.forEach((function(e){try{e&&e(n)}catch(e){console.warn(e)}}))},e.AllowedOrigin="*",e.TargetOrigin="*",e}();console.log("Unreal Toolkit Runtime - Version 0.1.8");const o=t;return n.default})()));
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.UnrealToolkit=n():e.UnrealToolkit=n()}(this,(()=>(()=>{"use strict";var e={d:(n,t)=>{for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},n={};e.d(n,{default:()=>i});var t=function(){function e(){}return Object.defineProperty(e,"EventBus",{get:function(){return null==e._EventBus&&(e._EventBus=new o),e._EventBus},enumerable:!1,configurable:!0}),e._EventBus=null,e}(),o=function(){function e(){this.ListenerDictionary={},this.HandleWindowMessage=this.HandleWindowMessage.bind(this),window.addEventListener("message",this.HandleWindowMessage)}return e.prototype.PostWindowMessage=function(n,t){try{null==e.ContentFrames&&(e.ContentFrames=document.querySelectorAll("iframe")),null!=e.ContentFrames?e.ContentFrames.forEach((function(o){var i;try{null===(i=o.contentWindow)||void 0===i||i.postMessage({source:"unrealtoolkit",message:n,args:t},e.TargetOrigin)}catch(e){console.warn(e)}})):console.warn("UnrealMessageBus: No Content Frames Found!")}catch(e){console.warn(e)}},e.prototype.OnWindowMessage=function(e,n){var t;null==this.ListenerDictionary[e]?(t=[],this.ListenerDictionary[e]=t):t=this.ListenerDictionary[e],t.findIndex((function(e){return n==e}))<0&&t.push(n)},e.prototype.RemoveHandler=function(e,n){var t=this.ListenerDictionary[e];if(null!=t){var o=t.findIndex((function(e){return n==e}));o>=0&&t.splice(o,1)}},e.prototype.ResetHandlers=function(){this.ListenerDictionary={}},e.prototype.Dispose=function(){this.ResetHandlers(),window.removeEventListener("message",this.HandleWindowMessage)},e.prototype.ResetContentFrames=function(){e.ContentFrames=null},e.prototype.HandleWindowMessage=function(n){if(null!=n&&null!=n.origin&&null!=n.data)if(null==e.AllowedOrigin||""===e.AllowedOrigin||"*"===e.AllowedOrigin||n.origin===e.AllowedOrigin){var t=null,o=null;null!=n.data.type?"progress"===n.data.type&&null!=n.data.value?(t="WM_PROGRESS",o=[n.data.value.toString()]):"LoadComplete"===n.data.type?(t="WM_LOAD_COMPLETE",o=null):"focus"===n.data.type?(t="WM_FOCUS",o=null):"blur"===n.data.type?(t="WM_BLUR",o=null):"pointer-lock-active"===n.data.type?(t="WM_POINTER_LOCK_ACTIVE",o=null):"pointer-lock-inactive"===n.data.type&&(t="WM_POINTER_LOCK_INACTIVE",o=null):null!=n.data.source&&"unrealtoolkit"===n.data.source&&null!=n.data.message&&(t=n.data.message,o=null!=n.data.args?n.data.args:null);try{null!=t&&this.OnDispatchMessage(t,o)}catch(e){console.warn(e)}}else console.warn("UnrealMessageBus: Invalid Origin: "+n.origin)},e.prototype.OnDispatchMessage=function(e,n){void 0===n&&(n=null);var t=this.ListenerDictionary[e];null!=t&&t.forEach((function(e){try{e&&e(n)}catch(e){console.warn(e)}}))},e.AllowedOrigin="*",e.TargetOrigin="*",e.ContentFrames=null,e}();console.log("Unreal Toolkit Runtime - Version 0.1.8");const i=t;return n.default})()));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "unreal-toolkit",
-    "version": "0.1.12",
+    "version": "0.1.14",
     "description": "Unreal Toolkit Runtime Library (UMD)",
     "main": "dist/unreal.toolkit.js",
     "types": "dist/index.d.ts",