{"id":21348288,"url":"https://github.com/jolzee/leopard-chat-ui-teneo","last_synced_at":"2025-07-12T17:32:23.649Z","repository":{"id":38798948,"uuid":"140454524","full_name":"jolzee/leopard-chat-ui-teneo","owner":"jolzee","description":"Leopard Chat UI - A Teneo Chat Client based on Vue and Vuetify","archived":false,"fork":false,"pushed_at":"2023-01-24T00:39:54.000Z","size":56701,"stargazers_count":67,"open_issues_count":24,"forks_count":26,"subscribers_count":5,"default_branch":"master","last_synced_at":"2023-03-07T13:55:06.718Z","etag":null,"topics":["asr","bot","cai","chat-teneo-vue","chatbot","leopard","nli","nlp","teneo","tts","virtual-assistant","vue","vuejs","vuetify","vuetifyjs"],"latest_commit_sha":null,"homepage":"https://www.teneo.ai/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jolzee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-10T15:43:17.000Z","updated_at":"2023-03-03T03:53:09.000Z","dependencies_parsed_at":"2023-02-13T05:45:47.790Z","dependency_job_id":null,"html_url":"https://github.com/jolzee/leopard-chat-ui-teneo","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jolzee%2Fleopard-chat-ui-teneo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jolzee%2Fleopard-chat-ui-teneo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jolzee%2Fleopard-chat-ui-teneo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jolzee%2Fleopard-chat-ui-teneo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jolzee","download_url":"https://codeload.github.com/jolzee/leopard-chat-ui-teneo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225829431,"owners_count":17530730,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["asr","bot","cai","chat-teneo-vue","chatbot","leopard","nli","nlp","teneo","tts","virtual-assistant","vue","vuejs","vuetify","vuetifyjs"],"created_at":"2024-11-22T02:18:51.653Z","updated_at":"2024-11-22T02:18:52.089Z","avatar_url":"https://github.com/jolzee.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\r\n  \u003ca href=\"https://github.com/ArmynC/ArminC-AutoExec/archive/master.zip\"\u003e\u003cimg src=\"https://github.com/jolzee/assets/raw/master/leopard/leopard-logo.png\" alt=\"Leopard Chat\"\u003e\u003c/a\u003e\r\n\u003c/h1\u003e\r\n\r\n\u003ch4 align=\"center\"\u003eA Feature Rich Chat Client for Teneo\u003c/h4\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n\u003ca href=\"https://github.com/jolzee/leopard-chat-ui-teneo/releases\"\u003e\r\n\u003cimg alt=\"GitHub release (latest by date)\" src=\"https://img.shields.io/github/v/release/jolzee/leopard-chat-ui-teneo\"\u003e\u003c/a\u003e\r\n\u003ca href=\"https://github.com/jolzee/leopard-chat-ui-teneo/commits/master\"\u003e\r\n\u003cimg alt=\"GitHub commit activity\" src=\"https://img.shields.io/github/commit-activity/y/jolzee/leopard-chat-ui-teneo\"\u003e\u003c/a\u003e\r\n\u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/jolzee/leopard-chat-ui-teneo\"\u003e\r\n\u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/github/issues-raw/jolzee/leopard-chat-ui-teneo\"\u003e\r\n\u003cimg alt=\"Vue\" src=\"https://img.shields.io/github/package-json/dependency-version/jolzee/leopard-chat-ui-teneo/vue\"\u003e\r\n\u003cimg alt=\"Vuetify\" src=\"https://img.shields.io/github/package-json/dependency-version/jolzee/leopard-chat-ui-teneo/vuetify\"\u003e\r\n\u003ca href=\"https://jolzee.gitbook.io/leopard/\" target=\"_blank\"\u003e\r\n\u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" target=\"_blank\" /\u003e\r\n\u003c/a\u003e\r\n\u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/jolzee/leopard-chat-ui-teneo\"\u003e\r\n\u003ca href=\"https://twitter.com/jolzee\"\u003e\r\n\u003cimg alt=\"Twitter: jolzee\" src=\"https://img.shields.io/twitter/follow/jolzee.svg\" target=\"_blank\" /\u003e\r\n\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"#about\"\u003eAbout\u003c/a\u003e •\r\n  \u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e •\r\n  \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e •\r\n  \u003ca href=\"#documentation\"\u003eDocumentation\u003c/a\u003e •\r\n  \u003ca href=\"https://jolzee.github.io/leopard-chat-ui-teneo/\" target=\"_blank\"\u003eDemo\u003c/a\u003e •\r\n  \u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e •\r\n  \u003ca href=\"#author\"\u003eAuthor\u003c/a\u003e •\r\n  \u003ca href=\"#support\"\u003eSupport\u003c/a\u003e •\r\n  \u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n---\r\n\r\n## About\r\n\r\n\u003ctable\u003e\r\n\u003ctr\u003e\r\n\u003ctd\u003e\r\n\r\n**Leopard Chat UI** is a **feature rich** chat client for \u003ca href=\"https://www.teneo.ai/\" target=\"_blank\"\u003eTeneo\u003c/a\u003e. Teneo is capable of returning rich data along with each response and Leopard leverages these responses to present an interactive chat experience.\r\n\r\nLeopard can be used in both production and in a Sales Engineering mode. The Sales Engineering mode allows for numerous conversational demonstrations to be easily configured, deep linked to or shared.\r\n\r\nAn administration interface is provided where you can tweak the look and feel of the chat UI per conversational solution.\r\n\r\n\u003ca href=\"http://lychee.joles.xyz/#15895788995003\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/jolzee/assets/raw/master/leopard/screenshots.png\" alt=\"Leopard Chat\"\u003e\u003c/a\u003e\r\n\r\n### Built with\r\n\r\n- [Vue.js](https://vuejs.org/)\r\n- [Vuetify](https://vuetifyjs.com/en/)\r\n\u003c/td\u003e\r\n\u003c/tr\u003e\r\n\u003c/table\u003e\r\n\r\n## Installation\r\n\r\n##### Windows Users\r\n\r\nIf you're developing on windows you will most likely have to install `node-gyp` before you attempt to run `npm install`. You will need to compile some native node modules. To enable this on Windows you can run this one liner. It's going to take a while to complete but it only has to be run once. Start **PowerShell as Administrator** and run:\r\n\r\n```sh\r\nnpm install --global windows-build-tools\r\n```\r\n\r\n#### Downloading and installing steps:\r\n\r\n```sh\r\ngit clone https://github.com/jolzee/leopard-chat-ui-teneo\r\ncd leopard-chat-ui-teneo\r\nnpm install\r\n```\r\n\r\n#### Configuration\r\n\r\nLeopard is configured using `/config/default.js` which is a **commented** JavaScript module. You can either directly add your configuration to default.js or to an adjacent `local.js` which takes precedence and is added to .gitignore. The conversational solutions are configured through the [`.env.solution.json`](https://jolzee.gitbook.io/leopard/configuration/leopard-config-page#default-configuration) file in the root of the project. If you want to make some changes prior to running/building Leopard then do so now.\r\n\r\n#### Run Locally in Development Mode\r\n\r\n```sh\r\nnpm run serve\r\n```\r\n\r\n#### Build for production\r\n\r\nThe build process runs the source code through Webpack and produces the final build into the `/dist` folder.\r\n\r\n```sh\r\nnpm run build\r\n```\r\n\r\n#### Deployment\r\n\r\nCopy all the files within `/dist` to any web server - For example `https://mydomain.com/leopard/`.\r\n\r\nThe Chat UI can then be used in Sales Engineering mode by visiting `https://mydomain.com/leopard/`\r\n\r\n#### Embed in Production\r\n\r\nYou can inject Leopard Chat UI into a specific element on a page. This might be beneficial if you want to place it in a specific tab order. To enable this add a `\u003cdiv id=\"leopardChatWindow\"\u003e\u003c/div\u003e` anywhere on the page. This is not required though and if absent the UI will automatically be injected at the beginning of the body.\r\n\r\n```html\r\n\u003cscript type=\"text/javascript\"\u003e\r\n  window.TENEOCTX || (TENEOCTX = {});\r\n  TENEOCTX = {\r\n    init: {\r\n      trustedDomain: \"\", // something like http://localhost:8080 // \"\" = receive and post messages to all domains\r\n      allowScripts: true // false = if you want to disable potential eval\r\n    },\r\n    ctx: {\r\n      eventSource: \"leopard-embed\",\r\n      pageTitle: document.title,\r\n      pageUrl: window.location.href,\r\n      pageTopic: \"Help\",\r\n      message: \"This was sent from the customer's web site\"\r\n    }\r\n  };\r\n\u003c/script\u003e\r\n\r\n\u003cdiv id=\"leopardChatWindow\"\u003e\u003c/div\u003e\r\n\r\n\u003cscript src=\"https://mydomain.com/leopard/static/embed-leopard.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n## Features\r\n\r\n|                                                                                                                   | Supported |\r\n| ----------------------------------------------------------------------------------------------------------------- | :-------: |\r\n| [ASR \u0026 TTS](https://jolzee.gitbook.io/leopard/configuration/asr-and-tts)                                          |    ✔️     |\r\n| [Alerts](https://jolzee.gitbook.io/leopard/components/alerts)                                                     |    ✔️     |\r\n| [All modern browsers \u0026 IE 11](https://jolzee.gitbook.io/leopard/#browser-compatibility)                           |    ✔️     |\r\n| [Answer Text Formatting](https://jolzee.gitbook.io/leopard/components/answer-text-formatting) - HTML and Markdown |    ✔️     |\r\n| [Audio Player](https://jolzee.gitbook.io/leopard/components/audio)                                                |    ✔️     |\r\n| [Auto Switch Solutions](https://jolzee.gitbook.io/leopard/components/language-auto-switch)                        |    ✔️     |\r\n| [Buttons](https://jolzee.gitbook.io/leopard/components/buttons-and-lists)                                         |    ✔️     |\r\n| [Cards](https://jolzee.gitbook.io/leopard/components/card)                                                        |    ✔️     |\r\n| [Custom Forms](https://jolzee.gitbook.io/leopard/components/forms-1/forms)                                        |    ✔️     |\r\n| [Custom HTML Modals](https://jolzee.gitbook.io/leopard/components/custom)                                         |    ✔️     |\r\n| [Custom Response Icons](https://jolzee.gitbook.io/leopard/components/custom-response-icons)                       |    ✔️     |\r\n| [Dark Mode](http://lychee.joles.xyz/#15895788995003/15895789274934)                                               |    ✔️     |\r\n| [Date and Time Pickers](https://jolzee.gitbook.io/leopard/components/date-and-time-pickers)                       |    ✔️     |\r\n| [Deep Link to Question](https://jolzee.gitbook.io/leopard/components/deep-linked-question)                        |    ✔️     |\r\n| [Dynamic Theme Changes](https://jolzee.gitbook.io/leopard/components/dynamic-theme-change)                        |    ✔️     |\r\n| [Emergency Button](https://jolzee.gitbook.io/leopard/components/emergency-button)                                 |    ✔️     |\r\n| [Expensive Operations](https://jolzee.gitbook.io/leopard/components/expensive-operations)                         |    ✔️     |\r\n| [Extension Helper (Groovy)](https://jolzee.gitbook.io/leopard/installation/extension-helper)                      |    ✔️     |\r\n| [Feedback Forms](https://jolzee.gitbook.io/leopard/components/forms-1/feedback-form)                              |    ✔️     |\r\n| [Field Masks](https://jolzee.gitbook.io/leopard/components/field-masks)                                           |    ✔️     |\r\n| [Field Types](https://jolzee.gitbook.io/leopard/components/field-types) - [email / password / location / upload]  |    ✔️     |\r\n| [Firebase Social Authentication](https://jolzee.gitbook.io/leopard/integrations/social-authentication)            |    ✔️     |\r\n| [Geo Context Capture](https://jolzee.gitbook.io/leopard/installation/context-variables/context-parameters)        |    ✔️     |\r\n| [Hyperlinks that send input back to Teneo](https://jolzee.gitbook.io/leopard/components/hyperlinks)               |    ✔️     |\r\n| [Image Carousels](https://jolzee.gitbook.io/leopard/components/images/image-carousel)                             |    ✔️     |\r\n| [Images](https://jolzee.gitbook.io/leopard/components/images/image)                                               |    ✔️     |\r\n| [Input Field Help Text](https://jolzee.gitbook.io/leopard/components/input-field-help-text)                       |    ✔️     |\r\n| [LiveChatInc.com](https://jolzee.gitbook.io/leopard/integrations/live-chat)                                       |    ✔️     |\r\n| [Maps](https://jolzee.gitbook.io/leopard/components/maps)                                                         |    ✔️     |\r\n| [Proactive Dialogs](https://jolzee.gitbook.io/leopard/components/prompt-trigger-polling)                          |    ✔️     |\r\n| [Sentry and LogRocket](https://jolzee.gitbook.io/leopard/integrations/logging-reporting) - Logging and Reporting  |    ✔️     |\r\n| [Split Answers](https://jolzee.gitbook.io/leopard/components/splitting-a-response)                                |    ✔️     |\r\n| [Tables](https://jolzee.gitbook.io/leopard/components/tables)                                                     |    ✔️     |\r\n| Themeable                                                                                                         |    ✔️     |\r\n| [Toasts](https://jolzee.gitbook.io/leopard/components/toasts)                                                     |    ✔️     |\r\n| [Video Player](https://jolzee.gitbook.io/leopard/components/video) (YouTube, Vimeo, mp4)                          |    ✔️     |\r\n| [i18n](https://jolzee.gitbook.io/leopard/configuration/asr-and-tts)                                               |    ✔️     |\r\n\r\n## Screenshots\r\n\r\n\u003ca href=\"http://lychee.joles.xyz/#15895788995003\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/jolzee/assets/raw/master/leopard/screenshots2.png\" alt=\"Leopard Chat\"\u003e\u003c/a\u003e\r\n\r\n## Documentation\r\n\r\nDo you **need some help**? Check the [_complete documentation_](https://jolzee.gitbook.io/leopard/).\r\n\r\n## Contributing\r\n\r\nGot **something interesting** you'd like to **share**? Learn about [contributing](https://github.com/jolzee/leopard-chat-ui-teneo/blob/master/.github/CONTRIBUTING.md).\r\n\r\n## Author\r\n\r\n| [![Peter Joles](https://github.com/jolzee/assets/raw/master/peter.png)](https://www.linkedin.com/in/peterjoles/) |\r\n| :--------------------------------------------------------------------------------------------------------------: |\r\n|                                                 **Peter Joles**                                                  |\r\n\r\n## Support\r\n\r\nReach out to me at one of the following places:\r\n\r\n- [peter.joles.xyz](http://peter.joles.xyz/)\r\n- **peter.joles@artificial-solutions.com**\r\n\r\n## License\r\n\r\nDistributed under the Apache License 2.0. See [**LICENSE**](https://github.com/jolzee/leopard-chat-ui-teneo/blob/master/LICENSE) for more information.\r\n\r\n## Attributions\r\n\r\nIcons made by \u003ca href=\"https://www.flaticon.com/authors/pixel-perfect\" title=\"Pixel perfect\"\u003ePixel perfect\u003c/a\u003e from \u003ca href=\"https://www.flaticon.com/\" title=\"Flaticon\"\u003e www.flaticon.com\u003c/a\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjolzee%2Fleopard-chat-ui-teneo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjolzee%2Fleopard-chat-ui-teneo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjolzee%2Fleopard-chat-ui-teneo/lists"}