html2apk 0.2.0 → 0.3.0

package/src/templates/html2apk-auto-theme.js

@@ -0,0 +1,144 @@
+(function () {
+  "use strict";
+
+  var lastPayload = "";
+  var scheduled = false;
+  var observer = null;
+
+  function clamp(value) {
+    var number = Number(value);
+    if (!Number.isFinite(number)) {
+      return 0;
+    }
+    return Math.max(0, Math.min(255, Math.round(number)));
+  }
+
+  function toHex(red, green, blue) {
+    return "#" + [red, green, blue].map(function (part) {
+      return clamp(part).toString(16).padStart(2, "0");
+    }).join("");
+  }
+
+  function parseColor(value) {
+    var color = String(value || "").trim();
+    var match;
+    var parts;
+
+    if (!color || color === "transparent") {
+      return null;
+    }
+
+    if (/^#[0-9a-f]{3}$/i.test(color)) {
+      return "#" + color.slice(1).split("").map(function (part) {
+        return part + part;
+      }).join("").toLowerCase();
+    }
+
+    if (/^#[0-9a-f]{6}$/i.test(color)) {
+      return color.toLowerCase();
+    }
+
+    match = color.match(/^rgba?\((.+)\)$/i);
+    if (!match) {
+      return null;
+    }
+
+    parts = match[1].split(",").map(function (part) {
+      return part.trim();
+    });
+    if (parts.length < 3 || (parts.length > 3 && Number(parts[3]) === 0)) {
+      return null;
+    }
+
+    return toHex(parts[0], parts[1], parts[2]);
+  }
+
+  function fallbackColor() {
+    return parseColor(window.getComputedStyle(document.body).backgroundColor)
+      || parseColor(window.getComputedStyle(document.documentElement).backgroundColor)
+      || "#126fff";
+  }
+
+  function colorAt(x, y) {
+    var maxX = Math.max(0, window.innerWidth - 1);
+    var maxY = Math.max(0, window.innerHeight - 1);
+    var element = document.elementFromPoint(Math.max(0, Math.min(maxX, x)), Math.max(0, Math.min(maxY, y)));
+
+    while (element && element.nodeType === 1) {
+      var color = parseColor(window.getComputedStyle(element).backgroundColor);
+      if (color) {
+        return color;
+      }
+      element = element.parentElement;
+    }
+
+    return fallbackColor();
+  }
+
+  function isLight(hex) {
+    var value = String(hex || "").replace("#", "");
+    var red = parseInt(value.slice(0, 2), 16) / 255;
+    var green = parseInt(value.slice(2, 4), 16) / 255;
+    var blue = parseInt(value.slice(4, 6), 16) / 255;
+    var luminance = (0.2126 * red) + (0.7152 * green) + (0.0722 * blue);
+    return luminance > 0.62;
+  }
+
+  function applyTheme() {
+    var setSystemBarsColor = window.setSystemBarsColor || window.definirCorTema;
+    var statusBarColor = colorAt(window.innerWidth / 2, 8);
+    var navigationBarColor = colorAt(window.innerWidth / 2, window.innerHeight - 8);
+    var payload = {
+      statusBarColor: statusBarColor,
+      navigationBarColor: navigationBarColor,
+      color: statusBarColor,
+      darkIcons: isLight(statusBarColor),
+      darkNavigationIcons: isLight(navigationBarColor),
+      source: "auto"
+    };
+    var nextPayload = JSON.stringify(payload);
+
+    scheduled = false;
+    if (nextPayload === lastPayload || typeof setSystemBarsColor !== "function") {
+      return;
+    }
+
+    lastPayload = nextPayload;
+    setSystemBarsColor(payload).catch(function () {});
+  }
+
+  function scheduleThemeUpdate() {
+    if (scheduled) {
+      return;
+    }
+
+    scheduled = true;
+    window.requestAnimationFrame(applyTheme);
+  }
+
+  function startAutoTheme() {
+    scheduleThemeUpdate();
+    window.addEventListener("scroll", scheduleThemeUpdate, { passive: true });
+    window.addEventListener("resize", scheduleThemeUpdate);
+    document.addEventListener("visibilitychange", scheduleThemeUpdate);
+
+    if (window.MutationObserver && !observer) {
+      observer = new MutationObserver(scheduleThemeUpdate);
+      observer.observe(document.documentElement, {
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+    }
+
+    window.setInterval(scheduleThemeUpdate, 1200);
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", scheduleThemeUpdate);
+  } else {
+    scheduleThemeUpdate();
+  }
+
+  document.addEventListener("deviceready", startAutoTheme, false);
+}());

package/src/templates/html2apk-onesignal.js

@@ -0,0 +1,155 @@
+"use strict";
+
+(function () {
+  var appId = __HTML2APK_ONESIGNAL_APP_ID__;
+  var ready = false;
+  var initError = null;
+
+  function oneSignal() {
+    return (window.plugins && window.plugins.OneSignal) || window.OneSignal || null;
+  }
+
+  function requireOneSignal() {
+    var sdk = oneSignal();
+    if (!sdk) {
+      throw new Error("OneSignal is not available. Check whether onesignal-cordova-plugin was installed.");
+    }
+    return sdk;
+  }
+
+  function dispatch(type, detail) {
+    window.dispatchEvent(new CustomEvent(type, { detail: detail || {} }));
+  }
+
+  function asPromise(action) {
+    return new Promise(function (resolve, reject) {
+      try {
+        resolve(action(requireOneSignal()));
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
+
+  function status() {
+    return {
+      enabled: Boolean(appId),
+      habilitado: Boolean(appId),
+      ready: ready,
+      pronto: ready,
+      appId: appId,
+      error: initError,
+      erro: initError
+    };
+  }
+
+  function initialize() {
+    if (!appId || ready) {
+      return;
+    }
+
+    try {
+      var sdk = requireOneSignal();
+      sdk.initialize(appId);
+      ready = true;
+
+      if (sdk.Notifications && sdk.Notifications.addEventListener) {
+        sdk.Notifications.addEventListener("click", function (event) {
+          dispatch("html2apk:push-click", event);
+          dispatch("html2apk:onesignal-click", event);
+        });
+      }
+
+      dispatch("html2apk:onesignal-ready", status());
+    } catch (error) {
+      initError = error && error.message ? error.message : String(error);
+      dispatch("html2apk:onesignal-error", status());
+    }
+  }
+
+  function requestPushPermission(fallbackToSettings) {
+    return asPromise(function (sdk) {
+      if (!sdk.Notifications || !sdk.Notifications.requestPermission) {
+        throw new Error("OneSignal notification permission API is not available.");
+      }
+      return sdk.Notifications.requestPermission(Boolean(fallbackToSettings));
+    });
+  }
+
+  function onPushClick(listener) {
+    if (typeof listener !== "function") {
+      throw new TypeError("listener must be a function");
+    }
+
+    var sdk = requireOneSignal();
+    if (!sdk.Notifications || !sdk.Notifications.addEventListener) {
+      throw new Error("OneSignal click listener API is not available.");
+    }
+
+    sdk.Notifications.addEventListener("click", listener);
+    return function unsubscribe() {
+      if (sdk.Notifications.removeEventListener) {
+        sdk.Notifications.removeEventListener("click", listener);
+      }
+    };
+  }
+
+  function loginPushUser(externalId) {
+    return asPromise(function (sdk) {
+      if (!externalId) {
+        throw new Error("External user id is required.");
+      }
+      sdk.login(String(externalId));
+      return { externalId: String(externalId), loggedIn: true, logado: true };
+    });
+  }
+
+  function logoutPushUser() {
+    return asPromise(function (sdk) {
+      if (sdk.logout) {
+        sdk.logout();
+      }
+      return { loggedOut: true, deslogado: true };
+    });
+  }
+
+  function addPushTag(key, value) {
+    return asPromise(function (sdk) {
+      if (!sdk.User || !sdk.User.addTag) {
+        throw new Error("OneSignal user tag API is not available.");
+      }
+      sdk.User.addTag(String(key), String(value));
+      return { key: String(key), value: String(value), saved: true, salvo: true };
+    });
+  }
+
+  function addPushTags(tags) {
+    return asPromise(function (sdk) {
+      if (!tags || typeof tags !== "object" || Array.isArray(tags)) {
+        throw new TypeError("tags must be an object.");
+      }
+      if (!sdk.User || !sdk.User.addTags) {
+        throw new Error("OneSignal user tag API is not available.");
+      }
+      sdk.User.addTags(tags);
+      return { tags: tags, saved: true, salvo: true };
+    });
+  }
+
+  window.statusOneSignal = status;
+  window.oneSignalStatus = status;
+  window.solicitarPermissaoPush = requestPushPermission;
+  window.requestPushPermission = requestPushPermission;
+  window.aoClicarPush = onPushClick;
+  window.onPushClick = onPushClick;
+  window.identificarUsuarioPush = loginPushUser;
+  window.loginPushUser = loginPushUser;
+  window.sairUsuarioPush = logoutPushUser;
+  window.logoutPushUser = logoutPushUser;
+  window.adicionarTagPush = addPushTag;
+  window.addPushTag = addPushTag;
+  window.adicionarTagsPush = addPushTags;
+  window.addPushTags = addPushTags;
+
+  document.addEventListener("deviceready", initialize, false);
+})();