vitral 0.3.0 → 0.5.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-DUtcF3HO.js';
+export { e as events } from './events-0rxFlWJJ.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-K6EG7DMO.js";
+import "./chunk-4Z77XNBR.js";
 import {
   defineRemote,
   events,
@@ -9,13 +9,13 @@ import {
   navigate,
   same,
   shared
-} from "./chunk-I3VSKSAZ.js";
+} from "./chunk-KZBH5MPD.js";
 import {
   configure
-} from "./chunk-TD4S3IHA.js";
-import "./chunk-ZAC6QQI6.js";
-import "./chunk-GNHCZRQP.js";
-import "./chunk-AKNNHQ2H.js";
+} from "./chunk-5JNV45BB.js";
+import "./chunk-KU6HF2EW.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-K6EG7DMO.js";
+import "./chunk-4Z77XNBR.js";
+import "./chunk-KZBH5MPD.js";
+import "./chunk-5JNV45BB.js";
+import "./chunk-KU6HF2EW.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-IHTUM6LT.js → chunk-4Z77XNBR.js}

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

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-TD4S3IHA.js → chunk-5JNV45BB.js}

@@ -1,6 +1,6 @@
 import {
   prefetchCss
-} from "./chunk-ZAC6QQI6.js";
+} from "./chunk-KU6HF2EW.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-IAKYHJXF.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-IAKYHJXF.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-576GTDIA.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-C3QOBAUE.js}

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

package/dist/chunk-DAESKNQ6.js

