🔧 Testing variations for troubleshooting socket.io issues

docker-compose.env

@@ -1 +1 @@
-LIBRARY_SOCKET_HOST=import
+LIBRARY_SOCKET_HOST=ws://importapi:3001

docker-compose.yml

@@ -12,72 +12,80 @@ services:
     restart: unless-stopped
     labels:
       - "traefik.enable=true"
+      
       - "traefik.http.routers.threetwo-ui.rule=Host(`localhost`)"
       - "traefik.http.services.threetwo-ui.loadbalancer.server.port=8050"
       - "traefik.docker.network=proxy"
     ports:
       - "8050:8050"
       - "3050:3050"
+    links:
+      # - import
+      - importapi
+      # - libraryqueue
     depends_on:
       - db
       - redis
       - nats
       - traefik
       - importapi
-      - import
+      # - import
-      - imagetransformation
+      # - imagetransformation
     networks:
       - proxy
 
-  comicvineapi:
+  # comicvineapi:
-    build:
+  #   build:
-      context: https://github.com/rishighan/comicvine-service.git
+  #     context: https://github.com/rishighan/comicvine-service.git
-    image: frishi/comicvine-service
+  #   image: frishi/comicvine-service
-    container_name: comicvine-api
+  #   container_name: comicvine-api
-    ports:
+  #   ports:
-      - "3080:3080"
+  #     - "3080:3080"
-    environment:
+  #   environment:
-      SERVICES: api
+  #     SERVICES: api
-    labels:
+  #   labels:
-      - "traefik.enable=true"
+  #     - "traefik.enable=true"
-      - "traefik.http.routers.comicvine-service.rule=Host(`localhost`)"
+  #     - "traefik.http.routers.comicvine-service.rule=Host(`localhost`)"
-      - "traefik.http.services.comicvine-service.loadbalancer.server.port=3080"
+  #     - "traefik.http.services.comicvine-service.loadbalancer.server.port=3080"
-      - "traefik.docker.network=proxy"
+  #     - "traefik.docker.network=proxy"
-    env_file: ./docker-env/comicvine-service.env
+  #   env_file: ./docker-env/comicvine-service.env
-    volumes:
+  #   volumes:
-      - ./userdata:/comicvine-service/userdata
+  #     - ./userdata:/comicvine-service/userdata
-    depends_on:
+  #   depends_on:
-      - nats
+  #     - nats
-    networks:
+  #   networks:
-      - proxy
+  #     - proxy
 
-  comicvine:
+  # comicvine:
-    build:
+  #   build:
-      context: https://github.com/rishighan/comicvine-service.git
+  #     context: https://github.com/rishighan/comicvine-service.git
-    image: frishi/comicvine-service
+  #   image: frishi/comicvine-service
-    container_name: comicvine-service
+  #   container_name: comicvine-service
-    environment:
+  #   environment:
-      SERVICES: comicvine 
+  #     SERVICES: comicvine 
-    volumes:
+  #   volumes:
-      - ./userdata:/comicvine-service/userdata
+  #     - ./userdata:/comicvine-service/userdata
-    env_file: ./docker-env/comicvine-service.env
+  #   env_file: ./docker-env/comicvine-service.env
-    networks:
+  #   networks:
-      - proxy
+  #     - proxy
   
   importapi:
     build:
       context: https://github.com/rishighan/threetwo-import-service.git
     image: frishi/threetwo-import-service
-    container_name: threetwo-import-api
+    container_name: importapi
     ports:
       - "3000:3000"
       - "3001:3001"
+    expose:
+      - "3001"
     environment:
       SERVICES: api
     labels:
       - "traefik.enable=true"
-      - "traefik.http.routers.threetwo-import-api.rule=Host(`localhost`)"
+      - "traefik.wss.protocol=http"
-      - "traefik.http.services.threetwo-import-api.loadbalancer.server.port=3000"
+      - "traefik.http.routers.importapi.rule=Host(`localhost`)"
+      - "traefik.http.services.importapi.loadbalancer.server.port=3000"
       - "traefik.docker.network=proxy"
     env_file: ./docker-env/threetwo-import-service.env
     volumes:
@@ -89,57 +97,58 @@ services:
     networks:
       - proxy
   
