mirror of
https://github.com/m1k1o/neko.git
synced 2024-07-24 14:40:50 +12:00
add README.
This commit is contained in:
parent
388f36863a
commit
bada3d1243
57
README.md
Normal file
57
README.md
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
# neko-client
|
||||||
|
Connect to [demodesk/neko](https://github.com/demodesk/neko) backend with self contained vue component.
|
||||||
|
|
||||||
|
For **community edition** neko with GUI and _plug & play_ deployment visit [m1k1o/neko](https://github.com/m1k1o/neko).
|
||||||
|
|
||||||
|
## Installation
|
||||||
|
Code is published to public GitHub npm repository.
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm command
|
||||||
|
npm i @demodesk/neko
|
||||||
|
# yarn command
|
||||||
|
yarn add @demodesk/neko
|
||||||
|
```
|
||||||
|
|
||||||
|
### Registry setup
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm command
|
||||||
|
echo @demodesk:registry=https://npm.pkg.github.com >> .npmrc
|
||||||
|
# yarn command
|
||||||
|
echo \"@demodesk:registry\" \"https://npm.pkg.github.com\" >> .yarnrc
|
||||||
|
```
|
||||||
|
|
||||||
|
### Example
|
||||||
|
API consists of accessing Vue reactive state, calling various methods and subscribing to events. Simple usage:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- import vue -->
|
||||||
|
<script src="https://unpkg.com/vue"></script>
|
||||||
|
|
||||||
|
<!-- import neko -->
|
||||||
|
<script src="./neko.umd.js"></script>
|
||||||
|
<link rel="stylesheet" href="./neko.css">
|
||||||
|
|
||||||
|
<div id="app">
|
||||||
|
<neko ref="neko" server="http://127.0.0.1:3000/api" autologin autoplay />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
new Vue({
|
||||||
|
components: { neko },
|
||||||
|
mounted() {
|
||||||
|
// access state
|
||||||
|
// this.$refs.neko.state.session_id
|
||||||
|
|
||||||
|
// call methods
|
||||||
|
// this.$refs.neko.setUrl('http://127.0.0.1:3000/api')
|
||||||
|
// this.$refs.neko.login('username', 'password')
|
||||||
|
// this.$refs.neko.logout()
|
||||||
|
|
||||||
|
// subscribe to events
|
||||||
|
// this.$refs.neko.events.on('room.control.host', (id) => { })
|
||||||
|
},
|
||||||
|
}).$mount('#app')
|
||||||
|
</script>
|
||||||
|
```
|
Loading…
Reference in New Issue
Block a user