chemicaljs 2.2.0 → 2.4.0

package/client/chemical.components.js

@@ -1,214 +0,0 @@
-class ChemicalInput extends HTMLInputElement {
-  constructor() {
-    super();
-  }
-  connectedCallback() {
-    this.addEventListener("keydown", async function (e) {
-      if (e.key === "Enter" && window.chemical.loaded && e.target.value) {
-        let service =
-          this.dataset.serviceStore !== undefined
-            ? localStorage.getItem("@chemical/service") ||
-              this.dataset.service ||
-              "uv"
-            : this.dataset.service || "uv";
-        let autoHttps =
-          this.dataset.autoHttpsStore !== undefined
-            ? localStorage.getItem("@chemical/autoHttps") === "true"
-            : this.dataset.autoHttps !== undefined
-            ? true
-            : false;
-        let searchEngine =
-          this.dataset.searchEngineStore !== undefined
-            ? localStorage.getItem("@chemical/searchEngine")
-            : this.dataset.searchEngine;
-        let action = this.dataset.action;
-        let target = this.dataset.target;
-        let frame = this.dataset.frame;
-        let encodedURL = await chemical.encode(e.target.value, {
-          service,
-          autoHttps,
-          searchEngine,
-        });
-
-        if (frame) {
-          let forFrame = document.getElementById(frame);
-          forFrame.src = encodedURL;
-          forFrame.setAttribute("data-open", "true");
-        }
-
-        if (action) {
-          window[action](encodedURL);
-        }
-
-        if (target) {
-          if (target === "_self") {
-            window.location = encodedURL;
-          } else if (target === "_blank") {
-            window.open(encodedURL);
-          }
-        }
-      }
-    });
-  }
-}
-
-class ChemicalButton extends HTMLButtonElement {
-  constructor() {
-    super();
-  }
-  connectedCallback() {
-    this.addEventListener("click", function (e) {
-      let forInput = document.getElementById(this.dataset.for);
-
-      if (forInput) {
-        forInput.dispatchEvent(
-          new KeyboardEvent("keydown", {
-            key: "Enter",
-          })
-        );
-      }
-    });
-  }
-}
-
-class ChemicalIFrame extends HTMLIFrameElement {
-  static observedAttributes = ["data-open"];
-  constructor() {
-    super();
-  }
-  connectedCallback() {
-    let open = this.dataset.open;
-    this.style.display = open === "true" ? "" : "none";
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (name === "data-open") {
-      let open = this.dataset.open;
-      this.style.display = open === "true" ? "" : "none";
-
-      let controls = document.getElementById(this.dataset.controls);
-
-      if (controls) {
-        controls.dataset.open = open;
-      }
-    }
-  }
-}
-
-class ChemicalControls extends HTMLElement {
-  static observedAttributes = ["data-open"];
-  constructor() {
-    super();
-  }
-  connectedCallback() {
-    let open = this.dataset.open;
-    this.style.display = open === "true" ? "" : "none";
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (name === "data-open") {
-      let open = this.dataset.open;
-      this.style.display = open === "true" ? "" : "none";
-    }
-  }
-}
-
-class ChemicalLink extends HTMLAnchorElement {
-  constructor() {
-    super();
-  }
-  async connectedCallback() {
-    let href = this.dataset.href;
-    let service = this.dataset.service || "uv";
-    let autoHttps = this.dataset.autoHttps !== undefined ? true : false;
-    let searchEngine = this.dataset.searchEngine;
-    this.dataset.chemicalLoading = "true";
-
-    if (window.chemical.loaded) {
-      this.setAttribute(
-        "href",
-        await chemical.encode(href, {
-          service,
-          autoHttps,
-          searchEngine,
-        })
-      );
-      this.dataset.chemicalLoading = "false";
-    } else {
-      window.addEventListener("chemicalLoaded", async () => {
-        this.setAttribute(
-          "href",
-          await chemical.encode(href, {
-            service,
-            autoHttps,
-            searchEngine,
-          })
-        );
-        this.dataset.chemicalLoading = "false";
-      });
-    }
-  }
-}
-
-class ChemicalSelect extends HTMLSelectElement {
-  constructor() {
-    super();
-  }
-  connectedCallback() {
-    const store = this.dataset.defaultStore;
-
-    this.addEventListener("change", function () {
-      window.chemical.setStore(store, this.value);
-    });
-
-    if (store) {
-      const value = window.chemical.getStore(store);
-
-      const observerOptions = {
-        childList: true,
-        subtree: false,
-      };
-
-      const observer = new MutationObserver((records, observer) => {
-        for (const record of records) {
-          for (const addedNode of record.addedNodes) {
-            if (addedNode.tagName === "OPTION") {
-              if (addedNode.getAttribute("value") === value) {
-                addedNode.setAttribute("selected", "");
-              }
-            }
-          }
-        }
-      });
-      observer.observe(this, observerOptions);
-    }
-  }
-}
-
-customElements.define("chemical-input", ChemicalInput, { extends: "input" });
-customElements.define("chemical-button", ChemicalButton, { extends: "button" });
-customElements.define("chemical-iframe", ChemicalIFrame, { extends: "iframe" });
-customElements.define("chemical-controls", ChemicalControls, {
-  extends: "section",
-});
-customElements.define("chemical-link", ChemicalLink, { extends: "a" });
-customElements.define("chemical-select", ChemicalSelect, { extends: "select" });
-
-window.chemical.componentAction = function (action, frameID) {
-  let frame = document.getElementById(frameID);
-
-  if (frame) {
-    switch (action) {
-      case "back":
-        frame.contentWindow.history.back();
-        break;
-      case "forward":
-        frame.contentWindow.history.forward();
-        break;
-      case "reload":
-        frame.contentWindow.location.reload();
-        break;
-      case "close":
-        frame.dataset.open = "false";
-        frame.src = "";
-    }
-  }
-};

package/client/chemical.demo.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Demo Site</title>
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-
-      body {
-        margin: 0;
-        min-height: 100vh;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-        background: #e5e5e5;
-        color: black;
-      }
-
-      @media (prefers-color-scheme: dark) {
-        body {
-          background: #0a0a0a;
-          color: #fafafa;
-        }
-      }
-
-      h1 {
-        margin: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>Demo Site</h1>
-    <p>This is a demo site without proxy functionality.</p>
-  </body>
-</html>