Update index.html

index.html

@@ -5,11 +5,29 @@
         <script>
             eruda.init();
         </script>
-        <script src="https://cdn.socket.io/4.0.1/socket.io.min.js"></script><script>    const socket = io("https://web-socket-server-14ap.onrender.com/", {
-        query: {
-            isAdmin: false
-        }
-    });</script>
+        <script src="https://cdn.socket.io/4.0.1/socket.io.min.js"></script><script>
+const socket = io("https://web-socket-server-14ap.onrender.com", {
+    withCredentials: false,
+    extraHeaders: {
+      "my-custom-header": "abcd"
+    },
+    query: {
+      isAdmin: false
+    },
+    transports: ["websocket", "polling"], // 両方のトランスポートを許可
+    reconnectionAttempts: 5, // 再接続試行回数
+    reconnectionDelay: 1000 // 再接続間隔
+  });
+
+  // エラーハンドリング
+  socket.on("connect_error", (err) => {
+    console.error("Connection error:", err);
+  });
+
+  socket.on("disconnect", (reason) => {
+    console.log("Disconnected:", reason);
+  });
+        </script>
         <script async data-id="101489234" src="//static.getclicky.com/js"></script>
         <script>
             !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ie Ts Ms Ee Es Rs capture Ge calculateEventProperties Os register register_once register_for_session unregister unregister_for_session js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ds Fs createPersonProfile Ls Ps opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Cs debug I As getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);