xpine 0.0.4 → 0.0.6

package/dist/src/build/spa.js

@@ -0,0 +1,152 @@
+// src/build/spa.mjs
+async function replaceDocumentContentsWithLinkResponse() {
+  const links = [...document.querySelectorAll("[data-spa]")];
+  for (const link of links) {
+    link.addEventListener("click", updatePageOnLinkClick);
+  }
+}
+async function updatePageOnLinkClick(e) {
+  const targetHref = e?.target?.getAttribute("href");
+  if (!targetHref) return;
+  if (isExternalURL(targetHref) && !e?.target?.getAttribute("data-spa-crossorigin")) return;
+  e.preventDefault();
+  try {
+    await getNewPageContent(targetHref);
+    if (targetHref === window.location.pathname) return;
+    window.history.pushState(
+      {
+        type: "link-click",
+        targetHref
+      },
+      "",
+      targetHref
+    );
+    const event = new CustomEvent("spa:updatePageURL", {
+      detail: {
+        href: targetHref
+      }
+    });
+    window.dispatchEvent(event);
+  } catch (err) {
+    console.error(err);
+  }
+}
+async function getNewPageContent(href) {
+  try {
+    const res = await fetch(href);
+    const text = await res.text();
+    const parser = new DOMParser();
+    const dom = parser.parseFromString(text, "text/html");
+    diffHead(dom);
+    const newScripts = removeBodyScripts(dom);
+    const clonedPersistentNodes = getPersistentNodesFromDocument(dom);
+    const body = dom.body.innerHTML;
+    document.body.innerHTML = body;
+    for (const clonedNode of clonedPersistentNodes) {
+      const newNode = document.body.querySelector(`[data-persistent="${clonedNode?.getAttribute("data-persistent")}"]`);
+      newNode.replaceWith(clonedNode);
+    }
+    replaceAttributesOnDocumentBody(dom);
+    replaceDocumentContentsWithLinkResponse();
+    for (const script of newScripts) document.body.appendChild(script);
+    const event = new CustomEvent("spa:updatePageContent", {
+      detail: {
+        href
+      }
+    });
+    window.dispatchEvent(event);
+  } catch (err) {
+    console.error(err);
+    console.error("Error getting link", href);
+  }
+}
+function diffHead(dom) {
+  const domHeadChildren = [...dom.head.children];
+  const currentHeadChildren = [...document.head.children];
+  const result = {
+    childrenToAdd: [],
+    childrenToRemove: []
+  };
+  for (const domChild of domHeadChildren) {
+    const foundInCurrentChildren = currentHeadChildren.find((child) => child.outerHTML === domChild.outerHTML);
+    if (!foundInCurrentChildren) result.childrenToAdd.push(domChild);
+  }
+  for (const currentChild of currentHeadChildren) {
+    const foundInDomChildren = domHeadChildren.find((child) => child.outerHTML === currentChild.outerHTML);
+    if (!foundInDomChildren) result.childrenToRemove.push(currentChild);
+  }
+  applyHeadDiffsToDocument(result);
+}
+function applyHeadDiffsToDocument(diff) {
+  for (const child of diff.childrenToRemove) {
+    document.head.removeChild(child);
+  }
+  for (const child of diff.childrenToAdd) {
+    if (child?.nodeName?.toLowerCase() == "script") {
+      const scriptElement = document.createElement("script");
+      portAttributesToElement(child, scriptElement);
+      scriptElement.innerHTML = child.innerHTML;
+      document.head.appendChild(scriptElement);
+      continue;
+    }
+    document.head.appendChild(child);
+  }
+}
+function removeBodyScripts(dom) {
+  const scripts = [...dom.body.querySelectorAll("script")];
+  const newElements = [];
+  for (const script of scripts) {
+    const element = document.createElement("script");
+    portAttributesToElement(script, element);
+    element.innerHTML = script.innerHTML;
+    dom.body.removeChild(script);
+    newElements.push(element);
+  }
+  return newElements;
+}
+function portAttributesToElement(oldEl, newEl) {
+  for (const attribute of oldEl.attributes) {
+    newEl.setAttribute(attribute.name, attribute.nodeValue);
+  }
+}
+function getPersistentNodesFromDocument(dom) {
+  const persistentNodesFromDom = [...dom.querySelectorAll("[data-persistent]")].map((el) => el.getAttribute("data-persistent"));
+  const persistentNodesFromBody = [...document.body.querySelectorAll("[data-persistent]")];
+  const validPersistentNodes = persistentNodesFromBody.filter((el) => {
+    return persistentNodesFromDom.includes(el.getAttribute("data-persistent"));
+  });
+  return validPersistentNodes.map((el) => el.cloneNode(true));
+}
+function replaceAttributesOnDocumentBody(dom) {
+  while (document.body.attributes.length > 0) {
+    document.body.removeAttribute(document.body.attributes[0].name);
+  }
+  for (const attribute of dom.body.attributes) {
+    document.body.setAttribute(attribute.name, attribute.nodeValue);
+  }
+}
+async function handleBackButton() {
+  await getNewPageContent(window.history.state?.targetHref || window.location.href);
+}
+function isRelativeURL(url) {
+  if (typeof url !== "string") return false;
+  try {
+    new URL(url);
+    return false;
+  } catch (err) {
+    if (url?.startsWith("//")) return false;
+    return true;
+  }
+}
+function isExternalURL(url) {
+  if (isRelativeURL(url)) return false;
+  try {
+    const computedURL = new URL(url);
+    return computedURL?.origin !== window.location?.origin;
+  } catch {
+    return false;
+  }
+}
+window.addEventListener("DOMContentLoaded", replaceDocumentContentsWithLinkResponse);
+window.addEventListener("popstate", handleBackButton);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vc3JjL2J1aWxkL3NwYS5tanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIi8vIEVuYWJsZXMgU1BBIGxpa2UgYmVoYXZpb3IgZm9yIGxpbmtzXG5cbmFzeW5jIGZ1bmN0aW9uIHJlcGxhY2VEb2N1bWVudENvbnRlbnRzV2l0aExpbmtSZXNwb25zZSgpIHtcbiAgY29uc3QgbGlua3MgPSBbLi4uZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnW2RhdGEtc3BhXScpXTtcbiAgZm9yIChjb25zdCBsaW5rIG9mIGxpbmtzKSB7XG4gICAgbGluay5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHVwZGF0ZVBhZ2VPbkxpbmtDbGljayk7XG4gIH1cblxufVxuXG5hc3luYyBmdW5jdGlvbiB1cGRhdGVQYWdlT25MaW5rQ2xpY2soZSkge1xuICBjb25zdCB0YXJnZXRIcmVmID0gZT8udGFyZ2V0Py5nZXRBdHRyaWJ1dGUoJ2hyZWYnKTtcbiAgaWYgKCF0YXJnZXRIcmVmKSByZXR1cm47XG4gIGlmIChpc0V4dGVybmFsVVJMKHRhcmdldEhyZWYpICYmICFlPy50YXJnZXQ/LmdldEF0dHJpYnV0ZSgnZGF0YS1zcGEtY3Jvc3NvcmlnaW4nKSkgcmV0dXJuO1xuICBlLnByZXZlbnREZWZhdWx0KCk7XG4gIHRyeSB7XG4gICAgYXdhaXQgZ2V0TmV3UGFnZUNvbnRlbnQodGFyZ2V0SHJlZik7XG4gICAgaWYgKHRhcmdldEhyZWYgPT09IHdpbmRvdy5sb2NhdGlvbi5wYXRobmFtZSkgcmV0dXJuO1xuICAgIHdpbmRvdy5oaXN0b3J5LnB1c2hTdGF0ZShcbiAgICAgIHtcbiAgICAgICAgdHlwZTogJ2xpbmstY2xpY2snLFxuICAgICAgICB0YXJnZXRIcmVmLFxuICAgICAgfSxcbiAgICAgICcnLFxuICAgICAgdGFyZ2V0SHJlZlxuICAgICk7XG4gICAgY29uc3QgZXZlbnQgPSBuZXcgQ3VzdG9tRXZlbnQoJ3NwYTp1cGRhdGVQYWdlVVJMJywge1xuICAgICAgZGV0YWlsOiB7XG4gICAgICAgIGhyZWY6IHRhcmdldEhyZWYsXG4gICAgICB9LFxuICAgIH0pO1xuICAgIHdpbmRvdy5kaXNwYXRjaEV2ZW50KGV2ZW50KTtcbiAgfSBjYXRjaCAoZXJyKSB7XG4gICAgY29uc29sZS5lcnJvcihlcnIpO1xuICB9XG59XG5cbmFzeW5jIGZ1bmN0aW9uIGdldE5ld1BhZ2VDb250ZW50KGhyZWYpIHtcbiAgdHJ5IHtcbiAgICBjb25zdCByZXMgPSBhd2FpdCBmZXRjaChocmVmKTtcbiAgICBjb25zdCB0ZXh0ID0gYXdhaXQgcmVzLnRleHQoKTtcbiAgICBjb25zdCBwYXJzZXIgPSBuZXcgRE9NUGFyc2VyKCk7XG4gICAgY29uc3QgZG9tID0gcGFyc2VyLnBhcnNlRnJvbVN0cmluZyh0ZXh0LCAndGV4dC9odG1sJyk7XG4gICAgZGlmZkhlYWQoZG9tKTtcbiAgICBjb25zdCBuZXdTY3JpcHRzID0gcmVtb3ZlQm9keVNjcmlwdHMoZG9tKTtcbiAgICBjb25zdCBjbG9uZWRQZXJzaXN0ZW50Tm9kZXMgPSBnZXRQZXJzaXN0ZW50Tm9kZXNGcm9tRG9jdW1lbnQoZG9tKTtcbiAgICBjb25zdCBib2R5ID0gZG9tLmJvZHkuaW5uZXJIVE1MO1xuICAgIGRvY3VtZW50LmJvZHkuaW5uZXJIVE1MID0gYm9keTtcbiAgICBmb3IgKGNvbnN0IGNsb25lZE5vZGUgb2YgY2xvbmVkUGVyc2lzdGVudE5vZGVzKSB7XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICBjb25zdCBuZXdOb2RlID0gZG9jdW1lbnQuYm9keS5xdWVyeVNlbGVjdG9yKGBbZGF0YS1wZXJzaXN0ZW50PVwiJHtjbG9uZWROb2RlPy5nZXRBdHRyaWJ1dGUoJ2RhdGEtcGVyc2lzdGVudCcpfVwiXWApO1xuICAgICAgbmV3Tm9kZS5yZXBsYWNlV2l0aChjbG9uZWROb2RlKTtcbiAgICB9XG4gICAgcmVwbGFjZUF0dHJpYnV0ZXNPbkRvY3VtZW50Qm9keShkb20pO1xuICAgIHJlcGxhY2VEb2N1bWVudENvbnRlbnRzV2l0aExpbmtSZXNwb25zZSgpO1xuICAgIGZvciAoY29uc3Qgc2NyaXB0IG9mIG5ld1NjcmlwdHMpIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoc2NyaXB0KTtcbiAgICAvLyBTZW5kIGFuIGV2ZW50XG4gICAgY29uc3QgZXZlbnQgPSBuZXcgQ3VzdG9tRXZlbnQoJ3NwYTp1cGRhdGVQYWdlQ29udGVudCcsIHtcbiAgICAgIGRldGFpbDoge1xuICAgICAgICBocmVmLFxuICAgICAgfSxcbiAgICB9KTtcbiAgICB3aW5kb3cuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gIH0gY2F0Y2ggKGVycikge1xuICAgIGNvbnNvbGUuZXJyb3IoZXJyKTtcbiAgICBjb25zb2xlLmVycm9yKCdFcnJvciBnZXR0aW5nIGxpbmsnLCBocmVmKTtcbiAgfVxufVxuXG5mdW5jdGlvbiBkaWZmSGVhZChkb20pIHtcbiAgY29uc3QgZG9tSGVhZENoaWxkcmVuID0gWy4uLmRvbS5oZWFkLmNoaWxkcmVuXTtcbiAgY29uc3QgY3VycmVudEhlYWRDaGlsZHJlbiA9IFsuLi5kb2N1bWVudC5oZWFkLmNoaWxkcmVuXTtcbiAgY29uc3QgcmVzdWx0ID0ge1xuICAgIGNoaWxkcmVuVG9BZGQ6IFtdLFxuICAgIGNoaWxkcmVuVG9SZW1vdmU6IFtdLFxuICB9O1xuICBmb3IgKGNvbnN0IGRvbUNoaWxkIG9mIGRvbUhlYWRDaGlsZHJlbikge1xuICAgIGNvbnN0IGZvdW5kSW5DdXJyZW50Q2hpbGRyZW4gPSBjdXJyZW50SGVhZENoaWxkcmVuLmZpbmQoY2hpbGQgPT4gY2hpbGQub3V0ZXJIVE1MID09PSBkb21DaGlsZC5vdXRlckhUTUwpO1xuICAgIGlmICghZm91bmRJbkN1cnJlbnRDaGlsZHJlbikgcmVzdWx0LmNoaWxkcmVuVG9BZGQucHVzaChkb21DaGlsZCk7XG4gIH1cbiAgZm9yIChjb25zdCBjdXJyZW50Q2hpbGQgb2YgY3VycmVudEhlYWRDaGlsZHJlbikge1xuICAgIGNvbnN0IGZvdW5kSW5Eb21DaGlsZHJlbiA9IGRvbUhlYWRDaGlsZHJlbi5maW5kKGNoaWxkID0+IGNoaWxkLm91dGVySFRNTCA9PT0gY3VycmVudENoaWxkLm91dGVySFRNTCk7XG4gICAgaWYgKCFmb3VuZEluRG9tQ2hpbGRyZW4pIHJlc3VsdC5jaGlsZHJlblRvUmVtb3ZlLnB1c2goY3VycmVudENoaWxkKTtcbiAgfVxuICBhcHBseUhlYWREaWZmc1RvRG9jdW1lbnQocmVzdWx0KTtcbn1cblxuZnVuY3Rpb24gYXBwbHlIZWFkRGlmZnNUb0RvY3VtZW50KGRpZmYpIHtcbiAgZm9yIChjb25zdCBjaGlsZCBvZiBkaWZmLmNoaWxkcmVuVG9SZW1vdmUpIHtcbiAgICAvLyBSZW1vdmUgZnJvbSBoZWFkXG4gICAgZG9jdW1lbnQuaGVhZC5yZW1vdmVDaGlsZChjaGlsZCk7XG4gIH1cbiAgZm9yIChjb25zdCBjaGlsZCBvZiBkaWZmLmNoaWxkcmVuVG9BZGQpIHtcbiAgICAvLyBIYW5kbGUgc2NyaXB0IHRhZ3NcbiAgICBpZiAoY2hpbGQ/Lm5vZGVOYW1lPy50b0xvd2VyQ2FzZSgpID09ICdzY3JpcHQnKSB7XG4gICAgICBjb25zdCBzY3JpcHRFbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc2NyaXB0Jyk7XG4gICAgICBwb3J0QXR0cmlidXRlc1RvRWxlbWVudChjaGlsZCwgc2NyaXB0RWxlbWVudCk7XG4gICAgICBzY3JpcHRFbGVtZW50LmlubmVySFRNTCA9IGNoaWxkLmlubmVySFRNTDtcbiAgICAgIGRvY3VtZW50LmhlYWQuYXBwZW5kQ2hpbGQoc2NyaXB0RWxlbWVudCk7XG4gICAgICBjb250aW51ZTtcbiAgICB9XG4gICAgLy8gQWRkIHRvIHRoZSBoZWFkXG4gICAgZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChjaGlsZCk7XG4gIH1cbn1cblxuZnVuY3Rpb24gcmVtb3ZlQm9keVNjcmlwdHMoZG9tKSB7XG4gIGNvbnN0IHNjcmlwdHMgPSBbLi4uZG9tLmJvZHkucXVlcnlTZWxlY3RvckFsbCgnc2NyaXB0JyldO1xuICBjb25zdCBuZXdFbGVtZW50cyA9IFtdO1xuICBmb3IgKGNvbnN0IHNjcmlwdCBvZiBzY3JpcHRzKSB7XG4gICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO1xuICAgIHBvcnRBdHRyaWJ1dGVzVG9FbGVtZW50KHNjcmlwdCwgZWxlbWVudCk7XG4gICAgZWxlbWVudC5pbm5lckhUTUwgPSBzY3JpcHQuaW5uZXJIVE1MO1xuICAgIGRvbS5ib2R5LnJlbW92ZUNoaWxkKHNjcmlwdCk7XG4gICAgbmV3RWxlbWVudHMucHVzaChlbGVtZW50KTtcbiAgfVxuICByZXR1cm4gbmV3RWxlbWVudHM7XG59XG5cbmZ1bmN0aW9uIHBvcnRBdHRyaWJ1dGVzVG9FbGVtZW50KG9sZEVsLCBuZXdFbCkge1xuICBmb3IgKGNvbnN0IGF0dHJpYnV0ZSBvZiBvbGRFbC5hdHRyaWJ1dGVzKSB7XG4gICAgbmV3RWwuc2V0QXR0cmlidXRlKGF0dHJpYnV0ZS5uYW1lLCBhdHRyaWJ1dGUubm9kZVZhbHVlKTtcbiAgfVxufVxuXG5mdW5jdGlvbiBnZXRQZXJzaXN0ZW50Tm9kZXNGcm9tRG9jdW1lbnQoZG9tKSB7XG4gIC8vIEZpbmQgcGVyc2lzdGVudCBub2Rlc1xuICBjb25zdCBwZXJzaXN0ZW50Tm9kZXNGcm9tRG9tID0gWy4uLmRvbS5xdWVyeVNlbGVjdG9yQWxsKCdbZGF0YS1wZXJzaXN0ZW50XScpXS5tYXAoZWwgPT4gZWwuZ2V0QXR0cmlidXRlKCdkYXRhLXBlcnNpc3RlbnQnKSk7XG4gIGNvbnN0IHBlcnNpc3RlbnROb2Rlc0Zyb21Cb2R5ID0gWy4uLmRvY3VtZW50LmJvZHkucXVlcnlTZWxlY3RvckFsbCgnW2RhdGEtcGVyc2lzdGVudF0nKV07XG4gIC8vIENyb3NzIG1hdGNoIHRoZSBwZXJzaXN0ZW50IG5vZGVzIGJldHdlZW4gY3VycmVudCBwYWdlIGFuZCBuZXcgcGFnZSB0byBmaW5kIHZhbGlkIG9uZXNcbiAgY29uc3QgdmFsaWRQZXJzaXN0ZW50Tm9kZXMgPSBwZXJzaXN0ZW50Tm9kZXNGcm9tQm9keS5maWx0ZXIoZWwgPT4ge1xuICAgIHJldHVybiBwZXJzaXN0ZW50Tm9kZXNGcm9tRG9tLmluY2x1ZGVzKGVsLmdldEF0dHJpYnV0ZSgnZGF0YS1wZXJzaXN0ZW50JykpO1xuICB9KTtcbiAgLy8gQ2xvbmVcbiAgcmV0dXJuIHZhbGlkUGVyc2lzdGVudE5vZGVzLm1hcChlbCA9PiBlbC5jbG9uZU5vZGUodHJ1ZSkpO1xufVxuXG5mdW5jdGlvbiByZXBsYWNlQXR0cmlidXRlc09uRG9jdW1lbnRCb2R5KGRvbSkge1xuICB3aGlsZSAoZG9jdW1lbnQuYm9keS5hdHRyaWJ1dGVzLmxlbmd0aCA+IDApIHtcbiAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUF0dHJpYnV0ZShkb2N1bWVudC5ib2R5LmF0dHJpYnV0ZXNbMF0ubmFtZSk7XG4gIH1cbiAgLy8gU2V0IGF0dHJpYnV0ZXMgb24gdGhlIGJvZHlcbiAgZm9yIChjb25zdCBhdHRyaWJ1dGUgb2YgZG9tLmJvZHkuYXR0cmlidXRlcykge1xuICAgIGRvY3VtZW50LmJvZHkuc2V0QXR0cmlidXRlKGF0dHJpYnV0ZS5uYW1lLCBhdHRyaWJ1dGUubm9kZVZhbHVlKTtcbiAgfVxufVxuXG5hc3luYyBmdW5jdGlvbiBoYW5kbGVCYWNrQnV0dG9uKCkge1xuICBhd2FpdCBnZXROZXdQYWdlQ29udGVudCh3aW5kb3cuaGlzdG9yeS5zdGF0ZT8udGFyZ2V0SHJlZiB8fCB3aW5kb3cubG9jYXRpb24uaHJlZik7XG59XG5cbmZ1bmN0aW9uIGlzUmVsYXRpdmVVUkwodXJsKSB7XG4gIGlmICh0eXBlb2YgdXJsICE9PSAnc3RyaW5nJykgcmV0dXJuIGZhbHNlO1xuICB0cnkge1xuICAgIG5ldyBVUkwodXJsKTtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH0gY2F0Y2ggKGVycikge1xuICAgIGlmICh1cmw/LnN0YXJ0c1dpdGgoJy8vJykpIHJldHVybiBmYWxzZTtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxufVxuXG5mdW5jdGlvbiBpc0V4dGVybmFsVVJMKHVybCkge1xuICBpZiAoaXNSZWxhdGl2ZVVSTCh1cmwpKSByZXR1cm4gZmFsc2U7XG4gIHRyeSB7XG4gICAgY29uc3QgY29tcHV0ZWRVUkwgPSBuZXcgVVJMKHVybCk7XG4gICAgcmV0dXJuIGNvbXB1dGVkVVJMPy5vcmlnaW4gIT09IHdpbmRvdy5sb2NhdGlvbj8ub3JpZ2luO1xuICB9IGNhdGNoIHtcbiAgICByZXR1cm4gZmFsc2U7IC8vIE5vdCBhIFVSTFxuICB9XG59XG5cbndpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJywgcmVwbGFjZURvY3VtZW50Q29udGVudHNXaXRoTGlua1Jlc3BvbnNlKTtcbndpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdwb3BzdGF0ZScsIGhhbmRsZUJhY2tCdXR0b24pO1xuXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBRUEsZUFBZSwwQ0FBMEM7QUFDdkQsUUFBTSxRQUFRLENBQUMsR0FBRyxTQUFTLGlCQUFpQixZQUFZLENBQUM7QUFDekQsYUFBVyxRQUFRLE9BQU87QUFDeEIsU0FBSyxpQkFBaUIsU0FBUyxxQkFBcUI7QUFBQSxFQUN0RDtBQUVGO0FBRUEsZUFBZSxzQkFBc0IsR0FBRztBQUN0QyxRQUFNLGFBQWEsR0FBRyxRQUFRLGFBQWEsTUFBTTtBQUNqRCxNQUFJLENBQUMsV0FBWTtBQUNqQixNQUFJLGNBQWMsVUFBVSxLQUFLLENBQUMsR0FBRyxRQUFRLGFBQWEsc0JBQXNCLEVBQUc7QUFDbkYsSUFBRSxlQUFlO0FBQ2pCLE1BQUk7QUFDRixVQUFNLGtCQUFrQixVQUFVO0FBQ2xDLFFBQUksZUFBZSxPQUFPLFNBQVMsU0FBVTtBQUM3QyxXQUFPLFFBQVE7QUFBQSxNQUNiO0FBQUEsUUFDRSxNQUFNO0FBQUEsUUFDTjtBQUFBLE1BQ0Y7QUFBQSxNQUNBO0FBQUEsTUFDQTtBQUFBLElBQ0Y7QUFDQSxVQUFNLFFBQVEsSUFBSSxZQUFZLHFCQUFxQjtBQUFBLE1BQ2pELFFBQVE7QUFBQSxRQUNOLE1BQU07QUFBQSxNQUNSO0FBQUEsSUFDRixD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

