imba/devtools.imba.web.js

var imbadevtools = (() => {
  function iter$__(a) {
    let v;
    return a ? (v = a.toIterable) ? v.call(a) : a : [];
  }
  var \u03C61 = Symbol.for("#type");
  var \u03C620 = Symbol.for("#__listeners__");
  function deserializeData(data, reviver = null) {
    let objects = {};
    let reg = /\$\$\d+\$\$/;
    let lookup = function(value) {
      return objects[value] || (objects[value] = reviver ? reviver(value) : {});
    };
    let parser = function(key, value) {
      if (typeof value == "string") {
        if (value[0] == "$" && reg.test(value)) {
          return lookup(value);
        }
        ;
      } else if (typeof key == "string" && key[0] == "$" && reg.test(key)) {
        let obj = lookup(key);
        Object.assign(obj, value);
        return obj;
      }
      ;
      return value;
    };
    let parsed = JSON.parse(data, parser);
    return parsed;
  }
  function patchManifest(prev, curr) {
    var \u03C67, \u03C66, \u03C611, \u03C618;
    let origs = {};
    let diff = {
      added: [],
      changed: [],
      removed: [],
      all: [],
      urls: {}
    };
    if (prev.assets) {
      for (let \u03C64 = 0, \u03C65 = iter$__(prev.assets), \u03C68 = \u03C65.length; \u03C64 < \u03C68; \u03C64++) {
        let item = \u03C65[\u03C64];
        let ref = item.originalPath || item.path;
        origs[ref] = item;
        if (item.url) {
          (\u03C67 = curr.urls)[\u03C66 = item.url] || (\u03C67[\u03C66] = item);
        }
        ;
      }
      ;
    }
    ;
    for (let \u03C69 = 0, \u03C610 = iter$__(curr.assets || []), \u03C612 = \u03C610.length; \u03C69 < \u03C612; \u03C69++) {
      let item = \u03C610[\u03C69];
      let ref = item.originalPath || item.path;
      let orig = origs[ref];
      if (item.url && prev.urls) {
        prev.urls[item.url] = item;
      }
      ;
      if (orig) {
        if (orig.hash != item.hash) {
          orig.invalidated = Date.now();
          orig.replacedBy = item;
          item.replaces = orig;
          diff.changed.push(item);
          diff.all.push(item);
          if (orig == prev.main) {
            diff.main = item;
          }
          ;
        }
        ;
        \u03C611 = origs[ref], delete origs[ref], \u03C611;
      } else {
        diff.added.push(item);
        diff.all.push(item);
      }
      ;
    }
    ;
    for (let \u03C613 = 0, \u03C614 = Object.keys(origs), \u03C615 = \u03C614.length, path, item; \u03C613 < \u03C615; \u03C613++) {
      path = \u03C614[\u03C613];
      item = origs[path];
      item.removed = Date.now();
      diff.all.push(item);
    }
    ;
    for (let \u03C616 = 0, \u03C617 = iter$__(diff.all), \u03C619 = \u03C617.length; \u03C616 < \u03C619; \u03C616++) {
      let item = \u03C617[\u03C616];
      let typ = diff[\u03C618 = item.type] || (diff[\u03C618] = []);
      typ.push(item);
    }
    ;
    diff.removed = Object.values(origs);
    curr.changes = diff;
    return curr;
  }
  function iter$__2(a) {
    let v;
    return a ? (v = a.toIterable) ? v.call(a) : a : [];
  }
  var doc = globalThis.document;
  var Manifest = class {
    constructor() {
      this.data = {};
    }
    get changes() {
      return this.data.changes || {};
    }
    get inputs() {
      return this.data.inputs;
    }
    get outputs() {
      return this.data.outputs;
    }
    get urls() {
      return this.data.urls;
    }
    get main() {
      return this.data.main;
    }
    init(raw) {
      return this.update(raw);
    }
    update(raw) {
      if (typeof raw == "string") {
        raw = deserializeData(raw);
      }
      ;
      this.data = patchManifest(this.data, raw);
      return this.data.changes;
    }
  };
  var DevTools = class {
    constructor() {
      this.start();
      this.manifest = new Manifest({});
      this.debug = false;
      this;
    }
    log(...params) {
      if (!this.debug) {
        return;
      }
      ;
      return console.log(...params);
    }
    refresh(changes) {
      let dirty = {
        css: [],
        js: []
      };
      for (let sheet of iter$__2(doc.styleSheets)) {
        let asset;
        let url = sheet.ownerNode.getAttribute("href");
        if (asset = this.manifest.urls[url]) {
          if (asset.replacedBy) {
            sheet.ownerNode.href = asset.replacedBy.url;
          }
          ;
        }
        ;
      }
      ;
      for (let el of iter$__2(doc.querySelectorAll("script[src]"))) {
        let asset1;
        if (asset1 = this.manifest.urls[el.getAttribute("src")]) {
          if (asset1.replacedBy) {
            dirty.js.push(asset1);
          }
          ;
        }
        ;
      }
      ;
      if (dirty.js.length) {
        this.log("js changed - reload?", dirty.js);
        doc.location.reload();
      }
      ;
      return this;
    }
    start() {
      var self = this;
      if (this.socket) {
        return;
      }
      ;
      this.socket = new EventSource("/__hmr__");
      this.socket.onmessage = function(e) {
        return self.log("sse.onmessage", e);
      };
      this.socket.addEventListener("paused", function(e) {
        self.log("server paused");
        return true;
      });
      this.socket.addEventListener("state", function(e) {
        let json = JSON.parse(e.data);
        return self.log("server state", json);
      });
      this.socket.addEventListener("init", function(e) {
        let json = JSON.parse(e.data);
        self.manifest.init(json);
        return self.log("hmr init", self.manifest.data);
      });
      this.socket.addEventListener("errors", function(e) {
        let json = JSON.parse(e.data);
        for (let \u03C612 = 0, \u03C62 = iter$__2(json), \u03C63 = \u03C62.length; \u03C612 < \u03C63; \u03C612++) {
          let item = \u03C62[\u03C612];
          console.error("error in " + item.location.file + ": " + item.location.lineText + " (" + item.text + ")");
        }
        ;
        return;
      });
      this.socket.addEventListener("manifest", function(e) {
        let json = JSON.parse(e.data);
        let changes = self.manifest.update(json);
        return self.refresh(changes);
      });
      this.socket.addEventListener("reload", function(e) {
        self.log("asked to reload by server");
        return doc.location.reload();
      });
      return this.socket.onerror = function(e) {
        return self.log("hmr disconnected", e);
      };
    }
  };
  globalThis.imba_devtools = new DevTools();
})();