proper ci cd

.drone.yml

@@ -70,6 +70,8 @@ steps:
         from_secret: WS_PORT
       WS_SKEY:
         from_secret: WS_SKEY
+      WS_SSL:
+        from_secret: WS_SSL
     volumes:
       - name: dockersock
         path: /var/run/docker.sock
@@ -82,6 +84,7 @@ steps:
         --build-arg VITE_WS_HOST="$WS_HOST" \
         --build-arg VITE_WS_PORT="$WS_PORT" \
         --build-arg VITE_WS_SKEY="$WS_SKEY" \
+        --build-arg VITE_WS_SSL="$WS_SSL" \
         -t lila-games/tic-tac-toe-ui:$IMAGE_TAG \
         -t lila-games/tic-tac-toe-ui:latest \
         /drone/src

Dockerfile

@@ -17,11 +17,12 @@ COPY . .
 ARG VITE_WS_HOST
 ARG VITE_WS_PORT
 ARG VITE_WS_SKEY
+ARG VITE_WS_SSL
 
 # Export them as actual environment variables (Vite needs ENV)
 ENV VITE_WS_HOST=${VITE_WS_HOST}
 ENV VITE_WS_PORT=${VITE_WS_PORT}
-ENV VITE_WS_SKEY=${VITE_WS_SKEY}
+ENV VITE_WS_SSL=${VITE_WS_SSL}
 
 # Build
 RUN npm run build

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tictactoe-vite",
-  "version": "v0.2.2",
+  "version": "v1.0.0",
   "private": true,
   "scripts": {
     "dev": "vite",

src/tictactoe/providers/NakamaProvider.tsx

@@ -46,9 +46,16 @@ export interface NakamaContextType {
 export const NakamaContext = createContext<NakamaContextType>(null!);
 
 export function NakamaProvider({ children }: { children: React.ReactNode }) {
+  console.log(
+    "[Nakama] Initializing...",
+      // import.meta.env.VITE_WS_SKEY,
+      import.meta.env.VITE_WS_HOST,
+      import.meta.env.VITE_WS_PORT,
+      import.meta.env.VITE_WS_SSL === "true"
+  );
   const [client] = useState(
     () => new Client(
-      import.meta.env.VITE_SERVER_KEY,
+      import.meta.env.VITE_WS_SKEY,
       import.meta.env.VITE_WS_HOST,
       import.meta.env.VITE_WS_PORT,
       import.meta.env.VITE_WS_SSL === "true"
@@ -117,8 +124,10 @@ export function NakamaProvider({ children }: { children: React.ReactNode }) {
     const newSession = await getSession(username);
     setSession(newSession);
 
-    // create a socket (new Nakama 3.x signature)
-    const s = client.createSocket(undefined, undefined); // no SSL on localhost
+    const s = client.createSocket(
+      import.meta.env.VITE_WS_SSL === "true",
+      undefined
+    );
     await s.connect(newSession, true);
     setSocket(s);
     socketRef.current = s;

src/vite-env.d.ts

@@ -4,6 +4,7 @@ interface ImportMetaEnv {
   readonly VITE_WS_HOST: string;
   readonly VITE_WS_PORT: string;
   readonly VITE_WS_SKEY: string;
+  readonly VITE_WS_SSL: string;
 }
 
 interface ImportMeta {