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

@workfly/create-app

v0.2.0

Published

脚手架一个 WorkFly 小程序(Vite,框架无关;预置 Vanilla / TS / React / Vue 模板),产出可独立开发并打包成 .wfapp.zip 的工程。

Readme

@workfly/create-app

脚手架一个 WorkFly 小程序——零仓库起步。基于 Vite,框架无关。

npm create @workfly/app my-app      # 交互选模板;或 npx @workfly/create-app my-app

cd my-app
npm install
npm run dev        # 本地调试:浏览器注入全局 wf + HMR
npm run build      # 构建并打包成 my-app.wfapp.zip(拖进客户端安装 / 分发)

预置模板

| 模板 | 说明 | | ------------ | ------------------ | | vanilla | 纯 JS,零框架 | | vanilla-ts | TypeScript,零框架 | | react-ts | React + TypeScript | | vue-ts | Vue + TypeScript |

非交互直选:npm create @workfly/app my-app -- --template react-ts --id com.acme.foo --name "Foo"

| flag | 说明 | | --------------- | ------------------------------------ | | --template | 模板名(见上表),缺省交互选择 | | --id <id> | 应用 id,缺省 com.example.<目录名> | | --name <name> | 展示名,缺省取目录名 |

它做了什么

产出一个普通 Vite 工程:

  • 全部走 sandbox 沙盒形态(webview 进程级隔离)。vite build@workfly/vite-plugin 校验 manifest、打包成带魔数的 .wfapp.zip
  • dev 时插件注入全局 wf(对标微信 wx.*)+ 网络/RSA 代理 + 权限门控,等价客户端内的 preload 注入。
  • TS 模板通过 @workfly/wf-types 拿到全局 wf 类型。
  • 框架由开发者自己的 @vitejs/plugin-react|vue 处理——本工具链只管 WorkFly 特有的注入与打包。

想要进程内高信任的 bundle 形态(深度集成、富交互)?需先与平台沟通授权,联系 [email protected]。 只是「调接口 + 把结构化数据渲染成卡片」的零代码场景?直接把需求告诉客户端里的 AI 助手,生成即装,无需脚手架。

wf SDK 完整文档见发布站 /api,机器可读版 /api/wf-api.json