vitral 0.3.0 → 0.4.0

package/dist/angular.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken, Type, ApplicationConfig, Signal, Provider, EnvironmentProviders } from '@angular/core';
-import { R as RemoteContext, P as Props, a as RemoteModule, S as Shared, V as VitralConfig } from './types-Czvm-siZ.js';
-export { e as events } from './events-D5gs7rff.js';
+import { R as RemoteContext, P as Props, a as RemoteModule, S as Shared, V as VitralConfig } from './types-CA2p9KHC.js';
+export { e as events } from './events-Dkpkw_Sv.js';
 export { n as navigate } from './navigate-BRG1WJUM.js';
 import './errors-kjBv6IH_.js';
 

package/dist/angular.js

@@ -1,7 +1,7 @@
 import {
   defineVitralElement
-} from "./chunk-3YXI3G34.js";
-import "./chunk-IHTUM6LT.js";
+} from "./chunk-BCC25ANK.js";
+import "./chunk-W6322KGP.js";
 import {
   defineRemote,
   events,
@@ -9,13 +9,13 @@ import {
   navigate,
   same,
   shared
-} from "./chunk-I3VSKSAZ.js";
+} from "./chunk-WD4CDGDZ.js";
 import {
   configure
-} from "./chunk-TD4S3IHA.js";
-import "./chunk-ZAC6QQI6.js";
-import "./chunk-GNHCZRQP.js";
-import "./chunk-AKNNHQ2H.js";
+} from "./chunk-EMSB2NVX.js";
+import "./chunk-6EX5KYT5.js";
+import "./chunk-TW7KYJQ6.js";
+import "./chunk-463H6B56.js";
 import "./chunk-GNPFWISJ.js";
 
 // src/angular.ts

package/dist/auto.js

@@ -1,12 +1,12 @@
 import {
   defineVitralElement
-} from "./chunk-3YXI3G34.js";
-import "./chunk-IHTUM6LT.js";
-import "./chunk-I3VSKSAZ.js";
-import "./chunk-TD4S3IHA.js";
-import "./chunk-ZAC6QQI6.js";
-import "./chunk-GNHCZRQP.js";
-import "./chunk-AKNNHQ2H.js";
+} from "./chunk-BCC25ANK.js";
+import "./chunk-W6322KGP.js";
+import "./chunk-WD4CDGDZ.js";
+import "./chunk-EMSB2NVX.js";
+import "./chunk-6EX5KYT5.js";
+import "./chunk-TW7KYJQ6.js";
+import "./chunk-463H6B56.js";
 import "./chunk-GNPFWISJ.js";
 
 // src/auto.ts

package/dist/{capture-JYFERAPL.js → capture-TT5WBLJ6.js}

