Simple Messenger Blocks

This npm package generates common messenger chatbot blocks(buttons, texts, images, cards, grouped button containers) for Node JS

I know that writing messenger chatbot response object blocks can be bit repetitive, and it leads to messy code. I'm the creator of BUTEX NoteBOT and I myself faced these issues, so I made this object generators to simplify my workflow and might help you as well 😀

Available Blocks -

1. Text Block
2. Grouped Button Block(url button + postback buttons)
3. Single Card & Card Carousel
4. Image Block
5. Quick Reply Block
6. Login & Logout Button
7. Contact Button
8. Persistent Menu

How To Install -

npm i simple-messenger-blocks

Usage -

1. Text Block -

let {textBlockGen} = require('simple-messenger-blocks')


textBlockGen("Hello 😀") // this function accepts a parameter of string

2. Image Block -

let {imgBlockGen} = require('simple-messenger-blocks')

imgBlockGen("url of your image") //this function accepts a param of string(url)

3. Card Block -

let {cardGenerator, webBtnGen} = require('simple-messenger-blocks')


cardGenerator(
    "Image URL",
    "Title",
    "Subtitle",
    "Default URL",
    [
        webBtnGen("Visit 🌍", "URL Here")
    ]
)

4. Grouped Button Block -

let {groupedBtnBlockGen, payloadBtnGen} = require('simple-messenger-blocks')


groupedBtnBlockGen(`🔰 Select Topic for PHY-I - `,
        [
            payloadBtnGen("Books", "phy1_books_flow"),
            payloadBtnGen("Questions", "phy1_ques_flow"),
            payloadBtnGen("Circular Motion", "phy1_circular_flow"),
        ]
)

5. Quick Reply Block -

let {quickReplyBlockGen, payloadBtnGen} = require('simple-messenger-blocks')


quickReplyBlockGen(
    "Title",
    [
        payloadBtnGen("Btn Title", "Payload"),
        payloadBtnGen("Btn Title2", "Payload2")
    ]
)