Initial commit

dist/fluent-dom-esm.js

@@ -0,0 +1,165 @@
+// @license magnet:?xt=urn:btih:723febf9f6185544f57f0660a41489c7d6b4931b&dn=wtfpl.txt
+const version = "1.1.0";
+const isFluentDomObject = (value) => !!value.fluentDom;
+const isHTMLElement = (value) => !!value.nodeType;
+const isNumber = (value) => typeof value === "number";
+const isString = (value) => typeof value === "string";
+/**
+ * fluent-dom-esm v1.1.0
+ *
+ * Fluent DOM Manipulation, adapted to ESM and cranked up to v1.1(.0).
+ *
+ * https://git.itsericwoodward.com/eric/fluent-dom-esm
+ *
+ * v1.1.0 Copyright (c) 2025 Eric Woodward
+ * Original copyright (c) 2009 Tommy Montgomery (https://glacius.tmont.com/articles/fluent-dom-manipulation-in-javascript)
+ *
+ * Released under the WTFPL (Do What the Fuck You Want to Public License)
+ *
+ * @author	Eric Woodward (v1.1.0 update)
+ * @author  Tommy Montgomery (original)
+ * @license http://sam.zoy.org/wtfpl/
+ */
+const fluentDomEsm = (function() {
+  const FluentDom = function(node) {
+    return new FluentDomInternal(node);
+  };
+  FluentDom.create = FluentDom.c = function(tagName) {
+    const f = new FluentDomInternal();
+    f.create(tagName);
+    return f;
+  };
+  const FluentDomInternal = function(node) {
+    let root = node || null;
+    this.fluentDom = version;
+    this.a = this.attr = function(name, value) {
+      if (!root || value && !root.setAttribute) {
+        throw new Error("Cannot set an attribute on a non-element");
+      }
+      if (!value) return root.getAttribute(name);
+      root.setAttribute(name, value);
+      return this;
+    };
+    this.app = this.append = function(value) {
+      if (!root || !root?.appendChild) {
+        throw new Error("Cannot append to a non-element");
+      }
+      const type = typeof value;
+      if (type === "object") {
+        if (isFluentDomObject(value)) {
+          const domVal = value.toDom();
+          if (domVal !== null) root.appendChild(domVal);
+        } else if (isHTMLElement(value)) {
+          root.appendChild(value);
+        } else {
+          throw new Error(
+            "Invalid argument: not an HTMLElement or FluentDom object"
+          );
+        }
+      } else if (isNumber(value) || isString(value)) {
+        root.appendChild(document.createTextNode(`${value}`));
+      } else {
+        throw new Error(
+          `Invalid argument: not a valid type (${typeof value})`
+        );
+      }
+      return this;
+    };
+    this.c = this.create = function(tagName) {
+      root = document.createElement(tagName);
+      return this;
+    };
+    this.className = this.cls = function(value) {
+      return this.attr("class", value);
+    };
+    this.clear = function() {
+      root = null;
+      return this;
+    };
+    this.h = this.href = function(link) {
+      return this.attr("href", link);
+    };
+    this.html = function(content) {
+      if (!root) {
+        throw new Error(
+          "Cannot get or set innerHTML for a non-element"
+        );
+      }
+      if (!content) return root.innerHTML;
+      root.innerHTML = content;
+      return this;
+    };
+    this.id = function(value) {
+      return this.attr("id", value);
+    };
+    this.l = this.listen = function(...props) {
+      if (!root || !root.addEventListener) {
+        throw new Error("Cannot addEventListener to a non-element");
+      }
+      root.addEventListener(...props);
+      return this;
+    };
+    this.ohtml = function(content) {
+      if (!root) {
+        throw new Error(
+          "Cannot get or set outerHTML for a non-element"
+        );
+      }
+      if (!content) return root.outerHTML;
+      root.outerHTML = content;
+      return this;
+    };
+    this.s = this.style = function(prop, value) {
+      if (!root) {
+        throw new Error("Cannot get or set style for a non-element");
+      }
+      if (typeof prop === "undefined") return root.style;
+      if (typeof value !== "undefined") {
+        root.style[prop] = value;
+        return this;
+      }
+      if (typeof prop === "string") return root.style[prop];
+      if (typeof prop !== "object") {
+        throw new Error(
+          `Invalid argument: "prop" must be string or object (found ${typeof prop})`
+        );
+      }
+      Object.keys(prop).forEach((key) => {
+        root.style[key] = prop[key];
+      });
+      return this;
+    };
+    this.t = this.text = function(text) {
+      if (!root) {
+        throw new Error(
+          "Cannot get or set innerText for a non-element"
+        );
+      }
+      if (typeof text === "undefined") return root.innerText;
+      return this.append(text);
+    };
+    this.title = function(value) {
+      if (!root) {
+        throw new Error(
+          "Cannot get or set outerHTML for a non-element"
+        );
+      }
+      return this.attr("title", value);
+    };
+    this.toDom = function() {
+      return root;
+    };
+    this.unlisten = function(...props) {
+      if (!root || !root.removeEventListener) {
+        throw new Error("Cannot removeEventListener on a non-element");
+      }
+      root.removeEventListener(...props);
+      return this;
+    };
+  };
+  return FluentDom;
+})();
+export {
+  fluentDomEsm as default
+};
+// @license-end