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

@lark-apaas/miaoda-coding-sdk

v0.0.6

Published

CDN distribution of aPaaS Web SDK for no-build HTML — self-contained IIFE entries consumed via <script src>

Readme

@lark-apaas/miaoda-coding-sdk

面向无编译 HTML 技术栈的 CDN 分发包。每个 entry 是一份自包含的 IIFE 产物,HTML 直接通过 <script src> 引入即用,挂载为独立的全局变量——无需任何构建步骤。

用法

按 unpkg 风格引用(CDN 域名待定,版本即 URL,建议精确 pin 版本):

<!-- 开发:未压缩、不自动上报(NODE_ENV=development),便于调试 -->
<script src="https://<cdn>/@lark-apaas/[email protected]/dist/runtime.dev.js"></script>

<!-- 生产:压缩、引入即自动上报一次页面浏览 VIEW(NODE_ENV=production) -->
<script src="https://<cdn>/@lark-apaas/[email protected]/dist/runtime.min.js"></script>

<script>
  // 引入后挂载在 window.MiaodaRuntime
  console.log(window.MiaodaRuntime.version);
  // 手动上报自定义埋点事件
  window.MiaodaRuntime.reportTeaEvent({ trackKey: 'my_event', trackParams: { foo: 'bar' } });
</script>

每个 entry 出三份:<name>.dev.js(development,未压缩)/ <name>.js(production,未压缩)/ <name>.min.js(production,压缩)。window.collectEvent(TEA 采集 SDK)由宿主注入,未注入时静默 no-op。

Entry 一览

| Entry | 文件 | 全局变量 | 状态 | |---|---|---|---| | runtime | dist/runtime.dev.js / .js / .min.js | window.MiaodaRuntime | ✅ TEA 埋点上报 | | doubao-runtime | dist/doubao-runtime.dev.js / .js / .min.js | window.MiaodaRuntime | ✅ runtime + 豆包水印 |

runtimedoubao-runtime 互斥引用:豆包来源应用引 doubao-runtime.js(多注入右下角「由 豆包AI 生成」水印),其余引 runtime.js。两者同一 API(window.MiaodaRuntime)。

规划中(尚未实现):performance / helm / desk 等业务 entry,按需新增(ENTRIES 加一项 + 建 src/<name>.ts)。

设计要点

  • 每个 entry 自包含、互不依赖,依赖全部 inline,各占一个独立全局变量(不收口统一命名空间)。
  • IIFE 产物,只走 <script> 挂全局,不提供 ESM/CJS/UMD。
  • 构建用 tsup(配置数组,每个 entry 独立 globalName),每 entry 出 .dev.js / .js / .min.js 三份(process.env.NODE_ENV 区分 dev/online);不生成 sourcemap(对外分发不暴露源码 map)。
  • 新增 entry:在 tsup.config.tsENTRIES 加一项 + 新建对应 src/<name>.ts

详见设计文档 docs/superpowers/specs/2026-06-05-miaoda-coding-sdk-design.md

本地验证

yarn workspace @lark-apaas/miaoda-coding-sdk build
# 用浏览器打开 examples/runtime.html,控制台应打印 runtime 信息