fix: using private signaling server on fly.io

desktop/src/App.tsx

@@ -1,11 +1,11 @@
 import { invoke } from "@tauri-apps/api/tauri";
+import { useLocalStorage } from "@uidotdev/usehooks";
 import { DataConnection, Peer } from "peerjs";
 import { useEffect, useRef, useState } from "react";
 import { v4 as uuidv4 } from 'uuid';
 import successSvg from "./assets/success.svg";
-import { BASE_URL } from "./config";
+import { BASE_URL, PEERJS_OPTIONS } from "./config";
 import { createQR } from "./qr";
-import { useLocalStorage } from "@uidotdev/usehooks";
 
 
 enum Action {
@@ -27,7 +27,7 @@ function App() {
   const [id, ] = useLocalStorage('id', uuidv4())
   console.log('localstorage id => ', id)
   const [loading, setLoading] = useState(true);
-  const [peer, ] = useState(new Peer(id, { pingInterval: 2000 , host: '0.peerjs.com', debug: 3}));
+  const [peer, ] = useState(new Peer(id, PEERJS_OPTIONS));
   const [conn, setConn] = useState<DataConnection | null>(null);
   const qrDiv = useRef<HTMLDivElement>(null);
 

desktop/src/config.ts

@@ -1 +1,10 @@
-export const BASE_URL = 'https://thewh1teagle.github.io/mobslide/'
+import {PeerOptions} from 'peerjs'
+export const BASE_URL = 'https://thewh1teagle.github.io/mobslide/'
+export const PEERJS_OPTIONS: PeerOptions = {
+    host: 'mobslide-signaling.fly.dev',
+    port: 443,
+    path: '/',
+    pingInterval: 2000,
+    secure: true,
+    debug: 3
+}

web/.dockerignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

web/Dockerfile

@@ -0,0 +1,5 @@
+FROM peerjs/peerjs-server
+
+# Expose port 9000
+EXPOSE 9000
+ENTRYPOINT ["node", "peerjs.js", "--host", "0.0.0.0", "--port", "9000"]

web/fly.toml

@@ -0,0 +1,17 @@
+# fly.toml app configuration file generated for mobslide-signaling on 2023-11-20T04:36:58+02:00
+#
+# See https://fly.io/docs/reference/configuration/ for information about how to use this file.
+#
+
+app = "mobslide-signaling"
+primary_region = "mad"
+
+[build]
+  dockerfile = "Dockerfile"
+
+[http_service]
+  internal_port = 9000
+  force_https = true
+  auto_stop_machines = true
+  auto_start_machines = true
+  min_machines_running = 0

web/src/App.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from "react";
 import { useLongPress } from "use-long-press";
 
 import Peer, { DataConnection } from "peerjs";
+import { PEERJS_OPTIONS } from "./config";
 
 const noSleep = new NoSleep();
 enum Action {
@@ -68,11 +69,7 @@ function App() {
   async function createConnection() {
     return new Promise<void>((resolve, reject) => {
       console.log("connecting to ", addressRef.current);
-      peerRef.current = new Peer({
-        host: "0.peerjs.com",
-        debug: 3,
-        pingInterval: 2000,
-      });
+      peerRef.current = new Peer(PEERJS_OPTIONS);
       peerRef.current.on("open", () => {
         if (addressRef.current) {
           peerRef?.current?.on("error", (error) => reject(error));

web/src/config.ts

@@ -0,0 +1,10 @@
+import {PeerOptions} from 'peerjs'
+
+export const PEERJS_OPTIONS: PeerOptions = {
+    host: 'mobslide-signaling.fly.dev',
+    port: 443,
+    path: '/',
+    pingInterval: 2000,
+    secure: true,
+    debug: 3
+}