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