@@ -4,7 +4,7 @@ import {
   mounted,
   report,
   reported
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";

package/dist/channel-2YPYGX3J.js

@@ -0,0 +1,95 @@
+import {
+  absolute
+} from "./chunk-TW7KYJQ6.js";
+import {
+  RemoteError,
+  ctxHooks
+} from "./chunk-463H6B56.js";
+import {
+  protocol
+} from "./chunk-GNPFWISJ.js";
+
+// src/core/channel.ts
+var ROLLBACK_KEY = "vitral:rollback";
+var ID_KEY = "vitral:id";
+var watching = /* @__PURE__ */ new Map();
+var abandoned = {};
+var id;
+async function pick(name, entry, channel) {
+  if (typeof channel.stable != "string") throw new RemoteError("INVALID_MODULE", name, `canal inv\xE1lido em ${entry.url}: falta "stable"`);
+  ctxHooks.watch = watch;
+  const ctx = { name, bucket: bucket(name) };
+  const { canary, stable } = channel;
+  let version = await entry.resolve?.(channel, ctx) ?? (canary && ctx.bucket < canary.percent ? canary.version : stable);
+  if (version !== stable && rolledBack()[name] === version) version = stable;
+  if (version === stable || entry.rollback === false) watching.delete(name);
+  else if (watching.get(name)?.from !== version) {
+    watching.set(name, { from: version, to: stable, errors: 0, mounts: 0, max: { errors: 3, mounts: 20, ...entry.rollback } });
+  }
+  return { ...entry, url: versionUrl(version, entry.url), integrity: void 0, manifest: void 0 };
+}
+var versionUrl = (version, channel) => absolute(/[/:]|\.(m?js|json)$/.test(version) ? version : `${version}/vitral.json`, channel);
+function bucket(name) {
+  const key = protocol().settings().canaryKey ?? browserId();
+  let h = 2166136261;
+  for (const c of `${key}:${name}`) h = Math.imul(h ^ c.charCodeAt(0), 16777619);
+  return (h >>> 0) % 100;
+}
+function browserId() {
+  try {
+    id ??= localStorage.getItem(ID_KEY) ?? void 0;
+  } catch {
+  }
+  if (!id) {
+    id = Math.random().toString(36).slice(2);
+    try {
+      localStorage.setItem(ID_KEY, id);
+    } catch {
+    }
+  }
+  return id;
+}
+function rolledBack() {
+  try {
+    return { ...JSON.parse(sessionStorage.getItem(ROLLBACK_KEY) || "{}"), ...abandoned };
+  } catch {
+    return abandoned;
+  }
+}
+function watch(name, error) {
+  for (const [key, w] of watching) {
+    if (name !== key && !name.startsWith(key + "/")) continue;
+    if (!error) {
+      if (++w.mounts > w.max.mounts) w.mounts = 1, w.errors = 0;
+    } else if (++w.errors >= w.max.errors) {
+      rollback(key, w);
+    }
+  }
+}
+function rollback(name, w) {
+  watching.delete(name);
+  abandoned = { ...rolledBack(), [name]: w.from };
+  try {
+    sessionStorage.setItem(ROLLBACK_KEY, JSON.stringify(abandoned));
+  } catch {
+  }
+  console.warn(`[vitral] ${name}: ${w.errors} erros em ${w.mounts} montagens da vers\xE3o ${w.from}; voltando para ${w.to}`);
+  try {
+    protocol().settings().onRollback?.({ name, from: w.from, to: w.to, errors: w.errors, mounts: w.mounts });
+  } catch {
+  }
+  const p = protocol();
+  p.register(name, p.entry(name));
+  p.events.emit("vitral:refresh", name);
+}
+function resetChannels() {
+  watching.clear();
+  abandoned = {};
+  id = void 0;
+}
+export {
+  bucket,
+  pick,
+  resetChannels,
+  versionUrl
+};

package/dist/{chunk-AKNNHQ2H.js → chunk-463H6B56.js}

@@ -2,6 +2,9 @@ import {
   protocol
 } from "./chunk-GNPFWISJ.js";
 
+// src/core/hooks.ts
+var ctxHooks = {};
+
 // src/core/errors.ts
 var ERROR_DOCS = "https://joaogabriel15.github.io/vitral/erros/";
 var RemoteError = class extends Error {
@@ -28,6 +31,7 @@ function report(e, from) {
       protocol().settings().onError?.(e);
     } catch {
     }
+    ctxHooks.watch?.(e.remote, e);
   }
   return e;
 }
