@symbo.ls/utils 3.2.3 → 3.14.0

package/dist/esm/if.js

@@ -0,0 +1,28 @@
+import { isFunction } from "./types.js";
+import { exec } from "./object.js";
+const createIfConditionFlag = (element, parent) => {
+  const { __ref: ref } = element;
+  const ifVal = element.if;
+  if (isFunction(ifVal)) {
+    let result;
+    try {
+      result = ifVal(element, element.state, element.context);
+    } catch (e) {
+      if (typeof console !== "undefined") console.warn("[DOMQL] if condition error:", e);
+      delete ref.__if;
+      return;
+    }
+    if (!result) {
+      delete ref.__if;
+    } else ref.__if = true;
+  } else if (ifVal != null && typeof ifVal === "object") {
+    const result = exec(ifVal, element);
+    if (!result) delete ref.__if;
+    else ref.__if = true;
+  } else {
+    ref.__if = true;
+  }
+};
+export {
+  createIfConditionFlag
+};

package/dist/esm/index.js

@@ -0,0 +1,37 @@
+export * from "./key.js";
+export * from "./env.js";
+export * from "./types.js";
+export * from "./object.js";
+export * from "./function.js";
+export * from "./array.js";
+export * from "./node.js";
+export * from "./if.js";
+export * from "./log.js";
+export * from "./string.js";
+export * from "./globals.js";
+export * from "./cookie.js";
+export * from "./tags.js";
+export * from "./component.js";
+export * from "./props.js";
+export * from "./extends.js";
+export * from "./element.js";
+export * from "./state.js";
+export * from "./keys.js";
+export * from "./scope.js";
+export * from "./methods.js";
+export * from "./cache.js";
+export * from "./update.js";
+export * from "./triggerEvent.js";
+export * from "./projectKeys.js";
+export * from "./browser.js";
+export * from "./cdn.js";
+export * from "./date.js";
+export * from "./detectHeight.js";
+export * from "./fibonacci.js";
+export * from "./files.js";
+export * from "./load.js";
+export * from "./metadata.js";
+export * from "./scaling.js";
+export * from "./sharedLibraries.js";
+export * from "./string-extra.js";
+export * from "./style.js";

package/dist/esm/key.js

@@ -0,0 +1,18 @@
+import { exec } from "./object.js";
+const generateKey = /* @__PURE__ */ (function() {
+  let index = 0;
+  function newId() {
+    index++;
+    return index;
+  }
+  return newId;
+})();
+const createSnapshotId = generateKey;
+const createKey = (element, parent, key) => {
+  return (exec(key, element) || key || element.key || generateKey()).toString();
+};
+export {
+  createKey,
+  createSnapshotId,
+  generateKey
+};

package/dist/esm/keys.js

