@mauroandre/velojs 0.0.54 → 0.0.56

package/dist/channels.js

@@ -0,0 +1,283 @@
+import { DEFAULT_HEARTBEAT_MS as L } from "./events.js";
+const O = "snapshot", R = "slice", U = "error", B = "close", k = 50, q = 3e5;
+let m = {}, C = k, b = q, j = L, x = !0;
+function ie(e, t) {
+  m = e ? { ...e } : {}, C = t?.coalesceMs ?? k, b = t?.idleMs ?? q, j = t?.heartbeatMs ?? L, x = t?.logEmits ?? !0, V();
+}
+function se() {
+  return m;
+}
+function ae() {
+  return Object.keys(m);
+}
+const d = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+function K(e, t) {
+  return `${e}\0${t}`;
+}
+function Q(e, t) {
+  const n = K(e, t);
+  if (v.has(n)) return;
+  const o = setTimeout(() => {
+    v.delete(n), G(e, t);
+  }, C), r = o.unref;
+  typeof r == "function" && r.call(o), v.set(n, { timer: o, channel: e, partition: t });
+}
+function V() {
+  for (const e of v.values()) clearTimeout(e.timer);
+  v.clear();
+}
+function le() {
+  const e = [];
+  let t = 0;
+  for (const [o, r] of d) {
+    const l = [];
+    for (const [f, u] of r) {
+      const a = /* @__PURE__ */ new Map();
+      for (const c of u) {
+        const s = a.get(c.moduleId) ?? { count: 0, last: void 0 };
+        s.count += 1, c.lastDeliveryAt !== void 0 && (s.last === void 0 || c.lastDeliveryAt > s.last) && (s.last = c.lastDeliveryAt), a.set(c.moduleId, s);
+      }
+      for (const [c, s] of a)
+        l.push({
+          moduleId: c,
+          partition: f,
+          connections: s.count,
+          lastDeliveryAt: s.last === void 0 ? null : new Date(s.last).toISOString()
+        });
+    }
+    e.push({
+      channel: o,
+      groups: l,
+      connections: z(r)
+    }), t += z(r);
+  }
+  const n = [];
+  for (const o of v.values())
+    n.push({ channel: o.channel, partition: o.partition });
+  return { channels: e, openCoalesceWindows: n, totalConnections: t };
+}
+function z(e) {
+  let t = 0;
+  for (const n of e.values()) t += n.size;
+  return t;
+}
+function X(e) {
+  let t = d.get(e.channel);
+  t || (t = /* @__PURE__ */ new Map(), d.set(e.channel, t));
+  let n = t.get(e.partition);
+  n || (n = /* @__PURE__ */ new Set(), t.set(e.partition, n)), n.add(e);
+}
+function Y(e) {
+  const t = d.get(e.channel), n = t?.get(e.partition);
+  !t || !n || (n.delete(e), n.size === 0 && t.delete(e.partition), t.size === 0 && d.delete(e.channel));
+}
+function ue() {
+  d.clear(), V();
+}
+async function $(e, t) {
+  const n = e.scope;
+  return typeof n != "function" ? "all" : await n(t);
+}
+function Z(e, t) {
+  return e.get(t);
+}
+async function H(e, t) {
+  const n = d.get(e)?.get(t);
+  if (!n || n.size === 0) return null;
+  const o = m[e], r = [];
+  for (const l of [...n]) {
+    let f;
+    try {
+      f = await $(o, l.principal);
+    } catch (u) {
+      console.error(`[velojs] channel "${e}" scope threw on emit:`, u), f = null;
+    }
+    if (f == null || f !== t) {
+      await l.terminate();
+      continue;
+    }
+    r.push(l);
+  }
+  return r.length > 0 ? r : null;
+}
+async function G(e, t) {
+  const n = await H(e, t);
+  n && await Promise.all(n.map((o) => J(o)));
+}
+async function J(e) {
+  let t;
+  try {
+    t = await e.loader({
+      params: e.params,
+      query: e.query,
+      c: e.c
+    });
+  } catch (n) {
+    await e.send(
+      U,
+      JSON.stringify({
+        message: n instanceof Error ? n.message : String(n)
+      })
+    );
+    return;
+  }
+  t instanceof Response || await e.send(O, JSON.stringify(t ?? null));
+}
+function ce(e, t, n, o) {
+  return typeof e == "string" ? ee(e, t) : te(e, t, n, o);
+}
+async function ee(e, t) {
+  const n = m[e];
+  if (!n)
+    throw new Error(
+      `[velojs] emit("${e}"): this channel has no entry in app/channels.ts. Add one — a typo or a renamed channel would otherwise be a silent no-op.`
+    );
+  const o = await $(n, t), r = o == null ? 0 : d.get(e)?.get(o)?.size ?? 0;
+  if (W(e, o, "invalidate", r), o != null && r !== 0) {
+    if (C <= 0) {
+      await G(e, o);
+      return;
+    }
+    Q(e, o);
+  }
+}
+async function te(e, t, n, o) {
+  const r = e?.metadata?.moduleId;
+  if (!r)
+    throw new Error(
+      `[velojs] emit(module, "${t}", …): the module has no metadata.moduleId — pass the imported route module (the Vite plugin injects its metadata), the same object the route tree uses.`
+    );
+  const l = e.channels;
+  if (!Array.isArray(l) || !l.includes(t))
+    throw new Error(
+      `[velojs] emit(module, "${t}", …): module "${r}" does not declare channel "${t}" — add it to the module's \`channels\` export, or use emit("${t}", ctx) for the invalidation mode.`
+    );
+  if (typeof e.loader != "function")
+    throw new Error(
+      `[velojs] emit(module, "${t}", …): module "${r}" has no \`loader\` — there is no data shape to slice.`
+    );
+  const f = m[t];
+  if (!f)
+    throw new Error(
+      `[velojs] emit(module, "${t}", …): this channel has no entry in app/channels.ts. Add one — a typo or a renamed channel would otherwise be a silent no-op.`
+    );
+  if (o === null || typeof o != "object" || Array.isArray(o))
+    throw new Error(
+      `[velojs] emit(module, "${t}", …): the slice must be the object of changed keys — got ${o === null ? "null" : Array.isArray(o) ? "an array" : typeof o}.`
+    );
+  const u = await $(f, n), a = u == null ? void 0 : d.get(t)?.get(u), c = a?.size ?? 0;
+  if (W(t, u, "slice", c), u == null || !a || c === 0) return;
+  const s = await H(t, u);
+  if (!s) return;
+  const y = s.filter((p) => p.moduleId === r);
+  if (y.length === 0) return;
+  const A = JSON.stringify(o);
+  await Promise.all(y.map((p) => p.send(R, A)));
+}
+function W(e, t, n, o) {
+  if (!x) return;
+  const r = typeof t == "string" ? `"${t}"` : "null";
+  console.log(
+    `[velojs] emit kind=${n} channel="${e}" partition=${r} connections=${o} at=${(/* @__PURE__ */ new Date()).toISOString()}`
+  );
+}
+function ne(e, t) {
+  let n = Promise.resolve();
+  return (o) => (n = n.then(() => t(o)).then(() => {
+  }).catch((r) => {
+    console.warn(
+      `[velojs] channel "${e}": SSE write failed — the snapshot did not reach the client:`,
+      r
+    );
+  }), n);
+}
+function fe(e, t, n, o, r, l) {
+  if (typeof o.loader != "function")
+    throw new Error(
+      `[velojs] module "${r}" declares \`channels\` without a \`loader\` — there is nothing to synchronize. Add a loader or remove the export.`
+    );
+  if (!m[n])
+    throw new Error(
+      `[velojs] module "${r}" declares channel "${n}" with no entry in app/channels.ts — add the partition resolver for "${n}".`
+    );
+  const f = o.loader, u = async (a) => {
+    const c = m[n], s = Z(a, "user");
+    let y;
+    try {
+      y = await $(c, s);
+    } catch (E) {
+      return console.error(`[velojs] channel "${n}" scope threw:`, E), a.json({ error: "internal" }, 500);
+    }
+    if (y == null)
+      return a.json({ error: "forbidden" }, 403);
+    const { streamSSE: A } = await import("hono/streaming"), p = await A(a, async (E) => {
+      let w = !1, I = () => {
+      };
+      const F = new Promise((i) => {
+        I = i;
+      }), T = ne(
+        n,
+        (i) => typeof i == "string" ? E.write(i) : E.writeSSE(i)
+      ), S = {
+        channel: n,
+        partition: y,
+        moduleId: r,
+        principal: s,
+        loader: f,
+        c: a,
+        params: a.req.param(),
+        query: a.req.query(),
+        send: (i, P) => w ? Promise.resolve() : i === O || i === R ? T({ event: i, data: P }).then(() => {
+          w || (S.lastDeliveryAt = Date.now(), _());
+        }) : T({ event: i, data: P }),
+        terminate: (i) => N(i)
+      }, M = () => {
+        w || (w = !0, h !== null && clearTimeout(h), g !== null && clearInterval(g), Y(S), I());
+      }, N = async (i = "partition") => {
+        w || (await S.send(B, JSON.stringify({ reason: i })), M());
+      };
+      let h = null;
+      const _ = () => {
+        if (b <= 0 || w) return;
+        h !== null && clearTimeout(h), h = setTimeout(() => {
+          h = null, N("idle");
+        }, b);
+        const i = h.unref;
+        typeof i == "function" && i.call(h);
+      };
+      let g = null;
+      if (j > 0 && (g = setInterval(() => {
+        w || T(`: ping
+
+`);
+      }, j)), X(S), E.onAbort(M), _(), g !== null) {
+        const i = g.unref;
+        typeof i == "function" && i.call(g);
+      }
+      await J(S), await F;
+    }), D = new Headers(p.headers);
+    return D.set("Cache-Control", "no-store"), new Response(p.body, {
+      status: p.status,
+      statusText: p.statusText,
+      headers: D
+    });
+  };
+  l.length > 0 ? e.on(["GET"], [t], ...l, u) : e.on(["GET"], [t], u);
+}
+export {
+  B as CHANNEL_CLOSE_EVENT,
+  U as CHANNEL_ERROR_EVENT,
+  k as DEFAULT_COALESCE_MS,
+  q as DEFAULT_IDLE_MS,
+  R as SLICE_EVENT,
+  O as SNAPSHOT_EVENT,
+  ue as __resetChannels,
+  ae as channelNames,
+  ne as createChannelWriteChain,
+  ce as emit,
+  se as getChannelMap,
+  le as inspectChannels,
+  J as pushSnapshot,
+  fe as registerChannelRoute,
+  ie as registerChannels
+};