@@ -36,6 +40,7 @@ var fail = (e) => {
 };
 
 export {
+  ctxHooks,
   RemoteError,
   isRemoteError,
   mounted,

package/dist/chunk-54CBIZES.js

@@ -0,0 +1,105 @@
+import {
+  protocol
+} from "./chunk-GNPFWISJ.js";
+
+// src/core/overrides.ts
+var OVERRIDES_KEY = "vitral:overrides";
+function overridesEnabled() {
+  return !!protocol().settings().devOverrides || typeof location !== "undefined" && /^(localhost|127\.0\.0\.1|\[::1\])$/.test(location.hostname);
+}
+var manifestUrl = (url) => /\.(json|m?js)(\?|$)/.test(url) ? url : url.replace(/\/?$/, "/vitral.json");
+var isRef = (value) => /^[\w.-]+$/.test(value);
+var read = (store) => {
+  try {
+    return JSON.parse(store().getItem(OVERRIDES_KEY) ?? "{}") ?? {};
+  } catch {
+    return {};
+  }
+};
+var write = (store, all) => {
+  try {
+    if (Object.keys(all).length) store().setItem(OVERRIDES_KEY, JSON.stringify(all));
+    else store().removeItem(OVERRIDES_KEY);
+  } catch {
+  }
+};
+var local = () => localStorage;
+var session = () => sessionStorage;
+var storedOverrides = () => read(local);
+function storeOverride(name, value) {
+  const all = storedOverrides();
+  if (value) all[name] = isRef(value) ? value : manifestUrl(value);
+  else delete all[name];
+  write(local, all);
+}
+function tabOverrides() {
+  const all = read(session);
+  const pairs = new URLSearchParams(location.search).getAll("vitral").join(",").split(",");
+  if (!pairs.some(Boolean)) return all;
+  for (const pair of pairs) {
+    const at = pair.indexOf("@");
+    if (pair === "off") clearOverrides(), Object.keys(all).forEach((k) => delete all[k]);
+    else if (at > 0 && pair.slice(at + 1) === "off") delete all[pair.slice(0, at)];
+    else if (at > 0) all[pair.slice(0, at)] = pair.slice(at + 1);
+  }
+  write(session, all);
+  return all;
+}
+function clearOverrides() {
+  write(session, {});
+  write(local, {});
+}
+function dropOverride(name) {
+  for (const store of [session, local]) {
+    const all = read(store);
+    delete all[name];
+    write(store, all);
+  }
+}
+function resolveOverride(name, value) {
+  if (!isRef(value)) return new URL(manifestUrl(value), location.href).href;
+  const d = protocol().settings().devOverrides;
+  const preview = typeof d === "object" ? d.preview : void 0;
+  if (!preview) return;
+  const url = preview.replace(/\{name\}/g, encodeURIComponent(name)).replace(/\{ref\}/g, encodeURIComponent(value));
+  return new URL(manifestUrl(url), location.href).href;
+}
+function activeOverrides() {
+  const tab = tabOverrides();
+  const all = {};
+  for (const [source, map] of [["navegador", storedOverrides()], ["aba", tab]]) {
+    for (const [name, value] of Object.entries(map)) all[name] = { name, value, url: resolveOverride(name, value), source };
+  }
+  return Object.values(all);
+}
+var warned = /* @__PURE__ */ new Set();
+function overrideFor(name) {
+  if (!overridesEnabled()) return;
+  const o = activeOverrides().find((o2) => o2.name === name);
+  if (!o) return;
+  const first = !warned.has(name) && warned.add(name);
+  if (!o.url) {
+    if (first) console.warn(`[vitral] override ${name}@${o.value} ignorado: falta configure({ devOverrides: { preview } })`);
+    return;
+  }
+  const p = protocol();
+  const trusted = p.settings().trusted ?? [];
+  const origin = new URL(o.url).origin;
+  if (!trusted.includes(origin)) p.configure({ trusted: [...trusted, origin] });
+  if (first) console.warn(`[vitral] override ativo: ${name} \u2192 ${o.url} (${o.source}). Para limpar: ?vitral=off`);
+  return { url: o.url };
+}
+
+export {
+  OVERRIDES_KEY,
+  overridesEnabled,
+  manifestUrl,
+  isRef,
+  storedOverrides,
+  storeOverride,
+  clearOverrides,
+  dropOverride,
+  resolveOverride,
+  activeOverrides,
+  overrideFor
+};

package/dist/{chunk-ZAC6QQI6.js → chunk-6EX5KYT5.js}

@@ -1,7 +1,7 @@
 import {
   addLink,
   fetchBytes
-} from "./chunk-GNHCZRQP.js";
+} from "./chunk-TW7KYJQ6.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";
@@ -23,11 +23,11 @@ function fetchCssText(href, integrity, priority) {
   return p;
 }
 function prefetchCss(r, shadow, priority = "auto") {
-  if (shadow && adopts()) import("./shadow-6HELCHCJ.js").then((m) => m.prefetch(r, priority), noop);
+  if (shadow && adopts()) import("./shadow-PVSETNMZ.js").then((m) => m.prefetch(r, priority), noop);
   else for (const href of r.css) if (!document.querySelector(`link[href="${href}"]`)) addLink("preload", href, { as: "style", integrity: r.sri?.[href] ?? "", fetchPriority: priority });
 }
