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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@bob-plug/cli

v0.1.9

Published

bob plugin cli

Downloads

21

Readme

@bob-plug/cli

@bob-plug/cli 一个方便创建插件模板的 cli 工具

前置依赖

运行环境: Node.js: "^12.20.0 || ^14.13.1 || >=16.0.0" 包管理工具: yarn

使用

  1. 安装 cli 工具
yarn global add @bob-plug/cli
  1. 创建项目
bob create [项目名]
  1. 进入项目目录, 安装依赖, 运行项目
cd [项目名]
yarn install
yarn run dev

示例

创建一个汉字转拼音的插件bobplug-pinyin

  1. 创建项目
bob create bobplug-pinyin

模板信息

  • 选择对应模板
  • 输入作者的用户名(最好输入你的 Github 的用户名, 便于后面仓库地址的生成)
  • 输入插件在 Bob 里面的展示标题
  • 输入描述
  • 回车确认即可创建

此时会在当前的目录下生成一个 bobplug-pinyin 项目, 目录结构如下:

./bobplug-pinyin
├── CHANGELOG.md
├── LICENSE
├── README.md
├── package.json
├── rollup.config.js     // 打包设置
├── scripts
│   ├── build-zip.js     // 最终压缩
│   ├── config.js        // 自定义配置文件
│   ├── init-appcast.js  // 根据配置文件生成 appcast.json
│   └── init-info.js     // 根据配置文件生成 info.json
├── src
│   ├── appcast.json    // 根据配置自动生成
│   ├── info.json       // 根据配置自动生成
│   ├── lang.ts         // 语言相关设置
│   ├── libs            // 需要使用 Bob 方式的本地库
│   ├── main.ts         // 入口文件
│   ├── translate.ts    // 实现具体翻译逻辑的文件
│   └── util.ts         // 工具类
├── tsconfig.eslint.json
├── tsconfig.json
└── yarn.lock
  1. 安装依赖

    安装相关依赖项, 并更新 info.json文件

yarn install
  1. 开发项目
yarn run dev
  • 自动生成 dist/bobplug-pinyin.bobplugin 文件夹, 在 Finder 里面双击即可安装为 Bob 插件。
  • dist 下的文件是根据 src 目录下的源文件自动生成的, 并且是实时更新的, 在 dist 下做的修改操作都会被覆盖。
  1. 编译打包(如果使用用 Github Action 自动发布则省略此步操作)

更新 package.json 文件里面的 version 字段后, 执行打包命令

yarn run build
  • 此时会在项目根目录下自动生成 release 文件, 其中包含 bobplug-pinyin-v0.0.1.bobplugin 的文件, 此文件即为最终的插件安装包。

利用 Github Action 自动打包发布

配置了 Github Action 后, 每次只需要提交带 git tag 的记录即可自动打包发布。

  1. 创建一个新的 Github 仓库, 生成一个新的 new token new token
  2. 将这个 token 添加到你的插件仓库(Settings > Secrets > New repository secret), 配置一个名为 GIT_TOKENsecrets new secrets
  3. 项目发布到线上仓库, 在当前项目根目录下执行以下命令
# 初始化仓库
git init && git add .

# 提交文件
git commit -m "feat: 初始化项目"

# 链接到远程仓库, !注意: 下面仓库地址填自己创建的
git remote add origin https://github.com/roojay520/bobplug-pinyin.git

# 推送到远端仓库
git push --set-upstream origin master

后续更新文件

# 更新自动生成的版本更新文件
git pull origin master --rebase

# 提交更改
git add . && git commit -m "feat: 添加新功能"

# 生成 tag 版本标记和 changelog 文件, 触发 github action 自动发布
# 如果需要发布新版本执行, 例如更新文档之类的可跳过此步骤
yarn version

# 推送包含 tag 的记录到 github 仓库
git push --follow-tags origin master