fix: force svelte websockets to be client side
This commit is contained in:
parent
89d3ef103e
commit
9beea4921c
|
@ -14,6 +14,7 @@ services:
|
||||||
- $WEBSOCKET_PORT:$WEBSOCKET_PORT
|
- $WEBSOCKET_PORT:$WEBSOCKET_PORT
|
||||||
depends_on:
|
depends_on:
|
||||||
- redis
|
- redis
|
||||||
|
|
||||||
emulator:
|
emulator:
|
||||||
build:
|
build:
|
||||||
context: .
|
context: .
|
||||||
|
@ -29,11 +30,13 @@ services:
|
||||||
- redis
|
- redis
|
||||||
volumes:
|
volumes:
|
||||||
- ./states/:/code/states/
|
- ./states/:/code/states/
|
||||||
|
|
||||||
redis:
|
redis:
|
||||||
image: redis:alpine
|
image: redis:alpine
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
ports:
|
ports:
|
||||||
- $REDIS_PORT:6379
|
- $REDIS_PORT:6379
|
||||||
|
|
||||||
rtmp:
|
rtmp:
|
||||||
image: tiangolo/nginx-rtmp
|
image: tiangolo/nginx-rtmp
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
|
|
|
@ -1,8 +1,14 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
const websocket: WebSocket = new WebSocket("ws://localhost:6789/");
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
let websocket: WebSocket | undefined;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
websocket = new WebSocket("ws://localhost:6789/");
|
||||||
|
});
|
||||||
|
|
||||||
const sendAction = (key: string) => () => {
|
const sendAction = (key: string) => () => {
|
||||||
websocket.send(JSON.stringify({ action: key }));
|
if (websocket) websocket.send(JSON.stringify({ action: key }));
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -36,7 +42,7 @@
|
||||||
<button id="left" on:click={sendAction("left")}> < </button>
|
<button id="left" on:click={sendAction("left")}> < </button>
|
||||||
</td>
|
</td>
|
||||||
<td />
|
<td />
|
||||||
<td style="padding-right: 3rem;">
|
<td style="padding-right: 20%;">
|
||||||
<button id="right" on:click={sendAction("right")}> > </button>
|
<button id="right" on:click={sendAction("right")}> > </button>
|
||||||
</td>
|
</td>
|
||||||
<td />
|
<td />
|
||||||
|
@ -58,15 +64,18 @@
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<style>
|
<style lang="sass">
|
||||||
td {
|
td {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
#a,
|
#a,
|
||||||
#b {
|
#b {
|
||||||
width: 2rem;
|
|
||||||
height: 2rem;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -74,8 +83,8 @@
|
||||||
#right,
|
#right,
|
||||||
#up,
|
#up,
|
||||||
#down {
|
#down {
|
||||||
width: 2rem;
|
width: 10%;
|
||||||
height: 2rem;
|
height: 10%;
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -83,7 +92,7 @@
|
||||||
#select,
|
#select,
|
||||||
#l,
|
#l,
|
||||||
#r {
|
#r {
|
||||||
width: 3.5rem;
|
width: 20%;
|
||||||
border-radius: 25%;
|
border-radius: 25%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
let websocket = new WebSocket("ws://127.0.0.1:6789/");
|
let websocket = new WebSocket("wss://gba.inpt.fr:6789/");
|
||||||
let passwordInput = document.querySelector('#password-text');
|
let passwordInput = document.querySelector('#password-text');
|
||||||
|
|
||||||
let divLogin = document.querySelector("#login");
|
let divLogin = document.querySelector("#login");
|
||||||
|
|
|
@ -79,9 +79,9 @@
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var websocket = new WebSocket("ws://localhost:6789/");
|
let websocket = new WebSocket("ws://gba.inpt.fr:6789/");
|
||||||
|
|
||||||
var a = document.getElementById('a'),
|
let a = document.getElementById('a'),
|
||||||
b = document.getElementById('b'),
|
b = document.getElementById('b'),
|
||||||
select = document.getElementById('select'),
|
select = document.getElementById('select'),
|
||||||
start = document.getElementById('start'),
|
start = document.getElementById('start'),
|
||||||
|
|
Loading…
Reference in a new issue