reconnecting WS (broken)

Author: Archmonger

src/django_idom/config.py

@@ -10,6 +10,7 @@
 IDOM_BASE_URL = getattr(settings, "IDOM_BASE_URL", "_idom/")
 IDOM_WEBSOCKET_URL = IDOM_BASE_URL + "websocket/"
 IDOM_WEB_MODULES_URL = IDOM_BASE_URL + "web_module/"
+IDOM_WS_RECONNECT = getattr(settings, "IDOM_WS_RECONNECT", True)
 
 _CACHES = getattr(settings, "CACHES", {})
 if _CACHES:

src/django_idom/templates/idom/component.html

@@ -7,7 +7,8 @@
     mountPoint,
     "{{ idom_websocket_url }}",
     "{{ idom_web_modules_url }}",
+    parseInt("{% if idom_ws_reconnect %}604800{% else %}0{% endif %}"),
     "{{ idom_component_id }}",
     "{{ idom_component_params }}"
   );
-</script>
+</script>

src/django_idom/templatetags/idom.py

@@ -10,6 +10,7 @@
     IDOM_REGISTERED_COMPONENTS,
     IDOM_WEB_MODULES_URL,
     IDOM_WEBSOCKET_URL,
+    IDOM_WS_RECONNECT,
 )
 
 
@@ -27,6 +28,7 @@ def idom_component(_component_id_, **kwargs):
         "class": class_,
         "idom_websocket_url": IDOM_WEBSOCKET_URL,
         "idom_web_modules_url": IDOM_WEB_MODULES_URL,
+        "idom_ws_reconnect": IDOM_WS_RECONNECT,
         "idom_mount_uuid": uuid4().hex,
         "idom_component_id": _component_id_,
         "idom_component_params": urlencode({"kwargs": json_kwargs}),
@@ -36,12 +38,12 @@ def idom_component(_component_id_, **kwargs):
 def _register_component(full_component_name: str) -> None:
     module_name, component_name = full_component_name.rsplit(".", 1)
 
-        try:
-            module = import_module(module_name)
-        except ImportError as error:
-            raise RuntimeError(
-                f"Failed to import {module_name!r} while loading {component_name!r}"
-            ) from error
+    try:
+        module = import_module(module_name)
+    except ImportError as error:
+        raise RuntimeError(
+            f"Failed to import {module_name!r} while loading {component_name!r}"
+        ) from error
 
     try:
         component = getattr(module, component_name)

src/js/src/index.js

@@ -4,28 +4,34 @@ import { mountLayoutWithWebSocket } from "idom-client-react";
 let LOCATION = window.location;
 let WS_PROTOCOL = "";
 if (LOCATION.protocol == "https:") {
-  WS_PROTOCOL = "wss://";
+	WS_PROTOCOL = "wss://";
 } else {
-  WS_PROTOCOL = "ws://";
+	WS_PROTOCOL = "ws://";
 }
 let WS_ENDPOINT_URL = WS_PROTOCOL + LOCATION.host + "/";
 
 export function mountViewToElement(
-  mountPoint,
-  idomWebsocketUrl,
-  idomWebModulesUrl,
-  viewId,
-  queryParams
+	mountPoint,
+	idomWebsocketUrl,
+	idomWebModulesUrl,
+	maxReconnectTimeout,
+	viewId,
+	queryParams
 ) {
-  const fullWebsocketUrl =
-    WS_ENDPOINT_URL + idomWebsocketUrl + viewId + "/?" + queryParams;
+	const fullWebsocketUrl =
+		WS_ENDPOINT_URL + idomWebsocketUrl + viewId + "/?" + queryParams;
 
-  const fullWebModulesUrl = LOCATION.origin + "/" + idomWebModulesUrl
-  const loadImportSource = (source, sourceType) => {
-    return import(
-      sourceType == "NAME" ? `${fullWebModulesUrl}${source}` : source
-    );
-  };
+	const fullWebModulesUrl = LOCATION.origin + "/" + idomWebModulesUrl;
+	const loadImportSource = (source, sourceType) => {
+		return import(
+			sourceType == "NAME" ? `${fullWebModulesUrl}${source}` : source
+		);
+	};
 
-  mountLayoutWithWebSocket(mountPoint, fullWebsocketUrl, loadImportSource);
+	mountLayoutWithWebSocket(
+		mountPoint,
+		fullWebsocketUrl,
+		loadImportSource,
+		maxReconnectTimeout
+	);
 }