mercuryworkshop-mirror/adrift
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/adrift.git synced 2025-05-13 06:10:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

login form

Browse source
This commit is contained in:
CoolElectronics 2023-08-12 16:24:08 -04:00
parent 76659f0fa5
commit 932858d6e7
No known key found for this signature in database
GPG key ID: F63593D168636C50
2 changed files with 39 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/App.svelte
View file

@ -19,6 +19,10 @@
let wstransport: DevWsTransport | undefined; let wstransport: DevWsTransport | undefined;
let rtctransport: RTCTransport | undefined; let rtctransport: RTCTransport | undefined;
let email = "test@test.com";
let password = "123456";
if (import.meta.env.VITE_ADRIFT_DEV) { if (import.meta.env.VITE_ADRIFT_DEV) {
console.log( console.log(
"%cADRIFT RUNNING IN DEVELOPMENT MODE", "%cADRIFT RUNNING IN DEVELOPMENT MODE",
@ -44,7 +48,11 @@
setBareClientImplementation(bare); setBareClientImplementation(bare);
} }
function createRTCTransport() { function onTransportClose() {
console.warn("Transport closed");
}
async function connectFirebase() {
rtctransport = transport = new RTCTransport( rtctransport = transport = new RTCTransport(
onTransportOpen, onTransportOpen,
onTransportClose, onTransportClose,
@ -52,20 +60,8 @@
console.log, console.log,
console.log console.log
); );
}
function onTransportClose() { let creds = await signInWithEmailAndPassword(auth, email, password);
console.warn("Transport closed");
}
async function connectFirebase() {
createRTCTransport();
let creds = await signInWithEmailAndPassword(
auth,
"test@test.com",
"123456"
);
const db = getDatabase(); const db = getDatabase();
let peer = ref(db, `/peers/${creds.user.uid}`); let peer = ref(db, `/peers/${creds.user.uid}`);
@ -83,14 +79,20 @@
if (data && data.answer && data.candidates) { if (data && data.answer && data.candidates) {
set(peer, null); set(peer, null);
const { answer, candidates } = data; const { answer, candidates } = data;
rtctransport.answer(answer, candidates); rtctransport?.answer(answer, candidates);
} }
} }
}); });
} }
async function connectDevHttp() { async function connectDevHttp() {
createRTCTransport(); rtctransport = transport = new RTCTransport(
onTransportOpen,
onTransportClose,
console.log,
console.log,
console.log
);
let offer = await rtctransport.createOffer(); let offer = await rtctransport.createOffer();
console.log("offer created", offer); console.log("offer created", offer);
console.log(JSON.stringify(offer)); console.log(JSON.stringify(offer));
@ -114,13 +116,25 @@
} }
</script> </script>
<h1>
{#if !import.meta.env.VITE_ADRIFT_DEV} {#if !import.meta.env.VITE_ADRIFT_DEV}
<div class="container">
<label for="email">email</label>
<input name="email" type="text" bind:value={email} />
<label for="password">password</label>
<input name="password" type="password" bind:value={password} />
<button on:click={connectFirebase}>Connect with firebase</button> <button on:click={connectFirebase}>Connect with firebase</button>
</div>
{:else} {:else}
<button on:click={connectDevHttp} <button on:click={connectDevHttp}
>Connect with dev webrtc (http signaling server)</button >Connect with dev webrtc (http signaling server)</button
> >
<button on:click={connectDevWS}>Connect with dev websocket</button> <button on:click={connectDevWS}>Connect with dev websocket</button>
{/if} {/if}
</h1>
<style>
.container {
display: flex;
flex-direction: column;
width: max-content;
}
</style>

1
frontend/svelte.config.cjs
View file

@ -4,7 +4,6 @@ const preprocess = require("svelte-preprocess");
const config = { const config = {
preprocess: [ preprocess: [
preprocess({ preprocess({
postcss: true,
typescript: true, typescript: true,
}), }),
], ],