chore: Move liveReload code into script.

Author: sidharthv96

.gitignore

@@ -46,3 +46,4 @@ stats/
 
 demos/dev/**
 !/demos/dev/example.html
+!/demos/dev/reload.js

demos/dev/example.html

@@ -33,32 +33,6 @@
       el.innerHTML = svg;
     </script>
 
-    <script>
-      // Set to false to disable live reload
-      const liveReload = true;
-      // Connect to the server and reload the page if the server sends a reload message
-      const connectToEvents = () => {
-        const events = new EventSource('/events');
-        const loadTime = Date.now();
-        events.onmessage = (event) => {
-          const time = JSON.parse(event.data);
-          if (time && time > loadTime) {
-            location.reload();
-          }
-        };
-        events.onerror = () => {
-          // No need to log this error, as it's not useful.
-          events.close();
-          // Try to reconnect after 1 second in case of errors
-          setTimeout(connectToEvents, 1000);
-        };
-        events.onopen = () => {
-          console.log('Connected to live reload server');
-        };
-      };
-      if (liveReload) {
-        setTimeout(connectToEvents, 1000);
-      }
-    </script>
+    <script src="/dev/reload.js"></script>
   </body>
 </html>

demos/dev/reload.js

@@ -0,0 +1,22 @@
+// Connect to the server and reload the page if the server sends a reload message
+const connectToEvents = () => {
+  const events = new EventSource('/events');
+  const loadTime = Date.now();
+  events.onmessage = (event) => {
+    const time = JSON.parse(event.data);
+    if (time && time > loadTime) {
+      location.reload();
+    }
+  };
+  events.onerror = (error) => {
+    console.error(error);
+    events.close();
+    // Try to reconnect after 1 second in case of errors
+    setTimeout(connectToEvents, 1000);
+  };
+  events.onopen = () => {
+    console.log('Connected to live reload server');
+  };
+};
+
+setTimeout(connectToEvents, 500);

tsconfig.eslint.json

@@ -5,5 +5,14 @@
     // ensure that nobody can accidentally use this config for a build
     "noEmit": true
   },
-  "include": ["packages", "tests", "scripts", "cypress", "__mocks__", "./.eslintrc.cjs", "./*"]
+  "include": [
+    "packages",
+    "tests",
+    "scripts",
+    "cypress",
+    "__mocks__",
+    "./.eslintrc.cjs",
+    "./*",
+    "demos/dev"
+  ]
 }