package/dist/src/scripts/xpine-build.js

@@ -0,0 +1,420 @@
+#!/usr/bin/env node
+
+// src/scripts/build.ts
+import path3 from "path";
+import fs2 from "fs-extra";
+import { build } from "esbuild";
+import builtinModules from "builtin-modules";
+import ts2 from "typescript";
+
+// src/build/typescript-builder.ts
+import ts from "typescript";
+import fs from "fs-extra";
+import path from "path";
+function findDataAttributesAndFunctions(node, sourceFile, foundDataAttributes = [], foundFunctions = []) {
+  if (node.kind === ts.SyntaxKind.JsxAttribute) {
+    const attribute = getAttributeValuePair(node, sourceFile);
+    if (attribute?.[0] === "x-data" && attribute?.[1]) {
+      foundDataAttributes.push(attribute[1].replace(/[^a-zA-Z0-9]/g, ""));
+    }
+  }
+  if (node.kind === ts.SyntaxKind.SourceFile) {
+    node.forEachChild((child) => {
+      if ([ts.SyntaxKind.FunctionDeclaration, ts.SyntaxKind.VariableDeclaration].includes(child.kind)) {
+        const functions = getFunctionDeclarationValue(child, sourceFile);
+        foundFunctions.push(functions);
+      }
+    });
+  }
+  node.forEachChild((child) => {
+    findDataAttributesAndFunctions(child, sourceFile, foundDataAttributes, foundFunctions);
+  });
+  return {
+    foundDataAttributes,
+    foundFunctions
+  };
+}
+function getAttributeValuePair(node, sourceFile) {
+  const result = [];
+  node.forEachChild((child) => {
+    result.push(child.getText(sourceFile));
+  });
+  return result;
+}
+function getFunctionDeclarationValue(node, sourceFile) {
+  const result = {
+    name: null,
+    isDefaultExport: false,
+    hasExport: false
+  };
+  node.forEachChild((child) => {
+    if (child.kind === ts.SyntaxKind.ExportKeyword) {
+      result.hasExport = true;
+    }
+    if (child.kind === ts.SyntaxKind.DefaultKeyword) {
+      result.isDefaultExport = true;
+    }
+    if (child.kind === ts.SyntaxKind.Identifier) {
+      result.name = child.getText(sourceFile);
+    }
+  });
+  return result;
+}
+function convertEntryPointsToSingleFile(entryPoints, tempWritePath) {
+  fs.writeFileSync(
+    tempWritePath,
+    entryPoints.map((entry) => `import "${entry}"`).join(";\n")
+  );
+}
+function removeClientScriptInTSXFile(pathName) {
+  const content = fs.readFileSync(pathName, "utf-8");
+  const source = ts.createSourceFile(
+    pathName,
+    content,
+    ts.ScriptTarget.Latest
+  );
+  let toRemoveFrom;
+  let clientDataStart;
+  const clientImportsToHoist = [];
+  const clientImportsToReplace = [];
+  source.forEachChild((child) => {
+    if (child.kind === ts.SyntaxKind.ExpressionStatement) {
+      const text = child.getText(source);
+      if (text.startsWith("<script")) {
+        toRemoveFrom = child.pos;
+        clientDataStart = child.end;
+      }
+    }
+    if (child.kind === ts.SyntaxKind.ImportDeclaration && child.pos >= clientDataStart) {
+      const text = child.getText(source);
+      child.forEachChild((child2) => {
+        if (child2.kind === ts.SyntaxKind.StringLiteral) {
+          const text2 = child2.getText(source);
+          const importPath = text2.replace(/[\"\']/g, "");
+          const isRelativeImport = importPath.startsWith(".") || importPath.startsWith("/");
+          if (!isRelativeImport) return;
+          clientImportsToReplace.push({
+            old: importPath,
+            new: path.join(path.dirname(pathName), importPath)
+          });
+        }
+      });
+      clientImportsToHoist.push(text);
+    }
+  });
+  let clientContent = !isNaN(clientDataStart) ? content.slice(clientDataStart) : "";
+  for (const clientImport of clientImportsToReplace) {
+    clientContent = clientContent.replace(clientImport.old, clientImport.new);
+  }
+  return {
+    content: !isNaN(toRemoveFrom) ? clientImportsToHoist.join("\n") + content.slice(0, toRemoveFrom) : content,
+    clientContent,
+    fullContent: content,
+    toRemoveFrom,
+    clientDataStart
+  };
+}
+
+// src/scripts/build.ts
+import { globSync } from "glob";
+import postcss from "postcss";
+import tailwindPostcss from "@tailwindcss/postcss";
+
+// src/util/get-config.ts
+import path2 from "path";
+
+// src/util/require.ts
+import { createRequire } from "module";
+var require2 = createRequire(import.meta.url);
+var require_default = require2;
+
+// src/util/get-config.ts
+var rootDir = process.cwd();
+function fromRoot(pathName) {
+  if (!pathName) return rootDir;
+  return path2.join(rootDir, pathName);
+}
+var userConfig = require_default(path2.join(process.cwd(), "./xpine.config.mjs")).default;
+var configDefaults = {
+  rootDir: fromRoot(),
+  srcDir: fromRoot("./src"),
+  distDir: fromRoot("./dist"),
+  packageJsonPath: fromRoot("package.json"),
+  // We need to use getters here in the event someone wants to change folders, such as the dist folder
+  get distPublicDir() {
+    return path2.join(this.distDir, "./public");
+  },
+  get distPublicScriptsDir() {
+    return path2.join(this.distPublicDir, "./scripts");
+  },
+  get distTempFolder() {
+    return path2.join(this.distDir, "./temp");
+  },
+  get clientJSBundlePath() {
+    return path2.join(this.distPublicScriptsDir, "./app.js");
+  },
+  get alpineDataPath() {
+    return path2.join(this.distTempFolder, "./alpine-data.ts");
+  },
+  get serverDistDir() {
+    return path2.join(this.distDir, "./server");
+  },
+  get serverDistAppPath() {
+    return path2.join(this.serverDistDir, "./app.js");
+  },
+  // Important dirs/paths
+  get pagesDir() {
+    return path2.join(this.srcDir, "./pages");
+  },
+  get publicDir() {
+    return path2.join(this.srcDir, "./public");
+  },
+  get serverDir() {
+    return path2.join(this.srcDir, "./server");
+  },
+  get runDir() {
+    return path2.join(this.serverDir, "./run");
+  },
+  get serverAppPath() {
+    return path2.join(this.serverDir, "./app.ts");
+  },
+  get globalCSSFile() {
+    return path2.join(this.publicDir, "./styles/global.css");
+  }
+};
+var config = {
+  ...configDefaults,
+  ...userConfig
+};
+
+// src/scripts/build.ts
+var extensions = [".ts", ".tsx"];
+var packageJson = JSON.parse(fs2.readFileSync(config.packageJsonPath, "utf-8"));
+var allPackages = Object.keys(packageJson.devDependencies).concat(Object.keys(packageJson.dependencies));
+var allPackagesIncludingNode = allPackages.concat(builtinModules);
+async function buildApp(isDev = false) {
+  try {
+    const srcDirFiles = globSync(config.srcDir + "/**/*.{js,ts,tsx,jsx}");
+    const { componentData, dataFiles } = await buildAppFiles(srcDirFiles, isDev);
+    const alpineDataFile = await buildAlpineDataFile(componentData, dataFiles);
+    await buildClientSideFiles([alpineDataFile], isDev);
+    fs2.removeSync(config.distTempFolder);
+    await buildCSS();
+    await buildPublicFolderSymlinks();
+  } catch (err) {
+    console.error("Build failed");
+    console.error(err);
+  }
+}
+async function buildAppFiles(files, isDev) {
+  const componentData = [];
+  const dataFiles = [];
+  const backendFiles = files.filter((file) => extensions.find((ext) => file.endsWith(ext))).filter((file) => !file.startsWith(config.publicDir));
+  fs2.ensureDirSync(config.distDir);
+  await build({
+    entryPoints: backendFiles,
+    format: "esm",
+    platform: "node",
+    outdir: config.distDir,
+    bundle: true,
+    sourcemap: isDev ? "inline" : false,
+    external: allPackages,
+    jsx: "transform",
+    minify: !isDev,
+    plugins: [
+      {
+        name: "add-dot-js",
+        setup(build2) {
+          build2.onResolve({ filter: /.*/ }, (args) => {
+            const hasAtSign = args.path.startsWith("@");
+            const isPackage = hasAtSign ? allPackagesIncludingNode.includes(args.path) : allPackagesIncludingNode.includes(args.path.split("/").shift());
+            if (args.importer && !isPackage) {
+              const calculatedDir = path3.join(args.resolveDir, args.path);
+              let existsAsFile = false;
+              for (const extension of extensions) {
+                const asFile = calculatedDir + extension;
+                const exists = fs2.existsSync(asFile);
+                if (exists) existsAsFile = true;
+              }
+              let outputPath = args.path + (existsAsFile ? "" : "/index") + ".js";
+              outputPath = args.path.endsWith(".js") || args.path.endsWith(".mjs") ? args.path : outputPath;
+              return { path: outputPath, external: true };
+            }
+          });
+        }
+      },
+      {
+        name: "insert-html-banner-and-remove-client-scripts",
+        setup(build2) {
+          build2.onLoad({ filter: /.tsx/ }, (args) => {
+            const cleanedContent = removeClientScriptInTSXFile(args.path);
+            const htmlImportStart = "import { html } from 'xpine';\n";
+            const newContent = `${htmlImportStart}${cleanedContent.content}`;
+            componentData.push({
+              ...args,
+              contents: `${htmlImportStart}${cleanedContent.fullContent}`,
+              clientContent: cleanedContent.clientContent
+            });
+            return {
+              contents: newContent,
+              loader: "tsx"
+            };
+          });
+        }
+      },
+      {
+        name: "get-data-files",
+        setup(build2) {
+          build2.onLoad({ filter: /\.data\.(js|mjs|ts)$/ }, (args) => {
+            const contents = fs2.readFileSync(args.path, "utf-8");
+            dataFiles.push({
+              ...args,
+              contents
+            });
+            return {
+              contents,
+              loader: "ts"
+            };
+          });
+        }
+      }
+    ]
+  });
+  await logSize(config.distDir, "app");
+  return {
+    componentData,
+    dataFiles
+  };
+}
+async function buildClientSideFiles(alpineDataFiles = [], isDev) {
+  const tempFilePath = path3.join(config.distTempFolder, "./app.ts");
+  fs2.ensureFileSync(tempFilePath);
+  const pagesScriptsGlob = config.publicDir + "/scripts/pages/**/*.{js,ts}";
+  const clientFiles = globSync(
+    config.publicDir + "/**/*.{js,ts}",
+    {
+      ignore: pagesScriptsGlob
+    }
+  );
+  convertEntryPointsToSingleFile(alpineDataFiles.concat(clientFiles), tempFilePath);
+  if (isDev) writeDevServerClientSideCode(tempFilePath);
+  writeSpaClientSideCode(tempFilePath);
+  await build({
+    entryPoints: [tempFilePath],
+    bundle: true,
+    outdir: config.distPublicScriptsDir,
+    minify: !isDev,
+    sourcemap: isDev ? "inline" : false
+  });
+  const pagesFiles = globSync(pagesScriptsGlob);
+  await build({
+    entryPoints: pagesFiles || [],
+    bundle: true,
+    outdir: config.distPublicScriptsDir + "/pages",
+    minify: !isDev,
+    sourcemap: isDev ? "inline" : false
+  });
+  await logSize(config.distPublicDir, "client");
+}
+function writeDevServerClientSideCode(tempFilePath) {
+  const devServerPath = path3.join(import.meta.dirname, "../static/dev-server.js");
+  const content = fs2.readFileSync(devServerPath, "utf-8");
+  fs2.appendFileSync(tempFilePath, `
+` + content);
+}
+function writeSpaClientSideCode(tempFilePath) {
+  const spaPath = path3.join(import.meta.dirname, "../static/spa.js");
+  const content = fs2.readFileSync(spaPath, "utf-8");
+  fs2.appendFileSync(tempFilePath, `
+` + content);
+}
+async function buildAlpineDataFile(componentData, dataFiles) {
+  const output = {
+    imports: [
+      "import Alpine from 'alpinejs';"
+    ],
+    code: [],
+    end: [
+      "window.Alpine = Alpine;"
+    ]
+  };
+  const dataFunctionResults = {
+    foundDataAttributes: [],
+    foundFunctions: [],
+    foundImports: []
+  };
+  const componentsAndDataFiles = componentData.concat(dataFiles);
+  for (const component of componentsAndDataFiles) {
+    const sourceFile = ts2.createSourceFile(
+      component.path,
+      component.contents,
+      ts2.ScriptTarget.Latest
+    );
+    const dataFunctionResult = findDataAttributesAndFunctions(sourceFile, sourceFile);
+    dataFunctionResults.foundDataAttributes.push(...dataFunctionResult.foundDataAttributes);
+    const foundFunctionsWithPath = dataFunctionResult.foundFunctions.map((item) => {
+      return {
+        ...item,
+        path: component.path,
+        content: component.clientContent
+      };
+    });
+    dataFunctionResults.foundFunctions.push(...foundFunctionsWithPath);
+  }
+  const validDataFunctions = dataFunctionResults.foundFunctions.filter((item) => {
+    return dataFunctionResults.foundDataAttributes.includes(item.name) && item.content;
+  });
+  for (const dataFunction of validDataFunctions) {
+    if (!dataFunction.hasExport) continue;
+    output.code.push(dataFunction.content);
+    output.code.push(`Alpine.data('${dataFunction.name}', ${dataFunction.name});`);
+  }
+  const result = output.imports.join("\n") + "\n" + output.code.join("\n") + "\n" + output.end.join("\n");
+  fs2.ensureFileSync(config.alpineDataPath);
+  fs2.writeFileSync(config.alpineDataPath, result);
+  return config.alpineDataPath;
+}
+async function buildCSS() {
+  const cssFiles = globSync(config.srcDir + "/**/*.css");
+  for (const file of cssFiles) {
+    const fileContents = fs2.readFileSync(file, "utf-8");
+    const result = await postcss([tailwindPostcss()]).process(fileContents, { from: file });
+    const newPath = file.replace(config.srcDir, config.distDir);
+    fs2.ensureFileSync(newPath);
+    fs2.writeFileSync(newPath, result.css);
+  }
+  logSize(config.distPublicDir, "css");
+}
+async function buildPublicFolderSymlinks() {
+  const files = globSync(config.publicDir + "/**/*.*", {
+    ignore: "/**/*.{css,js,ts,tsx,jsx}"
+  });
+  for (const file of files) {
+    try {
+      const newPath = file.replace(config.srcDir, config.distDir);
+      const splitNewPath = newPath.split("/");
+      splitNewPath.pop();
+      const newDir = splitNewPath.join("/");
+      fs2.ensureDirSync(newDir);
+      fs2.symlinkSync(file, newPath);
+    } catch {
+    }
+  }
+}
+async function logSize(pathName, type, validExtensions = [".js", ".css"]) {
+  const files = globSync(pathName + "/**/*" + (type === "css" ? ".css" : ""));
+  const fileSizes = files.map((file) => {
+    if (!validExtensions.find((ext) => file.endsWith(ext))) return false;
+    return {
+      file,
+      size: fs2.statSync(file).size / (1024 * 1e3)
+    };
+  }).filter(Boolean);
+  const totalSize = fileSizes.reduce((total, current) => {
+    return current.size + total;
+  }, 0);
+  console.info(`[${totalSize.toFixed(3)} MB] Built ${type}`);
+}
+
+// src/scripts/xpine-build.ts
+buildApp();