iframe.io 0.0.3 → 0.0.7

package/dist/index.js

@@ -10,7 +10,30 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+};
+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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+function newObject(data) {
+    return JSON.parse(JSON.stringify(data));
+}
 var IFrameIO = /** @class */ (function () {
     function IFrameIO(options) {
         if (options && typeof options !== 'object')
@@ -19,7 +42,7 @@ var IFrameIO = /** @class */ (function () {
         this.Events = {};
         this.peer = { type: 'IFRAME' };
         if (options.type)
-            this.peer.type = options.type;
+            this.peer.type = options.type.toUpperCase();
     }
     IFrameIO.prototype.debug = function () {
         var args = [];
@@ -45,21 +68,20 @@ var IFrameIO = /** @class */ (function () {
                 || typeof data !== 'object'
                 || !data.hasOwnProperty('_event'))
                 return;
-            var _b = data, _event = _b._event, payload = _b.payload;
+            var _b = data, _event = _b._event, payload = _b.payload, callback = _b.callback;
             _this.debug("[".concat(_this.peer.type, "] Message: ").concat(_event), payload || '');
             // Handshake or availability check events
-            if (_event == 'pong')
-                return;
-            // Volatile event
-            if (!_this.Events[_event])
-                return _this.debug("[".concat(_this.peer.type, "] No <").concat(_event, "> listener defined"));
-            // Trigger listeners
-            _this.Events[_event].map(function (fn) { return fn(payload); });
-            // Delete once event listeners
-            delete _this.Events[_event + '--@once'];
+            if (_event == 'pong') {
+                // Content Window is connected to iframe
+                _this.trigger('connect');
+                return _this.debug("[".concat(_this.peer.type, "] connected"));
+            }
+            // Trigger available event listeners
+            _this.trigger(_event, payload, callback);
         }, false);
         this.debug("[".concat(this.peer.type, "] Initiate connection: IFrame origin <").concat(iframeOrigin, ">"));
         this.emit('ping');
+        return this;
     };
     IFrameIO.prototype.listen = function (hostOrigin) {
         // Listening to connection from the content window
@@ -84,19 +106,47 @@ var IFrameIO = /** @class */ (function () {
             // Origin different from handshaked source origin
             else if (origin !== _this.peer.origin)
                 throw new Error('Invalid Origin');
-            var _event = data._event, payload = data.payload;
+            var _event = data._event, payload = data.payload, callback = data.callback;
             _this.debug("[".concat(_this.peer.type, "] Message: ").concat(_event), payload || '');
             // Handshake or availability check events
-            if (_event == 'ping')
-                return _this.emit('pong');
-            // Volatile event
-            if (!_this.Events[_event])
-                return _this.debug("[".concat(_this.peer.type, "] No <").concat(_event, "> listener defined"));
-            // Trigger listeners
-            _this.Events[_event].map(function (fn) { return fn(payload); });
-            // Delete once event listeners
-            delete _this.Events[_event + '--@once'];
+            if (_event == 'ping') {
+                _this.emit('pong');
+                // Iframe is connected to content window
+                _this.trigger('connect');
+                return _this.debug("[".concat(_this.peer.type, "] connected"));
+            }
+            // Trigger available event listeners
+            _this.trigger(_event, payload, callback);
         }, false);
+        return this;
+    };
+    IFrameIO.prototype.trigger = function (_event, payload, callback) {
+        var _this = this;
+        // Volatile event
+        if (!this.Events[_event]
+            && !this.Events[_event + '--@once'])
+            return this.debug("[".concat(this.peer.type, "] No <").concat(_event, "> listener defined"));
+        var callbackFn = callback ?
+            function (error) {
+                var args = [];
+                for (var _i = 1; _i < arguments.length; _i++) {
+                    args[_i - 1] = arguments[_i];
+                }
+                _this.emit(_event + '--@callback', __assign({ error: error || false }, args));
+                return;
+            } : undefined;
+        var listeners = [];
+        if (this.Events[_event + '--@once']) {
+            // Once triggable event
+            _event += '--@once';
+            listeners = this.Events[_event];
+            // Delete once event listeners after triggered
+            delete this.Events[_event];
+        }
+        else
+            listeners = this.Events[_event];
+        // Trigger listeners
+        listeners.map(function (fn) { return payload ? fn(payload, callbackFn) : fn(callbackFn); });
     };
     IFrameIO.prototype.emit = function (_event, payload, fn) {
         if (!this.peer.source)
@@ -105,10 +155,17 @@ var IFrameIO = /** @class */ (function () {
             fn = payload;
             payload = null;
         }
-        this.peer.source.postMessage(JSON.parse(JSON.stringify({ _event: _event, payload: payload })), this.peer.origin);
         // Acknowledge/callback event listener
-        if (typeof fn == 'function')
-            this.once(_event, fn);
+        var hasCallback = false;
+        if (typeof fn === 'function') {
+            var callbackFunction_1 = fn;
+            this.once(_event + '--@callback', function (_a) {
+                var error = _a.error, args = __rest(_a, ["error"]);
+                return callbackFunction_1.apply(void 0, __spreadArray([error], args, false));
+            });
+            hasCallback = true;
+        }
+        this.peer.source.postMessage(newObject({ _event: _event, payload: payload, callback: hasCallback }), this.peer.origin);
         return this;
     };
     IFrameIO.prototype.on = function (_event, fn) {

package/package.json

@@ -1,10 +1,16 @@
 {
   "name": "iframe.io",
-  "version": "0.0.3",
+  "version": "0.0.7",
   "description": "Easy and friendly API to connect and interact between content window and its containing iframe",
   "main": "./dist/index.js",
-  "type": "commonjs",
   "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./src/index.d.ts"
+    }
+  },
   "private": false,
   "scripts": {
     "compile": "rimraf ./dist && tsc",