-  import:
+  # import:
-    build:
+  #   build:
-      context: https://github.com/rishighan/threetwo-import-service.git
+  #     context: https://github.com/rishighan/threetwo-import-service.git
-    image: frishi/threetwo-import-service
+  #   image: frishi/threetwo-import-service
-    container_name: import
+  #   container_name: import
-    depends_on: 
+  #   ports:
-      - db
+  #     - "3001:3001"
-      - nats
+  #   depends_on: 
-    environment:
+  #     - db
-      SERVICES: import 
+  #     - nats
-      DOCKER_RABBITMQ_CONNECTION_STRING: 'amqp://user:bitnami@rabbitmq:5672'
+  #   environment:
-    volumes:
+  #     SERVICES: import 
-      - ./userdata:/threetwo-import-service/userdata
+  #   volumes:
-      - ./comics:/threetwo-import-service/comics
+  #     - ./userdata:/threetwo-import-service/userdata
-    env_file: ./docker-env/threetwo-import-service.env
+  #     - ./comics:/threetwo-import-service/comics
-    networks:
+  #   env_file: ./docker-env/threetwo-import-service.env
-      - proxy
+  #   networks:
+  #     - proxy
   
-  imagetransformation:
+  # imagetransformation:
-    build:
+  #   build:
-      context: https://github.com/rishighan/threetwo-import-service.git
+  #     context: https://github.com/rishighan/threetwo-import-service.git
-    image: frishi/threetwo-import-service
+  #   image: frishi/threetwo-import-service
-    container_name: image-transformation
+  #   container_name: image-transformation
-    volumes:
+  #   volumes:
-      - ./userdata:/threetwo-import-service/userdata
+  #     - ./userdata:/threetwo-import-service/userdata
-      - ./comics:/threetwo-import-service/comics
+  #     - ./comics:/threetwo-import-service/comics
-    depends_on: 
+  #   depends_on: 
-      - db 
+  #     - db 
-      - nats
+  #     - nats
-    environment:
+  #   environment:
-      SERVICES: imagetransformation 
+  #     SERVICES: imagetransformation 
-    env_file: ./docker-env/threetwo-import-service.env
+  #   env_file: ./docker-env/threetwo-import-service.env
-    networks:
+  #   networks:
-      - proxy
+  #     - proxy
   
-  libraryqueue:
+  # libraryqueue:
-    build:
+  #   build:
-      context: https://github.com/rishighan/threetwo-import-service.git
+  #     context: https://github.com/rishighan/threetwo-import-service.git
-    image: frishi/threetwo-import-service
+  #   image: frishi/threetwo-import-service
-    container_name: library-queue
+  #   container_name: library-queue
-    volumes:
+  #   volumes:
-      - ./userdata:/threetwo-import-service/userdata
+  #     - ./userdata:/threetwo-import-service/userdata
-      - ./comics:/threetwo-import-service/comics
+  #     - ./comics:/threetwo-import-service/comics
-    depends_on: 
+  #   depends_on: 
-      - db 
+  #     - db 
-      - nats
+  #     - nats
-    environment:
+  #   environment:
-      SERVICES: libraryqueue 
+  #     SERVICES: libraryqueue 
-    env_file: ./docker-env/threetwo-import-service.env
+  #   env_file: ./docker-env/threetwo-import-service.env
-    networks:
+  #   networks:
-      - proxy
+  #     - proxy
 
   db:
     image: 'bitnami/mongodb:latest'

src/client/constants/endpoints.ts

@@ -36,9 +36,9 @@ export const IMPORT_SERVICE_BASE_URI = hostURIBuilder({
   apiPath: "/api/import",
 });
 
-export const SOCKET_BASE_URI = hostURIBuilder({
+// export const SOCKET_BASE_URI = hostURIBuilder({
-  protocol: "http",
+//   protocol: "http",
-  host: process.env.LIBRARY_SOCKET_HOST || "localhost",
+//   host: process.env.LIBRARY_SOCKET_HOST || "localhost",
-  port: "3001",
+//   port: "3001",
-  apiPath: `/`,
+//   apiPath: `/`,
-});
+// });

src/client/store/index.ts

@@ -5,8 +5,8 @@ import thunk from "redux-thunk";
 import createRootReducer from "../reducers";
 import socketIO from "socket.io-client";
 import socketIoMiddleware from "redux-socket.io-middleware";
-import { SOCKET_BASE_URI } from "../constants/endpoints";
+// import { SOCKET_BASE_URI } from "../constants/endpoints";
-const io = socketIO(SOCKET_BASE_URI);
+const io = socketIO(`ws://importapi:3001`);
 export const history = createBrowserHistory();
 const configureStore = (initialState) => {
   const store = createStore(