@@ -0,0 +1,181 @@
+const DOMQ_PROPERTIES = /* @__PURE__ */ new Set([
+  "attr",
+  "style",
+  "text",
+  "html",
+  "content",
+  "data",
+  "classlist",
+  "state",
+  "scope",
+  "root",
+  "deps",
+  "extend",
+  "extends",
+  "$router",
+  "routes",
+  "children",
+  "childExtend",
+  "childExtends",
+  "childExtendRecursive",
+  "childExtendsRecursive",
+  "props",
+  "if",
+  "define",
+  "__name",
+  "__ref",
+  "__hash",
+  "__text",
+  "key",
+  "tag",
+  "query",
+  "parent",
+  "node",
+  "variables",
+  "on",
+  "fetch",
+  "component",
+  "context",
+  "preventContentUpdate",
+  "preventContentRecreate"
+]);
+const PARSED_DOMQ_PROPERTIES = /* @__PURE__ */ new Set([
+  "attr",
+  "style",
+  "text",
+  "html",
+  "content",
+  "data",
+  "class",
+  "state",
+  "scope",
+  "children",
+  "props",
+  "if",
+  "key",
+  "tag",
+  "query",
+  "on",
+  "context"
+]);
+const STATE_PROPERTIES = [
+  "ref",
+  "parent",
+  "__element",
+  "__depends",
+  "__ref",
+  "__children",
+  "root"
+];
+const STATE_METHODS = /* @__PURE__ */ new Set([
+  "update",
+  "parse",
+  "clean",
+  "create",
+  "destroy",
+  "add",
+  "toggle",
+  "remove",
+  "apply",
+  "set",
+  "reset",
+  "replace",
+  "quietReplace",
+  "quietUpdate",
+  "applyReplace",
+  "applyFunction",
+  "keys",
+  "values",
+  "ref",
+  "rootUpdate",
+  "parentUpdate",
+  "parent",
+  "__element",
+  "__depends",
+  "__ref",
+  "__children",
+  "root",
+  "setByPath",
+  "setPathCollection",
+  "removeByPath",
+  "removePathCollection",
+  "getByPath"
+]);
+const PROPS_METHODS = /* @__PURE__ */ new Set(["update", "__element"]);
+const METHODS = /* @__PURE__ */ new Set([
+  "set",
+  "reset",
+  "update",
+  "remove",
+  "updateContent",
+  "removeContent",
+  "lookup",
+  "lookdown",
+  "lookdownAll",
+  "getRef",
+  "getPath",
+  "setNodeStyles",
+  "spotByPath",
+  "keys",
+  "parse",
+  "setProps",
+  "parseDeep",
+  "variables",
+  "if",
+  "log",
+  "verbose",
+  "warn",
+  "error",
+  "call",
+  "nextElement",
+  "previousElement",
+  "getRootState",
+  "getRoot",
+  "getRootData",
+  "getRootContext",
+  "getContext",
+  "getQuery",
+  "getDB",
+  "getChildren",
+  "preventContentUpdate",
+  "preventContentRecreate"
+]);
+const METHODS_EXL = /* @__PURE__ */ new Set([
+  "node",
+  "context",
+  "extends",
+  "__element",
+  "__ref",
+  ...METHODS,
+  ...STATE_METHODS,
+  ...PROPS_METHODS
+]);
+const DOMQL_EVENTS = /* @__PURE__ */ new Set([
+  "init",
+  "beforeClassAssign",
+  "render",
+  "renderRouter",
+  "attachNode",
+  "stateInit",
+  "stateCreated",
+  "beforeStateUpdate",
+  "stateUpdate",
+  "beforeUpdate",
+  "done",
+  "create",
+  "complete",
+  "frame",
+  "update",
+  "fetchError",
+  "fetchComplete"
+]);
+export {
+  DOMQL_EVENTS,
+  DOMQ_PROPERTIES,
+  METHODS,
+  METHODS_EXL,
+  PARSED_DOMQ_PROPERTIES,
+  PROPS_METHODS,
+  STATE_METHODS,
+  STATE_PROPERTIES
+};

package/dist/esm/load.js