@@ -0,0 +1,207 @@
+// src/harness.ts
+var CONTRACT_SCHEMA = "https://joaogabriel15.github.io/vitral/schema/vitral-contract.json";
+function encode(value, seen = /* @__PURE__ */ new Set()) {
+  if (typeof value === "function") return { $fn: true };
+  if (value === void 0 || value === null || typeof value !== "object") {
+    return typeof value === "bigint" || typeof value === "symbol" ? { $unknown: typeof value } : value;
+  }
+  if (value instanceof Date) return { $date: value.toISOString() };
+  if (seen.has(value)) return { $unknown: "circular" };
+  const proto = Object.getPrototypeOf(value);
+  if (!Array.isArray(value) && proto !== Object.prototype && proto !== null) return { $unknown: proto?.constructor?.name ?? "Object" };
+  seen.add(value);
+  try {
+    if (Array.isArray(value)) return value.map((v) => encode(v, seen) ?? null);
+    const out = {};
+    for (const [k, v] of Object.entries(value)) if (v !== void 0) out[k] = encode(v, seen);
+    return out;
+  } finally {
+    seen.delete(value);
+  }
+}
+function decode(value, fn = () => () => void 0, path = "") {
+  if (!value || typeof value !== "object") return value;
+  if (Array.isArray(value)) return value.map((v2, i) => decode(v2, fn, `${path}[${i}]`));
+  const v = value;
+  if (v.$fn === true) return fn(path);
+  if (typeof v.$date === "string") return new Date(v.$date);
+  if (typeof v.$unknown === "string") return void 0;
+  return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, decode(x, fn, path ? `${path}.${k}` : k)]));
+}
+async function harness(mod, options) {
+  const remote = typeof mod.mount === "function" ? mod : mod.default;
+  if (typeof remote?.mount !== "function") throw new Error("[vitral] o m\xF3dulo n\xE3o exporta mount()");
+  const name = options.name ?? "remote";
+  const target = options.target ?? document.body.appendChild(document.createElement("div"));
+  const shadowRoot = options.shadow ? target.attachShadow({ mode: "open" }) : null;
+  const el = document.createElement("div");
+  el.setAttribute("data-vitral-root", name);
+  (shadowRoot ?? target).appendChild(el);
+  const portal = shadowRoot ? shadowRoot.appendChild(document.createElement("div")) : document.body;
+  const errors = [];
+  const emitted = [];
+  const navigations = [];
+  const handlers = /* @__PURE__ */ new Map();
+  const last = new Map(Object.entries(options.last ?? {}));
+  const dispatch = (type, payload) => {
+    last.set(type, payload);
+    for (const h of [...handlers.get(type) ?? []]) {
+      try {
+        h(payload);
+      } catch (e) {
+        errors.push(e);
+      }
+    }
+  };
+  const events = {
+    emit(type, payload) {
+      emitted.push({ type, payload });
+      dispatch(type, payload);
+    },
+    on(type, handler) {
+      let set = handlers.get(type);
+      if (!set) handlers.set(type, set = /* @__PURE__ */ new Set());
+      set.add(handler);
+      return () => set.delete(handler);
+    },
+    last: (type) => last.get(type)
+  };
+  const activate = /* @__PURE__ */ new Set();
+  const deactivate = /* @__PURE__ */ new Set();
+  const hook = (set) => (fn) => (set.add(fn), () => set.delete(fn));
+  const ctx = {
+    name,
+    baseUrl: typeof location !== "undefined" ? new URL(".", location.href).href : "http://localhost/",
+    events,
+    shadowRoot,
+    portalContainer: portal,
+    customElements,
+    reportError: (e) => errors.push(e),
+    navigate: (url, opts) => navigations.push({ url, options: opts }),
+    protocol: 1,
+    onActivate: hook(activate),
+    onDeactivate: hook(deactivate),
+    shared: memoryShared(options.shared ?? {}),
+    ...options.ctx
+  };
+  const mounted = await remote.mount(el, options.props, ctx);
+  let alive = true;
+  return {
+    el,
+    ctx,
+    events: emitted,
+    errors,
+    navigations,
+    listens: () => [...handlers].filter(([, s]) => s.size).map(([t]) => t),
+    emit: dispatch,
+    update(props) {
+      if (alive) mounted.update?.(props);
+    },
+    activate: () => activate.forEach((f) => f()),
+    deactivate: () => deactivate.forEach((f) => f()),
+    unmount() {
+      if (!alive) return;
+      alive = false;
+      try {
+        mounted.unmount();
+      } finally {
+        el.remove();
+        if (!options.target) target.remove();
+      }
+    }
+  };
+}
+function memoryShared(initial) {
+  const values = new Map(Object.entries(initial));
+  const subs = /* @__PURE__ */ new Map();
+  const handle = (key) => {
+    const set = (v) => {
+      values.set(key, v);
+      for (const fn of [...subs.get(key) ?? []]) fn(v);
+    };
+    return {
+      key,
+      get: () => values.get(key),
+      set,
+      update: (fn) => set(fn(values.get(key))),
+      subscribe(fn) {
+        fn(values.get(key));
+        let s = subs.get(key);
+        if (!s) subs.set(key, s = /* @__PURE__ */ new Set());
+        s.add(fn);
+        return () => s.delete(fn);
+      }
+    };
+  };
+  const api = handle;
+  api.provide = ((key, value) => {
+    if (!values.has(key)) values.set(key, value);
+    return handle(key);
+  });
+  api.batch = (fn) => fn();
+  return api;
+}
+var message = (e) => String(e?.message ?? e);
+async function verify(contract, mod, options = {}) {
+  const failures = [];
+  const warnings = [];
+  const pause = () => new Promise((r) => setTimeout(r, options.wait ?? 0));
+  const cases = contract.cases ?? [];
+  for (const [i, c] of cases.entries()) {
+    const at = `caso ${i + 1}`;
+    const fail = (msg) => failures.push(`${at}: ${msg}`);
+    let h;
+    try {
+      h = await harness(mod, {
+        name: contract.remote,
+        props: decode(c.props),
+        shared: decode(c.shared ?? {}),
+        last: decode(c.last ?? {})
+      });
+    } catch (e) {
+      fail(`erro no mount: ${message(e)}`);
+      continue;
+    }
+    await pause();
+    for (const [j, u] of (c.updates ?? []).entries()) {
+      try {
+        h.update(decode(u));
+      } catch (e) {
+        fail(`erro no update ${j + 1}: ${message(e)}`);
+      }
+    }
+    if (c.updates?.length) await pause();
+    const deaf = /* @__PURE__ */ new Set();
+    for (const input of c.inputs ?? []) {
+      if (!h.listens().includes(input.type)) {
+        if (!deaf.has(input.type)) warnings.push(`${at}: o host emite "${input.type}" e o remote n\xE3o escuta mais`);
+        deaf.add(input.type);
+        continue;
+      }
+      h.emit(input.type, decode(input.payload));
+    }
+    await pause();
+    const seen = new Set(h.events.map((e) => e.type));
+    for (const e of c.emits ?? []) {
+      if (seen.has(e.type)) continue;
+      if (e.phase !== "later") fail(`o host escuta "${e.type}" e o remote n\xE3o emitiu (na grava\xE7\xE3o saiu no ${e.phase})`);
+      else if (!options.sources) warnings.push(`${at}: "${e.type}" sai depois do mount; sem o c\xF3digo do remote, n\xE3o deu para conferir`);
+      else if (!options.sources.some((s) => s.includes(e.type))) fail(`o host escuta "${e.type}" e o c\xF3digo do remote n\xE3o tem mais esse evento`);
+    }
+    try {
+      h.unmount();
+    } catch (e) {
+      fail(`erro no unmount: ${message(e)}`);
+    }
+    for (const e of h.errors) fail(`erro reportado: ${message(e)}`);
+  }
+  if (!cases.length) warnings.push("contrato sem casos");
+  return { cases: cases.length, failures, warnings };
+}
+
+export {
+  CONTRACT_SCHEMA,
+  encode,
+  harness,
+  verify
+};

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

