@nota/nativescript-webview-ext
Version:
Extended WebView for NativeScript which adds 'x-local' scheme for local-files. events between WebView and native-layer, javascript execution, injecting CSS and JS-files.
293 lines (292 loc) • 12 kB
JavaScript
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
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) : new P(function (resolve) { resolve(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 };
}
};
var __values = (this && this.__values) || function (o) {
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
if (m) return m.call(o);
return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
};
var __read = (this && this.__read) || function (o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
};
var __spread = (this && this.__spread) || function () {
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
return ar;
};
function createIFrameForUIWebView(src) {
var rootElm = document.documentElement || document.body;
var newFrameElm = document.createElement("iframe");
newFrameElm.setAttribute("src", src);
rootElm.appendChild(newFrameElm);
return newFrameElm;
}
function getWkWebViewMessageHandler() {
var w = window;
if (!w || !w.webkit || !w.webkit.messageHandlers) {
return;
}
return w.webkit.messageHandlers.nsBridge;
}
var NSWebViewBridge = (function () {
function NSWebViewBridge() {
this.eventListenerMap = {};
this.iosUIWebViewResponseMap = {};
this.iosUIWebViewResponseId = 0;
}
Object.defineProperty(NSWebViewBridge.prototype, "androidWebViewBridge", {
get: function () {
if (typeof androidWebViewBridge !== "undefined") {
return androidWebViewBridge;
}
},
enumerable: true,
configurable: true
});
NSWebViewBridge.prototype.onNativeEvent = function (eventName, data) {
var e_1, _a;
var events = this.eventListenerMap[eventName];
if (!events || events.length === 0) {
return;
}
try {
for (var events_1 = __values(events), events_1_1 = events_1.next(); !events_1_1.done; events_1_1 = events_1.next()) {
var listener = events_1_1.value;
var res = listener && listener(data);
if (res === false) {
break;
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (events_1_1 && !events_1_1.done && (_a = events_1.return)) _a.call(events_1);
}
finally { if (e_1) throw e_1.error; }
}
};
NSWebViewBridge.prototype.emitEventToIOS = function (eventName, data) {
var messageHandler = getWkWebViewMessageHandler();
if (messageHandler) {
messageHandler.postMessage(JSON.stringify({
eventName: eventName,
data: data,
}));
return;
}
this.iosUIWebViewResponseMap[++this.iosUIWebViewResponseId] = data;
var metadata = {
eventName: eventName,
resId: this.iosUIWebViewResponseId,
};
var url = "js2ios:" + JSON.stringify(metadata);
var iFrame = createIFrameForUIWebView(url);
if (iFrame && iFrame.parentNode) {
iFrame.parentNode.removeChild(iFrame);
}
else {
delete this.iosUIWebViewResponseMap[this.iosUIWebViewResponseId];
}
};
NSWebViewBridge.prototype.emitEventToAndroid = function (eventName, data) {
var androidWebViewBridge = this.androidWebViewBridge;
if (!androidWebViewBridge) {
console.error("Tried to emit to android without the androidWebViewBridge");
return;
}
androidWebViewBridge.emitEvent(eventName, data);
};
NSWebViewBridge.prototype.getUIWebViewResponse = function (resId) {
var response = this.iosUIWebViewResponseMap[resId];
delete this.iosUIWebViewResponseMap[resId];
return response;
};
NSWebViewBridge.prototype.on = function (eventName, callback) {
if (!callback) {
return;
}
var events = this.eventListenerMap[eventName] || [];
this.eventListenerMap[eventName] = __spread(events, [callback]);
};
NSWebViewBridge.prototype.addEventListener = function (eventName, callback) {
this.on(eventName, callback);
};
NSWebViewBridge.prototype.off = function (eventName, callback) {
if (!eventName) {
this.eventListenerMap = {};
return;
}
if (!callback) {
delete this.eventListenerMap[eventName];
return;
}
this.eventListenerMap[eventName] = this.eventListenerMap[eventName].filter(function (oldCallback) { return oldCallback !== callback; });
if (this.eventListenerMap[eventName].length === 0) {
delete this.eventListenerMap[eventName];
}
};
NSWebViewBridge.prototype.removeEventListener = function (eventName, callback) {
return this.off(eventName, callback);
};
NSWebViewBridge.prototype.emit = function (eventName, data) {
if (this.androidWebViewBridge) {
this.emitEventToAndroid(eventName, JSON.stringify(data));
}
else {
this.emitEventToIOS(eventName, data);
}
};
NSWebViewBridge.prototype.injectJavaScriptFile = function (href) {
var elId = this.elementIdFromHref(href);
if (document.getElementById(elId)) {
console.log(elId + " already exists");
return Promise.resolve();
}
return new Promise(function (resolve, reject) {
var script = document.createElement("script");
script.async = true;
script.setAttribute("id", elId);
script.addEventListener("error", function (error) {
console.error("Failed to load " + href + " - error: " + error);
reject(error);
});
script.addEventListener("load", function () {
console.info("Loaded " + href);
window.requestAnimationFrame(function () {
resolve();
});
if (script.parentElement) {
script.parentElement.removeChild(script);
}
});
script.src = href;
document.body.appendChild(script);
});
};
NSWebViewBridge.prototype.injectStyleSheetFile = function (href, insertBefore) {
var elId = this.elementIdFromHref(href);
if (document.getElementById(elId)) {
console.log(elId + " already exists");
return Promise.resolve();
}
return new Promise(function (resolve, reject) {
var linkElement = document.createElement("link");
linkElement.addEventListener("error", function (error) {
console.error("Failed to load " + href + " - error: " + error);
reject(error);
});
linkElement.addEventListener("load", function () {
console.info("Loaded " + href);
window.requestAnimationFrame(function () {
resolve();
});
});
linkElement.setAttribute("id", elId);
linkElement.setAttribute("rel", "stylesheet");
linkElement.setAttribute("type", "text/css");
linkElement.setAttribute("href", href);
if (document.head) {
if (insertBefore && document.head.childElementCount > 0) {
document.head.insertBefore(linkElement, document.head.firstElementChild);
}
else {
document.head.appendChild(linkElement);
}
}
});
};
NSWebViewBridge.prototype.executePromise = function (promise, eventName) {
return __awaiter(this, void 0, void 0, function () {
var data, err_1;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
_a.trys.push([0, 2, , 3]);
return [4, promise];
case 1:
data = _a.sent();
this.emit(eventName, {
data: data,
});
return [3, 3];
case 2:
err_1 = _a.sent();
this.emitError(err_1, eventName);
return [3, 3];
case 3: return [2];
}
});
});
};
NSWebViewBridge.prototype.emitError = function (err, eventName) {
if (eventName === void 0) { eventName = "web-error"; }
if (err && typeof err === "object" && err.message) {
this.emit(eventName, {
err: {
message: err.message,
stack: err.stack,
},
});
}
else {
this.emit(eventName, {
err: err,
});
}
};
NSWebViewBridge.prototype.elementIdFromHref = function (href) {
return href.replace(/^[:]*:\/\//, "").replace(/[^a-z0-9]/g, "");
};
return NSWebViewBridge;
}());
window["nsWebViewBridge"] = new NSWebViewBridge();