npm - weifuwu - Versions diffs - 0.33.1 → 0.33.2 - Mend

weifuwu 0.33.1 → 0.33.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.md +160 -3
package/dist/client/app.d.ts +21 -0
package/dist/client/index.d.ts +21 -0
package/dist/client/index.js +320 -0
package/dist/client/jsx-runtime.d.ts +60 -0
package/dist/client/jsx-runtime.js +320 -0
package/dist/client/router.d.ts +51 -0
package/dist/client/signal.d.ts +19 -0
package/dist/client/types.d.ts +45 -0
package/dist/index.d.ts +0 -4
package/dist/index.js +11 -475
package/package.json +11 -24
package/dist/middleware/esbuild-dev.d.ts +0 -55
package/dist/middleware/esbuild-dev.js +0 -266
package/dist/middleware/tailwind-dev.d.ts +0 -43
package/dist/middleware/tailwind-dev.js +0 -199

package/dist/middleware/esbuild-dev.js DELETED Viewed

@@ -1,266 +0,0 @@
-// src/middleware/esbuild-dev.ts
-import { resolve, relative, dirname } from "node:path";
-import { stat, readFile, realpath } from "node:fs/promises";
-function escapeHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function defaultErrorTemplate(errors) {
-  return `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Build Error</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: system-ui; background: #1a1a2e; color: #e0e0e0; padding: 2rem; }
-    .overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
-    .card { background: #16213e; border: 1px solid #e74c3c; border-radius: 12px; padding: 2rem; max-width: 800px; width: 100%; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
-    h1 { color: #e74c3c; font-size: 1.5rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
-    pre { background: #0f0f23; padding: 1.5rem; border-radius: 8px; overflow: auto; font-size: 0.85rem; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
-  </style>
-</head>
-<body>
-  <div class="overlay">
-    <div class="card">
-      <h1>\u26A0 esbuild Build Error</h1>
-      <pre>${escapeHtml(errors)}</pre>
-    </div>
-  </div>
-</body>
-</html>`;
-}
-async function collectDeps(entryPath) {
-  const files = /* @__PURE__ */ new Map();
-  const visited = /* @__PURE__ */ new Set();
-  const queue = [entryPath];
-  while (queue.length > 0) {
-    const p = queue.shift();
-    try {
-      const real = await realpath(p);
-      if (visited.has(real)) continue;
-      visited.add(real);
-      const s = await stat(real);
-      files.set(real, s.mtimeMs);
-    } catch {
-      continue;
-    }
-    try {
-      const content = await readFile(p, "utf-8");
-      const importRe = /from\s+['"]([^'"]+)['"]|import\s+['"]([^'"]+)['"]/g;
-      let m;
-      while ((m = importRe.exec(content)) !== null) {
-        const spec = m[1] ?? m[2];
-        if (spec.startsWith(".") || spec.startsWith("/")) {
-          const dir = dirname(p);
-          const resolved = resolve(dir, spec);
-          for (const ext of ["", ".ts", ".tsx", ".js", ".jsx", ".mjs", "/index.ts", "/index.tsx", "/index.js"]) {
-            const candidate = resolved + ext;
-            if (!visited.has(candidate)) {
-              queue.push(candidate);
-              break;
-            }
-            break;
-          }
-          queue.push(resolved);
-        }
-      }
-    } catch {
-    }
-  }
-  return files;
-}
-function esbuildDev(opts) {
-  const cache = opts.cache ?? "memory";
-  const importmap = opts.importmap ?? false;
-  const importmapOverrides = opts.importmapOverrides ?? {};
-  const errorTemplate = opts.errorTemplate ?? defaultErrorTemplate;
-  const entries = Object.entries(opts.entries).map(([p, e]) => {
-    const path = p.startsWith("/") ? p : "/" + p;
-    const config = typeof e === "string" ? { entry: e } : e;
-    return { path, config };
-  });
-  const cacheStore = /* @__PURE__ */ new Map();
-  const chunkMap = /* @__PURE__ */ new Map();
-  let esbuild_ = null;
-  let esbuildLoadError = null;
-  async function getEsbuild() {
-    if (esbuild_) return esbuild_;
-    try {
-      esbuild_ = await import("esbuild");
-      return esbuild_;
-    } catch (err) {
-      esbuildLoadError = `esbuild is not installed. Run: npm install -D esbuild
-${String(err)}`;
-      throw new Error(esbuildLoadError, { cause: err });
-    }
-  }
-  let importmapScript = null;
-  function buildImportmap() {
-    const mappings = {};
-    Object.assign(mappings, importmapOverrides);
-    for (const { path, config } of entries) {
-      const entryName = path.split("/").pop() ?? "";
-      if (entryName.includes("vendor") || config.external && config.external.length === 0 || !config.external && config.bundle !== false) {
-        if (!mappings["react"]) mappings["react"] = path;
-        if (!mappings["react/jsx-runtime"]) mappings["react/jsx-runtime"] = path;
-        if (!mappings["react-dom/client"]) mappings["react-dom/client"] = path;
-        if (!mappings["react-dom"]) mappings["react-dom"] = path;
-      }
-    }
-    const json = JSON.stringify({ imports: mappings });
-    return `<script type="importmap">${json}</script>`;
-  }
-  async function compile(entry) {
-    const esbuild = await getEsbuild();
-    const entryAbs = resolve(entry.entry);
-    const buildOpts = {
-      entryPoints: [entryAbs],
-      bundle: entry.bundle ?? true,
-      external: entry.external ?? [],
-      minify: entry.minify ?? true,
-      platform: entry.platform ?? "browser",
-      format: entry.format ?? "esm",
-      sourcemap: entry.sourcemap ?? false,
-      splitting: entry.splitting ?? false,
-      ...entry.splitting ? { outdir: dirname(entryAbs) } : {},
-      define: entry.define,
-      loader: entry.loader,
-      write: false,
-      logLevel: "silent"
-    };
-    const result = await esbuild.build(buildOpts);
-    const msgs = [];
-    for (const w of result.warnings) {
-      const loc = w.location ? ` at ${relative(".", w.location.file ?? "")}:${w.location.line}:${w.location.column}` : "";
-      msgs.push(`[warn] ${w.text}${loc}`);
-    }
-    for (const e of result.errors) {
-      const loc = e.location ? ` at ${relative(".", e.location.file ?? "")}:${e.location.line}:${e.location.column}` : "";
-      msgs.push(`[error] ${e.text}${loc}`);
-    }
-    if (result.errors.length > 0) {
-      throw new Error(msgs.join("\n"));
-    }
-    const outputFiles = result.outputFiles;
-    const entryFile = outputFiles.find((f) => f.path === entryAbs) ?? outputFiles[0];
-    const code = entryFile?.text ?? "";
-    let chunks;
-    if (outputFiles.length > 1) {
-      chunks = /* @__PURE__ */ new Map();
-      for (const f of outputFiles) {
-        if (f === entryFile) continue;
-        const chunkName = f.path.split("/").pop() ?? f.path;
-        chunks.set(chunkName, { code: f.text, etag: `"esbuild-${hashCode(f.text)}"` });
-      }
-    }
-    const etag = `"esbuild-${hashCode(code)}"`;
-    if (msgs.length > 0) {
-      console.error("[esbuildDev]", msgs.join("\n"));
-    }
-    return { code, etag, chunks };
-  }
-  function isCacheValid(cached) {
-    return Promise.all(
-      [...cached.files].map(async ([file, mtime]) => {
-        try {
-          const s = await stat(file);
-          return s.mtimeMs === mtime;
-        } catch {
-          return false;
-        }
-      })
-    ).then((results) => results.every(Boolean));
-  }
-  return async (req, ctx, next) => {
-    const url = new URL(req.url);
-    const pathname = url.pathname;
-    if (importmap && pathname === "/assets/importmap") {
-      if (!importmapScript) importmapScript = buildImportmap();
-      return new Response(importmapScript, {
-        headers: {
-          "Content-Type": "application/javascript; charset=utf-8",
-          "Cache-Control": "no-cache"
-        }
-      });
-    }
-    const matched = entries.find((e) => e.path === pathname);
-    const chunkName = pathname.split("/").pop() ?? "";
-    const chunkOwner = chunkMap.get(chunkName);
-    if (!matched && !chunkOwner) return next(req, ctx);
-    if (!matched && chunkOwner) {
-      const ownerCache = cacheStore.get(chunkOwner);
-      const chunk = ownerCache?.chunks?.get(chunkName);
-      if (chunk) {
-        if (req.headers.get("if-none-match") === chunk.etag) {
-          return new Response(null, { status: 304 });
-        }
-        return new Response(chunk.code, {
-          headers: {
-            "Content-Type": "text/javascript; charset=utf-8",
-            ETag: chunk.etag,
-            "Cache-Control": "no-cache"
-          }
-        });
-      }
-      return next(req, ctx);
-    }
-    const { config } = matched;
-    try {
-      if (cache === "memory") {
-        const cached = cacheStore.get(pathname);
-        if (cached) {
-          const valid = await isCacheValid(cached);
-          if (valid) {
-            if (req.headers.get("if-none-match") === cached.etag) {
-              return new Response(null, { status: 304 });
-            }
-            return new Response(cached.code, {
-              headers: {
-                "Content-Type": "text/javascript; charset=utf-8",
-                ETag: cached.etag,
-                "Cache-Control": "no-cache"
-              }
-            });
-          }
-          for (const [cn] of cached.chunks ?? []) chunkMap.delete(cn);
-          cacheStore.delete(pathname);
-        }
-      }
-      const { code, etag, chunks } = await compile(config);
-      const deps = await collectDeps(resolve(config.entry));
-      if (cache === "memory") {
-        cacheStore.set(pathname, { code, etag, files: deps, chunks });
-        if (chunks) {
-          for (const [cn] of chunks) chunkMap.set(cn, pathname);
-        }
-      }
-      return new Response(code, {
-        headers: {
-          "Content-Type": "text/javascript; charset=utf-8",
-          ETag: etag,
-          "Cache-Control": "no-cache"
-        }
-      });
-    } catch (err) {
-      const message = err instanceof Error ? err.message : String(err);
-      const html = errorTemplate(message);
-      return new Response(html, {
-        status: 500,
-        headers: { "Content-Type": "text/html; charset=utf-8" }
-      });
-    }
-  };
-}
-function hashCode(s) {
-  let hash = 0;
-  for (let i = 0; i < s.length; i++) {
-    const ch = s.charCodeAt(i);
-    hash = (hash << 5) - hash + ch;
-    hash |= 0;
-  }
-  return Math.abs(hash).toString(36);
-}
-export {
-  esbuildDev
-};