-function injectStyles(r, root, el, styles) {
-  return root ? import("./shadow-6HELCHCJ.js").then((m) => m.attachStyles(root, el, r, protocol().settings().styles, styles)) : injectCss(r.css, null, r.sri).then(() => [noop]);
+function injectStyles(r, shadow, make, styles) {
+  return shadow ? import("./shadow-PVSETNMZ.js").then((m) => m.attachShadowRoot(shadow, make, r, protocol().settings().styles, styles)) : injectCss(r.css, null, r.sri).then(() => [noop]);
 }
 function injectCss(urls, root, sri = {}) {
   const owner = root ?? document;

package/dist/{chunk-3YXI3G34.js → chunk-BCC25ANK.js}

@@ -1,16 +1,16 @@
 import {
   hostSlot,
   timings
-} from "./chunk-IHTUM6LT.js";
+} from "./chunk-W6322KGP.js";
 import {
   defineRemote,
   memoSelect,
   same,
   shared
-} from "./chunk-I3VSKSAZ.js";
+} from "./chunk-WD4CDGDZ.js";
 import {
   registerSrc
-} from "./chunk-TD4S3IHA.js";
+} from "./chunk-EMSB2NVX.js";
 
 // src/element.ts
 var Base = typeof HTMLElement === "undefined" ? class {
@@ -135,8 +135,14 @@ function defineVitralElement(tag = "vitral-remote") {
 function elementRemote(tag, setup) {
   return defineRemote({
     mount(el, props, ctx) {
-      setup?.();
-      const node = document.createElement(tag);
+      const registry = ctx.customElements ?? customElements;
+      const name = setup?.(registry) || tag;
+      let node;
+      try {
+        node = document.createElement(name, { customElementRegistry: registry });
+      } catch {
+        node = document.createElement(name);
+      }
       node.vitral = ctx;
       Object.assign(node, props);
       el.appendChild(node);

package/dist/{chunk-TD4S3IHA.js → chunk-EMSB2NVX.js}

@@ -1,6 +1,6 @@
 import {
   prefetchCss
-} from "./chunk-ZAC6QQI6.js";
+} from "./chunk-6EX5KYT5.js";
 import {
   absolute,
   addLink,
@@ -9,13 +9,13 @@ import {
   pageOrigin,
   withRetry,
   withTimeout
-} from "./chunk-GNHCZRQP.js";
+} from "./chunk-TW7KYJQ6.js";
 import {
   RemoteError,
   fail,
   isRemoteError,
   report
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";
@@ -25,7 +25,7 @@ function configure(config) {
   const p = protocol();
   const { remotes, dedupe, ...rest } = config;
   p.configure(rest);
-  if (rest.captureGlobalErrors) import("./capture-JYFERAPL.js").then((m) => m.capture());
+  if (rest.captureGlobalErrors) import("./capture-TT5WBLJ6.js").then((m) => m.capture());
   if (dedupe) p.pending(import("./dedupe-S7BHQMOZ.js").then((m) => m.offer(p, dedupe)).catch(() => {
   }));
   if (typeof remotes === "string") {
@@ -79,7 +79,7 @@ function loadRemote(name) {
   return load(name).then((r) => r.module);
 }
 function loadModule(name) {
-  return import("./expose-JUOUN5N5.js").then((m) => m.resolveModule(name, (n) => loadFile(n))).catch(fail);
+  return import("./expose-OVWTPHH5.js").then((m) => m.resolveModule(name, (n) => loadFile(n))).catch(fail);
 }
 function preload(name) {
   load(name).catch(() => {
@@ -88,12 +88,12 @@ function preload(name) {
 var paths;
 function load(name, isolate, priority) {
   const file = (n) => loadFile(n, isolate, priority);
-  return (protocol().entry(name) || !name.includes("/") ? file(name).then((r) => mountable(name, r)) : import("./expose-JUOUN5N5.js").then((m) => m.resolveTarget(name, file))).catch(fail);
+  return (protocol().entry(name) || !name.includes("/") ? file(name).then((r) => mountable(name, r)) : import("./expose-OVWTPHH5.js").then((m) => m.resolveTarget(name, file))).catch(fail);
 }
 function loadFile(name, isolate, priority) {
   const p = protocol();
   return p.load(name, async () => {
-    paths ??= import("./sri-JMX6JLQP.js").catch(() => null);
+    paths ??= import("./sri-M7ZRU57G.js").catch(() => null);
     let resolved;
     try {
       await p.pending();
@@ -116,7 +116,8 @@ function loadFile(name, isolate, priority) {
 }
 function devOverride(name) {
   try {
-    if (/vitral/.test(location.search + localStorage.getItem("vitral:overrides"))) return import("./overrides-NZAIUGK5.js").then((m) => m.overrideFor(name));
+    const k = "vitral:overrides";
+    if (location.search.includes("vitral") || localStorage[k] || sessionStorage[k]) return import("./overrides-NP754HY7.js").then((m) => m.overrideFor(name));
   } catch {
   }
 }
@@ -128,6 +129,7 @@ async function loadLocal(name, entry) {
 async function resolveEntry(name, entry, priority) {
   checkOrigin(name, entry.url);
   const m = entry.manifest ?? (new URL(entry.url).pathname.endsWith(".json") ? await fetchJson(entry.url, protocol().settings().timeout, name, { cache: "no-cache", priority }) : { name, entry: entry.url });
+  if (m?.stable) return resolveEntry(name, await (await import("./channel-2YPYGX3J.js")).pick(name, entry, m), priority);
   if (typeof m?.entry !== "string") throw new RemoteError("INVALID_MODULE", name, `manifesto inv\xE1lido em ${entry.url}`);
   if (m.contract && (entry.contract || protocol().settings().contract)) {
     const why = await (await import("./contract-46EZFQPQ.js")).checkContract(m.contract, entry.contract);

package/dist/{chunk-SDB5AZEI.js → chunk-IH3ZT3QU.js}

@@ -1,9 +1,9 @@
 import {
   mountable
-} from "./chunk-TD4S3IHA.js";
+} from "./chunk-EMSB2NVX.js";
 import {
   RemoteError
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";

package/dist/{chunk-GNHCZRQP.js → chunk-TW7KYJQ6.js}

@@ -1,7 +1,7 @@
 import {
   RemoteError,
   isRemoteError
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";

package/dist/{chunk-AH7KNMBW.js → chunk-UYOPJ4XQ.js}

@@ -1,6 +1,6 @@
 import {
   RemoteError
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 
 // src/core/integrity.ts
 var clean = (b64) => b64.replace(/-/g, "+").replace(/_/g, "/").replace(/=/g, "");

package/dist/{chunk-IHTUM6LT.js → chunk-W6322KGP.js}

@@ -1,10 +1,10 @@
 import {
   createSlot
-} from "./chunk-I3VSKSAZ.js";
+} from "./chunk-WD4CDGDZ.js";
 import {
   preload,
   registerSrc
-} from "./chunk-TD4S3IHA.js";
+} from "./chunk-EMSB2NVX.js";
 
 // src/core/host-slot.ts
 var noop = () => {

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

@@ -3,20 +3,21 @@ import {
   loadFile,
   registerSrc,
   resolveEntry
-} from "./chunk-TD4S3IHA.js";
+} from "./chunk-EMSB2NVX.js";
 import {
   injectStyles
-} from "./chunk-ZAC6QQI6.js";
+} from "./chunk-6EX5KYT5.js";
 import {
   metric
-} from "./chunk-GNHCZRQP.js";
+} from "./chunk-TW7KYJQ6.js";
 import {
   RemoteError,
+  ctxHooks,
   fail,
   isRemoteError,
   mounted,
   report
-} from "./chunk-AKNNHQ2H.js";
+} from "./chunk-463H6B56.js";
 import {
   protocol
 } from "./chunk-GNPFWISJ.js";
@@ -47,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);
@@ -121,7 +119,7 @@ var noop = () => {
 async function checkUpdates() {
   const p = protocol();
   const found = [];
-  const { splitName } = await import("./expose-JUOUN5N5.js");
+  const { splitName } = await import("./expose-OVWTPHH5.js");
   const remotes = /* @__PURE__ */ new Map();
   for (const name of live.keys()) {
     const root = splitName(name)[0];
@@ -171,21 +169,23 @@ async function mountOnce(target, name, props, options) {
   }
   const { module: mod, ...resolved } = await load(name, options.isolate, options.priority);
   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, portal = document.body] = await injectStyles(resolved, shadowRoot, el, options.styles);
+  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();
@@ -196,6 +196,7 @@ async function mountOnce(target, name, props, options) {
     events: scoped.bus,
     shadowRoot,
     portalContainer: portal,
+    customElements: registry,
     reportError(e) {
       const err = report(isRemoteError(e) ? e : new RemoteError("RENDER_FAILED", label, String(e?.message ?? e), e), resolved);
       if (options.onError) options.onError(err);