Chrome

Uses the VDOM framework as the element base but can also export any used resources for further processing. It is adequate for most single page applications and gives you the ability to preview your application before building a working copy of it.

Example usage

<script src="/dist/squared.min.js"></script>
<script src="/dist/squared.base.min.js"></script>
<script src="/dist/chrome.framework.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", async () => {
    squared.setFramework(chrome, {/* UserResourceSettings */});

    await squared.save(); // Uses defaults from settings
    /* OR */
    await squared.saveAs("android.zip", {/* RequestData */});
    /* OR */
    await squared.copyTo("/path/project", {/* RequestData */});
    /* OR */
    await squared.appendTo("/path/to/android.7z", {/* RequestData */});
  });
</script>

Observe element

await squared.copyTo("/path/project", { useOriginalHtmlPage: false, observe: true }).then(() => {
  squared.observe(); // Watch all events
  /* OR */
  squared.observe({
    subtree: true,
    childList: true,
    attributes: true,
    characterData: true,
    attributeOldValue: true,
    characterDataOldValue: true
  });
});