@petercat/chat-app
![Version](https://img.shields.io/npm/v/petercatai/chat-sdk/latest.svg)
chat-app is a UI component library based on dumi, designed for building PeterCat conversation interfaces.
Development
$ yarn install
$ yarn start
$ yarn run build
$ yarn run build:watch
$ yarn run docs:build
$ yarn run doctor
How to integrate Perter Cat Assistant by UMD way?
Step 1, externalize the following dependencies for your project if you already used them in your project:
export default {
externals: {
react: 'React',
'react-dom': 'ReactDOM',
antd: 'antd',
dayjs: 'dayjs',
'lottie-web': 'lottie',
},
};
Step 2, add the following script tag to your entry HTML file:
...
<head>
+ <script src="https://example.cdn.com/react/umd/react.development.js"></script>
+ <script src="https://example.cdn.com/react-dom/umd/react-dom.development.js"></script>
+ <script src="https://example.cdn.com/dayjs/dayjs.min.js"></script>
+ <script src="https://example.cdn.com/antd/dist/antd.js"></script>
+ <script src="https://example.cdn.com/lottie-web/build/player/lottie.js"></script>
+ <script src="https://example.cdn.com/petercat-lui/dist/umd/petercat-lui.min.js"></script>
+ <link rel="stylesheet" href="https://example.cdn.com/petercat-lui/dist/umd/petercat-lui.min.css">
</head>
...
Step 3, render Assistant component in your project:
<body>
...
+ <script>
+ PetercatLUI.initAssistant({
+ apiDomain: 'https://api.petercat.ai',
+ token: 'your-token'
+ });
+ </script>
</body>
That's it! Now you can enjoy the Assistant component in your project.
LICENSE
MIT