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
@@ -118,7 +121,7 @@ steps:
         path: /var/run/docker.sock
     commands:
       - echo "🛑 Stopping old container..."
-      - docker rm -f blog || true
+      - docker rm -f tic-tac-toe-ui || true
 
   - name: run-container
     image: docker:24
@@ -131,8 +134,8 @@ steps:
       - echo "🚀 Starting container lila-games/tic-tac-toe-ui:$IMAGE_TAG ..."
       - |
         docker run -d \
-          --name blog \
-          -p 3002:3000 \
+          --name tic-tac-toe-ui \
+          -p 3003:3000 \
           -e NODE_ENV=production \
           --restart always \
           lila-games/tic-tac-toe-ui:$IMAGE_TAG

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,11 +46,19 @@ 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_WS_SKEY,
       import.meta.env.VITE_WS_HOST,
-      import.meta.env.VITE_WS_PORT
+      import.meta.env.VITE_WS_PORT,
+      import.meta.env.VITE_WS_SSL === "true"
     )
   );
 
@@ -116,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 {