package/dist/client.js

@@ -1,92 +1,102 @@
-import { jsxs as j, jsx as o } from "preact/jsx-runtime";
-import { hydrate as w } from "preact";
-import { Router as x, Route as a, Switch as $, useLocation as S } from "wouter-preact";
-import { useEffect as b } from "preact/hooks";
+import { jsxs as w, jsx as r } from "preact/jsx-runtime";
+import { hydrate as x } from "preact";
+import { Router as S, Route as f, Switch as y, useLocation as b } from "wouter-preact";
+import { useEffect as B } from "preact/hooks";
 import { registerRoutePatterns as L, syncLocation as W } from "./loader-store.js";
-const s = (t, n, e) => n ? e && n === "/" ? t || "/" : n.startsWith("/") ? t + n : t + "/" + n : t, v = (t) => t === "" ? "*" : `${t}/*?`, E = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), M = (t) => {
+import { ChannelBoundary as v } from "./live-loader.js";
+const l = (t, n, e) => n ? e && n === "/" ? t || "/" : n.startsWith("/") ? t + n : t + "/" + n : t, E = (t) => t === "" ? "*" : `${t}/*?`, I = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), M = (t) => {
   let n = !1;
   t.endsWith("/*?") && (t = t.slice(0, -3), n = !0);
-  const e = t.split("/").map((c) => c.startsWith(":") ? "[^/]+" : E(c)).join("/");
+  const e = t.split("/").map((c) => c.startsWith(":") ? "[^/]+" : I(c)).join("/");
   return n ? `${e}(?:/.*)?` : e;
-}, p = (t, n) => {
+}, d = (t, n) => {
   if (t.path === "*") return [];
   if (!t.module) {
-    const c = s(n, t.path, !1);
-    return (t.children ?? []).flatMap((i) => p(i, c));
+    const c = l(n, t.path, !1);
+    return (t.children ?? []).flatMap((i) => d(i, c));
   }
   if (!t.children)
-    return [s(n, t.path, !0) || "/"];
+    return [l(n, t.path, !0) || "/"];
   if (t.path)
-    return [`${s(n, t.path, !1)}/*?`];
-  const e = s(n, t.path, !1);
-  return (t.children ?? []).flatMap((c) => p(c, e));
+    return [`${l(n, t.path, !1)}/*?`];
+  const e = l(n, t.path, !1);
+  return (t.children ?? []).flatMap((c) => d(c, e));
 }, _ = (t, n) => {
-  const e = p(t, n);
+  const e = d(t, n);
   return new RegExp(`^(?:${e.map(M).join("|")})$`);
-}, R = (t) => {
+}, C = (t) => {
   for (const n of t) {
     if (n.path === "*" && n.module) return n.module.Component;
     if (n.children) {
-      const e = R(n.children);
+      const e = C(n.children);
       if (e) return e;
     }
   }
   return null;
-}, y = (t, n) => n ? [...t, /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(n, {}) }, "__notfound")] : t, h = (t, n, e, c) => {
+}, R = (t, n) => n ? [...t, /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(n, {}) }, "__notfound")] : t, a = (t, n, e, c) => {
   const i = [];
-  for (let u = 0; u < t.length; u++) {
-    const r = t[u], l = `${c}${u}`;
-    if (r.path === "*") continue;
-    if (!r.module) {
-      if (r.children) {
-        const f = s(n, r.path, !1);
-        i.push(...h(r.children, f, e, `${l}-`));
+  for (let h = 0; h < t.length; h++) {
+    const o = t[h], s = `${c}${h}`;
+    if (o.path === "*") continue;
+    if (!o.module) {
+      if (o.children) {
+        const u = l(n, o.path, !1);
+        i.push(...a(o.children, u, e, `${s}-`));
       }
       continue;
     }
-    const d = r.module.Component;
-    if (!r.children) {
-      const f = s(n, r.path, !0) || "/";
+    const p = o.module.Component, m = (u) => /* @__PURE__ */ r(
+      v,
+      {
+        moduleId: o.module?.metadata?.moduleId,
+        channels: o.module?.channels,
+        children: u
+      }
+    );
+    if (!o.children) {
+      const u = l(n, o.path, !0) || "/";
       i.push(
-        /* @__PURE__ */ o(a, { path: f, children: /* @__PURE__ */ o(d, {}) }, l)
+        /* @__PURE__ */ r(f, { path: u, children: m(/* @__PURE__ */ r(p, {})) }, s)
       );
       continue;
     }
-    if (r.isRoot) {
+    if (o.isRoot) {
       i.push(
-        /* @__PURE__ */ o($, { children: y(
-          h(r.children, "", e, `${l}-`),
+        /* @__PURE__ */ r(y, { children: R(
+          a(o.children, "", e, `${s}-`),
           e
-        ) }, l)
+        ) }, s)
       );
       continue;
     }
-    const m = s(n, r.path, !1), C = r.path ? v(m) : _(r, n);
+    const $ = l(n, o.path, !1), j = o.path ? E($) : _(o, n);
     i.push(
-      /* @__PURE__ */ o(a, { path: C, children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o($, { children: y(
-        h(r.children, m, e, `${l}-`),
-        e
-      ) }) }) }, l)
+      /* @__PURE__ */ r(f, { path: j, children: m(
+        /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(y, { children: R(
+          a(o.children, $, e, `${s}-`),
+          e
+        ) }) })
+      ) }, s)
     );
   }
   return i;
 }, g = () => {
-  const [t] = S();
-  return b(() => {
+  const [t] = b();
+  return B(() => {
     W(window.location.pathname);
   }, [t]), null;
 }, k = ({ routes: t }) => {
   L(t);
-  const n = R(t), e = h(t, "", n, "");
-  return /* @__PURE__ */ j(x, { children: [
-    /* @__PURE__ */ o(g, {}),
+  const n = C(t), e = a(t, "", n, "");
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ r(g, {}),
     e
   ] });
-}, z = (t) => {
+}, H = (t) => {
   const { routes: n } = t, e = document.querySelector("body");
-  e && w(/* @__PURE__ */ o(k, { routes: n }), e);
+  e && x(/* @__PURE__ */ r(k, { routes: n }), e);
 };
 export {
   k as ClientRoutes,
-  z as startClient
+  H as startClient
 };

package/dist/components.js

@@ -3,7 +3,8 @@ import { useRouter as L, Link as $ } from "wouter-preact";
 import "@preact/signals";
 import "preact/hooks";
 import { __veloUpdatePending as C } from "./loader-store.js";
-function w({ basePath: t, favicon: e = "/favicon.ico" } = {}) {
+import "./live-loader.js";
+function y({ basePath: t, favicon: e = "/favicon.ico" } = {}) {
   const n = process.env.NODE_ENV !== "production";
   t = t || process.env.STATIC_BASE_URL || (process.env.VELO_STATIC ? "/client" : "");
   const s = e === !1 ? void 0 : e.endsWith(".svg") ? "image/svg+xml" : e.endsWith(".png") ? "image/png" : "image/x-icon", i = e !== !1 && /* @__PURE__ */ r("link", { rel: "icon", href: `${t}${e}`, type: s });
@@ -25,7 +26,7 @@ function S({ localStorage: t, cookies: e } = {}) {
   const n = (c) => JSON.stringify(c).replace(/</g, "\\u003c"), s = t && t.length > 0 ? `var L=${n(t)};for(var i=0;i<L.length;i++){var v=localStorage.getItem(L[i]);if(v!==null)b[L[i]]=v;}` : "", i = e && e.length > 0 ? `var C=${n(e)};var s=document.cookie?document.cookie.split("; "):[];var m={};for(var j=0;j<s.length;j++){var p=s[j].indexOf("=");if(p>0){m[s[j].slice(0,p)]=decodeURIComponent(s[j].slice(p+1));}}for(var k=0;k<C.length;k++){if(C[k]in m)b[C[k]]=m[C[k]];}` : "";
   return `(function(){var b={};try{${s}}catch(e){}try{${i}}catch(e){}if(Object.keys(b).length){window.__VELO_BOOT__=Object.assign(window.__VELO_BOOT__||{},b);var d=document.documentElement;for(var q in b){d.setAttribute("data-"+String(q).replace(/[^a-zA-Z0-9-]/g,"-"),b[q]);}}})();`;
 }
-function y(t) {
+function I(t) {
   const e = S(t);
   return e ? /* @__PURE__ */ r("script", { dangerouslySetInnerHTML: { __html: e } }) : null;
 }
@@ -35,7 +36,7 @@ function m(t, e) {
     n = n.replace(`:${s}`, i);
   return n;
 }
-function I({ to: t, params: e, search: n, absolute: s, ...i }) {
+function V({ to: t, params: e, search: n, absolute: s, ...i }) {
   const c = typeof t != "string", l = L(), _ = c ? t.metadata?.fullPath ?? "/" : t, f = e ? m(_, e) : _, u = n ? `?${new URLSearchParams(n).toString()}` : "", v = `${f}${u}`;
   if (typeof window < "u" && C.value) {
     let a;
@@ -61,9 +62,9 @@ function I({ to: t, params: e, search: n, absolute: s, ...i }) {
   return /* @__PURE__ */ r($, { to: v, ...i });
 }
 export {
-  y as Boot,
-  I as Link,
-  w as Scripts,
+  I as Boot,
+  V as Link,
+  y as Scripts,
   S as bootScript,
   m as substituteParams
 };

package/dist/config.d.ts

@@ -26,9 +26,11 @@ export interface VeloConfig {
      */
     port?: number;
     /**
-     * Interface de bind do servidor de produção. A env `HOST` tem precedência.
-     * Default do Node: todas as interfaces (o que Docker/cloud esperam).
-     * Apps locais/sensíveis devem declarar "127.0.0.1".
+     * Interface de bind do servidor, em dev e em produção. A env `HOST` tem
+     * precedência nos dois modos; em dev a ordem é: `server.host` do Vite
+     * (`--host`/vite.config) > env `HOST` > este campo. Default do Node:
+     * todas as interfaces (o que Docker/cloud esperam). Apps
+     * locais/sensíveis devem declarar "127.0.0.1".
      */
     hostname?: string;
     /**

package/dist/events.d.ts

@@ -284,6 +284,12 @@ interface StreamListener<TEvent> {
     (event: TEvent): void;
     close(): void;
 }
+/**
+ * The house's single SSE transport heartbeat, in milliseconds — the same
+ * default the live-loader channels use. Exported so the two surfaces never
+ * diverge in operational expectation.
+ */
+export declare const DEFAULT_HEARTBEAT_MS = 20000;
 export declare function flushPendingStreamRoutes(app: Hono): void;
 /** @internal Used by `@mauroandre/velojs/testing` to reset all streams. */
 export declare function getRegisteredStreams(): ReadonlySet<EventStream<unknown, unknown>>;

package/dist/events.js

@@ -232,6 +232,7 @@ function k(r, b, o, a = []) {
   a.length > 0 ? r.on(["GET"], [b], ...a, p) : r.on(["GET"], [b], p);
 }
 export {
+  D as DEFAULT_HEARTBEAT_MS,
   x as createEventStream,
   F as flushPendingStreamRoutes,
   O as getRegisteredStreams,

package/dist/hooks.d.ts

@@ -1,7 +1,28 @@
-import { type Signal } from "@preact/signals";
+import { type ReadonlySignal, type Signal } from "@preact/signals";
 import type { EventStream } from "./events.js";
 import type { SocketHandler, SocketStub } from "./sockets.js";
 import { __veloUpdatePending } from "./loader-store.js";
+import { type Freshness } from "./live-loader.js";
+export type { Freshness } from "./live-loader.js";
+/**
+ * What `Loader()`/`useLoader()` return. `freshness` is the page-level state of
+ * the live loader: `"live"` (connected), `"stale"` (connection closed,
+ * reconnecting or silent) and `"error"` (the last loader re-execution failed).
+ * On a page with no `channels` it exists and stays `"live"`. The framework
+ * exposes it as data for CSS to react to — it renders no JSX of its own.
+ *
+ * `freshnessByChannel` is the same state with per-channel granularity, keyed
+ * by the channel names the module declares — a page with two channels, one
+ * fallen and one following, shows both states at once. Empty record when the
+ * module declares no channels.
+ */
+export interface LoaderHandle<T> {
+    data: Signal<T | null>;
+    loading: Signal<boolean>;
+    refetch: () => void;
+    freshness: Signal<Freshness>;
+    freshnessByChannel: ReadonlySignal<Record<string, Freshness>>;
+}
 export { __veloUpdatePending };
 declare global {
     interface Window {
@@ -58,11 +79,7 @@ export declare function touch<T>(sig: Signal<T | null>): void;
  *
  * @param moduleId - Injetado automaticamente pelo veloPlugin
  */
-export declare function Loader<T>(moduleId?: string): {
-    data: Signal<T | null>;
-    loading: Signal<boolean>;
-    refetch: () => void;
-};
+export declare function Loader<T>(moduleId?: string): LoaderHandle<T>;
 /**
  * Hook para acessar dados do loader dentro de componentes
  * Suporta SSR hydration e navegação SPA (faz fetch se necessário)
@@ -82,21 +99,9 @@ export declare function Loader<T>(moduleId?: string): {
  * @param moduleId - Injetado automaticamente pelo veloPlugin
  * @param deps - Array de dependências (triggers re-fetch quando mudam)
  */
-export declare function useLoader<T>(): {
-    data: Signal<T | null>;
-    loading: Signal<boolean>;
-    refetch: () => void;
-};
-export declare function useLoader<T>(deps: any[]): {
-    data: Signal<T | null>;
-    loading: Signal<boolean>;
-    refetch: () => void;
-};
-export declare function useLoader<T>(moduleId: string, deps?: any[]): {
-    data: Signal<T | null>;
-    loading: Signal<boolean>;
-    refetch: () => void;
-};
+export declare function useLoader<T>(): LoaderHandle<T>;
+export declare function useLoader<T>(deps: any[]): LoaderHandle<T>;
+export declare function useLoader<T>(moduleId: string, deps?: any[]): LoaderHandle<T>;
 /**
  * Hook para navegação programática
  *