package/dist/middleware/tailwind-dev.d.ts DELETED Viewed

@@ -1,43 +0,0 @@
-/**
- * tailwindDev — on-the-fly Tailwind CSS v4 compilation for development.
- *
- * Compiles a CSS entry file (with @import "tailwindcss") and scans content
- * files for class names, generating optimized CSS in memory on first request.
- *
- * Caches results based on source file mtime and serves with ETag support.
- *
- * @example
- * ```ts
- * import { tailwindDev } from 'weifuwu'
- *
- * app.use(tailwindDev({
- *   '/assets/tailwind.css': {
- *     entry: './styles/input.css',
- *     content: ['./components/**\/*.ts', './pages/**\/*.ts'],
- *   },
- * }))
- * ```
- *
- * CSS entry example (styles/input.css):
- * ```css
- * @import "tailwindcss";
- * ```
- */
-import type { Middleware, Context } from '../types.ts';
-export interface TailwindDevEntry {
-    /** Path to CSS entry file (with @import "tailwindcss"). */
-    entry: string;
-    /** Glob patterns for content files to scan for class names. */
-    content?: string[];
-    /** Minify output (default: false in dev). */
-    minify?: boolean;
-}
-export interface TailwindDevOptions {
-    /** Map of URL path → entry config (string shorthand for { entry }). */
-    entries: Record<string, TailwindDevEntry | string>;
-    /** Cache strategy: 'memory' keeps compiled results, 'none' recompiles every request. */
-    cache?: 'memory' | 'none';
-    /** Custom HTML template for build errors (receives escaped error text). */
-    errorTemplate?: (errors: string) => string;
-}
-export declare function tailwindDev(opts: TailwindDevOptions): Middleware<Context, Context>;

