hotReload.js

const SandHotReload = (() => {
  let lastHash = null;
  let root = null;
  let app = null;

  function hash(str) {
    let h = 0;
    for (let i = 0; i < str.length; i++) {
      h = (h << 5) - h + str.charCodeAt(i);
      h |= 0;
    }
    return h;
  }

  function start(_app, _root, interval = 500) {
    app = _app;
    root = _root;

    setInterval(() => {
      const code = document.querySelector("script[data-app]")?.innerHTML;

      if (!code) return;

      const currentHash = hash(code);

      if (lastHash === null) {
        lastHash = currentHash;
      }

      if (currentHash !== lastHash) {
        console.log("🔥 SandJS Hot Reload triggered");

        lastHash = currentHash;

        root.innerHTML = "";
        Sand.render(app, root);
      }
    }, interval);
  }

  return { start };
})();

window.SandHotReload = SandHotReload;