create-prisma-php-app 1.13.3 → 1.13.500

package/dist/src/app/js/index.js

@@ -29,163 +29,6 @@ function debounce(func, wait = 300, immediate = false) {
   };
 }
 
-/**
- * Represents a HTTP request.
- */
-class RequestApi {
-  static instance = null;
-
-  /**
-   * The constructor is now private. To ensure it's not accessible from outside,
-   * you can throw an error if someone tries to instantiate it directly
-   * (though JavaScript does not have true private constructors).
-   */
-  constructor(baseURL = window.location.origin) {
-    this.baseURL = baseURL;
-  }
-
-  /**
-   * Static method to get instance of RequestApi.
-   *
-   * @param {string} [baseURL=window.location.origin] - The base URL for the request.
-   * @returns {RequestApi} The singleton instance of the RequestApi.
-   */
-  static getInstance(baseURL = window.location.origin) {
-    if (!RequestApi.instance) {
-      RequestApi.instance = new RequestApi(baseURL);
-    }
-    return RequestApi.instance;
-  }
-
-  /**
-   * Sends a HTTP request.
-   *
-   * @async
-   * @param {string} method - The HTTP method.
-   * @param {string} url - The URL to send the request to.
-   * @param {*} [data=null] - The data to send with the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  async request(method, url, data = null, headers = {}) {
-    let fullUrl = `${this.baseURL}${url}`;
-    const options = {
-      method,
-      headers: {
-        "Content-Type": "application/json",
-        "X-Requested-With": "XMLHttpRequest",
-        ...headers,
-      },
-    };
-
-    if (data) {
-      if (method === "GET") {
-        const params = new URLSearchParams(data).toString();
-        fullUrl += `?${params}`;
-      } else if (method !== "HEAD" && method !== "OPTIONS") {
-        options.body = JSON.stringify(data);
-      }
-    }
-
-    try {
-      const response = await fetch(fullUrl, options);
-      if (method === "HEAD") {
-        return response.headers;
-      }
-      const contentType = response.headers.get("content-type");
-      if (contentType && contentType.includes("application/json")) {
-        return await response.json();
-      } else {
-        return await response.text();
-      }
-    } catch (error) {
-      throw error;
-    }
-  }
-
-  /**
-   * Sends a GET request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {*} [params] - The parameters to include in the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  get(url, params, headers) {
-    return this.request("GET", url, params, headers);
-  }
-
-  /**
-   * Sends a POST request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {*} data - The data to send with the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  post(url, data, headers) {
-    return this.request("POST", url, data, headers);
-  }
-
-  /**
-   * Sends a PUT request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {*} data - The data to send with the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  put(url, data, headers) {
-    return this.request("PUT", url, data, headers);
-  }
-
-  /**
-   * Sends a DELETE request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {*} data - The data to send with the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  delete(url, data, headers) {
-    return this.request("DELETE", url, data, headers);
-  }
-
-  /**
-   * Sends a PATCH request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {*} data - The data to send with the request.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response data.
-   */
-  patch(url, data, headers) {
-    return this.request("PATCH", url, data, headers);
-  }
-
-  /**
-   * Sends a HEAD request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the response headers.
-   */
-  head(url, headers) {
-    return this.request("HEAD", url, null, headers);
-  }
-
-  /**
-   * Sends an OPTIONS request.
-   *
-   * @param {string} url - The URL to send the request to.
-   * @param {Object} [headers={}] - The headers to include in the request.
-   * @returns {Promise<unknown>} - A promise that resolves to the options available.
-   */
-  options(url, headers) {
-    return this.request("OPTIONS", url, null, headers);
-  }
-}
-
 /**
  * Copies text to the clipboard.
  *
@@ -230,310 +73,271 @@ function copyCode(btnElement) {
   copyToClipboard(textToCopy, btnElement);
 }
 
-/**
- * Manages the application state.
- */
-class StateManager {
-  static instance = null;
-
-  /**
-   * Creates a new StateManager instance.
-   *
-   * @param {{}} [initialState={}] - The initial state.
-   */
-  constructor(initialState = {}) {
-    this.state = initialState;
-    this.listeners = [];
-  }
-
+if (
+  typeof RequestApi === "undefined" &&
+  typeof StateManager === "undefined" &&
+  typeof HXConnector === "undefined"
+) {
   /**
-   * Gets the singleton instance of StateManager.
-   *
-   * @static
-   * @param {{}} [initialState={}] - The initial state.
-   * @returns {StateManager} - The StateManager instance.
+   * Represents a HTTP request.
    */
-  static getInstance(initialState = {}) {
-    if (!StateManager.instance) {
-      StateManager.instance = new StateManager(initialState);
-      StateManager.instance.loadState(); // Load state immediately after instance creation
+  class RequestApi {
+    static instance = null;
+
+    /**
+     * The constructor is now private. To ensure it's not accessible from outside,
+     * you can throw an error if someone tries to instantiate it directly
+     * (though JavaScript does not have true private constructors).
+     */
+    constructor(baseURL = window.location.origin) {
+      this.baseURL = baseURL;
     }
-    return StateManager.instance;
-  }
 
-  /**
-   * Sets the state.
-   *
-   * @param {*} update - The state update.
-   * @param {boolean} [saveToStorage=false] - Whether to save the state to localStorage.
-   */
-  setState(update, saveToStorage = false) {
-    this.state = { ...this.state, ...update };
-    this.listeners.forEach((listener) => listener(this.state));
-    if (saveToStorage) {
-      this.saveState();
+    /**
+     * Static method to get instance of RequestApi.
+     *
+     * @param {string} [baseURL=window.location.origin] - The base URL for the request.
+     * @returns {RequestApi} The singleton instance of the RequestApi.
+     */
+    static getInstance(baseURL = window.location.origin) {
+      if (!RequestApi.instance) {
+        RequestApi.instance = new RequestApi(baseURL);
+      }
+      return RequestApi.instance;
     }
-  }
 
-  /**
-   * Subscribes to state changes.
-   *
-   * @param {*} listener - The listener function.
-   * @returns {Function} - A function to unsubscribe the listener.
-   */
-  subscribe(listener) {
-    this.listeners.push(listener);
-    listener(this.state); // Immediately invoke the listener with the current state
-    return () =>
-      (this.listeners = this.listeners.filter((l) => l !== listener));
-  }
-
-  /**
-   * Saves the state to localStorage.
-   */
-  saveState() {
-    localStorage.setItem("appState", JSON.stringify(this.state));
-  }
+    /**
+     * Sends a HTTP request.
+     *
+     * @async
+     * @param {string} method - The HTTP method.
+     * @param {string} url - The URL to send the request to.
+     * @param {*} [data=null] - The data to send with the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    async request(method, url, data = null, headers = {}) {
+      let fullUrl = `${this.baseURL}${url}`;
+      const options = {
+        method,
+        headers: {
+          "Content-Type": "application/json",
+          "X-Requested-With": "XMLHttpRequest",
+          ...headers,
+        },
+      };
+
+      if (data) {
+        if (method === "GET") {
+          const params = new URLSearchParams(data).toString();
+          fullUrl += `?${params}`;
+        } else if (method !== "HEAD" && method !== "OPTIONS") {
+          options.body = JSON.stringify(data);
+        }
+      }
 
-  /**
-   * Loads the state from localStorage.
-   */
-  loadState() {
-    const state = localStorage.getItem("appState");
-    if (state) {
-      this.state = JSON.parse(state);
-      this.listeners.forEach((listener) => listener(this.state));
+      try {
+        const response = await fetch(fullUrl, options);
+        if (method === "HEAD") {
+          return response.headers;
+        }
+        const contentType = response.headers.get("content-type");
+        if (contentType && contentType.includes("application/json")) {
+          return await response.json();
+        } else {
+          return await response.text();
+        }
+      } catch (error) {
+        throw error;
+      }
     }
-  }
 
-  /**
-   * Resets the state to its initial value.
-   *
-   * @param {boolean} [clearFromStorage=false] - Whether to clear the state from localStorage.
-   */
-  resetState(clearFromStorage = false) {
-    this.state = {}; // Reset the state to an empty object or a default state if you prefer
-    this.listeners.forEach((listener) => listener(this.state));
-    if (clearFromStorage) {
-      localStorage.removeItem("appState"); // Clear the state from localStorage
+    /**
+     * Sends a GET request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {*} [params] - The parameters to include in the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    get(url, params, headers) {
+      return this.request("GET", url, params, headers);
     }
-  }
-}
-
-class HXConnector {
-  // Static property to hold the single instance
-  static instance = null;
 
-  // Private constructor to prevent direct instantiation
-  constructor() {
-    if (HXConnector.instance) {
-      return HXConnector.instance;
+    /**
+     * Sends a POST request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {*} data - The data to send with the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    post(url, data, headers) {
+      return this.request("POST", url, data, headers);
     }
 
-    this.init();
-    HXConnector.instance = this;
-  }
-
-  // Static method to get the single instance
-  static getInstance() {
-    if (!HXConnector.instance) {
-      HXConnector.instance = new HXConnector();
+    /**
+     * Sends a PUT request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {*} data - The data to send with the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    put(url, data, headers) {
+      return this.request("PUT", url, data, headers);
     }
-    return HXConnector.instance;
-  }
 
-  // Initializes the HXConnector by connecting attributes of elements with
-  // `hx-trigger` and `hx-vals` attributes, and sets up an event listener to handle
-  // new elements added after HTMX swaps.
-  init() {
-    this.connectAttributes(document.querySelectorAll("[hx-trigger][hx-vals]"));
-    this.handleFormEvents(document.querySelectorAll("[hx-form]"));
-
-    document.body.addEventListener("htmx:afterSwap", (event) => {
-      this.connectAttributes(
-        event.detail.target.querySelectorAll("[hx-trigger][hx-vals]")
-      );
-      this.handleFormEvents(event.detail.target.querySelectorAll("[hx-form]"));
-    });
-  }
-
-  // Connects attributes of the provided elements based on the values specified
-  // in their `hx-vals` attributes and attaches event listeners based on `hx-trigger`.
-  connectAttributes(elements) {
-    elements.forEach((element) => {
-      const event = element.getAttribute("hx-trigger");
-      element.addEventListener(event, (el) => {
-        const targetElement = el.target.closest("[hx-trigger]");
-        if (targetElement) {
-          const values = JSON.parse(targetElement.getAttribute("hx-vals"));
+    /**
+     * Sends a DELETE request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {*} data - The data to send with the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    delete(url, data, headers) {
+      return this.request("DELETE", url, data, headers);
+    }
 
-          // Process targets
-          if (values.targets) {
-            values.targets.forEach((target) => {
-              const targetElem = document.getElementById(target.id);
-              if (targetElem) {
-                this.updateElementValues(targetElem, target.value);
-              }
-            });
-          }
+    /**
+     * Sends a PATCH request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {*} data - The data to send with the request.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response data.
+     */
+    patch(url, data, headers) {
+      return this.request("PATCH", url, data, headers);
+    }
 
-          // Process attributes
-          if (values.attributes) {
-            values.attributes.forEach((attributeSet) => {
-              const element = document.getElementById(attributeSet.id);
-              if (element) {
-                Object.keys(attributeSet.attributes).forEach((attr) => {
-                  const value = attributeSet.attributes[attr];
-                  switch (attr) {
-                    case "class":
-                      this.updateClassAttribute(element, value);
-                      break;
-                    case "add":
-                      element.setAttribute(value, "");
-                      break;
-                    case "remove":
-                      element.removeAttribute(value);
-                      break;
-                    default:
-                      element.setAttribute(attr, value);
-                  }
-                });
-              }
-            });
-          }
+    /**
+     * Sends a HEAD request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the response headers.
+     */
+    head(url, headers) {
+      return this.request("HEAD", url, null, headers);
+    }
 
-          // Register swaps to be processed after the htmx request completes
-          if (values.swaps) {
-            document.addEventListener(
-              "htmx:afterRequest",
-              () => {
-                values.swaps.forEach((swap) => {
-                  const element = document.getElementById(swap.id);
-                  if (element) {
-                    Object.keys(swap.attributes).forEach((attr) => {
-                      const value = swap.attributes[attr];
-                      switch (attr) {
-                        case "class":
-                          this.updateClassAttribute(element, value);
-                          break;
-                        case "add":
-                          element.setAttribute(value, "");
-                          break;
-                        case "remove":
-                          element.removeAttribute(value);
-                          break;
-                        default:
-                          element.setAttribute(attr, value);
-                      }
-                    });
-                  }
-                });
-              },
-              {
-                once: true,
-              }
-            );
-          }
-        }
-      });
-    });
+    /**
+     * Sends an OPTIONS request.
+     *
+     * @param {string} url - The URL to send the request to.
+     * @param {Object} [headers={}] - The headers to include in the request.
+     * @returns {Promise<unknown>} - A promise that resolves to the options available.
+     */
+    options(url, headers) {
+      return this.request("OPTIONS", url, null, headers);
+    }
   }
 
-  // Handles form events for the provided forms based on their `hx-form` attribute.
-  handleFormEvents(forms) {
-    forms.forEach((form) => {
-      const eventAttr = form.getAttribute("hx-form");
-      if (eventAttr) {
-        const [eventType, functionName] = eventAttr.split(":");
-
-        form.addEventListener(`htmx:${eventType}`, (event) => {
-          switch (functionName) {
-            case "reset":
-              if (event.detail.successful) {
-                form.reset();
-              }
-              break;
+  /**
+   * Manages the application state.
+   */
+  class StateManager {
+    static instance = null;
+
+    /**
+     * Creates a new StateManager instance.
+     *
+     * @param {{}} [initialState={}] - The initial state.
+     */
+    constructor(initialState = {}) {
+      this.state = initialState;
+      this.listeners = [];
+    }
 
-            case "clear":
-              if (event.detail.successful) {
-                this.clearForm(form);
-              }
-              break;
+    /**
+     * Gets the singleton instance of StateManager.
+     *
+     * @static
+     * @param {{}} [initialState={}] - The initial state.
+     * @returns {StateManager} - The StateManager instance.
+     */
+    static getInstance(initialState = {}) {
+      if (!StateManager.instance) {
+        StateManager.instance = new StateManager(initialState);
+        StateManager.instance.loadState(); // Load state immediately after instance creation
+      }
+      return StateManager.instance;
+    }
 
-            case "disable":
-              this.toggleForm(form, true);
-              break;
+    /**
+     * Sets the state.
+     *
+     * @param {*} update - The state update.
+     * @param {boolean} [saveToStorage=false] - Whether to save the state to localStorage.
+     */
+    setState(update, saveToStorage = false) {
+      this.state = { ...this.state, ...update };
+      this.listeners.forEach((listener) => listener(this.state));
+      if (saveToStorage) {
+        this.saveState();
+      }
+    }
 
-            case "enable":
-              this.toggleForm(form, false);
-              break;
+    /**
+     * Subscribes to state changes.
+     *
+     * @param {*} listener - The listener function.
+     * @returns {Function} - A function to unsubscribe the listener.
+     */
+    subscribe(listener) {
+      this.listeners.push(listener);
+      listener(this.state); // Immediately invoke the listener with the current state
+      return () =>
+        (this.listeners = this.listeners.filter((l) => l !== listener));
+    }
 
-            // Add more cases as needed
+    /**
+     * Saves the state to localStorage.
+     */
+    saveState() {
+      localStorage.setItem("appState", JSON.stringify(this.state));
+    }
 
-            default:
-              console.warn(`Unhandled function name: ${functionName}`);
-              break;
-          }
-        });
+    /**
+     * Loads the state from localStorage.
+     */
+    loadState() {
+      const state = localStorage.getItem("appState");
+      if (state) {
+        this.state = JSON.parse(state);
+        this.listeners.forEach((listener) => listener(this.state));
       }
-    });
-  }
+    }
 
-  // Clears the input values of the specified form.
-  clearForm(form) {
-    const inputs = form.querySelectorAll("input, textarea, select");
-    inputs.forEach((input) => {
-      if (input.type === "checkbox" || input.type === "radio") {
-        input.checked = false;
-      } else {
-        input.value = "";
+    /**
+     * Resets the state to its initial value.
+     *
+     * @param {boolean} [clearFromStorage=false] - Whether to clear the state from localStorage.
+     */
+    resetState(clearFromStorage = false) {
+      this.state = {}; // Reset the state to an empty object or a default state if you prefer
+      this.listeners.forEach((listener) => listener(this.state));
+      if (clearFromStorage) {
+        localStorage.removeItem("appState"); // Clear the state from localStorage
       }
-    });
-  }
-
-  // Toggles the disabled state of the specified form's inputs.
-  toggleForm(form, state) {
-    const inputs = form.querySelectorAll("input, textarea, select, button");
-    inputs.forEach((input) => {
-      input.disabled = state;
-    });
+    }
   }
 
-  // Updates the values of the specified element based on its tag name and type.
-  updateElementValues(element, value) {
-    const tagName = element.tagName;
-    const inputType = element.type;
+  let store = null;
+  let api = null;
 
-    if (tagName === "INPUT" || tagName === "TEXTAREA") {
-      if (inputType === "checkbox") {
-        element.checked = value;
-      } else {
-        element.value = value;
-      }
-    } else {
-      element.textContent = value;
-    }
+  // Function to initialize instances
+  function initializeInstances() {
+    store = StateManager.getInstance();
+    api = RequestApi.getInstance();
   }
 
-  // Updates the class attribute of the specified element. Class names starting
-  // with a hyphen (`-`) are removed, others are added.
-  updateClassAttribute(element, className) {
-    const classNames = className.split(" ");
-    classNames.forEach((name) => {
-      if (name.startsWith("-")) {
-        element.classList.remove(name.substring(1));
-      } else {
-        element.classList.add(name);
-      }
-    });
-  }
+  // Initialize instances on initial page load
+  document.addEventListener("DOMContentLoaded", function () {
+    initializeInstances();
+  });
 }
 
-let store = null;
-let api = null;
-let hxConnector = null;
-document.addEventListener("DOMContentLoaded", function () {
-  store = StateManager.getInstance();
-  api = RequestApi.getInstance();
-  hxConnector = HXConnector.getInstance();
-});
+"use strict";var eventAttributes=["onclick","ondblclick","onmousedown","onmouseup","onmouseover","onmousemove","onmouseout","onwheel","onkeypress","onkeydown","onkeyup","onfocus","onblur","onchange","oninput","onselect","onsubmit","onreset","onresize","onscroll","onload","onunload","onabort","onerror","onbeforeunload","oncopy","oncut","onpaste","ondrag","ondragstart","ondragend","ondragover","ondragenter","ondragleave","ondrop","oncontextmenu","ontouchstart","ontouchmove","ontouchend","ontouchcancel","onpointerdown","onpointerup","onpointermove","onpointerover","onpointerout","onpointerenter","onpointerleave","onpointercancel"];function attachWireFunctionEvents(){document.querySelectorAll("button, input, select, textarea, a, form, label, div, span").forEach((t=>{t instanceof HTMLAnchorElement&&t.addEventListener("click",handleAnchorTag),eventAttributes.forEach((e=>{const n=t.getAttribute(e),o=e.slice(2);n&&(t.removeAttribute(e),t.addEventListener(o,(e=>{e.preventDefault();const{funcName:o,data:r}=parseCallback(t,n);if(o){const t=window[o];if("function"==typeof t)try{t(...r)}catch(t){}else handleUndefinedFunction(o,r)}})))}))}))}async function handleAnchorTag(t){t.preventDefault();const e=t.currentTarget.getAttribute("href");if(e)try{history.pushState(null,"",e),window.dispatchEvent(new PopStateEvent("popstate",{state:null}))}catch(t){}}function updateDocumentContent(t){t.includes("<!DOCTYPE html>")?document.documentElement.innerHTML=t:document.body.innerHTML=t,attachWireFunctionEvents()}function parseCallback(t,e){let n={};if(t instanceof HTMLFormElement){const e=new FormData(t);n=Object.fromEntries(e.entries())}else t instanceof HTMLInputElement&&(t.name?"checkbox"===t.type||"radio"===t.type?n[t.name]=t.checked:n[t.name]=t.value:"checkbox"===t.type||"radio"===t.type?n.value=t.checked:n.value=t.value);const o=e.match(/(\w+)\(([^)]*)\)/);if(o){const t=o[1];let e=[];return o[2]&&(e=o[2].split(/,(?=(?:[^'"]*['"][^'"]*['"])*[^'"]*$)/).map((t=>t.trim())),e=e.map((t=>{try{const e=t.replace(/'/g,'"');return JSON.parse(e)}catch{return t}}))),e.forEach((t=>{n="object"==typeof t&&null!==t?{...n,...t}:{...n,args:e}})),{funcName:t,data:n}}return{funcName:e,data:n}}function handleUndefinedFunction(t,e){const n={callback:t,...e},o={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"},body:JSON.stringify(n)},r={method:"POST",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest",HTTP_PPHP_WIRE_REQUEST:"true"}},c=async t=>{const e=await fetch(window.location.pathname,t);return await e.text()};let a="";c(o).then((t=>(""===a&&(a=t),c(r)))).then((t=>{updateDocumentContent(mergeAndReplaceDuplicates(a,t))})).catch((t=>{}))}function mergeAndReplaceDuplicates(t,e){const{html:n,scripts:o}=extractScripts(t),{html:r,scripts:c}=extractScripts(e),a=new DOMParser,i=a.parseFromString(n,"text/html"),s=a.parseFromString(r,"text/html");mergeElements(i.body,s.body);const l=i.body.innerHTML;return mergeScripts(o,c)+l}function mergeElements(t,e){e.getAttributeNames().forEach((n=>{t.setAttribute(n,e.getAttribute(n))})),e.textContent&&!e.children.length?t.textContent=e.textContent:e.children.length||(t.textContent=""),!e.children.length&&t.children.length&&(t.innerHTML="");const n=Array.from(t.children),o=Array.from(e.children);for(let e=0;e<o.length;e++){const r=n[e],c=o[e];r&&c?mergeElements(r,c):c&&t.appendChild(c.cloneNode(!0))}if(n.length>o.length)for(let e=o.length;e<n.length;e++)t.removeChild(n[e])}function extractScripts(t){const e=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;let n,o="",r=t;for(;null!==(n=e.exec(t));)o+=n[0],r=r.replace(n[0],"");return{html:r,scripts:o}}function mergeScripts(t,e){const n=new Set;return[...t.match(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi)||[],...e.match(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi)||[]].forEach((t=>n.add(t))),Array.from(n).join("\n")}document.addEventListener("DOMContentLoaded",(()=>{attachWireFunctionEvents()})),window.addEventListener("popstate",(async()=>{try{const t=await fetch(window.location.href,{headers:{"X-Requested-With":"XMLHttpRequest"}});updateDocumentContent(await t.text())}catch(t){}}));