npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@leibnizhu/codex-web-local

v0.0.4

Published

A lightweight web interface for Codex that runs on top of the Codex app-server, allowing remote access from any browser

Readme

语言:简体中文 | English

npx @leibnizhu/codex-web-local

一个轻量的 Codex Web 界面,复刻桌面端交互体验,并运行在 Codex app-server 之上。它把本地 Codex 通过 Web 应用暴露出来,让你可以在任意浏览器里远程访问本地 Codex 实例。

前置要求

  • 已安装 Codex CLI,并且可在 PATH 中访问

安装

# 直接用 npx 运行(无需安装)
npx @leibnizhu/codex-web-local

# 或全局安装
npm install -g @leibnizhu/codex-web-local

用法

Usage: codex-web-local [options]

Web interface for Codex app-server

Options:
  -p, --port <port>    监听端口(默认: "3000")
  --host <host>        监听地址(例如: 127.0.0.1 / 0.0.0.0 / 100.x.x.x)
  -d, --daemon         后台运行(守护进程模式)
  --password <pass>    设置固定访问密码
  --no-password        关闭密码保护
  -h, --help           显示帮助

示例

正式命令(生产/日常使用)

# 默认 3000 端口启动,并自动生成访问密码
codex-web-local

# 指定端口启动
codex-web-local --port 8080

# 指定访问密码启动
codex-web-local --password my-secret

# 关闭密码保护(仅建议在可信网络中使用)
codex-web-local --no-password

# 后台启动(守护进程模式)
codex-web-local --daemon

# 指定监听地址(例如监听所有网卡)
codex-web-local --host 0.0.0.0

# Tailscale 场景 + 后台运行
codex-web-local --host "$(tailscale ip -4)" --port 3000 --daemon

开发命令(Vite)

# 开发模式,监听局域网
npm run dev -- --host 0.0.0.0

# 开发模式,绑定到当前机器的 Tailscale IPv4
npm run dev -- --host "$(tailscale ip -4)"

# 开发模式后台运行
npm run dev -- --host 0.0.0.0 --daemon

默认开启密码保护时,服务会在控制台打印密码。浏览器打开 URL 后输入密码即可访问。

界面与交互更新

  • 输入框底部状态区新增:
    • 当前 git 分支
    • context window 用量圆环(hover 显示详细信息)
    • 剩余额度悬浮卡片
  • context 悬浮卡片支持手动“立即压缩”(调用 thread/compact/start)。
  • 左侧线程列表以 name 作为主标题,preview 通过 tooltip 展示,不再在 hover 时行内展开。
  • AI 响应期间仍可继续输入;点击发送后会进入等待队列,当前轮结束后自动发送。

守护进程说明

  • codex-web-local --daemon 会让 CLI 服务在后台运行,并打印 PID
  • npm run dev -- --daemon 会让 Vite 开发服务在后台运行,并打印 PID
  • 停止后台进程:
kill <PID>

文档导航

贡献

欢迎提交 issue 和 PR。如果你有想法、建议或发现了 bug,欢迎在 GitHub 仓库 提交反馈。

许可证

MIT