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

@ibm-watson/customer-engagement-bot

v1.1.0

Published

A simple Node.js based web app which shows how to use the Assistant API to recognize user intents.

Downloads

7

Readme

Demo GIF

Demo: http://customer-engagement-bot.mybluemix.net/

For more information on the Watson Assistant (Conversation) service, see the detailed documentation. For more information on the Tone Analyzer Service, see the detailed documentation.

Deploying the application

If you want to experiment with the application or use it as a basis for building your own application, you need to deploy it in your own environment. You can then explore the files, make changes, and see how those changes affect the running application. After making modifications, you can deploy your modified version of the application to IBM Cloud.

Prerequisites

  1. Sign up for an IBM Cloud account.
  2. Download the IBM Cloud CLI.
  3. Create an instance of the Watson Assistant service and get your credentials:
    • Go to the Watson Assistant page in the IBM Cloud Catalog.
    • Log in to your IBM Cloud account.
    • Click Create.
    • Click Show to view the service credentials.
    • Copy the apikey value
    • Copy the url value.
  4. Create an instance of the Tone Analyzer service and get your credentials:
    • Go to the Tone Analyzer page in the IBM Cloud Catalog.
    • Log in to your IBM Cloud account.
    • Click Create.
    • Click Show to view the service credentials.
    • Copy the apikey value
    • Copy the url value.

Configuring the application

  1. In your IBM Cloud console, open the Watson Assistant service instance

  2. Click on the Launch tool button to launch into the Watson Assistant tooling.

    Watson Assistant Launch Tool

  3. This is the Watson Assistant tooling where you can create assistants, skills and and setup different chatbots applications. We'll be importing a pre-built skill. Click on 'Skills' on the top left, and then on the Create new button.

    Watson Assistant New Skill

  4. Click on 'Import Skill' and then on the Choose JSON File button.

    Watson Assistant Import Skill

  5. Find the workspace JSON file training/ce-workspace.json from this repository on your local machine and Click the 'Import' button (make sure the Everything radio button is selected to import intents, entities and dialog).

    Watson Assistant Import Skill Complete

  6. You will be redirected into a page with four tabs, Intents, Entities, Dialog, and Content Catalog. For the purposes of this lab, the skill is fairly complete.

  7. To interact with the correct skill, you will need the unique identifier for your skill. You can find the workspace ID from the Watson Assistant tooling. From the main Skills page, Click on the three stacked dots on the top right of the skill you created/imported. Then click on the 'View API Details' option in the menu.

    Workspace ID

    Copy the Workspace ID value from this page.

  8. In the application folder, copy the .env.example file and create a file called .env

    cp .env.example .env
  9. Open the .env file and add the service credentials that you obtained for both Watson Assistant and Tone Analyzer in the previous step.

  10. Add the WORKSPACE_ID to the previous properties

  11. Your .env file should looks like:

    # Environment variables
    WORKSPACE_ID=1c464fa0-2b2f-4464-b2fb-af0ffebc3aab
    ASSISTANT_IAM_APIKEY=_5iLGHasd86t9NddddrbJPOFDdxrixnOJYvAATKi1
    ASSISTANT_URL=https://gateway-syd.watsonplatform.net/assistant/api
    
    TONE_ANALYZER_IAM_APIKEY=UdHqOFLzoOCFD2M50AbsasdYhOnLV6sd_C3ua5zah
    TONE_ANALYZER_URL=https://gateway-syd.watsonplatform.net/tone-analyzer/api

Running locally

  1. Install the dependencies

    npm install
  2. Run the application

    npm start
  3. View the application in a browser at localhost:3000

Deploying to IBM Cloud as a Cloud Foundry Application

  1. Login to IBM Cloud with the IBM Cloud CLI

    ibmcloud login
  2. Target a Cloud Foundry organization and space.

    ibmcloud target --cf
  3. Edit the manifest.yml file. Change the name field to something unique.
    For example, - name: my-app-name.

  4. Deploy the application

    ibmcloud app push
  5. View the application online at the app URL.
    For example: https://my-app-name.mybluemix.net

What to do next

After you have the application installed and running, experiment with it to see how it responds to your input.

Modifying the application

After you have the application deployed and running, you can explore the source files and make changes. Try the following:

  • Modify the .js files to change the application logic.

  • Modify the .html file to change the appearance of the application page.

  • Use the Watson Assistant tool to train the service for new intents, or to modify the dialog flow. For more information, see the Watson Assistant service documentation.

What does the Customer Engagement Bot application do?

The application interface is designed for chatting with a customer engagement bot. Based on a previous laptop purchase, the bot asks how the experience has been and responds accordingly if given a negative or positive response.

The chat interface is in the left panel of the UI, and the JSON response object returned by the Watson Assistant service in the right panel. Your input is run against a small set of sample data trained with the following intents:

yes
no
refund: get a refund on current laptop
restart: restart the conversation at any point
tradeIn: replace current laptop with another one
thanks
greeting

The dialog is also trained on two types of entities:

design
size
weight

These intents and entities help the bot understand variations your input.

Below you can find some sample interactions:

Alt text

In order to integrate the Tone Analyzer with the Watson Assistant service (formerly Conversation), the following approach was taken:

  • Intercept the user's message. Before sending it to the Watson Assistant service, invoke the Tone Analyzer Service. See the call to toneDetection.invokeToneAsync in the invokeToneConversation function in app.js.
  • Parse the JSON response object from the Tone Analyzer Service, and add appropriate variables to the context object of the JSON payload to be sent to the Watson Assistant service. See the updateUserTone function in tone_detection.js.
  • Send the user input, along with the updated context object in the payload to the Watson Assistant service. See the call to conversation.message in the invokeToneConversation function in app.js.

You can see the JSON response object from the Watson Assistant service in the right hand panel.

Alt text

In the conversation template, alternative bot responses were encoded based on the user's emotional tone. For example:

Alt text

License

This sample code is licensed under Apache 2.0.
Full license text is available in LICENSE.

Contributing

See CONTRIBUTING.

Open Source @ IBM

Find more open source projects on the IBM Github Page.