Method constructor

script-block.js:80–126

()

class ScriptBlock extends HTMLElement {
  constructor() {
    super();

    const stateJson = this.getAttribute("state") ?? "{}",
          state = JSON.parse(stateJson),
          pattern = this.getAttribute("pattern") ?? "(<script-block state=').+('>)",
          patternRe = new RegExp(pattern);
    const saveState = (x = state) => {
      const json = JSON.stringify(x),
            block = this.closest("[blockid]"),
            blockId = block.getAttribute("blockid");

      requestAnimationFrame(() => {
        const textarea = document.getElementById("edit-block-1-" + blockId),
              escaped = json.replace(/&/g, "&amp;").replace(/'/g, "&apos;")
                            .replace(/</g, "&lt;").replace(/>/g, "&gt;")
                            .replace(/\r\n/g, "&#13;").replace(/[\r\n]/g, "&#13;");

        textarea.value = textarea.value.replace(
          pattern,
          (_, before, after) => before + escaped + after,
        );
        setTimeout(() => {
          textarea.dispatchEvent(new KeyboardEvent("keydown", { keyCode: 27 }));
        }, 100);
      });
      block.click();
    };

    const body = this.innerHTML.slice(4, this.innerHTML.length - 3),
          f = Function("save", "html", "svg", body),
          content = f.call(state, saveState, html, svg),
          shadow = this.attachShadow({mode: 'open'});

    if (content instanceof Node) {
      shadow.appendChild(content);
    } else {
      const wrapper = document.createElement("pre");
      wrapper.innerText = JSON.stringify(content);
      shadow.appendChild(wrapper);
    }

    this.addEventListener(
      "click",
      (e) => e.stopImmediatePropagation(),
    );
  }
}

class DefineScriptBlock extends HTMLElement {