From 2ddd1899f78a49d497daad70812cf791bc8e3770 Mon Sep 17 00:00:00 2001
From: Jxck <block.rxckin.beats@gmail.com>
Date: Wed, 25 Aug 2021 00:27:33 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20https=20=E3=81=8B=20http=20=E3=81=8B?=
 =?UTF-8?q?=E3=81=A7=20wss=20=E3=81=8B=20ws=20=E3=81=8B=E5=88=87=E3=82=8A?=
 =?UTF-8?q?=E8=BF=94=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zenn-cli/src/client/hooks/useLocalFileChangedEffect.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/zenn-cli/src/client/hooks/useLocalFileChangedEffect.tsx b/packages/zenn-cli/src/client/hooks/useLocalFileChangedEffect.tsx
index 037311b2..ecf7c7a5 100644
--- a/packages/zenn-cli/src/client/hooks/useLocalFileChangedEffect.tsx
+++ b/packages/zenn-cli/src/client/hooks/useLocalFileChangedEffect.tsx
@@ -14,7 +14,8 @@ export const HotReloadRoot: React.VFC<{ children: React.ReactNode }> = (
   // websocket
   useEffect(() => {
     // e.g ws://localhost:8000
-    const websocket = new WebSocket(`ws://${window.location.host}`);
+    const protocol = isSecureContext ? "wss:" : "ws:"
+    const websocket = new WebSocket(`${protocol}//${window.location.host}`);
 
     // detect local file changes
     websocket.onmessage = () => {