@@ -1,16 +1,16 @@
 import {
   hostSlot,
   timings
-} from "./chunk-IHTUM6LT.js";
+} from "./chunk-4Z77XNBR.js";
 import {
   defineRemote,
   memoSelect,
   same,
   shared
-} from "./chunk-I3VSKSAZ.js";
+} from "./chunk-KZBH5MPD.js";
 import {
   registerSrc
-} from "./chunk-TD4S3IHA.js";
+} from "./chunk-5JNV45BB.js";
 
 // src/element.ts
 var Base = typeof HTMLElement === "undefined" ? class {
@@ -40,7 +40,7 @@ var VitralRemoteElement = class extends Base {
     if (!name) return;
     if (this.hasAttribute("props") && !Object.keys(this.#props).length) this.#props = parseProps(this.getAttribute("props"));
     const keep = this.getAttribute("keep-alive");
-    this.#slot = hostSlot(this, {
+    const options = {
       name,
       props: this.#props,
       isolate: this.getAttribute("isolate") || void 0,
@@ -66,7 +66,10 @@ var VitralRemoteElement = class extends Base {
         if (status === "ready") this.dispatchEvent(new CustomEvent("vitral-ready", { bubbles: true, detail: { timings: timings(name) } }));
         if (status === "error") this.dispatchEvent(new CustomEvent("vitral-error", { bubbles: true, detail: { error } }));
       }
-    });
+    };
+    const ssr = true ? this.querySelector(":scope>[data-vitral-ssr]") : null;
+    if (ssr) import("./hydrate-YVZDJ2V7.js").then((m) => this.isConnected && !this.#slot && (this.#slot = m.hydrateSlot(this, ssr, { ...options, props: this.#props })));
+    else this.#slot = hostSlot(this, options);
   }
   /**
    * Nome para montar. `src` em atributo é registrado sem entrar na allowlist:
@@ -135,8 +138,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-ZAC6QQI6.js → chunk-KU6HF2EW.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-S4SKHTA7.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-S4SKHTA7.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;