@@ -0,0 +1,151 @@
+const loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
+  return new Promise((resolve, reject) => {
+    try {
+      const scriptEle = doc.createElement("script");
+      scriptEle.type = type;
+      scriptEle.async = async;
+      scriptEle.src = FILE_URL;
+      scriptEle.addEventListener("load", (ev) => {
+        resolve({
+          status: true
+        });
+      });
+      scriptEle.addEventListener("error", (ev) => {
+        reject(
+          new Error({
+            status: false,
+            message: `Failed to load the script ${FILE_URL}`
+          })
+        );
+      });
+      doc.body.appendChild(scriptEle);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+const loadJavascriptFileSync = (fileUrl, doc = document, type = "text/javascript") => {
+  return new Promise((resolve, reject) => {
+    const scriptEle = doc.createElement("script");
+    scriptEle.type = type;
+    scriptEle.src = fileUrl;
+    const blocker = doc.createElement("div");
+    blocker.style.cssText = "position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:9999;";
+    doc.body.appendChild(blocker);
+    scriptEle.onload = () => {
+      console.log(`Successfully loaded: ${fileUrl}`);
+      doc.body.removeChild(blocker);
+      resolve();
+    };
+    scriptEle.onerror = () => {
+      doc.body.removeChild(blocker);
+      reject(new Error(`Failed to load: ${fileUrl}`));
+    };
+    doc.body.appendChild(scriptEle);
+  });
+};
+const loadJavascriptFileEmbedSync = (FILE_URL, doc = document, fallback, type = "text/javascript") => {
+  const xhr = new window.XMLHttpRequest();
+  xhr.open("GET", FILE_URL, false);
+  xhr.send();
+  if (xhr.status === 200) {
+    const scriptEle = doc.createElement("script");
+    scriptEle.type = type;
+    scriptEle.text = xhr.responseText;
+    doc.body.appendChild(scriptEle);
+    if (typeof fallback === "function") fallback();
+  } else {
+    throw new Error(`Failed to load the script ${FILE_URL}`);
+  }
+};
+const loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
+  return new Promise((resolve, reject) => {
+    try {
+      const linkElem = doc.createElement("link");
+      linkElem.rel = "stylesheet";
+      linkElem.href = FILE_URL;
+      linkElem.addEventListener("load", (ev) => {
+        resolve({
+          status: true
+        });
+      });
+      doc.head.appendChild(linkElem);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+const loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
+  try {
+    const scriptEle = doc.createElement("script");
+    scriptEle.type = type;
+    scriptEle.async = async;
+    scriptEle.id = id;
+    scriptEle.innerHTML = body;
+    doc.body.appendChild(scriptEle);
+  } catch (error) {
+    console.warn(error);
+  }
+};
+function loadRemoteScript(url, options = {}) {
+  const { window: window2 = globalThis } = options;
+  const { document: document2 = window2.document } = options;
+  return new Promise((resolve, reject) => {
+    const existingScript = document2.querySelector(`script[src="${url}"]`);
+    if (existingScript) {
+      return resolve(existingScript);
+    }
+    const script = document2.createElement("script");
+    script.src = url;
+    script.async = options.async === true;
+    script.type = options.type || "text/javascript";
+    if (options.id) script.id = options.id;
+    if (options.integrity) script.integrity = options.integrity;
+    if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+    script.onload = () => {
+      script.onerror = script.onload = null;
+      resolve(script);
+    };
+    script.onerror = () => {
+      script.onerror = script.onload = null;
+      reject(new Error(`Failed to load script: ${url}`));
+    };
+    document2.head.appendChild(script);
+  });
+}
+async function loadRemoteCSS(url, options = {}) {
+  const { window: window2 = globalThis } = options;
+  const { document: document2 = window2.document } = options;
+  return new Promise((resolve, reject) => {
+    const existingLink = document2.querySelector(`link[href="${url}"]`);
+    if (existingLink) {
+      return resolve(existingLink);
+    }
+    const link = document2.createElement("link");
+    link.href = url;
+    link.rel = options.rel || "stylesheet";
+    link.type = "text/css";
+    link.media = options.media || "all";
+    if (options.id) link.id = options.id;
+    if (options.integrity) link.integrity = options.integrity;
+    if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+    link.onload = () => {
+      link.onerror = link.onload = null;
+      resolve(link);
+    };
+    link.onerror = () => {
+      link.onerror = link.onload = null;
+      reject(new Error(`Failed to load stylesheet: ${url}`));
+    };
+    document2.head.appendChild(link);
+  });
+}
+export {
+  loadCssFile,
+  loadJavascript,
+  loadJavascriptFile,
+  loadJavascriptFileEmbedSync,
+  loadJavascriptFileSync,
+  loadRemoteCSS,
+  loadRemoteScript
+};

package/dist/esm/log.js

@@ -0,0 +1,14 @@
+const logIf = (bool, ...arg) => {
+  if (bool) arg.map((v) => console.log(v));
+};
+const logGroupIf = (bool, key, ...arg) => {
+  if (bool) {
+    console.group(key);
+    arg.map((v) => console.log(v));
+    console.groupEnd(key);
+  }
+};
+export {
+  logGroupIf,
+  logIf
+};