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

@cogita/plugin-code-copy

v0.2.1

Published

为 Cogita 文章代码块提供可访问的复制按钮。

Readme

@cogita/plugin-code-copy

为 Cogita 文章页的代码块添加可访问的复制按钮。插件不依赖第三方服务,默认启用,并通过 virtual-code-copy-data 向主题暴露规范化配置。

配置

export default defineConfig({
  codeCopy: {
    enabled: true,
    selector: '.rspress-doc pre',
    buttonLabel: '复制代码',
    selectionLabel: '复制选中代码',
    languageLabel: '复制 {language} 代码',
    copiedLabel: '已复制',
    errorLabel: '复制失败',
    resetDelay: 2000,
  },
});

复制逻辑优先使用 navigator.clipboard.writeText,不可用时回退到临时文本框和浏览器原生复制命令。选中代码块中的部分内容后,按钮会优先复制选中内容;没有选中内容时仍复制完整代码块。按钮会提供 aria-label,并通过状态文案反馈成功或失败。selectionLabel 用于提示当前可以复制选中内容。

Lucid 主题会自动识别 Rspress 标准代码块已有的复制操作,避免重复渲染,并根据 language-xxx 类名补充语言级提示;自定义代码块没有原生复制按钮时,才由插件补充按钮。languageLabel 支持 {language} 占位符。

enabled 设为 false 后,插件仍提供关闭状态的空运行时模块,主题可以安全静态导入。