feat: add overlay page

examples/react-overlay/src/main.tsx

@@ -4,11 +4,9 @@ import reactLogo from './assets/react.svg';
 import FarmLogo from './assets/logo.png';
 export function Main() {
   const [count, setCount] = useState(0);
-  const 123e
   return (
     <>
       <div>
-        123456456123123123123
         <a href="https://farm-fe.github.io/" target="_blank">
           <img src={FarmLogo} className="logo" alt="Farm logo" />
         </a>

packages/runtime-plugin-hmr/src/hmr-client.ts

@@ -14,6 +14,7 @@ const host =
 
 const path = FARM_HMR_PATH || '/__hmr';
 const protocol = location.protocol === 'https:' ? 'wss' : 'ws';
+
 export class HmrClient {
   socket: WebSocket;
   registeredHotModulesMap = new Map<string, HotModuleState>();
@@ -287,7 +288,7 @@ async function waitForSuccessfulPing(
         headers: {
           // Custom headers won't be included in a request with no-cors so (ab)use one of the
           // safelisted headers to identify the ping request
-          Accept: 'text/x-vite-ping'
+          Accept: 'text/x-farm-ping'
         }
       });
       return true;