@olenbetong/appframe-core 2.0.4 → 2.1.0

package/dist/esm/af.common.js

@@ -1,10 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-
 // src/errorHandler.ts
 window.addEventListener("error", (event) => {
   try {
@@ -46,181 +39,42 @@ function mitt_default(n) {
   } };
 }
 
-// src/has.ts
-function has(obj, key) {
-  return Object.prototype.hasOwnProperty.call(obj, key);
-}
-
-// src/getLocalizedString.ts
-async function fetchLocalizedString(text) {
-  try {
-    let response = await fetch(`/api/user/localize/new/${af.article.id}`, {
-      body: JSON.stringify({ text }),
-      headers: {
-        Accept: "application/json; */*",
-        "Content-Type": "application/json",
-        "X-Requested-With": "XMLHttpRequest"
-      },
-      method: "POST"
-    });
-    if (response.ok) {
-      return await response.json();
-    }
-  } catch (error) {
-  }
-  return text;
-}
-function getLocalizedString(string, wait) {
-  if (typeof string === "string" && string.trim().length === 0) {
-    return string;
-  }
-  if (string === void 0 || string === "" || string === null) {
-    return;
-  }
-  if (af?.article?.i18n !== void 0) {
-    if (!has(af.article.i18n, string)) {
-      af.article.i18n[string] = string;
-      let promise = fetchLocalizedString(string).then((text) => {
-        af.article.i18n[string] = text;
-        return text;
-      });
-      if (wait) {
-        return promise;
-      }
-    }
-    return af.article.i18n[string];
-  } else {
-    return string;
-  }
-}
-
 // src/SessionHandler.ts
-var _SessionHandler = class {
+var SessionHandler = class {
   eventHandler = mitt_default();
-  showingDialog = false;
-  dialog = null;
-  expired(callback) {
-    af.userSession = af.userSession || {
-      login: null
-    };
-    if (typeof callback !== "function") {
-      throw new TypeError("Parameter pCallback passed to the expired function must be a function!");
-    }
-    const once = () => {
-      this.detachEvent("onAuthenticated", once);
-      callback();
-    };
-    this.attachEvent("onAuthenticated", once);
-    if (this.showingDialog !== true) {
-      this.showingDialog = true;
-      const contentContainer = document.createElement("div");
-      contentContainer.className = "session-expired-container";
-      contentContainer.innerHTML = `
-<div class="session-expired-log-in" style="margin-top: 20px;">
-  <div class="row">
-    <div class="sessionExpired">
-      <h4 class="message">Frakoblet - tidsavbrudd</h4>
-      <div class="form-group">
-        <label for="username">${getLocalizedString("Username")}</label>
-        <input type="text" class="form-control" id="username" autofocus>
-      </div>
-      <div class="form-group">
-        <label for="password">${getLocalizedString("Password")}</label>
-        <input type="password" autocomplete="password" class="form-control" id="password" >
-      </div>
-      <div class="form-group">
-        <div>
-          <button type="submit" class="btn btn-default sign-in">
-            ${getLocalizedString("Log in")}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="" style="display:none; margin: 0px 30px;">
-      <div class="alert alert-warning" role="alert" style="margin-top:10px;"></div> 
-    </div>
-  </div>
-</div>
-`;
-      const message = af.userSession.login ? _SessionHandler.messages.relog : _SessionHandler.messages.login;
-      const messageElem = contentContainer.querySelector(".message");
-      const statusElem = contentContainer.querySelector(".alert-warning");
-      const userElem = contentContainer.querySelector("input[type=text]");
-      const signInElem = contentContainer.querySelector(".sign-in");
-      const passwordElem = contentContainer.querySelector("input[type=password]");
-      if (messageElem !== null && userElem !== null && statusElem !== null && userElem !== null && signInElem !== null && passwordElem !== null) {
-        messageElem.innerText = getLocalizedString(message);
-        userElem.value = af.userSession.login || "";
-        userElem.disabled = !!af.userSession.login;
-        userElem.readOnly = !!af.userSession.login;
-        document.body.appendChild(contentContainer);
-        const doLogin = async () => {
-          passwordElem.disabled = true;
-          const request = new Request("/login", {
-            body: JSON.stringify({
-              username: userElem.value,
-              password: passwordElem.value,
-              remember: false
-            }),
-            headers: {
-              Accept: "application/json",
-              "Content-Type": "application/json; charset=utf-8",
-              "X-Requested-With": "XMLHttpRequest"
-            },
-            method: "POST"
-          });
-          try {
-            const response = await fetch(request);
-            const json = await response.json();
-            if (json.success) {
-              document.body.removeChild(contentContainer);
-              this.showingDialog = false;
-              this.eventHandler.emit("onAuthenticated");
-              if (statusElem.parentNode) {
-                statusElem.parentNode.style.display = "none";
-              }
-            } else {
-              throw new Error(json.error);
-            }
-          } catch (err) {
-            if (err && typeof err === "object") {
-              let error = err;
-              passwordElem.disabled = false;
-              passwordElem.classList.toggle("invalid", true);
-              passwordElem.value = "";
-              passwordElem.focus();
-              statusElem.innerText = error.message ? error.message : String(error);
-              if (statusElem.parentNode) {
-                statusElem.parentNode.style.display = "initial";
-              }
-            }
-          }
-        };
-        signInElem.addEventListener("click", doLogin);
-        passwordElem.addEventListener("keyup", (evt) => {
-          if (evt.key === "Enter") {
-            doLogin();
-          }
-        });
-        passwordElem.addEventListener("change", (evt) => {
-          if (evt.key === "Enter") {
-            doLogin();
-          }
-        });
-        userElem.addEventListener("keyup", (evt) => {
-          if (evt.key === "Enter") {
-            doLogin();
-          }
-        });
-        userElem.addEventListener("change", (evt) => {
-          if (evt.key === "Enter") {
-            doLogin();
-          }
-        });
-        passwordElem.focus();
+  authenticated() {
+    this.eventHandler.emit("onAuthenticated");
+  }
+  async expired(callback, type) {
+    let authPromise = new Promise((resolve) => {
+      let eventHandler = () => {
+        this.eventHandler.off("onAuthenticated", eventHandler);
+        callback?.();
+        resolve();
+      };
+      this.eventHandler.on("onAuthenticated", eventHandler);
+    });
+    let dialog = document.querySelector("dialog.session-expired-dialog");
+    if (!dialog) {
+      dialog = document.createElement("dialog");
+      dialog.className = "session-expired-dialog";
+      dialog.style.display = "flex";
+      dialog.style.padding = "0";
+      dialog.style.left = "50%";
+      dialog.style.transform = "translateX(-50%)";
+      let link = "/login?ReturnUrl=%2fapi/sessionexpired/remove";
+      if (type !== "RequireTwoFactor") {
+        await fetch("/logout", { method: "POST" });
+      } else {
+        link = "/login?RequireTwoFactor=1&ReturnUrl=%2fapi/sessionexpired/remove";
       }
+      dialog.innerHTML = `<iframe sandbox="allow-same-origin allow-scripts allow-modals allow-top-navigation-by-user-activation allow-forms" src="${link}" style="border:0;width:min(500px,100vw);height:min(700px, 100vh);"></iframe>`;
+      document.body.append(dialog);
+      dialog.showModal();
+      await authPromise;
+      dialog.remove();
+    } else {
+      await authPromise;
     }
   }
   attachEvent(eventName, handler) {
@@ -230,11 +84,6 @@ var _SessionHandler = class {
     return this.eventHandler.off(eventName, handler);
   }
 };
-var SessionHandler = _SessionHandler;
-__publicField(SessionHandler, "messages", {
-  login: "Log in",
-  relog: "Session expired - log in"
-});
 
 // src/UserSession.ts
 var UserSession = class extends SessionHandler {
@@ -257,7 +106,6 @@ var UserSession = class extends SessionHandler {
   shortDateFormat = "dd.MM.yyyy";
   culture = "en-GB";
   uiculture = "en-GB";
-  expired = () => null;
   constructor(userData) {
     super();
     this.formats = {};
@@ -328,7 +176,6 @@ async function downloadRequest(request, { fileName, signal, onProgress }) {
       });
       response = new Response(stream);
     } catch (error) {
-      console.warn("Failed to replace response stream to log download progress.");
     }
     const blob = await response.blob();
     reportProgress({ bytesReceived, status: "downloaded" });
@@ -343,6 +190,11 @@ async function downloadRequest(request, { fileName, signal, onProgress }) {
   }
 }
 
+// src/has.ts
+function has(obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
+}
+
 // src/parseFunc.ts
 var funcRegex = /^function(?:\s+([a-zA-Z$_][a-zA-Z0-9$_]*))?\s*\(((?:(?:\s*[a-zA-Z$_][a-zA-Z0-9$_]*)(?:\s*,\s*[a-zA-Z$_][a-zA-Z0-9$_]*)*)?)\s*\)\s*\{((?:.|\n|\r)*)\}$/;
 function parseFunc(func) {
@@ -371,19 +223,10 @@ function requireNamespace(root, namespace) {
         current = current[namespace[i]] = current[namespace[i]] || new Namespace_default();
       }
       return current;
-    } else {
-      throw new TypeError("Invalid type of parameter 'namespace'");
     }
-  } else {
-    throw new TypeError("Invalid type of parameter 'root'");
   }
 }
 
-// src/warn.ts
-function warn(message, fallbackToAlert) {
-  console.warn(message);
-}
-
 // src/expose.ts
 function expose(name, value) {
   if (arguments.length !== 2) {
@@ -419,13 +262,69 @@ function expose(name, value) {
       throw new TypeError("Invalid typeof parameter 'name', or unable to parse pValue!");
     }
     if (has(namespace, keyName)) {
-      warn([name, keyName].join(".") + " is already defined!");
+      console.warn([name, keyName].join(".") + " is already defined!");
     } else {
       namespace[keyName] = value;
     }
   }
 }
 
+// src/getLocalizedString.ts
+async function fetchLocalizedString(text) {
+  try {
+    let response = await fetch(`/api/user/localize/new/${af.article.id}`, {
+      body: JSON.stringify({ text }),
+      headers: {
+        Accept: "application/json; */*",
+        "Content-Type": "application/json",
+        "X-Requested-With": "XMLHttpRequest"
+      },
+      method: "POST"
+    });
+    if (response.ok) {
+      return await response.json();
+    }
+  } catch (error) {
+  }
+  return text;
+}
+function getLocalizedString(string, wait) {
+  if (typeof string === "string" && string.trim().length === 0) {
+    return string;
+  }
+  if (string === void 0 || string === "" || string === null) {
+    return;
+  }
+  if (af?.article?.i18n !== void 0) {
+    if (!has(af.article.i18n, string)) {
+      af.article.i18n[string] = string;
+      let promise = fetchLocalizedString(string).then((text) => {
+        af.article.i18n[string] = text;
+        return text;
+      });
+      if (wait) {
+        return promise;
+      }
+    }
+    return af.article.i18n[string];
+  } else {
+    return string;
+  }
+}
+
+// src/localize.ts
+function localize(stringParts, ...args) {
+  if (!Array.isArray(stringParts) || stringParts?.length || stringParts.length !== args.length + 1) {
+    throw TypeError("Method 'localize' must be used as a tag function");
+  }
+  let stringToLocalize = stringParts.map((s, i) => i === stringParts.length - 1 ? s : `${s}$${i}`).join("");
+  let localized = getLocalizedString(stringToLocalize);
+  args.forEach((arg, index) => {
+    localized = localized.replace("$" + index, arg);
+  });
+  return localized;
+}
+
 // src/localStorage.ts
 function getLocalKey(key) {
   return [af?.article?.id || "", "common", key].join(".");
@@ -497,7 +396,7 @@ function saveSettings(setting, value, article) {
 }
 
 // src/index.ts
-var version = "2.0.4";
+var version = "2.1.0";
 export {
   SessionHandler,
   UserSession,
@@ -508,6 +407,7 @@ export {
   getSettings,
   has,
   localStorage_default as localStorage,
+  localize,
   mitt_default as mitt,
   saveSettings,
   version