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

line-richmenus-manager

v0.1.2

Published

LINE Rich Menus Manager

Downloads

8

Readme

LINE Rich Menus Manager

日本語はこちら

This is a tool to manager Rich Menus for your LINE bot. See here for more detail about Rich Menu.

Install from npm

If you just want to use it, install and run from npm.

npm install -g line-richmenus-manager
line-richmenus-manager

or for macOS,

sudo npm install -g line-richmenus-manager
sudo line-richmenus-manager

It will open a browser and start the service on port 3000. I recommend using Chrome as browser. When you stop it, Ctrl+C from the terminal. You can also pass port parameter to specify port to run the app.

line-richmenus-manager --port:3200

How to use the application.

It's simple enough to figure out. Please try and let me know if you stuck somewhere.

Features

At the moment, the applicaiton let you:

  • List Rich Menus for your bot.
  • Find a Rich Menu for a user.
  • See the Rich Menu detail, link or unlink it from a user.
  • Create new Rich Menu.
  • Delete the Rich Menu. You can use mouse to draw the area for action in the image you specify, or/and use text box to specify x/y/width/hight for pixel level modificaiton.

Get it from GitHub

Prerequisits

  • LINE developer account
  • node.js
  • And of course your LINE bot app :)
  • Visual Studio Code
  • Debugger for Chrome extension
  • This app is only tested in Chrome

Setup

Use following commands to clone and install module.

git clone https://github.com/kenakamu/line-richmenus-manager
npm install

Start debugging

This application consists of express server and Angular 2 application. To debug this, do the following.

  1. Open Integarated Console and run the following command. It runs Angular 2 application and use proxy.js to talk with server (express in this case.)
ng serve --aot --progress=false --proxy-config proxy.conf.json
  1. If you want to debug express server, then select Debug menu in VSCode, then select "Launch Node". Press F5, which will run the node app in debug mode.

  2. To debug browser, select "Launch Chrome" and Press F5.

Special Thanks

Azuma Ken

This application uses Ignite UI for Angular by INFRAGISTICS as UI component.