vitral 0.2.0 → 0.4.0

package/dist/{chunk-NCONW6WS.js → chunk-WD4CDGDZ.js}

@@ -3,15 +3,21 @@ import {
   loadFile,
   registerSrc,
   resolveEntry
-} from "./chunk-2XF5BKV3.js";
+} from "./chunk-EMSB2NVX.js";
 import {
   injectStyles
-} from "./chunk-SFL6LTP3.js";
+} from "./chunk-6EX5KYT5.js";
+import {
+  metric
+} from "./chunk-TW7KYJQ6.js";
 import {
   RemoteError,
+  ctxHooks,
+  fail,
   isRemoteError,
-  metric
-} from "./chunk-PX7PBCCT.js";
+  mounted,
+  report
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";
@@ -42,9 +48,6 @@ function scopedEvents() {
   };
 }
 
-// src/core/hooks.ts
-var ctxHooks = {};
-
 // src/core/navigate.ts
 function navigate(url, options = {}) {
   const target = new URL(url, location.href);
@@ -60,27 +63,44 @@ function navigate(url, options = {}) {
 
 // src/core/updates.ts
 var versions = /* @__PURE__ */ new Map();
-function track(name, entry) {
-  versions.set(name, entry);
+var live = /* @__PURE__ */ new Map();
+function track(name, loaded) {
+  versions.set(name, loaded.entry);
+  mounted.set(name, loaded);
+  live.set(name, (live.get(name) ?? 0) + 1);
+  return () => {
+    const n = live.get(name) - 1;
+    if (n) live.set(name, n);
+    else live.delete(name), versions.delete(name), mounted.delete(name);
+  };
 }
+var swaps = null;
 async function refresh(name) {
   const p = protocol();
   await p.pending();
   const entry = p.entry(name);
   if (entry) p.register(name, entry);
   await loadFile(name);
+  const started = swaps = [];
   events.emit("vitral:refresh", name);
+  swaps = null;
+  await Promise.all(started);
 }
 function refreshable(current, name, props, remount) {
+  let gen = 0;
   const off = events.on("vitral:refresh", (n) => {
-    if (n === name || name.startsWith(n + "/")) {
-      remount(props).then((next) => {
-        const old = current;
-        if (old.unmount === noop) return next.unmount();
-        current = next;
-        old.unmount();
-      }, console.error);
-    }
+    if (n !== name && !name.startsWith(n + "/")) return;
+    const mine = ++gen;
+    const used = props;
+    const swap = remount(used).then((next) => {
+      if (current.unmount === noop || mine !== gen) return next.unmount();
+      const old = current;
+      current = next;
+      old.unmount();
+      if (props !== used) next.update?.(props);
+    });
+    if (swaps) swaps.push(swap);
+    else swap.catch(console.error);
   });
   return {
     update(next) {
@@ -99,10 +119,13 @@ var noop = () => {
 async function checkUpdates() {
   const p = protocol();
   const found = [];
-  const { splitName } = await import("./expose-53BEJB34.js");
+  const { splitName } = await import("./expose-OVWTPHH5.js");
   const remotes = /* @__PURE__ */ new Map();
-  for (const [name, entry] of versions) remotes.set(splitName(name)[0], entry);
-  versions.clear();
+  for (const name of live.keys()) {
+    const root = splitName(name)[0];
+    const entry = versions.get(root) ?? versions.get(name);
+    if (entry) remotes.set(root, entry);
+  }
   for (const [name, entry] of remotes) versions.set(name, entry);
   await Promise.all(
     [...remotes].map(
@@ -141,26 +164,28 @@ async function mountOnce(target, name, props, options) {
   const p = protocol();
   await p.pending();
   if ((options.isolate ?? registered(name)?.isolate ?? p.settings().isolate) === "iframe") {
-    if (!frames) throw new RemoteError("MOUNT_FAILED", name, 'isolate="iframe" precisa de enableIframe(), de vitral/iframe');
-    return frames(target, name, props, options);
+    if (!frames) throw report(new RemoteError("MOUNT_FAILED", name, 'isolate="iframe" precisa de enableIframe(), de vitral/iframe'));
+    return frames(target, name, props, options).catch(fail);
   }
   const { module: mod, ...resolved } = await load(name, options.isolate, options.priority);
-  track(name, resolved.entry);
+  const untrack = track(name, resolved);
+  ctxHooks.watch?.(name);
   const isolate = options.isolate ?? resolved.isolate ?? protocol().settings().isolate;
   const label = resolved.name ?? name;
-  let shadowRoot = null;
-  const el = document.createElement("div");
-  el.setAttribute("data-vitral-root", label);
-  if (resolved.scope) el.setAttribute("data-vitral-scope", resolved.scope);
-  el.style.display = "contents";
-  if (isolate === "shadow") {
-    shadowRoot = target.shadowRoot ?? target.attachShadow({ mode: "open" });
-    shadowRoot.appendChild(el);
-  } else {
-    target.appendChild(el);
-  }
+  const make = (options2) => {
+    const el2 = document.createElement("div", options2);
+    el2.setAttribute("data-vitral-root", label);
+    if (resolved.scope) el2.setAttribute("data-vitral-scope", resolved.scope);
+    el2.style.display = "contents";
+    return el2;
+  };
   let t = performance.now();
-  const release = await injectStyles(resolved.css, shadowRoot, el, options.styles, resolved.sri);
+  const [release, portal = document.body, shadowRoot = null, registry = customElements, el = target.appendChild(make())] = await injectStyles(
+    resolved,
+    isolate === "shadow" && target,
+    make,
+    options.styles
+  );
   metric(name, "css", t);
   t = performance.now();
   const scoped = scopedEvents();
@@ -170,8 +195,10 @@ async function mountOnce(target, name, props, options) {
     baseUrl: new URL(".", resolved.entry).href,
     events: scoped.bus,
     shadowRoot,
+    portalContainer: portal,
+    customElements: registry,
     reportError(e) {
-      const err = isRemoteError(e) ? e : new RemoteError("RENDER_FAILED", label, String(e?.message ?? e), e);
+      const err = report(isRemoteError(e) ? e : new RemoteError("RENDER_FAILED", label, String(e?.message ?? e), e), resolved);
       if (options.onError) options.onError(err);
       else console.error(err);
     },
@@ -181,27 +208,29 @@ async function mountOnce(target, name, props, options) {
     onDeactivate: on("vitral:deactivate")
   };
   if (ctxHooks.shared) ctx.shared = ctxHooks.shared(name, scoped.track);
-  let mounted;
+  let mounted2;
   try {
-    mounted = await mod.mount(el, props, ctx);
+    mounted2 = await mod.mount(el, props, ctx);
     metric(name, "mount", t);
   } catch (e) {
+    untrack();
     scoped.dispose();
     release();
     el.remove();
-    throw new RemoteError("MOUNT_FAILED", label, "erro ao montar", e);
+    throw report(new RemoteError("MOUNT_FAILED", label, "erro ao montar", e), resolved);
   }
   let alive = true;
   return {
     update(next) {
-      if (alive) mounted.update?.(next);
+      if (alive) mounted2.update?.(next);
     },
     unmount() {
       if (!alive) return;
       alive = false;
       try {
-        mounted.unmount();
+        mounted2.unmount();
       } finally {
+        untrack();
         scoped.dispose();
         release();
         el.remove();
@@ -244,17 +273,17 @@ function createSlot(target, options) {
     holder.setAttribute("data-vitral-slot", name);
     target.appendChild(holder);
     setStatus("loading");
-    const fail = (e) => {
+    const fail2 = (e) => {
       if (my !== token) return;
       setStatus("error", isRemoteError(e) ? e : new RemoteError("MOUNT_FAILED", name, String(e), e));
     };
     const initial = props;
-    mountRemote(holder, name, props, { isolate, priority: options.priority, styles: options.styles, onError: fail }).then((h) => {
+    mountRemote(holder, name, props, { isolate, priority: options.priority, styles: options.styles, onError: fail2 }).then((h) => {
       if (my !== token) return h.unmount();
       handle2 = h;
       if (props !== initial) h.update?.(props);
       setStatus("ready");
-    }, fail);
+    }, fail2);
   };
   mount();
   return {