mirror of
https://github.com/tauri-apps/plugins-workspace.git
synced 2026-07-16 16:47:21 +02:00
initial commit
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
<script lang="ts">
|
||||
import WebSocket from 'tauri-plugin-websocket-api'
|
||||
import { onMount } from 'svelte'
|
||||
|
||||
let ws
|
||||
let response = ''
|
||||
let message = ''
|
||||
|
||||
onMount(async () => {
|
||||
ws = await WebSocket.connect('ws://127.0.0.1:8080').then(r => {
|
||||
_updateResponse('Connected')
|
||||
return r
|
||||
}).catch(_updateResponse)
|
||||
ws.addListener(_updateResponse)
|
||||
})
|
||||
|
||||
function _updateResponse(returnValue) {
|
||||
response += (typeof returnValue === 'string' ? returnValue : JSON.stringify(returnValue)) + '<br>'
|
||||
}
|
||||
|
||||
function send() {
|
||||
ws.send(message).then(() => _updateResponse('Message sent')).catch(_updateResponse)
|
||||
}
|
||||
|
||||
function disconnect() {
|
||||
ws.disconnect().then(() => _updateResponse('Disconnected')).catch(_updateResponse)
|
||||
}
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<input bind:value={message}>
|
||||
<button on:click={send}>Send</button>
|
||||
<button on:click={disconnect}>Disconnect</button>
|
||||
</div>
|
||||
<div>{@html response}</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
import App from './App.svelte';
|
||||
|
||||
const app = new App({
|
||||
target: document.body,
|
||||
props: {}
|
||||
});
|
||||
|
||||
export default app;
|
||||
Reference in New Issue
Block a user