weifuwu 0.33.0 → 0.33.2

package/dist/client/jsx-runtime.js

@@ -0,0 +1,320 @@
+// src/client/signal.ts
+var currentEffect = null;
+var Signal = class {
+  #value;
+  #listeners = /* @__PURE__ */ new Set();
+  constructor(value) {
+    this.#value = value;
+  }
+  get value() {
+    if (currentEffect) this.#listeners.add(currentEffect);
+    return this.#value;
+  }
+  set value(v) {
+    if (v !== this.#value) {
+      this.#value = v;
+      const fns = [...this.#listeners];
+      for (const fn of fns) fn();
+    }
+  }
+};
+function signal(initial) {
+  return new Signal(initial);
+}
+function isSignal(value) {
+  return value instanceof Signal;
+}
+function effect(fn) {
+  const wrapper = () => {
+    const prev = currentEffect;
+    currentEffect = wrapper;
+    try {
+      fn();
+    } finally {
+      currentEffect = prev;
+    }
+  };
+  wrapper();
+  return () => {
+  };
+}
+function computed(fn) {
+  const s = new Signal(void 0);
+  effect(() => {
+    s.value = fn();
+  });
+  return s;
+}
+
+// src/client/jsx-runtime.ts
+var currentCtx = null;
+function setCtx(ctx) {
+  currentCtx = ctx;
+}
+function setProp(el, key, value) {
+  if (key === "class" || key === "className") {
+    if (isSignal(value)) {
+      effect(() => {
+        el.className = String(value.value);
+      });
+    } else {
+      el.className = String(value ?? "");
+    }
+  } else if (key === "style" && typeof value === "object" && value !== null) {
+    Object.assign(el.style, value);
+  } else if (key.startsWith("on") && typeof value === "function") {
+    el.addEventListener(key.slice(2).toLowerCase(), value);
+  } else if (key === "ref" && typeof value === "function") {
+    value(el);
+  } else if (isSignal(value)) {
+    effect(() => {
+      const v = value.value;
+      if (v == null || v === false) el.removeAttribute(key);
+      else if (v === true) el.setAttribute(key, "");
+      else el.setAttribute(key, String(v));
+    });
+  } else if (value != null && value !== false) {
+    if (value === true) el.setAttribute(key, "");
+    else el.setAttribute(key, String(value));
+  }
+}
+function appendChild(parent, child) {
+  if (child == null || child === false || child === true) return;
+  if (Array.isArray(child)) {
+    child.forEach((c) => appendChild(parent, c));
+    return;
+  }
+  if (child instanceof Node) {
+    parent.appendChild(child);
+    return;
+  }
+  if (isSignal(child)) {
+    const text = document.createTextNode("");
+    effect(() => {
+      text.textContent = String(child.value);
+    });
+    parent.appendChild(text);
+    return;
+  }
+  parent.appendChild(document.createTextNode(String(child)));
+}
+function jsx(type, props, ...children) {
+  if (typeof type === "function") {
+    const merged = children.length > 0 ? { ...props, children } : props;
+    return type(merged, currentCtx) ?? document.createDocumentFragment();
+  }
+  const el = document.createElement(type);
+  if (props) {
+    for (const [k, v] of Object.entries(props)) {
+      if (k !== "children") setProp(el, k, v);
+    }
+  }
+  const childList = children.length > 0 ? children : props?.children != null ? [props.children] : [];
+  for (const child of childList) appendChild(el, child);
+  return el;
+}
+function jsxs(type, props, ...children) {
+  return jsx(type, props, ...children);
+}
+function jsxDEV(type, props, _key, _isStatic, _source, _self) {
+  return jsx(type, props, ...props?.children ? [props.children] : []);
+}
+function Fragment(props, ...children) {
+  const frag = document.createDocumentFragment();
+  for (const child of children) appendChild(frag, child);
+  return frag;
+}
+function domMount(root, app) {
+  const container = typeof root === "string" ? document.querySelector(root) : root;
+  if (!container) throw new Error(`mount target not found: ${root}`);
+  container.innerHTML = "";
+  container.appendChild(app);
+}
+function toNode(v) {
+  if (v instanceof Node) return v;
+  if (typeof v === "function") return toNode(v());
+  return document.createTextNode(String(v ?? ""));
+}
+function Show({ when, children, fallback }) {
+  const el = document.createElement("div");
+  function render(show) {
+    el.textContent = "";
+    if (show && children != null) {
+      el.appendChild(toNode(children));
+    } else if (!show && fallback != null) {
+      el.appendChild(toNode(fallback));
+    }
+  }
+  if (isSignal(when)) {
+    effect(() => render(Boolean(when.value)));
+  } else {
+    render(Boolean(when));
+  }
+  return el;
+}
+function For({ each, children }) {
+  const el = document.createElement("div");
+  function render(list) {
+    el.textContent = "";
+    for (let i = 0; i < list.length; i++) {
+      el.appendChild(children(list[i], i));
+    }
+  }
+  if (isSignal(each)) {
+    effect(() => render(each.value));
+  } else {
+    render(each);
+  }
+  return el;
+}
+
+// src/client/app.ts
+function createApp() {
+  const middlewares = [];
+  const provides = /* @__PURE__ */ new Map();
+  let ctx = {
+    route: {
+      path: window.location.pathname,
+      params: {},
+      query: Object.fromEntries(new URLSearchParams(window.location.search)),
+      hash: window.location.hash,
+      component: null
+    },
+    app: {
+      navigate(path) {
+        window.history.pushState({}, "", path);
+        ctx.route.path = path;
+        ctx.route.query = Object.fromEntries(new URLSearchParams(window.location.search));
+        ctx.route.hash = window.location.hash;
+        window.dispatchEvent(new CustomEvent("wefu:navigate", { detail: { path } }));
+      }
+    },
+    provide(key, value) {
+      provides.set(key, value);
+    },
+    inject(key) {
+      return provides.get(key) ?? null;
+    }
+  };
+  return {
+    get ctx() {
+      return ctx;
+    },
+    use(mw) {
+      middlewares.push(mw);
+      return this;
+    },
+    mount(rootSelector, RootComponent) {
+      for (const mw of middlewares) {
+        ctx = mw(ctx);
+      }
+      setCtx(ctx);
+      const app = jsx(RootComponent, {});
+      domMount(rootSelector, app);
+      setCtx(null);
+    }
+  };
+}
+
+// src/client/router.ts
+function router(opts) {
+  const mode = opts.mode ?? "hash";
+  const matchers = opts.routes.map((route) => {
+    const parts = route.path.split("/").filter(Boolean);
+    const keys = [];
+    const reStr = "^/" + parts.map((p) => {
+      if (p.startsWith(":")) {
+        keys.push(p.slice(1));
+        return "([^/]+)";
+      }
+      return p;
+    }).join("/") + "$";
+    return { re: new RegExp(reStr), keys, route };
+  });
+  function matchPath(path) {
+    for (const { re, keys, route } of matchers) {
+      const m = path.match(re);
+      if (m) {
+        const params = {};
+        keys.forEach((k, i) => {
+          params[k] = decodeURIComponent(m[i + 1]);
+        });
+        return { component: route.component, params, title: route.title, auth: route.auth };
+      }
+    }
+    return null;
+  }
+  return (ctx) => {
+    function handleRoute() {
+      const raw = mode === "hash" ? window.location.hash.slice(1) || "/" : window.location.pathname + window.location.search;
+      const [path, qs] = raw.split("?");
+      ctx.route.query = Object.fromEntries(new URLSearchParams(qs ?? ""));
+      const matched = matchPath(path);
+      if (matched) {
+        ctx.route.path = path;
+        ctx.route.params = matched.params;
+        ctx.route.component = matched.component;
+        ctx.route.title = matched.title;
+        ctx.route.auth = matched.auth;
+        if (matched.title) document.title = matched.title;
+        if (matched.auth && !ctx.user) {
+          setTimeout(() => ctx.app.navigate("/login"), 0);
+          return;
+        }
+      } else {
+        ctx.route.component = opts.notFound ?? null;
+      }
+      window.dispatchEvent(new CustomEvent("wefu:route", { detail: { path } }));
+    }
+    const origNavigate = ctx.app.navigate;
+    ctx.app.navigate = (path) => {
+      if (mode === "hash") {
+        window.location.hash = "#" + path;
+      } else {
+        window.history.pushState({}, "", path);
+        handleRoute();
+      }
+    };
+    if (mode === "hash") {
+      window.addEventListener("hashchange", handleRoute);
+    } else {
+      window.addEventListener("popstate", handleRoute);
+    }
+    handleRoute();
+    return ctx;
+  };
+}
+function RouteView(_props, ctx) {
+  const el = document.createElement("div");
+  function render() {
+    const Component = ctx.route.component;
+    if (!Component) {
+      el.textContent = "";
+      return;
+    }
+    el.textContent = "";
+    setCtx(ctx);
+    const page = jsx(Component, {});
+    el.appendChild(page);
+    setCtx(null);
+  }
+  render();
+  window.addEventListener("wefu:route", render);
+  return el;
+}
+export {
+  For,
+  Fragment,
+  RouteView,
+  Show,
+  computed,
+  createApp,
+  domMount,
+  effect,
+  isSignal,
+  jsx,
+  jsxDEV,
+  jsxs,
+  router,
+  signal
+};

package/dist/client/router.d.ts

@@ -0,0 +1,51 @@
+/**
+ * weifuwu/client router — 路由中间件 + RouteView 组件
+ *
+ * ```tsx
+ * import { createApp, router, RouteView } from 'weifuwu/client'
+ *
+ * const app = createApp()
+ * app.use(router({
+ *   routes: [
+ *     { path: '/', component: HomePage },
+ *     { path: '/chat/:id', component: ChatPage },
+ *   ],
+ * }))
+ *
+ * function AppShell(_, ctx) {
+ *   return <div><Header /><RouteView /></div>
+ * }
+ * app.mount('#root', AppShell)
+ * ```
+ */
+import type { WfuiContext, AppMiddleware, RouteDef } from './types.ts';
+import type { Component } from './jsx-runtime.ts';
+export interface RouterOptions {
+    /** 路由模式，默认 'hash' */
+    mode?: 'hash' | 'history';
+    /** 路由表 */
+    routes: RouteDef[];
+    /** 404 组件 */
+    notFound?: Component;
+}
+/**
+ * 路由中间件 — 注入 ctx.route.component + 改写 ctx.app.navigate
+ */
+export declare function router(opts: RouterOptions): AppMiddleware;
+/**
+ * RouteView — 渲染当前路由匹配的组件
+ *
+ * 放在布局组件中，URL 变化时自动切换内容。
+ *
+ * ```tsx
+ * function AppShell(_, ctx) {
+ *   return (
+ *     <div class="app">
+ *       <Header user={ctx.user} />
+ *       <main><RouteView /></main>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function RouteView(_props: {}, ctx: WfuiContext): Node;

package/dist/client/signal.d.ts

@@ -0,0 +1,19 @@
+/**
+ * weifuwu/client signal — 响应式系统核心
+ *
+ * signal(value)   声明响应式数据
+ * effect(fn)      自动追踪依赖，变化时重跑 fn
+ * computed(fn)    衍生信号
+ */
+type Listener = () => void;
+export declare class Signal<T = unknown> {
+    #private;
+    constructor(value: T);
+    get value(): T;
+    set value(v: T);
+}
+export declare function signal<T>(initial: T): Signal<T>;
+export declare function isSignal(value: unknown): value is Signal;
+export declare function effect(fn: Listener): () => void;
+export declare function computed<T>(fn: () => T): Signal<T>;
+export {};

package/dist/client/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * wefu 类型定义
+ */
+import type { Component } from './jsx-runtime.ts';
+/**
+ * wefu 上下文 — 组件通过第二个参数访问
+ *
+ * ```tsx
+ * function MyPage(props, ctx: WfuiContext) {
+ *   ctx.app.navigate('/chat')
+ *   ctx.provide('key', value)
+ *   const val = ctx.inject('key')
+ * }
+ * ```
+ */
+export interface WfuiContext {
+    route: {
+        path: string;
+        params: Record<string, string>;
+        query: Record<string, string>;
+        hash: string;
+        /** 当前匹配的路由组件（由 router 中间件注入） */
+        component: Component | null;
+        /** 当前匹配的路由配置 */
+        title?: string;
+        auth?: boolean;
+    };
+    app: {
+        navigate: (path: string) => void;
+    };
+    /** 跨组件共享数据（类似 React Context / Vue provide/inject） */
+    provide: <T>(key: string, value: T) => void;
+    inject: <T>(key: string) => T | null;
+    /** 中间件注入扩展 */
+    [key: string]: unknown;
+}
+/** 中间件签名 */
+export type AppMiddleware = (ctx: WfuiContext) => WfuiContext | Promise<WfuiContext>;
+/** 路由定义 */
+export interface RouteDef {
+    path: string;
+    component: Component;
+    auth?: boolean;
+    title?: string;
+}

package/dist/index.d.ts

@@ -17,10 +17,6 @@ export { upload } from './middleware/upload.ts';
 export type { UploadOptions, UploadedFile, UploadModule } from './middleware/upload.ts';
 export { sandbox } from './middleware/sandbox.ts';
 export type { SandboxOptions, Sandbox } from './middleware/sandbox.ts';
-export { esbuildDev } from './middleware/esbuild-dev.ts';
-export type { EsbuildDevEntry, EsbuildDevOptions } from './middleware/esbuild-dev.ts';
-export { tailwindDev } from './middleware/tailwind-dev.ts';
-export type { TailwindDevEntry, TailwindDevOptions } from './middleware/tailwind-dev.ts';
 export { rateLimit } from './middleware/rate-limit.ts';
 export type { RateLimitOptions } from './middleware/rate-limit.ts';
 export { compress } from './middleware/compress.ts';
@@ -37,9 +33,6 @@ export { createHub } from './hub.ts';
 export type { Hub, HubOptions } from './hub.ts';
 export { queue } from './queue/index.ts';
 export type { QueueOptions, QueueJob, Queue, QueueInjected } from './queue/types.ts';
-export { react, reactRouter } from './react/index.ts';
-export type { ReactOptions, RenderOptions, ReactRouterOptions, ReactAppOptions } from './react/types.ts';
-export { useServerData, ServerDataContext, Link, ErrorBoundary } from './react/index.ts';
 export { ai } from './ai/index.ts';
 export type { AiOptions, Ai } from './ai/index.ts';
 export { agent } from './ai/agent.ts';