vitral 0.7.2 → 0.8.0

package/dist/{sri-576GTDIA.js → sri-TBZ6PYYY.js}

@@ -45,14 +45,14 @@ var mapped = /* @__PURE__ */ new Set();
 var probing;
 var preloads;
 var KEY = "vitral:sri-map";
-async function useMap(sri) {
+async function useMap(sri, own) {
   if (probing) return await probing && addMap(sri, false);
   let seen = false;
   try {
     seen = localStorage[KEY] === navigator.userAgent;
   } catch {
   }
-  const ok = await (probing = addMap(sri, !seen));
+  const ok = await (probing = addMap(sri, !seen, own));
   if (ok && !seen)
     try {
       localStorage[KEY] = navigator.userAgent;
@@ -72,7 +72,7 @@ async function verified(build, run) {
   const p = globalThis[/* @__PURE__ */ Symbol.for("vitral")];
   const share = async (pre) => {
     if (!run || !dedupe.length) return;
-    const { shared } = await import("./dedupe-S7BHQMOZ.js");
+    const { shared } = await import("./dedupe-PZCSKL3L.js");
     for (const d of dedupe)
       shared(p)(d.name, d.range, {
         version: d.version,
@@ -83,47 +83,60 @@ async function verified(build, run) {
         }
       });
   };
-  if (maps !== false && (maps = await useMap(sri))) {
+  const probes = build.probe?.every((u) => u.startsWith("data:") || new URL(u, location.href).origin === location.origin) ? build.probe : void 0;
+  if (maps !== false && (maps = await useMap(sri, probes))) {
     await share();
     for (const u of chunks) fetch(u, { priority }).catch(() => {
     });
     return entry;
   }
-  if (await (preloads ??= checkPreloads())) {
+  if (await (preloads ??= checkPreloads(probes))) {
     p.sri = { ...p.sri, ...sri };
     await share(true);
     await Promise.all([...chunks, entry].map((u) => preload(u, sri[u], priority)));
     return entry;
   }
 }
-async function addMap(sri, probe) {
+async function addMap(sri, probe, own) {
   if (!HTMLScriptElement.supports?.("importmap")) return false;
   const integrity = {};
   for (const u in sri) if (!/\.css([?#]|$)/.test(u) && !mapped.has(u)) mapped.add(u), integrity[u] = sri[u];
   const urls = probe ? ["export{}", "export{}//"].map((c) => URL.createObjectURL(new Blob([c], { type: "text/javascript" }))) : [];
   for (const u of urls) integrity[u] = PROBE_SRI;
   let ok = true;
+  const fail = () => ok = false;
+  const load = (u) => import(
+    /* @vite-ignore */
+    /* webpackIgnore: true */
+    u
+  );
   try {
-    const s = document.createElement("script");
-    s.type = "importmap";
-    s.nonce = document.querySelector("script[nonce]")?.nonce ?? "";
-    s.onerror = () => ok = false;
-    s.addEventListener("securitypolicyviolation", () => ok = false);
-    s.textContent = JSON.stringify({ integrity });
-    document.head.append(s);
-    await tick();
-    await tick();
-    if (ok && probe) ok = await check((u) => import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      u
-    ), urls[0], urls[1]);
+    await map(integrity, fail);
+    if (ok && probe) {
+      let r = await check(load, urls[0], urls[1]);
+      if (r === void 0 && own) {
+        await map({ [own[0]]: PROBE_SRI, [own[1]]: PROBE_SRI }, fail);
+        r = ok && await check(load, own[0], own[1]);
+      }
+      ok = !!r;
+    }
   } catch {
     ok = false;
   }
   for (const u of urls) URL.revokeObjectURL(u);
   return ok;
 }
+async function map(integrity, fail) {
+  const s = document.createElement("script");
+  s.type = "importmap";
+  s.nonce = document.querySelector("script[nonce]")?.nonce ?? "";
+  s.onerror = fail;
+  s.addEventListener("securitypolicyviolation", fail);
+  s.textContent = JSON.stringify({ integrity });
+  document.head.append(s);
+  await tick();
+  await tick();
+}
 function preload(href, integrity, fetchPriority = "auto") {
   return new Promise((resolve, reject) => {
     const link = addLink("modulepreload", href, { integrity, fetchPriority });
@@ -131,13 +144,15 @@ function preload(href, integrity, fetchPriority = "auto") {
     link.onerror = reject;
   });
 }
-function checkPreloads() {
-  if (!document.createElement("link").relList.supports("modulepreload")) return Promise.resolve(false);
-  return check((href) => preload(href, PROBE_SRI), PROBE, PROBE + "//");
+async function checkPreloads(own) {
+  if (!document.createElement("link").relList.supports("modulepreload")) return false;
+  const load = (href) => preload(href, PROBE_SRI);
+  const r = await check(load, PROBE, PROBE + "//");
+  return !!(r === void 0 && own ? await check(load, ...own.map((u) => u + (u.includes("?") ? "&" : "?") + "preload")) : r);
 }
 function check(load, good, bad) {
   return Promise.race([
-    Promise.all([load(good).then(() => true, () => false), load(bad).then(() => false, () => true)]).then(([a, b]) => a && b),
+    Promise.all([load(good).then(() => true, () => false), load(bad).then(() => false, () => true)]).then(([a, b]) => a ? b : void 0),
     new Promise((resolve) => setTimeout(resolve, 3e3, false))
   ]);
 }

package/dist/svelte.d.ts

@@ -1,9 +1,9 @@
 import { Component } from 'svelte';
-import { P as Props, I as Isolation, a as RemoteModule } from './types-EOz1rOHs.js';
-export { R as RemoteContext } from './types-EOz1rOHs.js';
+import { P as Props, I as Isolation, a as RemoteModule } from './types-wsKR1gfx.js';
+export { R as RemoteContext } from './types-wsKR1gfx.js';
 import { R as RemoteError } from './errors-kjBv6IH_.js';
-import { S as SlotStatus } from './slot-Ddzp7AgL.js';
-export { e as events } from './events-DLdbFqBM.js';
+import { S as SlotStatus } from './slot-Dhczjs1E.js';
+export { e as events } from './events-Cieg_far.js';
 export { n as navigate } from './navigate-BRG1WJUM.js';
 import { L as Loading, P as Prefetch } from './host-slot-Cz6EiGsB.js';
 

package/dist/svelte.js

@@ -1,12 +1,14 @@
 import {
   hostSlot
-} from "./chunk-TXSHK3SK.js";
+} from "./chunk-ZJ4IM2PZ.js";
+import {
+  defineRemote
+} from "./chunk-NTXMEZIZ.js";
 import {
-  defineRemote,
   events,
   navigate
-} from "./chunk-O7DV3EVB.js";
-import "./chunk-72H4FXMD.js";
+} from "./chunk-EQZOJU3B.js";
+import "./chunk-6T25WKNK.js";
 import "./chunk-KU6HF2EW.js";
 import "./chunk-TW7KYJQ6.js";
 import "./chunk-463H6B56.js";

package/dist/sw.d.ts

@@ -0,0 +1,8 @@
+/**
+ * URLs absolutas do manifesto e de tudo que ele lista: arquivo único, CSS,
+ * build dividido (inclusive os `import()` das rotas), cópias de `dedupe` e os
+ * módulos de teste do SRI.
+ */
+declare function remoteFiles(manifestUrl: string, init?: RequestInit): Promise<string[]>;
+
+export { remoteFiles };

package/dist/sw.js

@@ -0,0 +1,21 @@
+// src/sw.ts
+async function remoteFiles(manifestUrl, init) {
+  const base = new URL(manifestUrl, globalThis.location?.href);
+  const res = await fetch(base, { cache: "no-cache", ...init });
+  if (!res.ok) throw new Error(`vitral: ${base.href} respondeu ${res.status}`);
+  const m = await res.json();
+  const files = [
+    m.entry,
+    ...m.css ?? [],
+    ...m.shadow?.css ?? [],
+    ...m.shadow?.global ?? [],
+    ...Object.keys(m.files ?? {}),
+    ...m.split ? [m.split.entry, ...m.split.chunks ?? []] : [],
+    ...(m.dedupe ?? []).flatMap((d) => [d.file, ...d.chunks ?? []]),
+    ...m.probe ?? []
+  ];
+  return [base.href, ...new Set(files.filter(Boolean).map((f) => new URL(f, base).href))];
+}
+export {
+  remoteFiles
+};

package/dist/testing.d.ts

@@ -1,4 +1,4 @@
-import { P as Props, R as RemoteContext, a as RemoteModule } from './types-EOz1rOHs.js';
+import { P as Props, R as RemoteContext, a as RemoteModule } from './types-wsKR1gfx.js';
 export { r as resetVitral } from './state-BDdCwc21.js';
 import './errors-kjBv6IH_.js';
 

package/dist/testing.js

@@ -4,10 +4,11 @@ import {
   harness,
   verify
 } from "./chunk-DAESKNQ6.js";
-import "./chunk-O7DV3EVB.js";
+import "./chunk-NTXMEZIZ.js";
+import "./chunk-EQZOJU3B.js";
 import {
   register
-} from "./chunk-72H4FXMD.js";
+} from "./chunk-6T25WKNK.js";
 import "./chunk-KU6HF2EW.js";
 import "./chunk-TW7KYJQ6.js";
 import "./chunk-463H6B56.js";

package/dist/{types-EOz1rOHs.d.ts → types-wsKR1gfx.d.ts}

@@ -177,8 +177,13 @@ interface RemoteEntry {
     module?: RemoteModule<any> | (() => Promise<RemoteModule<any> | {
         default: RemoteModule<any>;
     }>);
-    /** Hash SRI (`sha256-…`, `sha384-…`, `sha512-…`) do JS. Verificado antes de executar. */
-    integrity?: string;
+    /**
+     * Hash SRI (`sha256-…`, `sha384-…`, `sha512-…`) do JS. Verificado antes de
+     * executar. Sem ele, vale o do manifesto. `false` não confere hash nenhum:
+     * para um remote da mesma origem numa página cuja CSP não aceita `data:`
+     * nem `blob:` em `script-src`, onde a conferência não tem como rodar.
+     */
+    integrity?: string | false;
     /** CSS extra para carregar junto. */
     css?: string[];
     /** Isolamento padrão para este remote. */
@@ -328,10 +333,13 @@ interface VitralConfig {
      * Dependências que o host oferece aos remotes com `dedupe`, por grupo:
      * `{ vue: { version: Vue.version, modules: { vue: Vue } } }`. O remote usa
      * a do host se a versão estiver na faixa dele; senão, a própria cópia.
+     * `modules` pode ser uma função que carrega os módulos só quando algum
+     * remote pede (`() => import('vue').then((vue) => ({ vue }))`): o host não
+     * paga por eles no bundle inicial.
      */
     dedupe?: Record<string, {
         version: string;
-        modules: SharedModules;
+        modules: SharedModules | (() => Promise<SharedModules>);
     }>;
     /**
      * Faixa de versão do contrato que o host aceita dos remotes (ex.: `'^2'`).
@@ -394,7 +402,15 @@ interface RemoteManifest {
     split?: {
         entry: string;
         chunks?: string[];
+        lazy?: string[];
     };
+    /**
+     * Dois módulos de teste do build dividido (`export{}` e um com hash errado),
+     * servidos junto com o remote. O runtime testa com eles se o navegador
+     * confere o hash, no lugar de `data:` e `blob:`, que uma CSP sem esses
+     * esquemas bloqueia.
+     */
+    probe?: [string, string];
     /**
      * Dependências de `dedupe` do build dividido: faixa aceita, versão da
      * cópia própria e o arquivo dela, para o loader baixar junto com a entrada.

package/dist/vite.d.ts

@@ -23,6 +23,20 @@ interface CssBuildOptions {
 
 type AdapterName = 'react' | 'vue' | 'svelte' | 'solid' | 'preact' | 'angular' | 'element';
 
+/**
+ * `vitral({ next: true })`: os imports `next/*` de um código escrito para
+ * Next.js viram módulos virtuais que reexportam `vitral/next`, e as variáveis
+ * `NEXT_PUBLIC_*` do `.env` entram em `process.env`, como no `next build`.
+ */
+interface NextOptions {
+    /** `basePath` do `next.config`: `router.push('/x')` vai para `<basePath>/x`. */
+    basePath?: string;
+    /** Resolve os `paths` do tsconfig mais próximo de cada arquivo. Padrão: true. */
+    tsconfigPaths?: boolean;
+    /** `.svg` importado vira componente React, como com `@svgr/webpack`. Padrão: true (se o SVGR estiver instalado). */
+    svgr?: boolean;
+}
+
 interface VitralViteOptions extends CssBuildOptions {
     /**
      * Arquivo cujo `export default` é o remote: um componente do framework ou
@@ -105,7 +119,25 @@ interface VitralViteOptions extends CssBuildOptions {
      * carregamento). Os outros navegadores ignoram. Padrão: false.
      */
     compileHints?: boolean;
+    /**
+     * Pacotes tratados como sem efeitos colaterais, menos o CSS deles: o
+     * tree-shaking tira o que o remote não usa. Útil para pacote publicado como
+     * código-fonte sem `sideEffects` no package.json. Ex.: `['@empresa/ui']`.
+     */
+    sideEffectFree?: string[];
+    /**
+     * Builda com o Vite um código escrito para Next.js: `next/link`,
+     * `next/image`, `next/head`, `next/dynamic`, `next/router` e
+     * `next/navigation` vêm de `vitral/next`, e as `NEXT_PUBLIC_*` do `.env`
+     * entram em `process.env`. `basePath` é o do `next.config`. Também lê os
+     * `paths` do tsconfig de cada arquivo, importa `.svg` como componente (com
+     * o SVGR do projeto) e builda com `NODE_ENV=production` mesmo com
+     * `NODE_ENV=development` no `.env`. Padrão: false.
+     */
+    next?: boolean | NextOptions;
 }
 declare function vitral(options?: VitralViteOptions): Plugin;
+/** `moduleSideEffects` com os pacotes de `sideEffectFree` sem efeitos, menos o CSS deles. */
+declare function pureExcept(pkgs: string[]): (id: string) => boolean;
 
-export { type VitralViteOptions, vitral as default, vitral };
+export { type NextOptions, type VitralViteOptions, vitral as default, pureExcept, vitral };