package/dist/middleware/tailwind-dev.js DELETED Viewed

@@ -1,199 +0,0 @@
-// src/middleware/tailwind-dev.ts
-import { resolve } from "node:path";
-import { stat, readFile, glob } from "node:fs/promises";
-function escapeHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function defaultErrorTemplate(errors) {
-  return `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Tailwind Build Error</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { font-family: system-ui; background: #1a1a2e; color: #e0e0e0; padding: 2rem; }
-    .overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
-    .card { background: #16213e; border: 1px solid #06b6d4; border-radius: 12px; padding: 2rem; max-width: 800px; width: 100%; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
-    h1 { color: #06b6d4; font-size: 1.5rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
-    pre { background: #0f0f23; padding: 1.5rem; border-radius: 8px; overflow: auto; font-size: 0.85rem; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
-  </style>
-</head>
-<body>
-  <div class="overlay">
-    <div class="card">
-      <h1>\u{1F3A8} Tailwind CSS Build Error</h1>
-      <pre>${escapeHtml(errors)}</pre>
-    </div>
-  </div>
-</body>
-</html>`;
-}
-var TW_CANDIDATE_RE = /[a-z][\w-]*(?::[a-z][\w-]*)*(?:-\[[^\]]*\])*(?:\/[0-9]+)?/gi;
-var CLASS_CONTEXT_RE = /(?:class(?:Name)?\s*[=:]\s*["'`]([^"'`]+)["'`]|["'`]([^"'`\n]{2,})["'`])/g;
-async function extractCandidates(patterns, root) {
-  const seen = /* @__PURE__ */ new Set();
-  for (const pattern of patterns) {
-    const resolved = resolve(root, pattern);
-    try {
-      for await (const file of glob(resolved)) {
-        try {
-          const content = await readFile(file, "utf-8");
-          for (const m of content.matchAll(CLASS_CONTEXT_RE)) {
-            const str = m[1] ?? m[2];
-            if (!str) continue;
-            for (const c of str.matchAll(TW_CANDIDATE_RE)) {
-              seen.add(c[0]);
-            }
-          }
-        } catch {
-        }
-      }
-    } catch {
-    }
-  }
-  return [...seen];
-}
-async function collectFileMtimes(files) {
-  const map = /* @__PURE__ */ new Map();
-  await Promise.all(
-    files.map(async (f) => {
-      try {
-        const s = await stat(f);
-        map.set(f, s.mtimeMs);
-      } catch {
-      }
-    })
-  );
-  return map;
-}
-function isCacheValid(cached) {
-  return Promise.all(
-    [...cached.files].map(async ([file, mtime]) => {
-      try {
-        const s = await stat(file);
-        return s.mtimeMs === mtime;
-      } catch {
-        return false;
-      }
-    })
-  ).then((results) => results.every(Boolean));
-}
-function tailwindDev(opts) {
-  const cacheMode = opts.cache ?? "memory";
-  const errorTemplate = opts.errorTemplate ?? defaultErrorTemplate;
-  const entries = Object.entries(opts.entries).map(([p, e]) => {
-    const path = p.startsWith("/") ? p : "/" + p;
-    const config = typeof e === "string" ? { entry: e } : e;
-    return { path, config };
-  });
-  const cacheStore = /* @__PURE__ */ new Map();
-  let compileFn = null;
-  let loadError = null;
-  async function getCompile() {
-    if (compileFn) return compileFn;
-    try {
-      const mod = await import("@tailwindcss/node");
-      compileFn = mod.compile;
-      return compileFn;
-    } catch (err) {
-      loadError = `@tailwindcss/node is not installed. Run: npm install -D tailwindcss @tailwindcss/node
-${String(err)}`;
-      throw new Error(loadError, { cause: err });
-    }
-  }
-  async function compileCss(entry) {
-    const compile = await getCompile();
-    const entryAbs = resolve(entry.entry);
-    const cssSource = await readFile(entryAbs, "utf-8");
-    const baseDir = resolve(entry.entry, "..");
-    const deps = [entryAbs];
-    const result = await compile(cssSource, {
-      base: baseDir,
-      onDependency: (p) => {
-        if (!deps.includes(p)) deps.push(p);
-      }
-    });
-    const contentPatterns = entry.content ?? [];
-    for (const src of result.sources) {
-      if (!src.negated) {
-        contentPatterns.push(resolve(src.base, src.pattern));
-      }
-    }
-    let candidates = [];
-    if (contentPatterns.length > 0) {
-      candidates = await extractCandidates(contentPatterns, baseDir);
-    }
-    const css = result.build(candidates);
-    for (const pattern of contentPatterns) {
-      try {
-        for await (const file of glob(resolve(baseDir, pattern))) {
-          if (!deps.includes(file)) deps.push(file);
-        }
-      } catch {
-      }
-    }
-    const etag = `"tw-${hashCode(css)}"`;
-    return { css, etag, files: deps };
-  }
-  return async (req, ctx, next) => {
-    const url = new URL(req.url);
-    const pathname = url.pathname;
-    const matched = entries.find((e) => e.path === pathname);
-    if (!matched) return next(req, ctx);
-    const { config } = matched;
-    try {
-      if (cacheMode === "memory") {
-        const cached = cacheStore.get(pathname);
-        if (cached) {
-          const valid = await isCacheValid(cached);
-          if (valid) {
-            if (req.headers.get("if-none-match") === cached.etag) {
-              return new Response(null, { status: 304 });
-            }
-            return new Response(cached.css, {
-              headers: {
-                "Content-Type": "text/css; charset=utf-8",
-                ETag: cached.etag,
-                "Cache-Control": "no-cache"
-              }
-            });
-          }
-          cacheStore.delete(pathname);
-        }
-      }
-      const { css, etag, files } = await compileCss(config);
-      if (cacheMode === "memory") {
-        const mtimes = await collectFileMtimes(files);
-        cacheStore.set(pathname, { css, etag, files: mtimes });
-      }
-      return new Response(css, {
-        headers: {
-          "Content-Type": "text/css; charset=utf-8",
-          ETag: etag,
-          "Cache-Control": "no-cache"
-        }
-      });
-    } catch (err) {
-      const message = err instanceof Error ? err.message : String(err);
-      const html = errorTemplate(message);
-      return new Response(html, {
-        status: 500,
-        headers: { "Content-Type": "text/html; charset=utf-8" }
-      });
-    }
-  };
-}
-function hashCode(s) {
-  let hash = 0;
-  for (let i = 0; i < s.length; i++) {
-    const ch = s.charCodeAt(i);
-    hash = (hash << 5) - hash + ch;
-    hash |= 0;
-  }
-  return Math.abs(hash).toString(36);
-}
-export {
-  tailwindDev
-};