@mauroandre/velojs 0.0.18 → 0.0.20

package/dist/hooks.js

@@ -1,61 +1,61 @@
-import { signal as _, useSignal as d } from "@preact/signals";
-import { useRef as g, useEffect as h } from "preact/hooks";
-import { useLocation as v, useParams as D } from "wouter-preact";
-const p = _(!1);
-function m(e) {
+import { signal as v, useSignal as c } from "@preact/signals";
+import { useEffect as h, useRef as p } from "preact/hooks";
+import { useLocation as w, useParams as g } from "wouter-preact";
+const S = v(!1);
+function L(e) {
   e.value !== null && typeof e.value == "object" && (e.value = { ...e.value });
 }
-function P(e) {
-  const a = _(!1);
+function m(e) {
+  const o = v(!1);
   if (typeof window > "u")
     return { data: {
       get value() {
         return e ? globalThis.__veloServerData?.getStore?.()?.[e] ?? null : null;
       }
-    }, loading: a };
-  const t = window.__PAGE_DATA__, n = e && t?.[e] ? t[e] : null;
-  return { data: _(n), loading: a };
+    }, loading: o };
+  const t = window.__PAGE_DATA__, r = e && t?.[e] ? t[e] : null;
+  return { data: v(r), loading: o };
 }
-function T(e, a) {
-  let t, n;
-  Array.isArray(e) ? n = e : (t = e, n = a);
-  let r = null;
+function A(e, o) {
+  let t, r;
+  Array.isArray(e) ? r = e : (t = e, r = o);
+  let n = null;
   if (typeof window > "u" && t) {
-    const c = globalThis.__veloServerData?.getStore?.();
-    c?.[t] && (r = c[t]);
+    const i = globalThis.__veloServerData?.getStore?.();
+    i?.[t] && (n = i[t]);
   }
   if (typeof window < "u" && t) {
-    const o = window.__PAGE_DATA__;
-    o?.[t] && (r = o[t], delete o[t]);
+    const a = window.__PAGE_DATA__;
+    a?.[t] && (n = a[t], delete a[t]);
   }
-  const u = d(r), i = d(!1), l = () => {
+  const u = c(n), s = c(!1), _ = () => {
     if (typeof window > "u" || !t) return;
-    const o = window.location.pathname;
-    i.value = !0;
-    const w = typeof __VELO_STATIC__ < "u" && __VELO_STATIC__ ? `${o === "/" ? "" : o}/index.json` : (() => {
-      const s = new URLSearchParams(window.location.search);
-      return s.set("_data", "1"), `${o}?${s.toString()}`;
+    const a = window.location.pathname;
+    s.value = !0;
+    const f = typeof __VELO_STATIC__ < "u" && __VELO_STATIC__ ? `${a === "/" ? "" : a}/index.json` : (() => {
+      const l = new URLSearchParams(window.location.search);
+      return l.set("_data", "1"), `${a}?${l.toString()}`;
     })();
-    fetch(w, { cache: "no-cache" }).then((s) => s.json()).then((s) => {
-      typeof __VELO_BUILD_HASH__ < "u" && s.__buildHash && s.__buildHash !== __VELO_BUILD_HASH__ && (p.value = !0), u.value = s[t], i.value = !1;
+    fetch(f, { cache: "no-cache" }).then((l) => l.json()).then((l) => {
+      typeof __VELO_BUILD_HASH__ < "u" && l.__buildHash && l.__buildHash !== __VELO_BUILD_HASH__ && (S.value = !0), u.value = l[t], s.value = !1;
     }).catch(() => {
-      i.value = !1;
+      s.value = !1;
     });
-  }, f = g(r !== null);
+  }, d = p(n !== null);
   return h(() => {
-    if (f.current) {
-      f.current = !1;
+    if (d.current) {
+      d.current = !1;
       return;
     }
-    l();
-  }, n ?? []), { data: u, loading: i, refetch: l };
+    _();
+  }, r ?? []), { data: u, loading: s, refetch: _ };
 }
-function L() {
-  const [, e] = v();
+function P() {
+  const [, e] = w();
   return e;
 }
-function E() {
-  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__params ?? {} : D();
+function T() {
+  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__params ?? {} : g();
 }
 function b() {
   if (typeof window > "u")
@@ -63,21 +63,54 @@ function b() {
   const e = window.__PAGE_DATA__;
   if (e?.__query)
     return e.__query;
-  const a = new URLSearchParams(window.location.search), t = {};
-  return a.forEach((n, r) => {
-    t[r] = n;
+  const o = new URLSearchParams(window.location.search), t = {};
+  return o.forEach((r, n) => {
+    t[n] = r;
   }), t;
 }
 function H() {
-  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__pathname ?? "/" : (v(), window.location.pathname);
+  return typeof window > "u" ? globalThis.__veloServerData?.getStore?.()?.__pathname ?? "/" : (w(), window.location.pathname);
+}
+function U(e, o = {}) {
+  const t = c(null), r = c(null), n = c(!1), u = c(null), { channel: s, enabled: _ = !0 } = o;
+  return h(() => {
+    if (typeof window > "u" || !_) return;
+    if (!e.__path) {
+      console.warn("[velojs] useEventStream: stream has no __path");
+      return;
+    }
+    t.value = null, r.value = null, n.value = !1, u.value = null;
+    const d = s ? `${e.__path}?channel=${encodeURIComponent(s)}` : e.__path, a = new EventSource(d);
+    return a.addEventListener("snapshot", (i) => {
+      try {
+        r.value = JSON.parse(i.data);
+      } catch (f) {
+        u.value = f;
+      }
+    }), a.addEventListener("message", (i) => {
+      try {
+        t.value = JSON.parse(i.data);
+      } catch (f) {
+        u.value = f;
+      }
+    }), a.addEventListener("heartbeat", () => {
+    }), a.addEventListener("close", () => {
+      n.value = !0, a.close();
+    }), a.addEventListener("error", () => {
+      a.readyState === EventSource.CLOSED && (n.value = !0);
+    }), () => {
+      a.close();
+    };
+  }, [e, s, _]), { data: t, snapshot: r, closed: n, error: u };
 }
 export {
-  P as Loader,
-  p as __veloUpdatePending,
-  m as touch,
-  T as useLoader,
-  L as useNavigate,
-  E as useParams,
+  m as Loader,
+  S as __veloUpdatePending,
+  L as touch,
+  U as useEventStream,
+  A as useLoader,
+  P as useNavigate,
+  T as useParams,
   H as usePathname,
   b as useQuery
 };

package/dist/index.d.ts

@@ -2,4 +2,6 @@ export type { AppRoutes, RouteNode, RouteModule, LoaderArgs, ActionArgs, Metadat
 export type { VeloConfig } from "./config.js";
 export { defineConfig } from "./config.js";
 export { Scripts, Link } from "./components.js";
+export { createEventStream, poll } from "./events.js";
+export type { EventStream, EventStreamConfig, EmitFn, EmitOptions, SourceFn, } from "./events.js";
 export type { Context, MiddlewareHandler, Next } from "hono";

package/dist/index.js

@@ -1,7 +1,10 @@
-import { defineConfig as e } from "./config.js";
-import { Link as i, Scripts as n } from "./components.js";
+import { defineConfig as o } from "./config.js";
+import { Link as f, Scripts as p } from "./components.js";
+import { createEventStream as m, poll as n } from "./events.js";
 export {
-  i as Link,
-  n as Scripts,
-  e as defineConfig
+  f as Link,
+  p as Scripts,
+  m as createEventStream,
+  o as defineConfig,
+  n as poll
 };

package/dist/server.js

@@ -1,61 +1,61 @@
-import { jsx as m } from "preact/jsx-runtime";
+import { jsx as _ } from "preact/jsx-runtime";
 import { Hono as T } from "hono";
-import { logger as A } from "hono/logger";
-import { trimTrailingSlash as b } from "hono/trailing-slash";
-import { render as D } from "preact-render-to-string";
-import { Router as R } from "wouter-preact";
-import { AsyncLocalStorage as C } from "node:async_hooks";
-const v = new C();
-globalThis.__veloServerData = v;
-const _ = [];
-let p = null;
+import { logger as b } from "hono/logger";
+import { trimTrailingSlash as A } from "hono/trailing-slash";
+import { render as R } from "preact-render-to-string";
+import { Router as D } from "wouter-preact";
+import { AsyncLocalStorage as I } from "node:async_hooks";
+const y = new I();
+globalThis.__veloServerData = y;
+const v = [];
+let g = null;
 function L(t) {
-  if (p) {
-    t(p);
+  if (g) {
+    t(g);
     return;
   }
-  _.push(t);
+  v.push(t);
 }
-function y(t) {
-  p = t;
-  for (const e of _) e(t);
-  _.length = 0;
+function w(t) {
+  g = t;
+  for (const e of v) e(t);
+  v.length = 0;
 }
-const w = [];
+const S = [];
 function U(t) {
-  w.push(t);
+  S.push(t);
 }
-const N = (t, e, o) => {
+const N = (t, e, s) => {
   if (t.req.query("_data") === "1") {
-    const c = globalThis.__veloBuildHash || void 0, r = o ? { ...o, __buildHash: c } : { __buildHash: c };
-    return t.json(r);
+    const c = globalThis.__veloBuildHash || void 0, o = s ? { ...s, __buildHash: c } : { __buildHash: c };
+    return t.json(o);
   }
-  const s = t.req.path, n = v.run(
-    o ?? {},
-    () => D(/* @__PURE__ */ m(R, { ssrPath: s, children: e }))
+  const r = t.req.path, n = y.run(
+    s ?? {},
+    () => R(/* @__PURE__ */ _(D, { ssrPath: r, children: e }))
   );
-  if (t.header("Cache-Control", "no-cache"), !o)
+  if (t.header("Cache-Control", "no-cache"), !s)
     return t.html(n);
   const a = `<script>window.__PAGE_DATA__=${JSON.stringify(
-    o
+    s
   )}<\/script>`;
   return t.html(n.replace("</head>", `${a}</head>`));
 }, O = async (t, e) => {
-  const o = e.req.param(), s = e.req.query(), n = { params: o, query: s, c: e }, a = await Promise.all(
-    t.map(async (r) => {
-      if (!r.loader) return null;
-      const u = await r.loader(n), i = r.metadata?.moduleId;
-      return i ? { moduleId: i, loaderData: u } : null;
+  const s = e.req.param(), r = e.req.query(), n = { params: s, query: r, c: e }, a = await Promise.all(
+    t.map(async (o) => {
+      if (!o.loader) return null;
+      const l = await o.loader(n), i = o.metadata?.moduleId;
+      return i ? { moduleId: i, loaderData: l } : null;
     })
   ), c = {
-    __params: o,
-    __query: s,
+    __params: s,
+    __query: r,
     __pathname: e.req.path
   };
-  for (const r of a)
-    r && (c[r.moduleId] = r.loaderData);
+  for (const o of a)
+    o && (c[o.moduleId] = o.loaderData);
   return {
-    components: t.map((r) => r.Component),
+    components: t.map((o) => o.Component),
     data: c
   };
 }, j = (t) => {
@@ -64,107 +64,137 @@ const N = (t, e, o) => {
   if (e.length === 0) return null;
   if (e.length === 1) {
     const n = e[0];
-    return /* @__PURE__ */ m(n, {});
+    return /* @__PURE__ */ _(n, {});
   }
-  const o = e[e.length - 1];
-  return e.slice(0, -1).reduceRight((n, a) => /* @__PURE__ */ m(a, { children: n }), /* @__PURE__ */ m(o, {}));
-}, S = (t, e, o = [], s = []) => {
+  const s = e[e.length - 1];
+  return e.slice(0, -1).reduceRight((n, a) => /* @__PURE__ */ _(a, { children: n }), /* @__PURE__ */ _(s, {}));
+}, P = (t, e, s = [], r = []) => {
   for (const n of e) {
-    const a = [...o, n.module], c = [
-      ...s,
+    const a = [...s, n.module], c = [
+      ...r,
       ...n.middlewares || []
     ];
     if (n.children)
-      S(
+      P(
         t,
         n.children,
         a,
         c
       );
     else {
-      const r = n.module.metadata?.fullPath;
-      if (!r) {
+      const o = n.module.metadata?.fullPath;
+      if (!o) {
         console.warn(
           `Module ${n.module.metadata?.moduleId} has no fullPath`
         );
         continue;
       }
-      const u = async (i) => {
-        const { components: d, data: f } = await O(a, i), l = j(d);
-        return N(i, l, f);
+      const l = async (i) => {
+        const { components: m, data: d } = await O(a, i), u = j(m);
+        return N(i, u, d);
       };
-      c.length > 0 ? t.on(["GET"], [r], ...c, u) : t.on(["GET"], [r], u);
+      c.length > 0 ? t.on(["GET"], [o], ...c, l) : t.on(["GET"], [o], l);
     }
   }
-}, q = (t, e, o = []) => {
-  for (const s of e) {
-    const n = s.module.metadata?.moduleId, a = [
-      ...o,
-      ...s.middlewares || []
+}, E = (t, e, s = []) => {
+  for (const r of e) {
+    const n = r.module.metadata?.moduleId, a = [
+      ...s,
+      ...r.middlewares || []
     ];
     if (n) {
-      const c = Object.keys(s.module).filter(
-        (r) => r.startsWith("action_")
+      const c = Object.keys(r.module).filter(
+        (o) => o.startsWith("action_")
       );
-      for (const r of c) {
-        const u = r.replace("action_", ""), i = s.module[r];
+      for (const o of c) {
+        const l = o.replace("action_", ""), i = r.module[o];
         if (typeof i == "function") {
-          const d = `/_action/${n}/${u}`, f = async (l) => {
-            let g = {};
+          const m = `/_action/${n}/${l}`, d = async (u) => {
+            let f = {};
             try {
-              g = await l.req.json();
+              f = await u.req.json();
             } catch {
             }
-            const E = {
-              body: g,
-              params: l.req.param(),
-              query: l.req.query(),
-              c: l
+            const h = {
+              body: f,
+              params: u.req.param(),
+              query: u.req.query(),
+              c: u
             };
             try {
-              const h = await i(E);
-              return l.json(h ?? { ok: !0 });
-            } catch (h) {
-              const P = h instanceof Error ? h.message : "Action failed";
-              return l.json({ error: P }, 500);
+              const p = await i(h);
+              return u.json(p ?? { ok: !0 });
+            } catch (p) {
+              const q = p instanceof Error ? p.message : "Action failed";
+              return u.json({ error: q }, 500);
             }
           };
           a.length > 0 ? t.on(
             ["POST"],
-            [d],
+            [m],
             ...a,
-            f
-          ) : t.on(["POST"], [d], f);
+            d
+          ) : t.on(["POST"], [m], d);
         }
       }
     }
-    s.children && q(t, s.children, a);
+    r.children && E(t, r.children, a);
   }
-}, I = async (t) => {
+}, C = async (t, e, s = []) => {
+  const { registerStreamHandler: r } = await import("./events.js"), n = (a, c) => {
+    for (const o of a) {
+      const l = o.module.metadata?.moduleId, i = [
+        ...c,
+        ...o.middlewares || []
+      ];
+      if (l) {
+        const m = Object.keys(o.module).filter(
+          (d) => d.startsWith("stream_")
+        );
+        for (const d of m) {
+          const u = d.replace("stream_", ""), f = o.module[d];
+          if (f?.__isVeloEventStream) {
+            const h = `/_event/${l}/${u}`;
+            f.__path = h, r(
+              t,
+              h,
+              f,
+              i
+            );
+          }
+        }
+      }
+      o.children && n(o.children, i);
+    }
+  };
+  n(e, s);
+}, $ = async (t) => {
   const e = new T();
-  e.use(b()), process.env.NODE_ENV !== "production" && e.use("*", A());
-  for (const o of w)
-    await o(e);
-  if (S(e, t), q(e, t), process.env.NODE_ENV !== "production" && !p) {
-    const o = globalThis.__veloDevServer;
-    o && y(o);
+  e.use(A()), process.env.NODE_ENV !== "production" && e.use("*", b());
+  for (const r of S)
+    await r(e);
+  P(e, t), E(e, t), await C(e, t);
+  const { flushPendingStreamRoutes: s } = await import("./events.js");
+  if (s(e), process.env.NODE_ENV !== "production" && !g) {
+    const r = globalThis.__veloDevServer;
+    r && w(r);
   }
   return e;
-}, x = async (t) => {
-  const { routes: e, port: o = Number(process.env.SERVER_PORT) || 3e3 } = t, s = await I(e);
+}, W = async (t) => {
+  const { routes: e, port: s = Number(process.env.SERVER_PORT) || 3e3 } = t, r = await $(e);
   if (process.env.NODE_ENV === "production" && !process.env.VELO_STATIC) {
-    const { serve: n } = await import("@hono/node-server"), { serveStatic: a } = await import("@hono/node-server/serve-static"), { join: c } = await import("node:path"), r = c(process.cwd(), "dist/client");
-    (process.env.STATIC_BASE_URL || "").startsWith("http") || s.use("/*", a({ root: r })), console.log(`Server running on http://localhost:${o}`);
-    const i = n({ fetch: s.fetch, port: o });
-    y(i);
+    const { serve: n } = await import("@hono/node-server"), { serveStatic: a } = await import("@hono/node-server/serve-static"), { join: c } = await import("node:path"), o = c(process.cwd(), "dist/client");
+    (process.env.STATIC_BASE_URL || "").startsWith("http") || r.use("/*", a({ root: o })), console.log(`Server running on http://localhost:${s}`);
+    const i = n({ fetch: r.fetch, port: s });
+    w(i);
   }
-  return s;
+  return r;
 };
 export {
   U as addRoutes,
-  I as createApp,
-  I as default,
+  $ as createApp,
+  $ as default,
   L as onServer,
-  v as serverDataStorage,
-  x as startServer
+  y as serverDataStorage,
+  W as startServer
 };

package/dist/vite.d.ts

@@ -4,6 +4,14 @@ import * as t from "@babel/types";
 export declare function injectMetadata(code: string, moduleId: string, fullPath?: string, path?: string): string;
 export declare function transformLoaderFunctions(code: string, moduleId: string): string;
 export declare function transformActionsForClient(code: string, moduleId: string): string;
+/**
+ * Transforma `export const stream_xxx = createEventStream({...})` no client em
+ * um stub com apenas { __isVeloEventStream: true, __path: "/_event/{moduleId}/{name}" }.
+ *
+ * O body do `createEventStream` é descartado — listeners, snapshot, channel funcs etc.
+ * só rodam no server. O client precisa apenas do path para abrir o EventSource.
+ */
+export declare function transformStreamsForClient(code: string, moduleId: string): string;
 export declare function removeLoaders(code: string): string;
 export declare function removeMiddlewares(code: string): string;
 export interface PathInfo {