vitral 0.1.0 → 0.3.0

package/dist/chunk-IZK6ITIJ.js

@@ -1,96 +0,0 @@
-import {
-  createSlot,
-  defineRemote
-} from "./chunk-TTL52BF2.js";
-
-// src/element.ts
-var Base = typeof HTMLElement === "undefined" ? class {
-} : HTMLElement;
-var VitralRemoteElement = class extends Base {
-  static {
-    this.observedAttributes = ["name", "props", "isolate"];
-  }
-  #slot = null;
-  #props = {};
-  get props() {
-    return this.#props;
-  }
-  set props(value) {
-    this.#props = value ?? {};
-    this.#slot?.update(this.#props);
-  }
-  get status() {
-    return this.#slot?.status ?? "loading";
-  }
-  retry() {
-    this.#slot?.retry();
-  }
-  connectedCallback() {
-    if (this.#slot) return;
-    const name = this.getAttribute("name");
-    if (!name) return;
-    if (this.hasAttribute("props") && !Object.keys(this.#props).length) this.#props = parseProps(this.getAttribute("props"));
-    this.#slot = createSlot(this, {
-      name,
-      props: this.#props,
-      isolate: this.getAttribute("isolate") || void 0,
-      onStatus: (status, error) => {
-        this.setAttribute("data-vitral-status", status);
-        for (const el of this.querySelectorAll(':scope > [slot="fallback"]')) el.hidden = status !== "loading";
-        for (const el of this.querySelectorAll(':scope > [slot="error"]')) el.hidden = status !== "error";
-        if (status === "ready") this.dispatchEvent(new CustomEvent("vitral-ready", { bubbles: true }));
-        if (status === "error") this.dispatchEvent(new CustomEvent("vitral-error", { bubbles: true, detail: { error } }));
-      }
-    });
-  }
-  disconnectedCallback() {
-    queueMicrotask(() => {
-      if (!this.isConnected) {
-        this.#slot?.destroy();
-        this.#slot = null;
-      }
-    });
-  }
-  attributeChangedCallback(attr, _old, value) {
-    if (attr === "props") return void (this.props = parseProps(value));
-    if (!this.#slot) return void (this.isConnected && this.connectedCallback());
-    if (attr === "name" && value) this.#slot.set({ name: value });
-    if (attr === "isolate") this.#slot.set({ isolate: value || void 0 });
-  }
-};
-function parseProps(value) {
-  if (!value) return {};
-  try {
-    return JSON.parse(value);
-  } catch {
-    console.error("[vitral] atributo props n\xE3o \xE9 JSON v\xE1lido:", value);
-    return {};
-  }
-}
-function defineVitralElement(tag = "vitral-remote") {
-  if (typeof customElements !== "undefined" && !customElements.get(tag)) {
-    customElements.define(tag, class extends VitralRemoteElement {
-    });
-  }
-}
-function elementRemote(tag, setup) {
-  return defineRemote({
-    mount(el, props, ctx) {
-      setup?.();
-      const node = document.createElement(tag);
-      node.vitral = ctx;
-      Object.assign(node, props);
-      el.appendChild(node);
-      return {
-        update: (next) => Object.assign(node, next),
-        unmount: () => node.remove()
-      };
-    }
-  });
-}
-
-export {
-  VitralRemoteElement,
-  defineVitralElement,
-  elementRemote
-};

package/dist/chunk-TTL52BF2.js

@@ -1,547 +0,0 @@
-// src/component.ts
-var TEMPLATE = /* @__PURE__ */ Symbol("vitral.html");
-function html(strings, ...values) {
-  return { [TEMPLATE]: true, strings, values };
-}
-function unsafeHTML(markup) {
-  return html(Object.assign([markup], { raw: [markup] }));
-}
-var isTemplate = (v) => typeof v === "object" && v !== null && TEMPLATE in v;
-var escape = (s) => s.replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
-var EVENT_ATTR = /\s+on([a-z][\w:-]*)=(["']?)$/i;
-var HANDLER_PREFIX = "data-vitral-h";
-function toMarkup(value, handlers) {
-  if (value == null || value === false) return "";
-  if (Array.isArray(value)) return value.map((v) => toMarkup(v, handlers)).join("");
-  if (!isTemplate(value)) return escape(String(value));
-  const strings = [...value.strings];
-  let out = "";
-  for (let i = 0; i < strings.length; i++) {
-    let s = strings[i];
-    if (i < value.values.length) {
-      const v = value.values[i];
-      const event = typeof v === "function" ? EVENT_ATTR.exec(s) : null;
-      if (event) {
-        s = s.slice(0, s.length - event[0].length) + ` ${HANDLER_PREFIX}${handlers.length}="${event[1].toLowerCase()}"`;
-        handlers.push(v);
-        if (event[2] && strings[i + 1]?.startsWith(event[2])) strings[i + 1] = strings[i + 1].slice(1);
-        out += s;
-      } else {
-        out += s + toMarkup(v, handlers);
-      }
-    } else {
-      out += s;
-    }
-  }
-  return out;
-}
-function render(view, el) {
-  if (typeof Node !== "undefined" && view instanceof Node) {
-    el.replaceChildren(view);
-    return;
-  }
-  const handlers = [];
-  el.innerHTML = toMarkup(view, handlers);
-  if (!handlers.length) return;
-  for (const node of el.querySelectorAll("*")) {
-    for (const attr of [...node.attributes]) {
-      if (!attr.name.startsWith(HANDLER_PREFIX)) continue;
-      node.addEventListener(attr.value, handlers[Number(attr.name.slice(HANDLER_PREFIX.length))]);
-      node.removeAttribute(attr.name);
-    }
-  }
-}
-function component(options) {
-  const opts = typeof options === "function" ? { render: options } : options;
-  return defineRemote({
-    mount(el, props, ctx) {
-      let current = props;
-      let queued = false;
-      let alive = true;
-      const draw = () => {
-        queued = false;
-        if (alive) render(opts.render(current, state2, ctx) ?? "", el);
-      };
-      const initial = typeof opts.state === "function" ? opts.state() : { ...opts.state ?? {} };
-      const state2 = new Proxy(initial, {
-        set(target, key, value) {
-          if (!Object.is(Reflect.get(target, key), value)) {
-            Reflect.set(target, key, value);
-            if (!queued) {
-              queued = true;
-              queueMicrotask(draw);
-            }
-          }
-          return true;
-        }
-      });
-      draw();
-      const cleanup = opts.mounted?.(el, state2, ctx);
-      return {
-        update(next) {
-          current = next;
-          draw();
-        },
-        unmount() {
-          alive = false;
-          cleanup?.();
-          el.replaceChildren();
-        }
-      };
-    }
-  });
-}
-
-// src/index.ts
-var RemoteError = class extends Error {
-  constructor(code, remote, message, cause) {
-    super(`[vitral] ${remote}: ${message}`);
-    this.code = code;
-    this.remote = remote;
-    this.cause = cause;
-    this.name = "RemoteError";
-  }
-};
-var KEY = /* @__PURE__ */ Symbol.for("vitral.state.v1");
-var g = globalThis;
-function state() {
-  return g[KEY] ??= {
-    config: { timeout: 15e3, retries: 1, isolate: "none", allowedOrigins: null },
-    entries: /* @__PURE__ */ new Map(),
-    remotesSource: null,
-    modules: /* @__PURE__ */ new Map(),
-    events: createEventBus()
-  };
-}
-function configure(config) {
-  const s = state();
-  const { remotes, allowedOrigins, ...rest } = config;
-  Object.assign(s.config, rest);
-  if (allowedOrigins) s.config.allowedOrigins = allowedOrigins;
-  if (typeof remotes === "string") {
-    const url = absolute(remotes);
-    s.remotesSource = fetchJson(url, s.config.timeout, "remotes", "no-cache").then(
-      (map) => registerAll(map, url)
-    );
-  } else if (remotes) {
-    registerAll(remotes);
-  }
-}
-function register(name, entry) {
-  const s = state();
-  const e = typeof entry === "string" ? { url: entry } : entry;
-  if (!e.url && !e.module) throw new RemoteError("NOT_REGISTERED", name, "informe url ou module");
-  s.entries.set(name, e.url ? { ...e, url: absolute(e.url) } : e);
-  s.modules.delete(name);
-}
-function registerAll(map, base) {
-  for (const [name, entry] of Object.entries(map)) {
-    const e = typeof entry === "string" ? { url: entry } : entry;
-    register(name, e.url ? { ...e, url: absolute(e.url, base) } : e);
-  }
-}
-function loadRemote(name) {
-  return loadResolved(name).then((r) => r.mod);
-}
-function preload(name) {
-  loadResolved(name).catch(() => {
-  });
-}
-function loadResolved(name) {
-  const s = state();
-  let p = s.modules.get(name);
-  if (!p) {
-    p = (async () => {
-      if (s.remotesSource) await s.remotesSource;
-      const entry = s.entries.get(name);
-      if (!entry) throw new RemoteError("NOT_REGISTERED", name, "remote n\xE3o registrado. Use configure({ remotes }).");
-      if (entry.module) return loadLocal(name, entry);
-      const resolved = await resolveEntry(name, entry);
-      const mod = await withRetry(s.config.retries, () => importModule(name, resolved));
-      return { mod, resolved };
-    })().catch((e) => {
-      throw e instanceof RemoteError ? e : new RemoteError("LOAD_FAILED", name, String(e?.message ?? e), e);
-    });
-    p.catch(() => s.modules.get(name) === p && s.modules.delete(name));
-    s.modules.set(name, p);
-  }
-  return p;
-}
-async function loadLocal(name, entry) {
-  let mod = entry.module;
-  if (typeof mod === "function") mod = await mod();
-  mod = mod?.default ?? mod;
-  if (typeof mod?.mount !== "function") throw new RemoteError("INVALID_MODULE", name, "o m\xF3dulo n\xE3o exporta mount()");
-  const resolved = { entry: typeof location !== "undefined" ? location.href : "http://localhost/", css: entry.css ?? [], isolate: entry.isolate };
-  return { mod, resolved };
-}
-async function resolveEntry(name, entry) {
-  checkOrigin(name, entry.url);
-  const isManifest = new URL(entry.url).pathname.endsWith(".json");
-  if (!isManifest) {
-    return { entry: entry.url, css: (entry.css ?? []).map((c) => absolute(c, entry.url)), integrity: entry.integrity, isolate: entry.isolate };
-  }
-  const m = await fetchJson(entry.url, state().config.timeout, name, "no-cache");
-  if (!m || typeof m.entry !== "string") throw new RemoteError("INVALID_MODULE", name, `manifesto inv\xE1lido em ${entry.url}`);
-  const resolved = {
-    entry: absolute(m.entry, entry.url),
-    css: [...m.css ?? [], ...entry.css ?? []].map((c) => absolute(c, entry.url)),
-    // A integridade declarada pelo host vence a do manifesto.
-    integrity: entry.integrity ?? m.integrity,
-    isolate: entry.isolate,
-    scope: m.scope
-  };
-  checkOrigin(name, resolved.entry);
-  return resolved;
-}
-async function importModule(name, r) {
-  const { timeout } = state().config;
-  let url = r.entry;
-  let revoke = null;
-  if (r.integrity) {
-    const code = await fetchText(url, timeout, name);
-    await verifyIntegrity(name, code, r.integrity);
-    url = revoke = URL.createObjectURL(new Blob([code], { type: "text/javascript" }));
-  }
-  try {
-    const ns = await withTimeout(timeout, name, import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      url
-    ));
-    const mod = ns.default ?? ns;
-    if (typeof mod?.mount !== "function") {
-      throw new RemoteError("INVALID_MODULE", name, "o m\xF3dulo n\xE3o exporta mount(). Use defineRemote() no remote.");
-    }
-    return mod;
-  } catch (e) {
-    if (e instanceof RemoteError) throw e;
-    throw new RemoteError("LOAD_FAILED", name, `falha ao importar ${r.entry}`, e);
-  } finally {
-    if (revoke) URL.revokeObjectURL(revoke);
-  }
-}
-async function mountRemote(target, name, props, options = {}) {
-  const { mod, resolved } = await loadResolved(name);
-  const isolate = options.isolate ?? resolved.isolate ?? state().config.isolate;
-  let shadowRoot = null;
-  const el = document.createElement("div");
-  el.setAttribute("data-vitral-root", name);
-  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);
-  }
-  await injectCss(resolved.css, shadowRoot);
-  const scoped = scopedEvents();
-  const ctx = {
-    name,
-    baseUrl: new URL(".", resolved.entry).href,
-    events: scoped.bus,
-    shadowRoot,
-    reportError(e) {
-      const err = e instanceof RemoteError ? e : new RemoteError("RENDER_FAILED", name, String(e?.message ?? e), e);
-      if (options.onError) options.onError(err);
-      else console.error(err);
-    },
-    navigate
-  };
-  let mounted;
-  try {
-    mounted = await mod.mount(el, props, ctx);
-  } catch (e) {
-    scoped.dispose();
-    el.remove();
-    throw new RemoteError("MOUNT_FAILED", name, "erro ao montar", e);
-  }
-  let alive = true;
-  return {
-    update(next) {
-      if (alive) mounted.update?.(next);
-    },
-    unmount() {
-      if (!alive) return;
-      alive = false;
-      try {
-        mounted.unmount();
-      } finally {
-        scoped.dispose();
-        el.remove();
-      }
-    }
-  };
-}
-var loadedCss = /* @__PURE__ */ new WeakMap();
-var cssText = /* @__PURE__ */ new Map();
-var hoistedProps = /* @__PURE__ */ new Set();
-function injectCss(urls, root) {
-  if (root && typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
-    return injectShadowCss(urls, root);
-  }
-  const owner = root ?? document;
-  let seen = loadedCss.get(owner);
-  if (!seen) loadedCss.set(owner, seen = /* @__PURE__ */ new Map());
-  const parent = root ?? document.head;
-  return Promise.all(
-    urls.map((href) => {
-      let p = seen.get(href);
-      if (!p) {
-        p = new Promise((resolve) => {
-          const link = document.createElement("link");
-          link.rel = "stylesheet";
-          link.href = href;
-          link.crossOrigin = "anonymous";
-          link.onload = link.onerror = () => resolve();
-          parent.appendChild(link);
-        });
-        seen.set(href, p);
-      }
-      return p;
-    })
-  );
-}
-function injectShadowCss(urls, root) {
-  return Promise.all(urls.map(loadSheet)).then((sheets) => {
-    const add = sheets.filter((s) => !!s && !root.adoptedStyleSheets.includes(s));
-    root.adoptedStyleSheets = [...root.adoptedStyleSheets, ...add];
-  });
-}
-function loadSheet(href) {
-  let p = cssText.get(href);
-  if (!p) {
-    p = fetch(href, { credentials: "omit" }).then((r) => r.ok ? r.text() : "").then((text) => {
-      const props = [];
-      const rest = text.replace(/@property\s+(--[\w-]+)\s*\{[^}]*\}/g, (rule, prop) => {
-        if (!hoistedProps.has(prop)) {
-          hoistedProps.add(prop);
-          props.push(rule);
-        }
-        return "";
-      });
-      if (props.length) {
-        const style = document.createElement("style");
-        style.setAttribute("data-vitral-properties", "");
-        style.textContent = props.join("\n");
-        document.head.appendChild(style);
-      }
-      const sheet = new CSSStyleSheet();
-      sheet.replaceSync(rest.replace(/url\(\s*(['"]?)(?![a-z]+:|\/|#)([^'")]+)\1\s*\)/gi, (_, q, u) => `url(${q}${new URL(u, href).href}${q})`));
-      return sheet;
-    }).catch(() => null);
-    cssText.set(href, p);
-  }
-  return p;
-}
-function createSlot(target, options) {
-  let { name, isolate } = options;
-  let props = options.props ?? {};
-  let handle = null;
-  let holder = null;
-  let token = 0;
-  let status = "loading";
-  const setStatus = (s, e = null) => {
-    status = s;
-    if (holder) holder.style.display = s === "error" ? "none" : "";
-    options.onStatus?.(s, e);
-  };
-  const teardown = () => {
-    handle?.unmount();
-    handle = null;
-    holder?.remove();
-    holder = null;
-  };
-  const mount = () => {
-    const my = ++token;
-    teardown();
-    holder = document.createElement("div");
-    holder.setAttribute("data-vitral-slot", name);
-    target.appendChild(holder);
-    setStatus("loading");
-    const fail = (e) => {
-      if (my !== token) return;
-      setStatus("error", e instanceof RemoteError ? e : new RemoteError("MOUNT_FAILED", name, String(e), e));
-    };
-    const initial = props;
-    mountRemote(holder, name, props, { isolate, onError: fail }).then((h) => {
-      if (my !== token) return h.unmount();
-      handle = h;
-      if (props !== initial) h.update?.(props);
-      setStatus("ready");
-    }, fail);
-  };
-  mount();
-  return {
-    update(next) {
-      props = next;
-      handle?.update?.(next);
-    },
-    set(next) {
-      const changed = next.name !== void 0 && next.name !== name || "isolate" in next && next.isolate !== isolate;
-      if (next.name !== void 0) name = next.name;
-      if ("isolate" in next) isolate = next.isolate;
-      if (changed) mount();
-    },
-    retry: mount,
-    destroy() {
-      token++;
-      teardown();
-    },
-    get status() {
-      return status;
-    }
-  };
-}
-function defineRemote(remote) {
-  return remote;
-}
-function createEventBus() {
-  const handlers = /* @__PURE__ */ new Map();
-  const lastValues = /* @__PURE__ */ new Map();
-  return {
-    emit(type, payload) {
-      lastValues.set(type, payload);
-      for (const h of [...handlers.get(type) ?? []]) {
-        try {
-          h(payload);
-        } catch (e) {
-          console.error(`[vitral] handler de "${type}" falhou`, e);
-        }
-      }
-    },
-    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) {
-      return lastValues.get(type);
-    }
-  };
-}
-var events = {
-  emit: (t, p) => state().events.emit(t, p),
-  on: (t, h) => state().events.on(t, h),
-  last: (t) => state().events.last(t)
-};
-function scopedEvents() {
-  const offs = /* @__PURE__ */ new Set();
-  return {
-    bus: {
-      emit: (t, p) => events.emit(t, p),
-      last: (t) => events.last(t),
-      on(t, h) {
-        const off = events.on(t, h);
-        const wrapped = () => (offs.delete(wrapped), off());
-        offs.add(wrapped);
-        return wrapped;
-      }
-    },
-    dispose() {
-      for (const off of [...offs]) off();
-    }
-  };
-}
-function navigate(url, options = {}) {
-  const target = new URL(url, location.href);
-  if (target.origin !== location.origin) {
-    location.assign(target.href);
-    return;
-  }
-  if (options.replace) history.replaceState(history.state, "", target.href);
-  else history.pushState(history.state, "", target.href);
-  dispatchEvent(new PopStateEvent("popstate", { state: history.state }));
-  events.emit("vitral:navigate", target.pathname + target.search + target.hash);
-}
-function pageOrigin() {
-  return typeof location !== "undefined" ? location.origin : null;
-}
-function absolute(url, base) {
-  return new URL(url, base ?? (typeof location !== "undefined" ? location.href : void 0)).href;
-}
-function checkOrigin(name, url) {
-  const s = state();
-  const origin = new URL(url).origin;
-  let allowed = s.config.allowedOrigins;
-  if (!allowed) {
-    allowed = [pageOrigin(), ...[...s.entries.values()].filter((e) => e.url).map((e) => new URL(e.url).origin)].filter(Boolean);
-  }
-  if (allowed.includes("*") || allowed.includes(origin) || url.startsWith("blob:")) return;
-  throw new RemoteError("ORIGIN_BLOCKED", name, `origem ${origin} n\xE3o est\xE1 em allowedOrigins`);
-}
-async function withRetry(retries, fn) {
-  for (let i = 0; ; i++) {
-    try {
-      return await fn();
-    } catch (e) {
-      const retryable = e instanceof RemoteError && (e.code === "LOAD_FAILED" || e.code === "TIMEOUT");
-      if (!retryable || i >= retries) throw e;
-      await new Promise((r) => setTimeout(r, 200 * 2 ** i));
-    }
-  }
-}
-function withTimeout(ms, name, p) {
-  return new Promise((resolve, reject) => {
-    const t = setTimeout(() => reject(new RemoteError("TIMEOUT", name, `n\xE3o respondeu em ${ms}ms`)), ms);
-    p.then(
-      (v) => (clearTimeout(t), resolve(v)),
-      (e) => (clearTimeout(t), reject(e))
-    );
-  });
-}
-async function fetchText(url, timeout, name, cache) {
-  const ctrl = new AbortController();
-  const t = setTimeout(() => ctrl.abort(), timeout);
-  try {
-    const res = await fetch(url, { signal: ctrl.signal, credentials: "omit", cache });
-    if (!res.ok) throw new RemoteError("LOAD_FAILED", name, `HTTP ${res.status} em ${url}`);
-    return await res.text();
-  } catch (e) {
-    if (e instanceof RemoteError) throw e;
-    if (ctrl.signal.aborted) throw new RemoteError("TIMEOUT", name, `n\xE3o respondeu em ${timeout}ms`);
-    throw new RemoteError("LOAD_FAILED", name, `falha ao baixar ${url}`, e);
-  } finally {
-    clearTimeout(t);
-  }
-}
-async function fetchJson(url, timeout, name, cache) {
-  const text = await fetchText(url, timeout, name, cache);
-  try {
-    return JSON.parse(text);
-  } catch (e) {
-    throw new RemoteError("INVALID_MODULE", name, `JSON inv\xE1lido em ${url}`, e);
-  }
-}
-async function verifyIntegrity(name, code, integrity) {
-  const [algo, expected] = integrity.split("-", 2);
-  const algos = { sha256: "SHA-256", sha384: "SHA-384", sha512: "SHA-512" };
-  if (!algos[algo] || !expected) throw new RemoteError("INTEGRITY", name, `formato de integrity inv\xE1lido: ${integrity}`);
-  const digest = await crypto.subtle.digest(algos[algo], new TextEncoder().encode(code));
-  const actual = btoa(String.fromCharCode(...new Uint8Array(digest)));
-  if (actual !== expected) throw new RemoteError("INTEGRITY", name, "o hash do c\xF3digo n\xE3o confere com integrity");
-}
-function __reset() {
-  delete g[KEY];
-}
-
-export {
-  html,
-  unsafeHTML,
-  render,
-  component,
-  RemoteError,
-  configure,
-  register,
-  loadRemote,
-  preload,
-  mountRemote,
-  createSlot,
-  defineRemote,
-  createEventBus,
-  events,
-  navigate,
-  __reset
-};